/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss (1) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/assets/css/theme-setting.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --white-color: #fff;
  --main-color: #1B3999;
  --link-color: #2E87DF;
  --link-color2:#0E60FF;
  --blue-color:#1B3999;
  --orange-color: #FE9900;
  --orange-color2: #EE7F00;
  --light-orange-color: #FFF9F1;
  --green-color: #01D167;
  --green-color2: #20BF30;
  --header-bg-color: #F1F8FE;
  --light-grey-color: #F6F9FC;
  --clamp14: clamp(12px, 0.72916vw, 14px);
  --clamp16: clamp(14px, 0.8333vw, 16px);
  --clamp18: clamp(16px, 0.9375vw, 18px);
  --clamp24: clamp(16px, 1.25vw, 24px);
  --clamp26: clamp(18px, 1.3541vw, 26px);
  --clamp28: clamp(20px, 1.4583vw, 28px);
  --clamp36: clamp(24px, 1.875vw, 36px);
  --clamp48: clamp(25px, 2.5vw, 48px);
  --clamp56: clamp(30px, 2.916vw, 56px);
  --clamp70: clamp(54px, 3.6458vw, 70px);
  --font-family: "Poppins", sans-serif;
}
/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/bootstrap/dist/css/bootstrap.min.css ***!
  \*******************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*!
 * Bootstrap  v5.2.0 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-2xl:2rem;--bs-border-radius-pill:50rem;--bs-link-color:#0d6efd;--bs-link-hover-color:#0a58ca;--bs-code-color:#d63384;--bs-highlight-bg:#fff3cd}
*,::after,::before{box-sizing:border-box}
@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}
body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
hr{margin:1rem 0;color:inherit;border:0;border-top:1px solid;opacity:.25}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}
.h1,h1{font-size:calc(1.375rem + 1.5vw)}
@media (min-width:1200px){.h1,h1{font-size:2.5rem}}
.h2,h2{font-size:calc(1.325rem + .9vw)}
@media (min-width:1200px){.h2,h2{font-size:2rem}}
.h3,h3{font-size:calc(1.3rem + .6vw)}
@media (min-width:1200px){.h3,h3{font-size:1.75rem}}
.h4,h4{font-size:calc(1.275rem + .3vw)}
@media (min-width:1200px){.h4,h4{font-size:1.5rem}}
.h5,h5{font-size:1.25rem}
.h6,h6{font-size:1rem}
p{margin-top:0;margin-bottom:1rem}
abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}
address{margin-bottom:1rem;font-style:normal;line-height:inherit}
ol,ul{padding-left:2rem}
dl,ol,ul{margin-top:0;margin-bottom:1rem}
ol ol,ol ul,ul ol,ul ul{margin-bottom:0}
dt{font-weight:700}
dd{margin-bottom:.5rem;margin-left:0}
blockquote{margin:0 0 1rem}
b,strong{font-weight:bolder}
.small,small{font-size:.875em}
.mark,mark{padding:.1875em;background-color:var(--bs-highlight-bg)}
sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
a{color:var(--bs-link-color);text-decoration:underline}
a:hover{color:var(--bs-link-hover-color)}
a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}
code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em}
pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}
pre code{font-size:inherit;color:inherit;word-break:normal}
code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}
a>code{color:inherit}
kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}
kbd kbd{padding:0;font-size:1em}
figure{margin:0 0 1rem}
img,svg{vertical-align:middle}
table{caption-side:bottom;border-collapse:collapse}
caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}
th{text-align:inherit;text-align:-webkit-match-parent}
tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}
label{display:inline-block}
button{border-radius:0}
button:focus:not(:focus-visible){outline:0}
button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,select{text-transform:none}
[role=button]{cursor:pointer}
select{word-wrap:normal}
select:disabled{opacity:1}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}
::-moz-focus-inner{padding:0;border-style:none}
textarea{resize:vertical}
fieldset{min-width:0;padding:0;margin:0;border:0}
legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}
@media (min-width:1200px){legend{font-size:1.5rem}}
legend+*{clear:left}
::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}
::-webkit-inner-spin-button{height:auto}
[type=search]{outline-offset:-2px;-webkit-appearance:textfield}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-color-swatch-wrapper{padding:0}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
::file-selector-button{font:inherit;-webkit-appearance:button}
output{display:inline-block}
iframe{border:0}
summary{display:list-item;cursor:pointer}
progress{vertical-align:baseline}
[hidden]{display:none!important}
.lead{font-size:1.25rem;font-weight:300}
.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}
@media (min-width:1200px){.display-1{font-size:5rem}}
.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}
@media (min-width:1200px){.display-2{font-size:4.5rem}}
.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}
@media (min-width:1200px){.display-3{font-size:4rem}}
.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}
@media (min-width:1200px){.display-4{font-size:3.5rem}}
.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}
@media (min-width:1200px){.display-5{font-size:3rem}}
.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}
@media (min-width:1200px){.display-6{font-size:2.5rem}}
.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:.875em;text-transform:uppercase}
.blockquote{margin-bottom:1rem;font-size:1.25rem}
.blockquote>:last-child{margin-bottom:0}
.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}
.blockquote-footer::before{content:"— "}
.img-fluid{max-width:100%;height:auto}
.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid var(--bs-border-color);border-radius:.375rem;max-width:100%;height:auto}
.figure{display:inline-block}
.figure-img{margin-bottom:.5rem;line-height:1}
.figure-caption{font-size:.875em;color:#6c757d}
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}
@media (min-width:576px){.container,.container-sm{max-width:540px}}
@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}
@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}
@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}
@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}
.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}
.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}
.col{flex:1 0 0%}
.row-cols-auto>*{flex:0 0 auto;width:auto}
.row-cols-1>*{flex:0 0 auto;width:100%}
.row-cols-2>*{flex:0 0 auto;width:50%}
.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}
.row-cols-4>*{flex:0 0 auto;width:25%}
.row-cols-5>*{flex:0 0 auto;width:20%}
.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}
.col-auto{flex:0 0 auto;width:auto}
.col-1{flex:0 0 auto;width:8.33333333%}
.col-2{flex:0 0 auto;width:16.66666667%}
.col-3{flex:0 0 auto;width:25%}
.col-4{flex:0 0 auto;width:33.33333333%}
.col-5{flex:0 0 auto;width:41.66666667%}
.col-6{flex:0 0 auto;width:50%}
.col-7{flex:0 0 auto;width:58.33333333%}
.col-8{flex:0 0 auto;width:66.66666667%}
.col-9{flex:0 0 auto;width:75%}
.col-10{flex:0 0 auto;width:83.33333333%}
.col-11{flex:0 0 auto;width:91.66666667%}
.col-12{flex:0 0 auto;width:100%}
.offset-1{margin-left:8.33333333%}
.offset-2{margin-left:16.66666667%}
.offset-3{margin-left:25%}
.offset-4{margin-left:33.33333333%}
.offset-5{margin-left:41.66666667%}
.offset-6{margin-left:50%}
.offset-7{margin-left:58.33333333%}
.offset-8{margin-left:66.66666667%}
.offset-9{margin-left:75%}
.offset-10{margin-left:83.33333333%}
.offset-11{margin-left:91.66666667%}
.g-0,.gx-0{--bs-gutter-x:0}
.g-0,.gy-0{--bs-gutter-y:0}
.g-1,.gx-1{--bs-gutter-x:0.25rem}
.g-1,.gy-1{--bs-gutter-y:0.25rem}
.g-2,.gx-2{--bs-gutter-x:0.5rem}
.g-2,.gy-2{--bs-gutter-y:0.5rem}
.g-3,.gx-3{--bs-gutter-x:1rem}
.g-3,.gy-3{--bs-gutter-y:1rem}
.g-4,.gx-4{--bs-gutter-x:1.5rem}
.g-4,.gy-4{--bs-gutter-y:1.5rem}
.g-5,.gx-5{--bs-gutter-x:3rem}
.g-5,.gy-5{--bs-gutter-y:3rem}
@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}
@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}
@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}
@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}
@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}
.table{--bs-table-color:var(--bs-body-color);--bs-table-bg:transparent;--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-body-color);--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:var(--bs-body-color);--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:var(--bs-body-color);--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:var(--bs-table-color);vertical-align:top;border-color:var(--bs-table-border-color)}
.table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}
.table>tbody{vertical-align:inherit}
.table>thead{vertical-align:bottom}
.table-group-divider{border-top:2px solid currentcolor}
.caption-top{caption-side:top}
.table-sm>:not(caption)>*>*{padding:.25rem .25rem}
.table-bordered>:not(caption)>*{border-width:1px 0}
.table-bordered>:not(caption)>*>*{border-width:0 1px}
.table-borderless>:not(caption)>*>*{border-bottom-width:0}
.table-borderless>:not(:first-child){border-top-width:0}
.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}
.table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}
.table-active{--bs-table-accent-bg:var(--bs-table-active-bg);color:var(--bs-table-active-color)}
.table-hover>tbody>tr:hover>*{--bs-table-accent-bg:var(--bs-table-hover-bg);color:var(--bs-table-hover-color)}
.table-primary{--bs-table-color:#000;--bs-table-bg:#cfe2ff;--bs-table-border-color:#bacbe6;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}
.table-secondary{--bs-table-color:#000;--bs-table-bg:#e2e3e5;--bs-table-border-color:#cbccce;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}
.table-success{--bs-table-color:#000;--bs-table-bg:#d1e7dd;--bs-table-border-color:#bcd0c7;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}
.table-info{--bs-table-color:#000;--bs-table-bg:#cff4fc;--bs-table-border-color:#badce3;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}
.table-warning{--bs-table-color:#000;--bs-table-bg:#fff3cd;--bs-table-border-color:#e6dbb9;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}
.table-danger{--bs-table-color:#000;--bs-table-bg:#f8d7da;--bs-table-border-color:#dfc2c4;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}
.table-light{--bs-table-color:#000;--bs-table-bg:#f8f9fa;--bs-table-border-color:#dfe0e1;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}
.table-dark{--bs-table-color:#fff;--bs-table-bg:#212529;--bs-table-border-color:#373b3e;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}
.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}
.form-label{margin-bottom:.5rem}
.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}
.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem}
.form-text{margin-top:.25rem;font-size:.875em;color:#6c757d}
.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;appearance:none;border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.form-control{transition:none}}
.form-control[type=file]{overflow:hidden}
.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}
.form-control:focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.form-control::-webkit-date-and-time-value{height:1.5em}
.form-control::placeholder{color:#6c757d;opacity:1}
.form-control:disabled{background-color:#e9ecef;opacity:1}
.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.form-control::file-selector-button{transition:none}}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#dde0e3}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#dde0e3}
.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}
.form-control-plaintext:focus{outline:0}
.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}
.form-control-sm{min-height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;border-radius:.25rem}
.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;margin-inline-end:.5rem}
.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;margin-inline-end:.5rem}
.form-control-lg{min-height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;border-radius:.5rem}
.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;margin-inline-end:1rem}
.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;margin-inline-end:1rem}
textarea.form-control{min-height:calc(1.5em + .75rem + 2px)}
textarea.form-control-sm{min-height:calc(1.5em + .5rem + 2px)}
textarea.form-control-lg{min-height:calc(1.5em + 1rem + 2px)}
.form-control-color{width:3rem;height:calc(1.5em + .75rem + 2px);padding:.375rem}
.form-control-color:not(:disabled):not([readonly]){cursor:pointer}
.form-control-color::-moz-color-swatch{border:0!important;border-radius:.375rem}
.form-control-color::-webkit-color-swatch{border-radius:.375rem}
.form-control-color.form-control-sm{height:calc(1.5em + .5rem + 2px)}
.form-control-color.form-control-lg{height:calc(1.5em + 1rem + 2px)}
.form-select{display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;-moz-padding-start:calc(0.75rem - 3px);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #ced4da;border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}
@media (prefers-reduced-motion:reduce){.form-select{transition:none}}
.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}
.form-select:disabled{background-color:#e9ecef}
.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #212529}
.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:.25rem}
.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:.5rem}
.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}
.form-check .form-check-input{float:left;margin-left:-1.5em}
.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}
.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}
.form-check-input{width:1em;height:1em;margin-top:.25em;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,.25);-webkit-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}
.form-check-input[type=checkbox]{border-radius:.25em}
.form-check-input[type=radio]{border-radius:50%}
.form-check-input:active{filter:brightness(90%)}
.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}
.form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}
.form-check-input:checked[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}
.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}
.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}
.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}
.form-switch{padding-left:2.5em}
.form-switch .form-check-input{width:2em;margin-left:-2.5em;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}
.form-switch .form-check-input:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}
.form-switch .form-check-input:checked{background-position:right center;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}
.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}
.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}
.form-check-inline{display:inline-block;margin-right:1rem}
.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}
.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}
.form-range{width:100%;height:1.5rem;padding:0;background-color:transparent;-webkit-appearance:none;appearance:none}
.form-range:focus{outline:0}
.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}
.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}
.form-range::-moz-focus-outer{border:0}
.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}
@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}
.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}
.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}
.form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}
@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}
.form-range::-moz-range-thumb:active{background-color:#b6d4fe}
.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}
.form-range:disabled{pointer-events:none}
.form-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}
.form-range:disabled::-moz-range-thumb{background-color:#adb5bd}
.form-floating{position:relative}
.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + 2px);line-height:1.25}
.form-floating>label{position:absolute;top:0;left:0;width:100%;height:100%;padding:1rem .75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}
@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}
.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}
.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}
.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}
.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}
.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}
.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}
.form-floating>.form-control:-webkit-autofill~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}
.form-floating>.form-control-plaintext~label{border-width:1px 0}
.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}
.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}
.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus{z-index:3}
.input-group .btn{position:relative;z-index:2}
.input-group .btn:focus{z-index:3}
.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.375rem}
.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:.5rem}
.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:.25rem}
.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}
.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}
.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select,.input-group>:not(:first-child):not(.dropdown-menu):not(.form-floating):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}
.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#198754}
.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:rgba(25,135,84,.9);border-radius:.375rem}
.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}
.form-control.is-valid,.was-validated .form-control:valid{border-color:#198754;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}
.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}
.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}
.form-select.is-valid,.was-validated .form-select:valid{border-color:#198754}
.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}
.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}
.form-control-color.is-valid,.was-validated .form-control-color:valid{width:calc(3rem + calc(1.5em + .75rem))}
.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:#198754}
.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:#198754}
.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}
.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#198754}
.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}
.input-group .form-control.is-valid,.input-group .form-select.is-valid,.was-validated .input-group .form-control:valid,.was-validated .input-group .form-select:valid{z-index:1}
.input-group .form-control.is-valid:focus,.input-group .form-select.is-valid:focus,.was-validated .input-group .form-control:valid:focus,.was-validated .input-group .form-select:valid:focus{z-index:3}
.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;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;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.375rem}
.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}
.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}
.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}
.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}
.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#dc3545}
.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}
.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}
.form-control-color.is-invalid,.was-validated .form-control-color:invalid{width:calc(3rem + calc(1.5em + .75rem))}
.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#dc3545}
.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#dc3545}
.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}
.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}
.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}
.input-group .form-control.is-invalid,.input-group .form-select.is-invalid,.was-validated .input-group .form-control:invalid,.was-validated .input-group .form-select:invalid{z-index:2}
.input-group .form-control.is-invalid:focus,.input-group .form-select.is-invalid:focus,.was-validated .input-group .form-control:invalid:focus,.was-validated .input-group .form-select:invalid:focus{z-index:3}
.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:#212529;--bs-btn-bg:transparent;--bs-btn-border-width:1px;--bs-btn-border-color:transparent;--bs-btn-border-radius:0.375rem;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.btn{transition:none}}
.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}
.btn-check:focus+.btn,.btn:focus{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}
.btn-check:active+.btn,.btn-check:checked+.btn,.btn.active,.btn.show,.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}
.btn-check:active+.btn:focus,.btn-check:checked+.btn:focus,.btn.active:focus,.btn.show:focus,.btn:active:focus{box-shadow:var(--bs-btn-focus-box-shadow)}
.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}
.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}
.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130,138,145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}
.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}
.btn-info{--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11,172,204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}
.btn-warning{--bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217,164,6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}
.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225,83,97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}
.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}
.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}
.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}
.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108,117,125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}
.btn-outline-success{--bs-btn-color:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#198754;--bs-btn-hover-border-color:#198754;--bs-btn-focus-shadow-rgb:25,135,84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#198754;--bs-btn-active-border-color:#198754;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#198754;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#198754;--bs-gradient:none}
.btn-outline-info{--bs-btn-color:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#0dcaf0;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:13,202,240;--bs-btn-active-color:#000;--bs-btn-active-bg:#0dcaf0;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0dcaf0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0dcaf0;--bs-gradient:none}
.btn-outline-warning{--bs-btn-color:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255,193,7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}
.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220,53,69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}
.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}
.btn-outline-dark{--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33,37,41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none}
.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:none;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:underline}
.btn-link:focus{color:var(--bs-btn-color)}
.btn-link:hover{color:var(--bs-btn-hover-color)}
.btn-group-lg>.btn,.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:0.5rem}
.btn-group-sm>.btn,.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:0.25rem}
.fade{transition:opacity .15s linear}
@media (prefers-reduced-motion:reduce){.fade{transition:none}}
.fade:not(.show){opacity:0}
.collapse:not(.show){display:none}
.collapsing{height:0;overflow:hidden;transition:height .35s ease}
@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}
.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}
@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}
.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{position:relative}
.dropdown-toggle{white-space:nowrap}
.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}
.dropdown-toggle:empty::after{margin-left:0}
.dropdown-menu{--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:#212529;--bs-dropdown-bg:#fff;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:0.375rem;--bs-dropdown-border-width:1px;--bs-dropdown-inner-border-radius:calc(0.375rem - 1px);--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-dropdown-link-color:#212529;--bs-dropdown-link-hover-color:#1e2125;--bs-dropdown-link-hover-bg:#e9ecef;--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:1000;display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}
.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}
.dropdown-menu-start{--bs-position:start}
.dropdown-menu-start[data-bs-popper]{right:auto;left:0}
.dropdown-menu-end{--bs-position:end}
.dropdown-menu-end[data-bs-popper]{right:0;left:auto}
@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}
@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}
@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}
@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}
@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}
.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}
.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}
.dropup .dropdown-toggle:empty::after{margin-left:0}
.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}
.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}
.dropend .dropdown-toggle:empty::after{margin-left:0}
.dropend .dropdown-toggle::after{vertical-align:0}
.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}
.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}
.dropstart .dropdown-toggle::after{display:none}
.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}
.dropstart .dropdown-toggle:empty::after{margin-left:0}
.dropstart .dropdown-toggle::before{vertical-align:0}
.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}
.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0}
.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}
.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}
.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}
.dropdown-menu.show{display:block}
.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}
.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}
.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd}
.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}
.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}
.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}
.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}
.btn-toolbar .input-group{width:auto}
.btn-group{border-radius:.375rem}
.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}
.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.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:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}
.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}
.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}
.dropstart .dropdown-toggle-split::before{margin-right:0}
.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}
.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}
.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}
.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}
.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}
.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}
.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0}
.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:#6c757d;display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}
.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}
.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}
.nav-link.disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}
.nav-tabs{--bs-nav-tabs-border-width:1px;--bs-nav-tabs-border-color:#dee2e6;--bs-nav-tabs-border-radius:0.375rem;--bs-nav-tabs-link-hover-border-color:#e9ecef #e9ecef #dee2e6;--bs-nav-tabs-link-active-color:#495057;--bs-nav-tabs-link-active-bg:#fff;--bs-nav-tabs-link-active-border-color:#dee2e6 #dee2e6 #fff;border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}
.nav-tabs .nav-link{margin-bottom:calc(var(--bs-nav-tabs-border-width) * -1);background:0 0;border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}
.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}
.nav-tabs .nav-link.disabled,.nav-tabs .nav-link:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}
.nav-tabs .dropdown-menu{margin-top:calc(var(--bs-nav-tabs-border-width) * -1);border-top-left-radius:0;border-top-right-radius:0}
.nav-pills{--bs-nav-pills-border-radius:0.375rem;--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}
.nav-pills .nav-link{background:0 0;border:0;border-radius:var(--bs-nav-pills-border-radius)}
.nav-pills .nav-link:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}
.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}
.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}
.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}
.tab-content>.tab-pane{display:none}
.tab-content>.active{display:block}
.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(0, 0, 0, 0.55);--bs-navbar-hover-color:rgba(0, 0, 0, 0.7);--bs-navbar-disabled-color:rgba(0, 0, 0, 0.3);--bs-navbar-active-color:rgba(0, 0, 0, 0.9);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(0, 0, 0, 0.9);--bs-navbar-brand-hover-color:rgba(0, 0, 0, 0.9);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(0, 0, 0, 0.1);--bs-navbar-toggler-border-radius:0.375rem;--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}
.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}
.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}
.navbar-brand:focus,.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}
.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}
.navbar-nav .nav-link.active,.navbar-nav .show>.nav-link{color:var(--bs-navbar-active-color)}
.navbar-nav .dropdown-menu{position:static}
.navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}
.navbar-text a,.navbar-text a:focus,.navbar-text a:hover{color:var(--bs-navbar-active-color)}
.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}
.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}
@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}
.navbar-toggler:hover{text-decoration:none}
.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}
.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}
.navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}
@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}
@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}
@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}
@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}
@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}
.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}
.navbar-expand .navbar-nav{flex-direction:row}
.navbar-expand .navbar-nav .dropdown-menu{position:absolute}
.navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}
.navbar-expand .navbar-nav-scroll{overflow:visible}
.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}
.navbar-expand .navbar-toggler{display:none}
.navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}
.navbar-expand .offcanvas .offcanvas-header{display:none}
.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}
.navbar-dark{--bs-navbar-color:rgba(255, 255, 255, 0.55);--bs-navbar-hover-color:rgba(255, 255, 255, 0.75);--bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-border-width:1px;--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:0.375rem;--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(0.375rem - 1px);--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(0, 0, 0, 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:#fff;--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}
.card>hr{margin-right:0;margin-left:0}
.card>.list-group{border-top:inherit;border-bottom:inherit}
.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}
.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}
.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}
.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}
.card-title{margin-bottom:var(--bs-card-title-spacer-y)}
.card-subtitle{margin-top:calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom:0}
.card-text:last-child{margin-bottom:0}
.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}
.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}
.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}
.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}
.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}
.card-header-tabs{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));margin-left:calc(-.5 * var(--bs-card-cap-padding-x));border-bottom:0}
.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}
.card-header-pills{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-left:calc(-.5 * var(--bs-card-cap-padding-x))}
.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}
.card-img,.card-img-bottom,.card-img-top{width:100%}
.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}
.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}
.card-group>.card{margin-bottom:var(--bs-card-group-margin)}
@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}
.accordion{--bs-accordion-color:#000;--bs-accordion-bg:#fff;--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:1px;--bs-accordion-border-radius:0.375rem;--bs-accordion-inner-border-radius:calc(0.375rem - 1px);--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:var(--bs-body-color);--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-body-color%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-focus-border-color:#86b7fe;--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:#0c63e4;--bs-accordion-active-bg:#e7f1ff}
.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}
@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}
.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color)}
.accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}
.accordion-button::after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}
@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}
.accordion-button:hover{z-index:2}
.accordion-button:focus{z-index:3;border-color:var(--bs-accordion-btn-focus-border-color);outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}
.accordion-header{margin-bottom:0}
.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}
.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}
.accordion-item:first-of-type .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}
.accordion-item:not(:first-of-type){border-top:0}
.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}
.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}
.accordion-item:last-of-type .accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}
.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}
.accordion-flush .accordion-collapse{border-width:0}
.accordion-flush .accordion-item{border-right:0;border-left:0;border-radius:0}
.accordion-flush .accordion-item:first-child{border-top:0}
.accordion-flush .accordion-item:last-child{border-bottom:0}
.accordion-flush .accordion-item .accordion-button{border-radius:0}
.breadcrumb{--bs-breadcrumb-padding-x:0;--bs-breadcrumb-padding-y:0;--bs-breadcrumb-margin-bottom:1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color:#6c757d;--bs-breadcrumb-item-padding-x:0.5rem;--bs-breadcrumb-item-active-color:#6c757d;display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}
.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}
.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider, "/")}
.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}
.pagination{--bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:var(--bs-link-color);--bs-pagination-bg:#fff;--bs-pagination-border-width:1px;--bs-pagination-border-color:#dee2e6;--bs-pagination-border-radius:0.375rem;--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:#e9ecef;--bs-pagination-hover-border-color:#dee2e6;--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:#e9ecef;--bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--bs-pagination-disabled-color:#6c757d;--bs-pagination-disabled-bg:#fff;--bs-pagination-disabled-border-color:#dee2e6;display:flex;padding-left:0;list-style:none}
.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.page-link{transition:none}}
.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}
.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}
.active>.page-link,.page-link.active{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}
.disabled>.page-link,.page-link.disabled{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}
.page-item:not(:first-child) .page-link{margin-left:-1px}
.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}
.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}
.pagination-lg{--bs-pagination-padding-x:1.5rem;--bs-pagination-padding-y:0.75rem;--bs-pagination-font-size:1.25rem;--bs-pagination-border-radius:0.5rem}
.pagination-sm{--bs-pagination-padding-x:0.5rem;--bs-pagination-padding-y:0.25rem;--bs-pagination-font-size:0.875rem;--bs-pagination-border-radius:0.25rem}
.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:0.375rem;display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}
.badge:empty{display:none}
.btn .badge{position:relative;top:-1px}
.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:1px solid var(--bs-alert-border-color);--bs-alert-border-radius:0.375rem;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}
.alert-heading{color:inherit}
.alert-link{font-weight:700}
.alert-dismissible{padding-right:3rem}
.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}
.alert-primary{--bs-alert-color:#084298;--bs-alert-bg:#cfe2ff;--bs-alert-border-color:#b6d4fe}
.alert-primary .alert-link{color:#06357a}
.alert-secondary{--bs-alert-color:#41464b;--bs-alert-bg:#e2e3e5;--bs-alert-border-color:#d3d6d8}
.alert-secondary .alert-link{color:#34383c}
.alert-success{--bs-alert-color:#0f5132;--bs-alert-bg:#d1e7dd;--bs-alert-border-color:#badbcc}
.alert-success .alert-link{color:#0c4128}
.alert-info{--bs-alert-color:#055160;--bs-alert-bg:#cff4fc;--bs-alert-border-color:#b6effb}
.alert-info .alert-link{color:#04414d}
.alert-warning{--bs-alert-color:#664d03;--bs-alert-bg:#fff3cd;--bs-alert-border-color:#ffecb5}
.alert-warning .alert-link{color:#523e02}
.alert-danger{--bs-alert-color:#842029;--bs-alert-bg:#f8d7da;--bs-alert-border-color:#f5c2c7}
.alert-danger .alert-link{color:#6a1a21}
.alert-light{--bs-alert-color:#636464;--bs-alert-bg:#fefefe;--bs-alert-border-color:#fdfdfe}
.alert-light .alert-link{color:#4f5050}
.alert-dark{--bs-alert-color:#141619;--bs-alert-bg:#d3d3d4;--bs-alert-border-color:#bcbebf}
.alert-dark .alert-link{color:#101214}
@keyframes progress-bar-stripes{0%{background-position-x:1rem}}
.progress{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:#e9ecef;--bs-progress-border-radius:0.375rem;--bs-progress-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}
.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}
@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}
.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}
.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}
@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}
.list-group{--bs-list-group-color:#212529;--bs-list-group-bg:#fff;--bs-list-group-border-color:rgba(0, 0, 0, 0.125);--bs-list-group-border-width:1px;--bs-list-group-border-radius:0.375rem;--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:#495057;--bs-list-group-action-hover-color:#495057;--bs-list-group-action-hover-bg:#f8f9fa;--bs-list-group-action-active-color:#212529;--bs-list-group-action-active-bg:#e9ecef;--bs-list-group-disabled-color:#6c757d;--bs-list-group-disabled-bg:#fff;--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#0d6efd;--bs-list-group-active-border-color:#0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}
.list-group-numbered{list-style-type:none;counter-reset:section}
.list-group-numbered>.list-group-item::before{content:counters(section, ".") ". ";counter-increment:section}
.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}
.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}
.list-group-item-action:active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}
.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}
.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}
.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}
.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}
.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}
.list-group-item+.list-group-item{border-top-width:0}
.list-group-item+.list-group-item.active{margin-top:calc(var(--bs-list-group-border-width) * -1);border-top-width:var(--bs-list-group-border-width)}
.list-group-horizontal{flex-direction:row}
.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}
.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}
.list-group-horizontal>.list-group-item.active{margin-top:0}
.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}
.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(var(--bs-list-group-border-width) * -1);border-left-width:var(--bs-list-group-border-width)}
@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(var(--bs-list-group-border-width) * -1);border-left-width:var(--bs-list-group-border-width)}}
@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(var(--bs-list-group-border-width) * -1);border-left-width:var(--bs-list-group-border-width)}}
@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(var(--bs-list-group-border-width) * -1);border-left-width:var(--bs-list-group-border-width)}}
@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(var(--bs-list-group-border-width) * -1);border-left-width:var(--bs-list-group-border-width)}}
@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child{border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child{border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(var(--bs-list-group-border-width) * -1);border-left-width:var(--bs-list-group-border-width)}}
.list-group-flush{border-radius:0}
.list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}
.list-group-flush>.list-group-item:last-child{border-bottom-width:0}
.list-group-item-primary{color:#084298;background-color:#cfe2ff}
.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#084298;background-color:#bacbe6}
.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#084298;border-color:#084298}
.list-group-item-secondary{color:#41464b;background-color:#e2e3e5}
.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#41464b;background-color:#cbccce}
.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#41464b;border-color:#41464b}
.list-group-item-success{color:#0f5132;background-color:#d1e7dd}
.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#0f5132;background-color:#bcd0c7}
.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#0f5132;border-color:#0f5132}
.list-group-item-info{color:#055160;background-color:#cff4fc}
.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#055160;background-color:#badce3}
.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#055160;border-color:#055160}
.list-group-item-warning{color:#664d03;background-color:#fff3cd}
.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#664d03;background-color:#e6dbb9}
.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#664d03;border-color:#664d03}
.list-group-item-danger{color:#842029;background-color:#f8d7da}
.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#842029;background-color:#dfc2c4}
.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#842029;border-color:#842029}
.list-group-item-light{color:#636464;background-color:#fefefe}
.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#636464;background-color:#e5e5e5}
.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#636464;border-color:#636464}
.list-group-item-dark{color:#141619;background-color:#d3d3d4}
.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#141619;background-color:#bebebf}
.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#141619;border-color:#141619}
.btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:#000;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;border-radius:.375rem;opacity:.5}
.btn-close:hover{color:#000;text-decoration:none;opacity:.75}
.btn-close:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);opacity:1}
.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.25}
.btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}
.toast{--bs-toast-padding-x:0.75rem;--bs-toast-padding-y:0.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(255, 255, 255, 0.85);--bs-toast-border-width:1px;--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:0.375rem;--bs-toast-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-toast-header-color:#6c757d;--bs-toast-header-bg:rgba(255, 255, 255, 0.85);--bs-toast-header-border-color:rgba(0, 0, 0, 0.05);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}
.toast.showing{opacity:0}
.toast:not(.show){display:none}
.toast-container{position:absolute;z-index:1090;width:max-content;max-width:100%;pointer-events:none}
.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}
.toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}
.toast-header .btn-close{margin-right:calc(var(--bs-toast-padding-x) * -.5);margin-left:var(--bs-toast-padding-x)}
.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}
.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color: ;--bs-modal-bg:#fff;--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:1px;--bs-modal-border-radius:0.5rem;--bs-modal-box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-modal-inner-border-radius:calc(0.5rem - 1px);--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:1px;--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:1px;position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}
.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}
.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}
@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}
.modal.show .modal-dialog{transform:none}
.modal.modal-static .modal-dialog{transform:scale(1.02)}
.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin) * 2)}
.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}
.modal-dialog-scrollable .modal-body{overflow-y:auto}
.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}
.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}
.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}
.modal-backdrop.fade{opacity:0}
.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}
.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}
.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);margin:calc(var(--bs-modal-header-padding-y) * -.5) calc(var(--bs-modal-header-padding-x) * -.5) calc(var(--bs-modal-header-padding-y) * -.5) auto}
.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}
.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}
.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}
.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * .5)}
@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width:300px}}
@media (min-width:992px){.modal-lg,.modal-xl{--bs-modal-width:800px}}
@media (min-width:1200px){.modal-xl{--bs-modal-width:1140px}}
.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}
.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}
.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}
.modal-fullscreen .modal-body{overflow-y:auto}
@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}
@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}
@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}
@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}
@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}
.tooltip{--bs-tooltip-zindex:1080;--bs-tooltip-max-width:200px;--bs-tooltip-padding-x:0.5rem;--bs-tooltip-padding-y:0.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:0.875rem;--bs-tooltip-color:#fff;--bs-tooltip-bg:#000;--bs-tooltip-border-radius:0.375rem;--bs-tooltip-opacity:0.9;--bs-tooltip-arrow-width:0.8rem;--bs-tooltip-arrow-height:0.4rem;z-index:var(--bs-tooltip-zindex);display:block;padding:var(--bs-tooltip-arrow-height);margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);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;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}
.tooltip.show{opacity:var(--bs-tooltip-opacity)}
.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}
.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:0}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-top-color:var(--bs-tooltip-bg)}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:0;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-right-color:var(--bs-tooltip-bg)}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:0}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:0;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}
.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}
.popover{--bs-popover-zindex:1070;--bs-popover-max-width:276px;--bs-popover-font-size:0.875rem;--bs-popover-bg:#fff;--bs-popover-border-width:1px;--bs-popover-border-color:var(--bs-border-color-translucent);--bs-popover-border-radius:0.5rem;--bs-popover-inner-border-radius:calc(0.5rem - 1px);--bs-popover-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-popover-header-padding-x:1rem;--bs-popover-header-padding-y:0.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color:var(--bs-heading-color);--bs-popover-header-bg:#f0f0f0;--bs-popover-body-padding-x:1rem;--bs-popover-body-padding-y:1rem;--bs-popover-body-color:#212529;--bs-popover-arrow-width:1rem;--bs-popover-arrow-height:0.5rem;--bs-popover-arrow-border:var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);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;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}
.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}
.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width))}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-top>.popover-arrow::before{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-end>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-right-color:var(--bs-popover-arrow-border)}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width))}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::before{border-width:0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(var(--bs-popover-arrow-width) * -.5);content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-start>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-left-color:var(--bs-popover-arrow-border)}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}
.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}
.popover-header:empty{display:none}
.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}
.carousel{position:relative}
.carousel.pointer-event{touch-action:pan-y}
.carousel-inner{position:relative;width:100%;overflow:hidden}
.carousel-inner::after{display:block;clear:both;content:""}
.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}
@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}
.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}
.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}
.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}
.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}
.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}
.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}
@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}
.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}
@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}
.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}
.carousel-control-prev{left:0}
.carousel-control-next{right:0}
.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}
.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}
.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}
.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%;list-style:none}
.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}
@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}
.carousel-indicators .active{opacity:1}
.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}
.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}
.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}
.carousel-dark .carousel-caption{color:#000}
.spinner-border,.spinner-grow{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}
@keyframes spinner-border{to{transform:rotate(360deg)}}
.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}
.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}
@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}
.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}
.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}
@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}
.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl{--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color: ;--bs-offcanvas-bg:#fff;--bs-offcanvas-border-width:1px;--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)}
@media (max-width:575.98px){.offcanvas-sm{position:fixed;bottom:0;z-index:1045;display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}
@media (max-width:575.98px) and (prefers-reduced-motion:reduce){.offcanvas-sm{transition:none}}
@media (max-width:575.98px){.offcanvas-sm.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}
@media (max-width:575.98px){.offcanvas-sm.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}
@media (max-width:575.98px){.offcanvas-sm.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}
@media (max-width:575.98px){.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}
@media (max-width:575.98px){.offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing{transform:none}}
@media (max-width:575.98px){.offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing{visibility:visible}}
@media (min-width:576px){.offcanvas-sm{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}
@media (max-width:767.98px){.offcanvas-md{position:fixed;bottom:0;z-index:1045;display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}
@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.offcanvas-md{transition:none}}
@media (max-width:767.98px){.offcanvas-md.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}
@media (max-width:767.98px){.offcanvas-md.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}
@media (max-width:767.98px){.offcanvas-md.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}
@media (max-width:767.98px){.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}
@media (max-width:767.98px){.offcanvas-md.show:not(.hiding),.offcanvas-md.showing{transform:none}}
@media (max-width:767.98px){.offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing{visibility:visible}}
@media (min-width:768px){.offcanvas-md{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}
@media (max-width:991.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:1045;display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}
@media (max-width:991.98px) and (prefers-reduced-motion:reduce){.offcanvas-lg{transition:none}}
@media (max-width:991.98px){.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}
@media (max-width:991.98px){.offcanvas-lg.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}
@media (max-width:991.98px){.offcanvas-lg.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}
@media (max-width:991.98px){.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}
@media (max-width:991.98px){.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing{transform:none}}
@media (max-width:991.98px){.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing{visibility:visible}}
@media (min-width:992px){.offcanvas-lg{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}
@media (max-width:1199.98px){.offcanvas-xl{position:fixed;bottom:0;z-index:1045;display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}
@media (max-width:1199.98px) and (prefers-reduced-motion:reduce){.offcanvas-xl{transition:none}}
@media (max-width:1199.98px){.offcanvas-xl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}
@media (max-width:1199.98px){.offcanvas-xl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}
@media (max-width:1199.98px){.offcanvas-xl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}
@media (max-width:1199.98px){.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}
@media (max-width:1199.98px){.offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing{transform:none}}
@media (max-width:1199.98px){.offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing{visibility:visible}}
@media (min-width:1200px){.offcanvas-xl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}
@media (max-width:1399.98px){.offcanvas-xxl{position:fixed;bottom:0;z-index:1045;display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}
@media (max-width:1399.98px) and (prefers-reduced-motion:reduce){.offcanvas-xxl{transition:none}}
@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}
@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}
@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}
@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}
@media (max-width:1399.98px){.offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing{transform:none}}
@media (max-width:1399.98px){.offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing{visibility:visible}}
@media (min-width:1400px){.offcanvas-xxl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}
.offcanvas{position:fixed;bottom:0;z-index:1045;display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}
@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}
.offcanvas.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}
.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}
.offcanvas.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}
.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}
.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}
.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}
.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}
.offcanvas-backdrop.fade{opacity:0}
.offcanvas-backdrop.show{opacity:.5}
.offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}
.offcanvas-header .btn-close{padding:calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);margin-top:calc(var(--bs-offcanvas-padding-y) * -.5);margin-right:calc(var(--bs-offcanvas-padding-x) * -.5);margin-bottom:calc(var(--bs-offcanvas-padding-y) * -.5)}
.offcanvas-title{margin-bottom:0;line-height:1.5}
.offcanvas-body{flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}
.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}
.placeholder.btn::before{display:inline-block;content:""}
.placeholder-xs{min-height:.6em}
.placeholder-sm{min-height:.8em}
.placeholder-lg{min-height:1.2em}
.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}
@keyframes placeholder-glow{50%{opacity:.2}}
.placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}
@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}
.clearfix::after{display:block;clear:both;content:""}
.text-bg-primary{color:#fff!important;background-color:RGBA(13,110,253,var(--bs-bg-opacity,1))!important}
.text-bg-secondary{color:#fff!important;background-color:RGBA(108,117,125,var(--bs-bg-opacity,1))!important}
.text-bg-success{color:#fff!important;background-color:RGBA(25,135,84,var(--bs-bg-opacity,1))!important}
.text-bg-info{color:#000!important;background-color:RGBA(13,202,240,var(--bs-bg-opacity,1))!important}
.text-bg-warning{color:#000!important;background-color:RGBA(255,193,7,var(--bs-bg-opacity,1))!important}
.text-bg-danger{color:#fff!important;background-color:RGBA(220,53,69,var(--bs-bg-opacity,1))!important}
.text-bg-light{color:#000!important;background-color:RGBA(248,249,250,var(--bs-bg-opacity,1))!important}
.text-bg-dark{color:#fff!important;background-color:RGBA(33,37,41,var(--bs-bg-opacity,1))!important}
.link-primary{color:#0d6efd!important}
.link-primary:focus,.link-primary:hover{color:#0a58ca!important}
.link-secondary{color:#6c757d!important}
.link-secondary:focus,.link-secondary:hover{color:#565e64!important}
.link-success{color:#198754!important}
.link-success:focus,.link-success:hover{color:#146c43!important}
.link-info{color:#0dcaf0!important}
.link-info:focus,.link-info:hover{color:#3dd5f3!important}
.link-warning{color:#ffc107!important}
.link-warning:focus,.link-warning:hover{color:#ffcd39!important}
.link-danger{color:#dc3545!important}
.link-danger:focus,.link-danger:hover{color:#b02a37!important}
.link-light{color:#f8f9fa!important}
.link-light:focus,.link-light:hover{color:#f9fafb!important}
.link-dark{color:#212529!important}
.link-dark:focus,.link-dark:hover{color:#1a1e21!important}
.ratio{position:relative;width:100%}
.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}
.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}
.ratio-1x1{--bs-aspect-ratio:100%}
.ratio-4x3{--bs-aspect-ratio:75%}
.ratio-16x9{--bs-aspect-ratio:56.25%}
.ratio-21x9{--bs-aspect-ratio:42.8571428571%}
.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}
.sticky-top{position:sticky;top:0;z-index:1020}
.sticky-bottom{position:sticky;bottom:0;z-index:1020}
@media (min-width:576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:sticky;bottom:0;z-index:1020}}
@media (min-width:768px){.sticky-md-top{position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:sticky;bottom:0;z-index:1020}}
@media (min-width:992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:sticky;bottom:0;z-index:1020}}
@media (min-width:1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:sticky;bottom:0;z-index:1020}}
@media (min-width:1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:sticky;bottom:0;z-index:1020}}
.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}
.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}
.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}
.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vr{display:inline-block;align-self:stretch;width:1px;min-height:1em;background-color:currentcolor;opacity:.25}
.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}
.float-start{float:left!important}
.float-end{float:right!important}
.float-none{float:none!important}
.opacity-0{opacity:0!important}
.opacity-25{opacity:.25!important}
.opacity-50{opacity:.5!important}
.opacity-75{opacity:.75!important}
.opacity-100{opacity:1!important}
.overflow-auto{overflow:auto!important}
.overflow-hidden{overflow:hidden!important}
.overflow-visible{overflow:visible!important}
.overflow-scroll{overflow:scroll!important}
.d-inline{display:inline!important}
.d-inline-block{display:inline-block!important}
.d-block{display:block!important}
.d-grid{display:grid!important}
.d-table{display:table!important}
.d-table-row{display:table-row!important}
.d-table-cell{display:table-cell!important}
.d-flex{display:flex!important}
.d-inline-flex{display:inline-flex!important}
.d-none{display:none!important}
.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}
.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}
.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}
.shadow-none{box-shadow:none!important}
.position-static{position:static!important}
.position-relative{position:relative!important}
.position-absolute{position:absolute!important}
.position-fixed{position:fixed!important}
.position-sticky{position:sticky!important}
.top-0{top:0!important}
.top-50{top:50%!important}
.top-100{top:100%!important}
.bottom-0{bottom:0!important}
.bottom-50{bottom:50%!important}
.bottom-100{bottom:100%!important}
.start-0{left:0!important}
.start-50{left:50%!important}
.start-100{left:100%!important}
.end-0{right:0!important}
.end-50{right:50%!important}
.end-100{right:100%!important}
.translate-middle{transform:translate(-50%,-50%)!important}
.translate-middle-x{transform:translateX(-50%)!important}
.translate-middle-y{transform:translateY(-50%)!important}
.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
.border-0{border:0!important}
.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
.border-top-0{border-top:0!important}
.border-end{border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
.border-end-0{border-right:0!important}
.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
.border-bottom-0{border-bottom:0!important}
.border-start{border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
.border-start-0{border-left:0!important}
.border-primary{--bs-border-opacity:1;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}
.border-secondary{--bs-border-opacity:1;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}
.border-success{--bs-border-opacity:1;border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important}
.border-info{--bs-border-opacity:1;border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important}
.border-warning{--bs-border-opacity:1;border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important}
.border-danger{--bs-border-opacity:1;border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important}
.border-light{--bs-border-opacity:1;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}
.border-dark{--bs-border-opacity:1;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}
.border-white{--bs-border-opacity:1;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}
.border-1{--bs-border-width:1px}
.border-2{--bs-border-width:2px}
.border-3{--bs-border-width:3px}
.border-4{--bs-border-width:4px}
.border-5{--bs-border-width:5px}
.border-opacity-10{--bs-border-opacity:0.1}
.border-opacity-25{--bs-border-opacity:0.25}
.border-opacity-50{--bs-border-opacity:0.5}
.border-opacity-75{--bs-border-opacity:0.75}
.border-opacity-100{--bs-border-opacity:1}
.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}
.mw-100{max-width:100%!important}
.vw-100{width:100vw!important}
.min-vw-100{min-width:100vw!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}
.mh-100{max-height:100%!important}
.vh-100{height:100vh!important}
.min-vh-100{min-height:100vh!important}
.flex-fill{flex:1 1 auto!important}
.flex-row{flex-direction:row!important}
.flex-column{flex-direction:column!important}
.flex-row-reverse{flex-direction:row-reverse!important}
.flex-column-reverse{flex-direction:column-reverse!important}
.flex-grow-0{flex-grow:0!important}
.flex-grow-1{flex-grow:1!important}
.flex-shrink-0{flex-shrink:0!important}
.flex-shrink-1{flex-shrink:1!important}
.flex-wrap{flex-wrap:wrap!important}
.flex-nowrap{flex-wrap:nowrap!important}
.flex-wrap-reverse{flex-wrap:wrap-reverse!important}
.justify-content-start{justify-content:flex-start!important}
.justify-content-end{justify-content:flex-end!important}
.justify-content-center{justify-content:center!important}
.justify-content-between{justify-content:space-between!important}
.justify-content-around{justify-content:space-around!important}
.justify-content-evenly{justify-content:space-evenly!important}
.align-items-start{align-items:flex-start!important}
.align-items-end{align-items:flex-end!important}
.align-items-center{align-items:center!important}
.align-items-baseline{align-items:baseline!important}
.align-items-stretch{align-items:stretch!important}
.align-content-start{align-content:flex-start!important}
.align-content-end{align-content:flex-end!important}
.align-content-center{align-content:center!important}
.align-content-between{align-content:space-between!important}
.align-content-around{align-content:space-around!important}
.align-content-stretch{align-content:stretch!important}
.align-self-auto{align-self:auto!important}
.align-self-start{align-self:flex-start!important}
.align-self-end{align-self:flex-end!important}
.align-self-center{align-self:center!important}
.align-self-baseline{align-self:baseline!important}
.align-self-stretch{align-self:stretch!important}
.order-first{order:-1!important}
.order-0{order:0!important}
.order-1{order:1!important}
.order-2{order:2!important}
.order-3{order:3!important}
.order-4{order:4!important}
.order-5{order:5!important}
.order-last{order:6!important}
.m-0{margin:0!important}
.m-1{margin:.25rem!important}
.m-2{margin:.5rem!important}
.m-3{margin:1rem!important}
.m-4{margin:1.5rem!important}
.m-5{margin:3rem!important}
.m-auto{margin:auto!important}
.mx-0{margin-right:0!important;margin-left:0!important}
.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}
.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}
.mx-3{margin-right:1rem!important;margin-left:1rem!important}
.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}
.mx-5{margin-right:3rem!important;margin-left:3rem!important}
.mx-auto{margin-right:auto!important;margin-left:auto!important}
.my-0{margin-top:0!important;margin-bottom:0!important}
.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}
.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}
.my-3{margin-top:1rem!important;margin-bottom:1rem!important}
.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}
.my-5{margin-top:3rem!important;margin-bottom:3rem!important}
.my-auto{margin-top:auto!important;margin-bottom:auto!important}
.mt-0{margin-top:0!important}
.mt-1{margin-top:.25rem!important}
.mt-2{margin-top:.5rem!important}
.mt-3{margin-top:1rem!important}
.mt-4{margin-top:1.5rem!important}
.mt-5{margin-top:3rem!important}
.mt-auto{margin-top:auto!important}
.me-0{margin-right:0!important}
.me-1{margin-right:.25rem!important}
.me-2{margin-right:.5rem!important}
.me-3{margin-right:1rem!important}
.me-4{margin-right:1.5rem!important}
.me-5{margin-right:3rem!important}
.me-auto{margin-right:auto!important}
.mb-0{margin-bottom:0!important}
.mb-1{margin-bottom:.25rem!important}
.mb-2{margin-bottom:.5rem!important}
.mb-3{margin-bottom:1rem!important}
.mb-4{margin-bottom:1.5rem!important}
.mb-5{margin-bottom:3rem!important}
.mb-auto{margin-bottom:auto!important}
.ms-0{margin-left:0!important}
.ms-1{margin-left:.25rem!important}
.ms-2{margin-left:.5rem!important}
.ms-3{margin-left:1rem!important}
.ms-4{margin-left:1.5rem!important}
.ms-5{margin-left:3rem!important}
.ms-auto{margin-left:auto!important}
.p-0{padding:0!important}
.p-1{padding:.25rem!important}
.p-2{padding:.5rem!important}
.p-3{padding:1rem!important}
.p-4{padding:1.5rem!important}
.p-5{padding:3rem!important}
.px-0{padding-right:0!important;padding-left:0!important}
.px-1{padding-right:.25rem!important;padding-left:.25rem!important}
.px-2{padding-right:.5rem!important;padding-left:.5rem!important}
.px-3{padding-right:1rem!important;padding-left:1rem!important}
.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}
.px-5{padding-right:3rem!important;padding-left:3rem!important}
.py-0{padding-top:0!important;padding-bottom:0!important}
.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}
.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}
.py-3{padding-top:1rem!important;padding-bottom:1rem!important}
.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}
.py-5{padding-top:3rem!important;padding-bottom:3rem!important}
.pt-0{padding-top:0!important}
.pt-1{padding-top:.25rem!important}
.pt-2{padding-top:.5rem!important}
.pt-3{padding-top:1rem!important}
.pt-4{padding-top:1.5rem!important}
.pt-5{padding-top:3rem!important}
.pe-0{padding-right:0!important}
.pe-1{padding-right:.25rem!important}
.pe-2{padding-right:.5rem!important}
.pe-3{padding-right:1rem!important}
.pe-4{padding-right:1.5rem!important}
.pe-5{padding-right:3rem!important}
.pb-0{padding-bottom:0!important}
.pb-1{padding-bottom:.25rem!important}
.pb-2{padding-bottom:.5rem!important}
.pb-3{padding-bottom:1rem!important}
.pb-4{padding-bottom:1.5rem!important}
.pb-5{padding-bottom:3rem!important}
.ps-0{padding-left:0!important}
.ps-1{padding-left:.25rem!important}
.ps-2{padding-left:.5rem!important}
.ps-3{padding-left:1rem!important}
.ps-4{padding-left:1.5rem!important}
.ps-5{padding-left:3rem!important}
.gap-0{gap:0!important}
.gap-1{gap:.25rem!important}
.gap-2{gap:.5rem!important}
.gap-3{gap:1rem!important}
.gap-4{gap:1.5rem!important}
.gap-5{gap:3rem!important}
.font-monospace{font-family:var(--bs-font-monospace)!important}
.fs-1{font-size:calc(1.375rem + 1.5vw)!important}
.fs-2{font-size:calc(1.325rem + .9vw)!important}
.fs-3{font-size:calc(1.3rem + .6vw)!important}
.fs-4{font-size:calc(1.275rem + .3vw)!important}
.fs-5{font-size:1.25rem!important}
.fs-6{font-size:1rem!important}
.fst-italic{font-style:italic!important}
.fst-normal{font-style:normal!important}
.fw-light{font-weight:300!important}
.fw-lighter{font-weight:lighter!important}
.fw-normal{font-weight:400!important}
.fw-bold{font-weight:700!important}
.fw-semibold{font-weight:600!important}
.fw-bolder{font-weight:bolder!important}
.lh-1{line-height:1!important}
.lh-sm{line-height:1.25!important}
.lh-base{line-height:1.5!important}
.lh-lg{line-height:2!important}
.text-start{text-align:left!important}
.text-end{text-align:right!important}
.text-center{text-align:center!important}
.text-decoration-none{text-decoration:none!important}
.text-decoration-underline{text-decoration:underline!important}
.text-decoration-line-through{text-decoration:line-through!important}
.text-lowercase{text-transform:lowercase!important}
.text-uppercase{text-transform:uppercase!important}
.text-capitalize{text-transform:capitalize!important}
.text-wrap{white-space:normal!important}
.text-nowrap{white-space:nowrap!important}
.text-break{word-wrap:break-word!important;word-break:break-word!important}
.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}
.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}
.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}
.text-info{--bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}
.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}
.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}
.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}
.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}
.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}
.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}
.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}
.text-muted{--bs-text-opacity:1;color:#6c757d!important}
.text-black-50{--bs-text-opacity:1;color:rgba(0,0,0,.5)!important}
.text-white-50{--bs-text-opacity:1;color:rgba(255,255,255,.5)!important}
.text-reset{--bs-text-opacity:1;color:inherit!important}
.text-opacity-25{--bs-text-opacity:0.25}
.text-opacity-50{--bs-text-opacity:0.5}
.text-opacity-75{--bs-text-opacity:0.75}
.text-opacity-100{--bs-text-opacity:1}
.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}
.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}
.bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}
.bg-info{--bs-bg-opacity:1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}
.bg-warning{--bs-bg-opacity:1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}
.bg-danger{--bs-bg-opacity:1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}
.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}
.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}
.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}
.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}
.bg-body{--bs-bg-opacity:1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}
.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}
.bg-opacity-10{--bs-bg-opacity:0.1}
.bg-opacity-25{--bs-bg-opacity:0.25}
.bg-opacity-50{--bs-bg-opacity:0.5}
.bg-opacity-75{--bs-bg-opacity:0.75}
.bg-opacity-100{--bs-bg-opacity:1}
.bg-gradient{background-image:var(--bs-gradient)!important}
.user-select-all{-webkit-user-select:all!important;user-select:all!important}
.user-select-auto{-webkit-user-select:auto!important;user-select:auto!important}
.user-select-none{-webkit-user-select:none!important;user-select:none!important}
.pe-none{pointer-events:none!important}
.pe-auto{pointer-events:auto!important}
.rounded{border-radius:var(--bs-border-radius)!important}
.rounded-0{border-radius:0!important}
.rounded-1{border-radius:var(--bs-border-radius-sm)!important}
.rounded-2{border-radius:var(--bs-border-radius)!important}
.rounded-3{border-radius:var(--bs-border-radius-lg)!important}
.rounded-4{border-radius:var(--bs-border-radius-xl)!important}
.rounded-5{border-radius:var(--bs-border-radius-2xl)!important}
.rounded-circle{border-radius:50%!important}
.rounded-pill{border-radius:var(--bs-border-radius-pill)!important}
.rounded-top{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}
.rounded-end{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}
.rounded-bottom{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}
.rounded-start{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}
.visible{visibility:visible!important}
.invisible{visibility:hidden!important}
@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}
@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}
@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}
@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}
@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}
@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}
@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}
/*# sourceMappingURL=bootstrap.min.css.map */
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-toastr/toastr.css ***!
  \****************************************************************************************************************************************************************************************************************************/
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */

/* position */

.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */

.toast-title {
  font-weight: bold;
}

.toast-message {
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #FFFFFF;
}

.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/

button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}

.toast-container * {
  box-sizing: border-box;
}

.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}

.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */

.toast-info {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */

.toast-error {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */

.toast-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */

.toast-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}

.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}

.toast-success {
  background-color: #51A351;
}

.toast-error {
  background-color: #BD362F;
}

.toast-info {
  background-color: #2F96B4;
}

.toast-warning {
  background-color: #F89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}

/* Responsive Design */

@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}

@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}

@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./node_modules/slick-carousel/slick/slick.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-spinner/animations/ball-scale-multiple.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-scale-multiple,
.la-ball-scale-multiple > div {
    position: relative;
    box-sizing: border-box;
}
.la-ball-scale-multiple {
    display: block;
    font-size: 0;
    color: #fff;
}
.la-ball-scale-multiple.la-dark {
    color: #333;
}
.la-ball-scale-multiple > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}
.la-ball-scale-multiple {
    width: 32px;
    height: 32px;
}
.la-ball-scale-multiple > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    opacity: 0;
    animation: ball-scale-multiple 1s 0s linear infinite;
}
.la-ball-scale-multiple > div:nth-child(2) {
    animation-delay: .2s;
}
.la-ball-scale-multiple > div:nth-child(3) {
    animation-delay: .4s;
}
.la-ball-scale-multiple.la-sm {
    width: 16px;
    height: 16px;
}
.la-ball-scale-multiple.la-sm > div {
    width: 16px;
    height: 16px;
}
.la-ball-scale-multiple.la-2x {
    width: 64px;
    height: 64px;
}
.la-ball-scale-multiple.la-2x > div {
    width: 64px;
    height: 64px;
}
.la-ball-scale-multiple.la-3x {
    width: 96px;
    height: 96px;
}
.la-ball-scale-multiple.la-3x > div {
    width: 96px;
    height: 96px;
}
/*
 * Animation
 */
@keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    5% {
        opacity: .75;
    }
    100% {
        opacity: 0;
        transform: scale(1);
    }
}

/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-owl-carousel-o/lib/styles/prebuilt-themes/owl.carousel.min.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel .owl-item.center{z-index: 5;}
.owl-carousel{display:none;width:100%;z-index:1}
.owl-carousel .owl-stage{position:relative;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;user-select:none}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{touch-action:pan-y;-webkit-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{animation-name:fadeOut}
@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{transition:opacity .4s ease}
.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}
.owl-carousel .owl-video-play-icon:hover{transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-owl-carousel-o/lib/styles/prebuilt-themes/owl.theme.default.min.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-nav{margin-top:10px}
.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}
.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}
.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}
.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@angular/material/prebuilt-themes/indigo-pink.css ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.mat-badge-content{font-weight:600;font-size:12px;font-family:Roboto, "Helvetica Neue", sans-serif}.mat-badge-small .mat-badge-content{font-size:9px}.mat-badge-large .mat-badge-content{font-size:24px}.mat-h1,.mat-headline,.mat-typography .mat-h1,.mat-typography .mat-headline,.mat-typography h1{font:400 24px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-title,.mat-typography .mat-h2,.mat-typography .mat-title,.mat-typography h2{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h3,.mat-subheading-2,.mat-typography .mat-h3,.mat-typography .mat-subheading-2,.mat-typography h3{font:400 16px/28px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h4,.mat-subheading-1,.mat-typography .mat-h4,.mat-typography .mat-subheading-1,.mat-typography h4{font:400 15px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h5,.mat-typography .mat-h5,.mat-typography h5{font:400 calc(14px * 0.83)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}.mat-h6,.mat-typography .mat-h6,.mat-typography h6{font:400 calc(14px * 0.67)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}.mat-body-strong,.mat-body-2,.mat-typography .mat-body-strong,.mat-typography .mat-body-2{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-body,.mat-body-1,.mat-typography .mat-body,.mat-typography .mat-body-1,.mat-typography{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-body p,.mat-body-1 p,.mat-typography .mat-body p,.mat-typography .mat-body-1 p,.mat-typography p{margin:0 0 12px}.mat-small,.mat-caption,.mat-typography .mat-small,.mat-typography .mat-caption{font:400 12px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-display-4,.mat-typography .mat-display-4{font:300 112px/112px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.05em;margin:0 0 56px}.mat-display-3,.mat-typography .mat-display-3{font:400 56px/56px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.02em;margin:0 0 64px}.mat-display-2,.mat-typography .mat-display-2{font:400 45px/48px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.005em;margin:0 0 64px}.mat-display-1,.mat-typography .mat-display-1{font:400 34px/40px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-bottom-sheet-container{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-button,.mat-raised-button,.mat-icon-button,.mat-stroked-button,.mat-flat-button,.mat-fab,.mat-mini-fab{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-button-toggle{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-card{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-card-title{font-size:24px;font-weight:500}.mat-card-header .mat-card-title{font-size:20px}.mat-card-subtitle,.mat-card-content{font-size:14px}.mat-checkbox{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-checkbox-layout .mat-checkbox-label{line-height:24px}.mat-chip{font-size:14px;font-weight:500}.mat-chip .mat-chip-trailing-icon.mat-icon,.mat-chip .mat-chip-remove.mat-icon{font-size:18px}.mat-table{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-header-cell{font-size:12px;font-weight:500}.mat-cell,.mat-footer-cell{font-size:14px}.mat-calendar{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-calendar-body{font-size:13px}.mat-calendar-body-label,.mat-calendar-period-button{font-size:14px;font-weight:500}.mat-calendar-table-header th{font-size:11px;font-weight:400}.mat-dialog-title{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-expansion-panel-header{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:15px;font-weight:400}.mat-expansion-panel-content{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-form-field{font-size:inherit;font-weight:400;line-height:1.125;font-family:Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-form-field-wrapper{padding-bottom:1.34375em}.mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon{font-size:150%;line-height:1.125}.mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}.mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon{height:1.125em;line-height:1.125}.mat-form-field-infix{padding:.5em 0;border-top:.84375em solid transparent}.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34375em) scale(0.75);width:133.3333333333%}.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34374em) scale(0.75);width:133.3333433333%}.mat-form-field-label-wrapper{top:-0.84375em;padding-top:.84375em}.mat-form-field-label{top:1.34375em}.mat-form-field-underline{bottom:1.34375em}.mat-form-field-subscript-wrapper{font-size:75%;margin-top:.6666666667em;top:calc(100% - 1.7916666667em)}.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-infix{padding:.4375em 0}.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);width:133.3333333333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);width:133.3333433333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);width:133.3333533333%}.mat-form-field-appearance-legacy .mat-form-field-label{top:1.28125em}.mat-form-field-appearance-legacy .mat-form-field-underline{bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper{margin-top:.5416666667em;top:calc(100% - 1.6666666667em)}@media print{.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28122em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28121em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.2812em) scale(0.75)}}.mat-form-field-appearance-fill .mat-form-field-infix{padding:.25em 0 .75em 0}.mat-form-field-appearance-fill .mat-form-field-label{top:1.09375em;margin-top:-0.5em}.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59375em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59374em) scale(0.75);width:133.3333433333%}.mat-form-field-appearance-outline .mat-form-field-infix{padding:1em 0 1em 0}.mat-form-field-appearance-outline .mat-form-field-label{top:1.84375em;margin-top:-0.25em}.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59375em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59374em) scale(0.75);width:133.3333433333%}.mat-grid-tile-header,.mat-grid-tile-footer{font-size:14px}.mat-grid-tile-header .mat-line,.mat-grid-tile-footer .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-grid-tile-header .mat-line:nth-child(n+2),.mat-grid-tile-footer .mat-line:nth-child(n+2){font-size:12px}input.mat-input-element{margin-top:-0.0625em}.mat-menu-item{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:400}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px}.mat-radio-button{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-select{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-select-trigger{height:1.125em}.mat-slide-toggle-content{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-slider-thumb-label-text{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}.mat-stepper-vertical,.mat-stepper-horizontal{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-step-label{font-size:14px;font-weight:400}.mat-step-sub-label-error{font-weight:normal}.mat-step-label-error{font-size:14px}.mat-step-label-selected{font-size:14px;font-weight:500}.mat-tab-group{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-tab-label,.mat-tab-link{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0}.mat-tooltip{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:10px;padding-top:6px;padding-bottom:6px}.mat-tooltip-handset{font-size:14px;padding-top:8px;padding-bottom:8px}.mat-list-item{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-list-option{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-list-base .mat-list-item{font-size:16px}.mat-list-base .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base .mat-list-item .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-list-option{font-size:16px}.mat-list-base .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base .mat-list-option .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-list-base[dense] .mat-list-item{font-size:12px}.mat-list-base[dense] .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-list-option{font-size:12px}.mat-list-base[dense] .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}.mat-option{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:16px}.mat-optgroup-label{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-simple-snackbar{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px}.mat-simple-snackbar-action{line-height:1;font-family:inherit;font-size:inherit;font-weight:500}.mat-tree{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-tree-node,.mat-nested-tree-node{font-weight:400;font-size:14px}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale(0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0 !important;box-sizing:content-box !important;height:auto !important;overflow:hidden !important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0 !important;box-sizing:content-box !important;height:0 !important}@keyframes cdk-text-field-autofill-start{/*!*/}@keyframes cdk-text-field-autofill-end{/*!*/}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-mdc-focus-indicator{position:relative}.mat-ripple-element{background-color:rgba(0,0,0,.1)}.mat-option{color:rgba(0,0,0,.87)}.mat-option:hover:not(.mat-option-disabled),.mat-option:focus:not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-active{background:rgba(0,0,0,.04);color:rgba(0,0,0,.87)}.mat-option.mat-option-disabled{color:rgba(0,0,0,.38)}.mat-primary .mat-option.mat-selected:not(.mat-option-disabled){color:#3f51b5}.mat-accent .mat-option.mat-selected:not(.mat-option-disabled){color:#ff4081}.mat-warn .mat-option.mat-selected:not(.mat-option-disabled){color:#f44336}.mat-optgroup-label{color:rgba(0,0,0,.54)}.mat-optgroup-disabled .mat-optgroup-label{color:rgba(0,0,0,.38)}.mat-pseudo-checkbox{color:rgba(0,0,0,.54)}.mat-pseudo-checkbox::after{color:#fafafa}.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked,.mat-primary .mat-pseudo-checkbox-indeterminate{background:#3f51b5}.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate,.mat-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate{background:#ff4081}.mat-warn .mat-pseudo-checkbox-checked,.mat-warn .mat-pseudo-checkbox-indeterminate{background:#f44336}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled{background:#b0b0b0}.mat-app-background{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-elevation-z0{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z1{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z2{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z3{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z4{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z5{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 5px 8px 0px rgba(0, 0, 0, 0.14),0px 1px 14px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z6{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z7{box-shadow:0px 4px 5px -2px rgba(0, 0, 0, 0.2),0px 7px 10px 1px rgba(0, 0, 0, 0.14),0px 2px 16px 1px rgba(0, 0, 0, 0.12)}.mat-elevation-z8{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z9{box-shadow:0px 5px 6px -3px rgba(0, 0, 0, 0.2),0px 9px 12px 1px rgba(0, 0, 0, 0.14),0px 3px 16px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z10{box-shadow:0px 6px 6px -3px rgba(0, 0, 0, 0.2),0px 10px 14px 1px rgba(0, 0, 0, 0.14),0px 4px 18px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z11{box-shadow:0px 6px 7px -4px rgba(0, 0, 0, 0.2),0px 11px 15px 1px rgba(0, 0, 0, 0.14),0px 4px 20px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z12{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z13{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z14{box-shadow:0px 7px 9px -4px rgba(0, 0, 0, 0.2),0px 14px 21px 2px rgba(0, 0, 0, 0.14),0px 5px 26px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z15{box-shadow:0px 8px 9px -5px rgba(0, 0, 0, 0.2),0px 15px 22px 2px rgba(0, 0, 0, 0.14),0px 6px 28px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z16{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z17{box-shadow:0px 8px 11px -5px rgba(0, 0, 0, 0.2),0px 17px 26px 2px rgba(0, 0, 0, 0.14),0px 6px 32px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z18{box-shadow:0px 9px 11px -5px rgba(0, 0, 0, 0.2),0px 18px 28px 2px rgba(0, 0, 0, 0.14),0px 7px 34px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z19{box-shadow:0px 9px 12px -6px rgba(0, 0, 0, 0.2),0px 19px 29px 2px rgba(0, 0, 0, 0.14),0px 7px 36px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z20{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 20px 31px 3px rgba(0, 0, 0, 0.14),0px 8px 38px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z21{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 21px 33px 3px rgba(0, 0, 0, 0.14),0px 8px 40px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z22{box-shadow:0px 10px 14px -6px rgba(0, 0, 0, 0.2),0px 22px 35px 3px rgba(0, 0, 0, 0.14),0px 8px 42px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z23{box-shadow:0px 11px 14px -7px rgba(0, 0, 0, 0.2),0px 23px 36px 3px rgba(0, 0, 0, 0.14),0px 9px 44px 8px rgba(0, 0, 0, 0.12)}.mat-elevation-z24{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.mat-theme-loaded-marker{display:none}.mat-autocomplete-panel{background:#fff;color:rgba(0,0,0,.87)}.mat-autocomplete-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover){background:#fff}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled){color:rgba(0,0,0,.87)}.mat-badge{position:relative}.mat-badge.mat-badge{overflow:visible}.mat-badge-hidden .mat-badge-content{display:none}.mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;transition:transform 200ms ease-in-out;transform:scale(0.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable{transition:none}.mat-badge-content.mat-badge-active{transform:none}.mat-badge-small .mat-badge-content{width:16px;height:16px;line-height:16px}.mat-badge-small.mat-badge-above .mat-badge-content{top:-8px}.mat-badge-small.mat-badge-below .mat-badge-content{bottom:-8px}.mat-badge-small.mat-badge-before .mat-badge-content{left:-16px}[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content{left:auto;right:-16px}.mat-badge-small.mat-badge-after .mat-badge-content{right:-16px}[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content{right:auto;left:-16px}.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-8px}.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-8px}.mat-badge-medium .mat-badge-content{width:22px;height:22px;line-height:22px}.mat-badge-medium.mat-badge-above .mat-badge-content{top:-11px}.mat-badge-medium.mat-badge-below .mat-badge-content{bottom:-11px}.mat-badge-medium.mat-badge-before .mat-badge-content{left:-22px}[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content{left:auto;right:-22px}.mat-badge-medium.mat-badge-after .mat-badge-content{right:-22px}[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content{right:auto;left:-22px}.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-11px}.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-11px}.mat-badge-large .mat-badge-content{width:28px;height:28px;line-height:28px}.mat-badge-large.mat-badge-above .mat-badge-content{top:-14px}.mat-badge-large.mat-badge-below .mat-badge-content{bottom:-14px}.mat-badge-large.mat-badge-before .mat-badge-content{left:-28px}[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content{left:auto;right:-28px}.mat-badge-large.mat-badge-after .mat-badge-content{right:-28px}[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content{right:auto;left:-28px}.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-14px}.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-14px}.mat-badge-content{color:#fff;background:#3f51b5}.cdk-high-contrast-active .mat-badge-content{outline:solid 1px;border-radius:0}.mat-badge-accent .mat-badge-content{background:#ff4081;color:#fff}.mat-badge-warn .mat-badge-content{color:#fff;background:#f44336}.mat-badge-disabled .mat-badge-content{background:#b9b9b9;color:rgba(0,0,0,.38)}.mat-bottom-sheet-container{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);background:#fff;color:rgba(0,0,0,.87)}.mat-button,.mat-icon-button,.mat-stroked-button{color:inherit;background:transparent}.mat-button.mat-primary,.mat-icon-button.mat-primary,.mat-stroked-button.mat-primary{color:#3f51b5}.mat-button.mat-accent,.mat-icon-button.mat-accent,.mat-stroked-button.mat-accent{color:#ff4081}.mat-button.mat-warn,.mat-icon-button.mat-warn,.mat-stroked-button.mat-warn{color:#f44336}.mat-button.mat-primary.mat-button-disabled,.mat-button.mat-accent.mat-button-disabled,.mat-button.mat-warn.mat-button-disabled,.mat-button.mat-button-disabled.mat-button-disabled,.mat-icon-button.mat-primary.mat-button-disabled,.mat-icon-button.mat-accent.mat-button-disabled,.mat-icon-button.mat-warn.mat-button-disabled,.mat-icon-button.mat-button-disabled.mat-button-disabled,.mat-stroked-button.mat-primary.mat-button-disabled,.mat-stroked-button.mat-accent.mat-button-disabled,.mat-stroked-button.mat-warn.mat-button-disabled,.mat-stroked-button.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)}.mat-button.mat-primary .mat-button-focus-overlay,.mat-icon-button.mat-primary .mat-button-focus-overlay,.mat-stroked-button.mat-primary .mat-button-focus-overlay{background-color:#3f51b5}.mat-button.mat-accent .mat-button-focus-overlay,.mat-icon-button.mat-accent .mat-button-focus-overlay,.mat-stroked-button.mat-accent .mat-button-focus-overlay{background-color:#ff4081}.mat-button.mat-warn .mat-button-focus-overlay,.mat-icon-button.mat-warn .mat-button-focus-overlay,.mat-stroked-button.mat-warn .mat-button-focus-overlay{background-color:#f44336}.mat-button.mat-button-disabled .mat-button-focus-overlay,.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay{background-color:transparent}.mat-button .mat-ripple-element,.mat-icon-button .mat-ripple-element,.mat-stroked-button .mat-ripple-element{opacity:.1;background-color:currentColor}.mat-button-focus-overlay{background:#000}.mat-stroked-button:not(.mat-button-disabled){border-color:rgba(0,0,0,.12)}.mat-flat-button,.mat-raised-button,.mat-fab,.mat-mini-fab{color:rgba(0,0,0,.87);background-color:#fff}.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{color:#fff}.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{color:#fff}.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{color:#fff}.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)}.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{background-color:#3f51b5}.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{background-color:#ff4081}.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{background-color:#f44336}.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{background-color:rgba(0,0,0,.12)}.mat-flat-button.mat-primary .mat-ripple-element,.mat-raised-button.mat-primary .mat-ripple-element,.mat-fab.mat-primary .mat-ripple-element,.mat-mini-fab.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-flat-button.mat-accent .mat-ripple-element,.mat-raised-button.mat-accent .mat-ripple-element,.mat-fab.mat-accent .mat-ripple-element,.mat-mini-fab.mat-accent .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-flat-button.mat-warn .mat-ripple-element,.mat-raised-button.mat-warn .mat-ripple-element,.mat-fab.mat-warn .mat-ripple-element,.mat-mini-fab.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-stroked-button:not([class*=mat-elevation-z]),.mat-flat-button:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-raised-button:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-fab:not([class*=mat-elevation-z]),.mat-mini-fab:not([class*=mat-elevation-z]){box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-button-toggle-standalone:not([class*=mat-elevation-z]),.mat-button-toggle-group:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]){box-shadow:none}.mat-button-toggle{color:rgba(0,0,0,.38)}.mat-button-toggle .mat-button-toggle-focus-overlay{background-color:rgba(0,0,0,.12)}.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87);background:#fff}.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay{background-color:#000}.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:solid 1px #e0e0e0}[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:solid 1px #e0e0e0}.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:none;border-top:solid 1px #e0e0e0}.mat-button-toggle-checked{background-color:#e0e0e0;color:rgba(0,0,0,.54)}.mat-button-toggle-checked.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87)}.mat-button-toggle-disabled{color:rgba(0,0,0,.26);background-color:#eee}.mat-button-toggle-disabled.mat-button-toggle-appearance-standard{background:#fff}.mat-button-toggle-disabled.mat-button-toggle-checked{background-color:#bdbdbd}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{border:solid 1px #e0e0e0}.mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:48px}.mat-card{background:#fff;color:rgba(0,0,0,.87)}.mat-card:not([class*=mat-elevation-z]){box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-card.mat-card-flat:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-card-subtitle{color:rgba(0,0,0,.54)}.mat-checkbox-frame{border-color:rgba(0,0,0,.54)}.mat-checkbox-checkmark{fill:#fafafa}.mat-checkbox-checkmark-path{stroke:#fafafa !important}.mat-checkbox-mixedmark{background-color:#fafafa}.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,.mat-checkbox-checked.mat-primary .mat-checkbox-background{background-color:#3f51b5}.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,.mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#ff4081}.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background,.mat-checkbox-checked.mat-warn .mat-checkbox-background{background-color:#f44336}.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background{background-color:#b0b0b0}.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame{border-color:#b0b0b0}.mat-checkbox-disabled .mat-checkbox-label{color:rgba(0,0,0,.38)}.mat-checkbox .mat-ripple-element{background-color:#000}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element{background:#3f51b5}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element{background:#ff4081}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element{background:#f44336}.mat-chip.mat-standard-chip{background-color:#e0e0e0;color:rgba(0,0,0,.87)}.mat-chip.mat-standard-chip .mat-chip-remove{color:rgba(0,0,0,.87);opacity:.4}.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover{opacity:.54}.mat-chip.mat-standard-chip.mat-chip-disabled{opacity:.4}.mat-chip.mat-standard-chip::after{background:#000}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{background-color:#3f51b5;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn{background-color:#f44336;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent{background-color:#ff4081;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-table{background:#fff}.mat-table thead,.mat-table tbody,.mat-table tfoot,mat-header-row,mat-row,mat-footer-row,[mat-header-row],[mat-row],[mat-footer-row],.mat-table-sticky{background:inherit}mat-row,mat-header-row,mat-footer-row,th.mat-header-cell,td.mat-cell,td.mat-footer-cell{border-bottom-color:rgba(0,0,0,.12)}.mat-header-cell{color:rgba(0,0,0,.54)}.mat-cell,.mat-footer-cell{color:rgba(0,0,0,.87)}.mat-calendar-arrow{fill:rgba(0,0,0,.54)}.mat-datepicker-toggle,.mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button{color:rgba(0,0,0,.54)}.mat-calendar-table-header-divider::after{background:rgba(0,0,0,.12)}.mat-calendar-table-header,.mat-calendar-body-label{color:rgba(0,0,0,.54)}.mat-calendar-body-cell-content,.mat-date-range-input-separator{color:rgba(0,0,0,.87);border-color:transparent}.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:rgba(0,0,0,.38)}.mat-form-field-disabled .mat-date-range-input-separator{color:rgba(0,0,0,.38)}.mat-calendar-body-in-preview{color:rgba(0,0,0,.24)}.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.38)}.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.18)}.mat-calendar-body-in-range::before{background:rgba(63,81,181,.2)}.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-calendar-body-comparison-bridge-start::before,[dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-calendar-body-comparison-bridge-end::before,[dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-calendar-body-selected{background-color:#3f51b5;color:#fff}.mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(63,81,181,.4)}.mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(63,81,181,.3)}@media(hover: hover){.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(63,81,181,.3)}}.mat-datepicker-content{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12);background-color:#fff;color:rgba(0,0,0,.87)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before{background:rgba(255,64,129,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-accent .mat-calendar-body-selected{background-color:#ff4081;color:#fff}.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(255,64,129,.4)}.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(255,64,129,.3)}@media(hover: hover){.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(255,64,129,.3)}}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before{background:rgba(244,67,54,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-warn .mat-calendar-body-selected{background-color:#f44336;color:#fff}.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(244,67,54,.4)}.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(244,67,54,.3)}@media(hover: hover){.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(244,67,54,.3)}}.mat-datepicker-content-touch{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.mat-datepicker-toggle-active{color:#3f51b5}.mat-datepicker-toggle-active.mat-accent{color:#ff4081}.mat-datepicker-toggle-active.mat-warn{color:#f44336}.mat-date-range-input-inner[disabled]{color:rgba(0,0,0,.38)}.mat-dialog-container{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12);background:#fff;color:rgba(0,0,0,.87)}.mat-divider{border-top-color:rgba(0,0,0,.12)}.mat-divider-vertical{border-right-color:rgba(0,0,0,.12)}.mat-expansion-panel{background:#fff;color:rgba(0,0,0,.87)}.mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-action-row{border-top-color:rgba(0,0,0,.12)}.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:rgba(0,0,0,.04)}@media(hover: none){.mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover{background:#fff}}.mat-expansion-panel-header-title{color:rgba(0,0,0,.87)}.mat-expansion-panel-header-description,.mat-expansion-indicator::after{color:rgba(0,0,0,.54)}.mat-expansion-panel-header[aria-disabled=true]{color:rgba(0,0,0,.26)}.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description{color:inherit}.mat-expansion-panel-header{height:48px}.mat-expansion-panel-header.mat-expanded{height:64px}.mat-form-field-label{color:rgba(0,0,0,.6)}.mat-hint{color:rgba(0,0,0,.6)}.mat-form-field.mat-focused .mat-form-field-label{color:#3f51b5}.mat-form-field.mat-focused .mat-form-field-label.mat-accent{color:#ff4081}.mat-form-field.mat-focused .mat-form-field-label.mat-warn{color:#f44336}.mat-focused .mat-form-field-required-marker{color:#ff4081}.mat-form-field-ripple{background-color:rgba(0,0,0,.87)}.mat-form-field.mat-focused .mat-form-field-ripple{background-color:#3f51b5}.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent{background-color:#ff4081}.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn{background-color:#f44336}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after{color:#3f51b5}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after{color:#ff4081}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-label{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent{background-color:#f44336}.mat-error{color:#f44336}.mat-form-field-appearance-legacy .mat-form-field-label{color:rgba(0,0,0,.54)}.mat-form-field-appearance-legacy .mat-hint{color:rgba(0,0,0,.54)}.mat-form-field-appearance-legacy .mat-form-field-underline{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x}.mat-form-field-appearance-standard .mat-form-field-underline{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x}.mat-form-field-appearance-fill .mat-form-field-flex{background-color:rgba(0,0,0,.04)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex{background-color:rgba(0,0,0,.02)}.mat-form-field-appearance-fill .mat-form-field-underline::before{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before{background-color:transparent}.mat-form-field-appearance-outline .mat-form-field-outline{color:rgba(0,0,0,.12)}.mat-form-field-appearance-outline .mat-form-field-outline-thick{color:rgba(0,0,0,.87)}.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#3f51b5}.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick{color:#ff4081}.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick{color:#f44336}.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick{color:#f44336}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{color:rgba(0,0,0,.06)}.mat-icon.mat-primary{color:#3f51b5}.mat-icon.mat-accent{color:#ff4081}.mat-icon.mat-warn{color:#f44336}.mat-form-field-type-mat-native-select .mat-form-field-infix::after{color:rgba(0,0,0,.54)}.mat-input-element:disabled,.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after{color:rgba(0,0,0,.38)}.mat-input-element{caret-color:#3f51b5}.mat-input-element::placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-moz-placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-webkit-input-placeholder{color:rgba(0,0,0,.42)}.mat-input-element:-ms-input-placeholder{color:rgba(0,0,0,.42)}.mat-form-field.mat-accent .mat-input-element{caret-color:#ff4081}.mat-form-field.mat-warn .mat-input-element,.mat-form-field-invalid .mat-input-element{caret-color:#f44336}.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after{color:#f44336}.mat-list-base .mat-list-item{color:rgba(0,0,0,.87)}.mat-list-base .mat-list-option{color:rgba(0,0,0,.87)}.mat-list-base .mat-subheader{color:rgba(0,0,0,.54)}.mat-list-base .mat-list-item-disabled{background-color:#eee;color:rgba(0,0,0,.38)}.mat-list-option:hover,.mat-list-option:focus,.mat-nav-list .mat-list-item:hover,.mat-nav-list .mat-list-item:focus,.mat-action-list .mat-list-item:hover,.mat-action-list .mat-list-item:focus{background:rgba(0,0,0,.04)}.mat-list-single-selected-option,.mat-list-single-selected-option:hover,.mat-list-single-selected-option:focus{background:rgba(0,0,0,.12)}.mat-menu-panel{background:#fff}.mat-menu-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-menu-item{background:transparent;color:rgba(0,0,0,.87)}.mat-menu-item[disabled],.mat-menu-item[disabled] .mat-menu-submenu-icon,.mat-menu-item[disabled] .mat-icon-no-color{color:rgba(0,0,0,.38)}.mat-menu-item .mat-icon-no-color,.mat-menu-submenu-icon{color:rgba(0,0,0,.54)}.mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]){background:rgba(0,0,0,.04)}.mat-paginator{background:#fff}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{color:rgba(0,0,0,.54)}.mat-paginator-decrement,.mat-paginator-increment{border-top:2px solid rgba(0,0,0,.54);border-right:2px solid rgba(0,0,0,.54)}.mat-paginator-first,.mat-paginator-last{border-top:2px solid rgba(0,0,0,.54)}.mat-icon-button[disabled] .mat-paginator-decrement,.mat-icon-button[disabled] .mat-paginator-increment,.mat-icon-button[disabled] .mat-paginator-first,.mat-icon-button[disabled] .mat-paginator-last{border-color:rgba(0,0,0,.38)}.mat-paginator-container{min-height:56px}.mat-progress-bar-background{fill:#cbd0e9}.mat-progress-bar-buffer{background-color:#cbd0e9}.mat-progress-bar-fill::after{background-color:#3f51b5}.mat-progress-bar.mat-accent .mat-progress-bar-background{fill:#fbccdc}.mat-progress-bar.mat-accent .mat-progress-bar-buffer{background-color:#fbccdc}.mat-progress-bar.mat-accent .mat-progress-bar-fill::after{background-color:#ff4081}.mat-progress-bar.mat-warn .mat-progress-bar-background{fill:#f9ccc9}.mat-progress-bar.mat-warn .mat-progress-bar-buffer{background-color:#f9ccc9}.mat-progress-bar.mat-warn .mat-progress-bar-fill::after{background-color:#f44336}.mat-progress-spinner circle,.mat-spinner circle{stroke:#3f51b5}.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle{stroke:#ff4081}.mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle{stroke:#f44336}.mat-radio-outer-circle{border-color:rgba(0,0,0,.54)}.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle{border-color:#3f51b5}.mat-radio-button.mat-primary .mat-radio-inner-circle,.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple{background-color:#3f51b5}.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff4081}.mat-radio-button.mat-accent .mat-radio-inner-circle,.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#ff4081}.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle{border-color:#f44336}.mat-radio-button.mat-warn .mat-radio-inner-circle,.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple{background-color:#f44336}.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle{border-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle{background-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-label-content{color:rgba(0,0,0,.38)}.mat-radio-button .mat-ripple-element{background-color:#000}.mat-select-value{color:rgba(0,0,0,.87)}.mat-select-placeholder{color:rgba(0,0,0,.42)}.mat-select-disabled .mat-select-value{color:rgba(0,0,0,.38)}.mat-select-arrow{color:rgba(0,0,0,.54)}.mat-select-panel{background:#fff}.mat-select-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple){background:rgba(0,0,0,.12)}.mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:#3f51b5}.mat-form-field.mat-focused.mat-accent .mat-select-arrow{color:#ff4081}.mat-form-field.mat-focused.mat-warn .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow{color:rgba(0,0,0,.38)}.mat-drawer-container{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-drawer{background-color:#fff;color:rgba(0,0,0,.87)}.mat-drawer.mat-drawer-push{background-color:#fff}.mat-drawer:not(.mat-drawer-side){box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-drawer-side{border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-side.mat-drawer-end{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side.mat-drawer-end{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-backdrop.mat-drawer-shown{background-color:rgba(0,0,0,.6)}.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:#ff4081}.mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:rgba(255,64,129,.54)}.mat-slide-toggle.mat-checked .mat-ripple-element{background-color:#ff4081}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb{background-color:#3f51b5}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar{background-color:rgba(63,81,181,.54)}.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element{background-color:#3f51b5}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb{background-color:#f44336}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar{background-color:rgba(244,67,54,.54)}.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element{background-color:#f44336}.mat-slide-toggle:not(.mat-checked) .mat-ripple-element{background-color:#000}.mat-slide-toggle-thumb{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);background-color:#fafafa}.mat-slide-toggle-bar{background-color:rgba(0,0,0,.38)}.mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-slider.mat-primary .mat-slider-track-fill,.mat-slider.mat-primary .mat-slider-thumb,.mat-slider.mat-primary .mat-slider-thumb-label{background-color:#3f51b5}.mat-slider.mat-primary .mat-slider-thumb-label-text{color:#fff}.mat-slider.mat-primary .mat-slider-focus-ring{background-color:rgba(63,81,181,.2)}.mat-slider.mat-accent .mat-slider-track-fill,.mat-slider.mat-accent .mat-slider-thumb,.mat-slider.mat-accent .mat-slider-thumb-label{background-color:#ff4081}.mat-slider.mat-accent .mat-slider-thumb-label-text{color:#fff}.mat-slider.mat-accent .mat-slider-focus-ring{background-color:rgba(255,64,129,.2)}.mat-slider.mat-warn .mat-slider-track-fill,.mat-slider.mat-warn .mat-slider-thumb,.mat-slider.mat-warn .mat-slider-thumb-label{background-color:#f44336}.mat-slider.mat-warn .mat-slider-thumb-label-text{color:#fff}.mat-slider.mat-warn .mat-slider-focus-ring{background-color:rgba(244,67,54,.2)}.mat-slider:hover .mat-slider-track-background,.mat-slider.cdk-focused .mat-slider-track-background{background-color:rgba(0,0,0,.38)}.mat-slider.mat-slider-disabled .mat-slider-track-background,.mat-slider.mat-slider-disabled .mat-slider-track-fill,.mat-slider.mat-slider-disabled .mat-slider-thumb{background-color:rgba(0,0,0,.26)}.mat-slider.mat-slider-disabled:hover .mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-slider.mat-slider-min-value .mat-slider-focus-ring{background-color:rgba(0,0,0,.12)}.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label{background-color:rgba(0,0,0,.87)}.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label{background-color:rgba(0,0,0,.26)}.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb{border-color:rgba(0,0,0,.26);background-color:transparent}.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb{border-color:rgba(0,0,0,.38)}.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb{border-color:rgba(0,0,0,.26)}.mat-slider-has-ticks .mat-slider-wrapper::after{border-color:rgba(0,0,0,.7)}.mat-slider-horizontal .mat-slider-ticks{background-image:repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);background-image:-moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mat-slider-vertical .mat-slider-ticks{background-image:repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover:not([aria-disabled]),.mat-step-header:hover[aria-disabled=false]{background-color:rgba(0,0,0,.04)}.mat-step-header:hover[aria-disabled=true]{cursor:default}@media(hover: none){.mat-step-header:hover{background:none}}.mat-step-header .mat-step-label,.mat-step-header .mat-step-optional{color:rgba(0,0,0,.54)}.mat-step-header .mat-step-icon{background-color:rgba(0,0,0,.54);color:#fff}.mat-step-header .mat-step-icon-selected,.mat-step-header .mat-step-icon-state-done,.mat-step-header .mat-step-icon-state-edit{background-color:#3f51b5;color:#fff}.mat-step-header.mat-accent .mat-step-icon{color:#fff}.mat-step-header.mat-accent .mat-step-icon-selected,.mat-step-header.mat-accent .mat-step-icon-state-done,.mat-step-header.mat-accent .mat-step-icon-state-edit{background-color:#ff4081;color:#fff}.mat-step-header.mat-warn .mat-step-icon{color:#fff}.mat-step-header.mat-warn .mat-step-icon-selected,.mat-step-header.mat-warn .mat-step-icon-state-done,.mat-step-header.mat-warn .mat-step-icon-state-edit{background-color:#f44336;color:#fff}.mat-step-header .mat-step-icon-state-error{background-color:transparent;color:#f44336}.mat-step-header .mat-step-label.mat-step-label-active{color:rgba(0,0,0,.87)}.mat-step-header .mat-step-label.mat-step-label-error{color:#f44336}.mat-stepper-horizontal,.mat-stepper-vertical{background-color:#fff}.mat-stepper-vertical-line::before{border-left-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header::before,.mat-horizontal-stepper-header::after,.mat-stepper-horizontal-line{border-top-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header{height:72px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,.mat-vertical-stepper-header{padding:24px 24px}.mat-stepper-vertical-line::before{top:-16px;bottom:-16px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before{top:36px}.mat-stepper-label-position-bottom .mat-stepper-horizontal-line{top:36px}.mat-sort-header-arrow{color:#757575}.mat-tab-nav-bar,.mat-tab-header{border-bottom:1px solid rgba(0,0,0,.12)}.mat-tab-group-inverted-header .mat-tab-nav-bar,.mat-tab-group-inverted-header .mat-tab-header{border-top:1px solid rgba(0,0,0,.12);border-bottom:none}.mat-tab-label,.mat-tab-link{color:rgba(0,0,0,.87)}.mat-tab-label.mat-tab-disabled,.mat-tab-link.mat-tab-disabled{color:rgba(0,0,0,.38)}.mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.87)}.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.38)}.mat-tab-group[class*=mat-background-]>.mat-tab-header,.mat-tab-nav-bar[class*=mat-background-]{border-bottom:none;border-top:none}.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)}.mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar{background-color:#3f51b5}.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)}.mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar{background-color:#ff4081}.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn .mat-ink-bar{background-color:#f44336}.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)}.mat-tab-group.mat-background-primary>.mat-tab-header,.mat-tab-group.mat-background-primary>.mat-tab-link-container,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination{background-color:#3f51b5}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12}.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)}.mat-tab-group.mat-background-accent>.mat-tab-header,.mat-tab-group.mat-background-accent>.mat-tab-link-container,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination{background-color:#ff4081}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12}.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-background-warn>.mat-tab-header,.mat-tab-group.mat-background-warn>.mat-tab-link-container,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination{background-color:#f44336}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12}.mat-toolbar{background:#f5f5f5;color:rgba(0,0,0,.87)}.mat-toolbar.mat-primary{background:#3f51b5;color:#fff}.mat-toolbar.mat-accent{background:#ff4081;color:#fff}.mat-toolbar.mat-warn{background:#f44336;color:#fff}.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-focused .mat-form-field-ripple{background-color:currentColor}.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-select-value,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow{color:inherit}.mat-toolbar .mat-input-element{caret-color:currentColor}.mat-toolbar-multiple-rows{min-height:64px}.mat-toolbar-row,.mat-toolbar-single-row{height:64px}@media(max-width: 599px){.mat-toolbar-multiple-rows{min-height:56px}.mat-toolbar-row,.mat-toolbar-single-row{height:56px}}.mat-tooltip{background:rgba(97,97,97,.9)}.mat-tree{background:#fff}.mat-tree-node,.mat-nested-tree-node{color:rgba(0,0,0,.87)}.mat-tree-node{min-height:48px}.mat-snack-bar-container{color:rgba(255,255,255,.7);background:#323232;box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-simple-snackbar-action{color:#ff4081}

/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/froala-editor/css/froala_editor.pkgd.min.css ***!
  \***************************************************************************************************************************************************************************************************************************************************/
/*!
 * froala_editor v4.0.19 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-element,.fr-element:focus{outline:0 solid transparent}

.fr-view.fr-element-scroll-visible{overflow-x:visible !important}

.fr-box.fr-basic{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-box.fr-basic .fr-element{font-family:sans-serif;color:#414141;font-size:14px;line-height:1.6;padding:20px;box-sizing:border-box;overflow-x:auto;min-height:60px;text-align:left}

.fr-box.fr-basic.fr-rtl .fr-element{text-align:right}

.fr-element{background:transparent;position:relative;z-index:2;-webkit-user-select:auto}

.fr-element a{user-select:auto;-o-user-select:auto;-moz-user-select:auto;-khtml-user-select:auto;-webkit-user-select:auto;-ms-user-select:auto}

.fr-element.fr-disabled{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}

.fr-element [contenteditable="true"]{outline:0 solid transparent}

.fr-box a.fr-floating-btn{box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;height:40px;width:40px;text-align:center;background:#FFF;color:#333333;-webkit-transition:background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;-moz-transition:background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;-ms-transition:background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;-o-transition:background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;outline:none;left:0;top:0;line-height:40px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);text-align:center;display:block;box-sizing:border-box;border:none}

.fr-box a.fr-floating-btn svg{-webkit-transition:transform 0.2s ease 0s;-moz-transition:transform 0.2s ease 0s;-ms-transition:transform 0.2s ease 0s;-o-transition:transform 0.2s ease 0s;fill:#333333}

.fr-box a.fr-floating-btn i,.fr-box a.fr-floating-btn svg{font-size:14px;line-height:40px}

.fr-box a.fr-floating-btn.fr-btn+.fr-btn{margin-left:10px}

.fr-box a.fr-floating-btn:hover{background:#ebebeb;cursor:pointer}

.fr-box a.fr-floating-btn:hover svg{fill:#333333}

.fr-box .fr-visible a.fr-floating-btn{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}

iframe.fr-iframe{width:100%;border:none;position:relative;display:block;z-index:2;box-sizing:border-box}

.fr-wrapper{position:relative;z-index:1}

.fr-wrapper::after{clear:both;display:block;content:"";height:0}

.fr-wrapper .fr-placeholder{position:absolute;font-size:14px;color:#AAA;font-family:sans-serif;z-index:1;display:none;top:0;left:0;right:0;overflow:hidden}

.fr-wrapper.show-placeholder .fr-placeholder{display:block;white-space:nowrap;text-overflow:ellipsis}

.fr-wrapper ::selection{background:rgba(181,214,253,0.8);color:#000}

.fr-box.fr-basic .fr-wrapper{background:#FFF;border:1px solid #CCCCCC;border-bottom-color:#efefef;top:0;left:0}

.fr-box.fr-basic.fr-top .fr-wrapper{border-top:0}

.fr-box.fr-basic.fr-bottom .fr-wrapper{border-bottom:0;border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

@media (min-width: 992px){.fr-box.fr-document{min-width:21cm}.fr-box.fr-document .fr-wrapper{text-align:left;padding:30px;min-width:21cm;background:#efefef}.fr-box.fr-document .fr-wrapper .fr-element{text-align:left;background:#FFF;width:21cm;margin:auto;min-height:26cm !important;padding:1cm 2cm;overflow:visible;z-index:auto}.fr-box.fr-document .fr-wrapper .fr-element hr{margin-left:-2cm;margin-right:-2cm;background:#efefef;height:1cm;outline:none;border:none}.fr-box.fr-document .fr-wrapper .fr-element img{z-index:1}}

.fr-tooltip{position:absolute;top:0;left:0;padding:0 8px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#222222;color:#FFF;font-size:11px;line-height:22px;font-family:Arial, Helvetica, sans-serif;-webkit-transition:opacity 0.2s ease 0s;-moz-transition:opacity 0.2s ease 0s;-ms-transition:opacity 0.2s ease 0s;-o-transition:opacity 0.2s ease 0s;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";left:-3000px;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;z-index:2147483647;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.fr-tooltip.fr-visible{-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

.fr-toolbar .fr-btn-wrap,.fr-popup .fr-btn-wrap,.fr-modal .fr-btn-wrap{float:left;white-space:nowrap;position:relative}

.fr-toolbar .fr-btn-wrap.fr-hidden,.fr-popup .fr-btn-wrap.fr-hidden,.fr-modal .fr-btn-wrap.fr-hidden{display:none}

.fr-toolbar .fr-command.fr-btn,.fr-popup .fr-command.fr-btn,.fr-modal .fr-command.fr-btn{background:transparent;color:#333333;-moz-outline:0;outline:none;border:0;line-height:1;cursor:pointer;text-align:left;margin:4px 2px;padding:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;z-index:2;position:relative;box-sizing:border-box;text-decoration:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;float:left;height:40px}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-options,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-options{border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-toolbar .fr-command.fr-btn.fr-btn-hover,.fr-popup .fr-command.fr-btn.fr-btn-hover,.fr-modal .fr-command.fr-btn.fr-btn-hover{border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,.fr-popup .fr-command.fr-btn::-moz-focus-inner,.fr-modal .fr-command.fr-btn::-moz-focus-inner{border:0;padding:0}

.fr-toolbar .fr-command.fr-btn.fr-btn-text,.fr-popup .fr-command.fr-btn.fr-btn-text,.fr-modal .fr-command.fr-btn.fr-btn-text{width:auto}

.fr-toolbar .fr-command.fr-btn i,.fr-toolbar .fr-command.fr-btn svg,.fr-popup .fr-command.fr-btn i,.fr-popup .fr-command.fr-btn svg,.fr-modal .fr-command.fr-btn i,.fr-modal .fr-command.fr-btn svg{display:block;text-align:center;float:none;margin:8px 7px;width:24px}

.fr-toolbar .fr-command.fr-btn svg.fr-svg,.fr-popup .fr-command.fr-btn svg.fr-svg,.fr-modal .fr-command.fr-btn svg.fr-svg{height:24px}

.fr-toolbar .fr-command.fr-btn svg path,.fr-popup .fr-command.fr-btn svg path,.fr-modal .fr-command.fr-btn svg path{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;fill:#333333}

.fr-toolbar .fr-command.fr-btn span.fr-sr-only,.fr-popup .fr-command.fr-btn span.fr-sr-only,.fr-modal .fr-command.fr-btn span.fr-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-toolbar .fr-command.fr-btn span,.fr-popup .fr-command.fr-btn span,.fr-modal .fr-command.fr-btn span{font-size:14px;display:block;line-height:17px;min-width:30px;float:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:17px;font-weight:bold;padding:0 4px}

.fr-toolbar .fr-command.fr-btn img,.fr-popup .fr-command.fr-btn img,.fr-modal .fr-command.fr-btn img{margin:8px 7px;width:24px}

.fr-toolbar .fr-command.fr-btn.fr-btn-active-popup,.fr-popup .fr-command.fr-btn.fr-btn-active-popup,.fr-modal .fr-command.fr-btn.fr-btn-active-popup{background:#d6d6d6}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-selection span{font-weight:normal}

.fr-toolbar .fr-command.fr-btn.fr-dropdown i,.fr-toolbar .fr-command.fr-btn.fr-dropdown span,.fr-toolbar .fr-command.fr-btn.fr-dropdown img,.fr-toolbar .fr-command.fr-btn.fr-dropdown svg,.fr-popup .fr-command.fr-btn.fr-dropdown i,.fr-popup .fr-command.fr-btn.fr-dropdown span,.fr-popup .fr-command.fr-btn.fr-dropdown img,.fr-popup .fr-command.fr-btn.fr-dropdown svg,.fr-modal .fr-command.fr-btn.fr-dropdown i,.fr-modal .fr-command.fr-btn.fr-dropdown span,.fr-modal .fr-command.fr-btn.fr-dropdown img,.fr-modal .fr-command.fr-btn.fr-dropdown svg{margin-left:3px;margin-right:11px}

.fr-toolbar .fr-command.fr-btn.fr-dropdown:after,.fr-popup .fr-command.fr-btn.fr-dropdown:after,.fr-modal .fr-command.fr-btn.fr-dropdown:after{position:absolute;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #333333;right:2px;top:18px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;content:""}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active{fill:#333333;background:#d6d6d6;-webkit-transition:0.5s ease;-moz-transition:0.5s ease;-ms-transition:0.5s ease;-o-transition:0.5s ease}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover{background:#ebebeb;fill:#333333}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover::after{border-top-color:#333333}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after{border-top:0;border-bottom:4px solid #222222}

.fr-toolbar .fr-command.fr-btn.fr-disabled,.fr-popup .fr-command.fr-btn.fr-disabled,.fr-modal .fr-command.fr-btn.fr-disabled{color:#bdbdbd;cursor:default;-webkit-opacity:0.3;-moz-opacity:0.3;opacity:0.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

.fr-toolbar .fr-command.fr-btn.fr-disabled::after,.fr-popup .fr-command.fr-btn.fr-disabled::after,.fr-modal .fr-command.fr-btn.fr-disabled::after{border-top-color:#bdbdbd}

.fr-toolbar .fr-command.fr-btn.fr-hidden,.fr-popup .fr-command.fr-btn.fr-hidden,.fr-modal .fr-command.fr-btn.fr-hidden{display:none}

.fr-toolbar .fr-tabs .fr-command.fr-btn,.fr-popup .fr-tabs .fr-command.fr-btn,.fr-modal .fr-tabs .fr-command.fr-btn{margin:0;width:46px;height:40px;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab,.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab,.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab{background:#FFF}

.fr-toolbar .fr-tabs .fr-command.fr-btn span,.fr-popup .fr-tabs .fr-command.fr-btn span,.fr-modal .fr-tabs .fr-command.fr-btn span{height:27px}

.fr-toolbar .fr-tabs .fr-command.fr-btn img,.fr-toolbar .fr-tabs .fr-command.fr-btn svg,.fr-popup .fr-tabs .fr-command.fr-btn img,.fr-popup .fr-tabs .fr-command.fr-btn svg,.fr-modal .fr-tabs .fr-command.fr-btn img,.fr-modal .fr-tabs .fr-command.fr-btn svg{margin:8px 11px;width:24px;height:24px}

.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path{fill:#0098f7}

.fr-toolbar.fr-disabled .fr-btn,.fr-toolbar.fr-disabled .fr-btn.fr-active,.fr-popup.fr-disabled .fr-btn,.fr-popup.fr-disabled .fr-btn.fr-active,.fr-modal.fr-disabled .fr-btn,.fr-modal.fr-disabled .fr-btn.fr-active{color:#bdbdbd;-webkit-opacity:0.3;-moz-opacity:0.3;opacity:0.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after,.fr-modal.fr-disabled .fr-btn.fr-dropdown::after,.fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown::after{border-top-color:#bdbdbd}

.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-left,.fr-popup.fr-rtl .fr-btn-grp.fr-float-left,.fr-modal.fr-rtl .fr-btn-grp.fr-float-left{float:right}

.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-right,.fr-popup.fr-rtl .fr-btn-grp.fr-float-right,.fr-modal.fr-rtl .fr-btn-grp.fr-float-right{float:left}

.fr-toolbar.fr-rtl .fr-command.fr-btn,.fr-toolbar.fr-rtl .fr-btn-wrap,.fr-popup.fr-rtl .fr-command.fr-btn,.fr-popup.fr-rtl .fr-btn-wrap,.fr-modal.fr-rtl .fr-command.fr-btn,.fr-modal.fr-rtl .fr-btn-wrap{float:right}

.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,.fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options,.fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,.fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options,.fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,.fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options{border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover,.fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover,.fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover,.fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover,.fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover,.fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover{border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-toolbar.fr-inline>.fr-command.fr-btn:not(.fr-hidden),.fr-toolbar.fr-inline>.fr-btn-wrap:not(.fr-hidden){display:inline-flex;float:none}

.fr-desktop .fr-command:hover,.fr-desktop .fr-command:focus,.fr-desktop .fr-command.fr-btn-hover,.fr-desktop .fr-command.fr-expanded{outline:0;color:#333333}

.fr-desktop .fr-command:hover:not(.fr-table-cell),.fr-desktop .fr-command:focus:not(.fr-table-cell),.fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell),.fr-desktop .fr-command.fr-expanded:not(.fr-table-cell){background:#ebebeb}

.fr-desktop .fr-command:hover::after,.fr-desktop .fr-command:focus::after,.fr-desktop .fr-command.fr-btn-hover::after,.fr-desktop .fr-command.fr-expanded::after{border-top-color:#333333}

.fr-desktop .fr-command.fr-selected:not(.fr-table-cell),.fr-desktop .fr-command:active{color:#333333;background:#d6d6d6}

.fr-desktop .fr-command.fr-active:hover,.fr-desktop .fr-command.fr-active:focus,.fr-desktop .fr-command.fr-active.fr-btn-hover,.fr-desktop .fr-command.fr-active.fr-expanded{background:#ebebeb}

.fr-desktop .fr-command.fr-active:active{background:#d6d6d6}

.fr-desktop .fr-command.fr-disabled:hover,.fr-desktop .fr-command.fr-disabled:focus,.fr-desktop .fr-command.fr-disabled.fr-selected{background:transparent}

.fr-desktop.fr-disabled .fr-command:hover,.fr-desktop.fr-disabled .fr-command:focus,.fr-desktop.fr-disabled .fr-command.fr-selected{background:transparent}

.fr-toolbar.fr-mobile .fr-command.fr-blink,.fr-popup.fr-mobile .fr-command.fr-blink{background:#d6d6d6}

.fr-command.fr-btn.fr-options{width:16px;margin-left:-5px}

.fr-command.fr-btn.fr-options.fr-btn-hover,.fr-command.fr-btn.fr-options:hover,.fr-command.fr-btn.fr-options:focus{border-left:solid 1px #FAFAFA;-webkit-transition:border-left 0s, background-color 0.5s;-moz-transition:border-left 0s, background-color 0.5s;-ms-transition:border-left 0s, background-color 0.5s;-o-transition:border-left 0s, background-color 0.5s}

.fr-command.fr-btn+.fr-dropdown-menu{background:#FFF;display:inline-block;position:absolute;right:auto;bottom:auto;height:auto;z-index:4;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-overflow-scrolling:touch;overflow:hidden;zoom:1;box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12)}

.fr-command.fr-btn+.fr-dropdown-menu.test-height .fr-dropdown-wrapper{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;height:auto;max-height:275px}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper{padding:0;margin:auto;display:inline-block;text-align:left;position:relative;box-sizing:border-box;-webkit-transition:height 0.3s;-moz-transition:height 0.3s;-ms-transition:height 0.3s;-o-transition:height 0.3s;margin-top:0;float:left;height:0;margin-top:0 !important}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content{position:relative}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list{list-style-type:none;margin:0;padding:8px 0;min-width:72px}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li{padding:0;margin:0;font-size:15px}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a{padding:0 20px;line-height:200%;display:flex;cursor:pointer;white-space:nowrap;color:inherit;text-decoration:none;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg{width:24px;height:24px;margin:3px 4px}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path{fill:#333333}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active{background:#d6d6d6}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled{color:#bdbdbd;cursor:default}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a .fr-shortcut{margin-left:20px;font-weight:bold;-webkit-opacity:0.75;-moz-opacity:0.75;opacity:0.75}

.fr-command.fr-btn.fr-active+.fr-dropdown-menu{display:inline-block;box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12)}

.fr-bottom>.fr-command.fr-btn+.fr-dropdown-menu{border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-toolbar.fr-rtl .fr-dropdown-wrapper,.fr-popup.fr-rtl .fr-dropdown-wrapper{text-align:right !important}

body.fr-prevent-scroll{overflow:hidden}

body.fr-prevent-scroll.fr-mobile{position:fixed;-webkit-overflow-scrolling:touch}

.fr-modal{color:#222222;font-family:Arial, Helvetica, sans-serif;position:fixed;overflow-x:auto;overflow-y:scroll;top:0;left:0;bottom:0;right:0;width:100%;z-index:2147483640;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;line-height:1.2}

.fr-modal.fr-middle .fr-modal-wrapper{margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);position:absolute}

.fr-modal .fr-modal-wrapper{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-clip:padding-box;margin:20px auto;display:inline-block;background:#FFF;min-width:300px;box-shadow:0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);border:0;overflow:hidden;width:90%;position:relative}

@media (min-width: 768px) and (max-width: 991px){.fr-modal .fr-modal-wrapper{margin:30px auto;width:70%}}

@media (min-width: 992px){.fr-modal .fr-modal-wrapper{margin:50px auto;width:960px}}

.fr-modal .fr-modal-wrapper .fr-modal-head{background:#FFF;overflow:hidden;position:absolute;width:100%;min-height:42px;z-index:3;border-bottom:solid #efefef 1px;-webkit-transition:all 0.2s ease 0s;-moz-transition:all 0.2s ease 0s;-ms-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s}

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line{height:56px;padding:0 10px}

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close{margin:10px;position:absolute;top:0;right:0}

.fr-modal .fr-modal-wrapper .fr-modal-head h4{font-size:20px;padding:19px 10px;margin:0;font-weight:400;line-height:18px;display:inline-block;float:left}

.fr-modal .fr-modal-wrapper div.fr-modal-body{height:100%;min-height:150px;overflow-y:auto;padding-bottom:20px}

.fr-modal .fr-modal-wrapper div.fr-modal-body:focus{outline:0}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command{height:36px;line-height:1;color:#0098f7;padding:10px;cursor:pointer;text-decoration:none;border:none;background:none;font-size:16px;outline:none;-webkit-transition:background 0.2s ease 0s;-moz-transition:background 0.2s ease 0s;-ms-transition:background 0.2s ease 0s;-o-transition:background 0.2s ease 0s;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command+button{margin-left:24px}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover,.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus{background:#ebebeb;color:#0098f7}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active{background:#d6d6d6;color:#0098f7}

.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner{border:0}

.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover{background:#ebebeb}

.fr-overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:#000;-webkit-opacity:0.5;-moz-opacity:0.5;opacity:0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";z-index:2147483639}

ol.decimal_type{counter-reset:item}

ol.decimal_type>li{display:block}

ol.decimal_type>li:before{content:counters(item,".") ". ";counter-increment:item}

.fr-popup{position:absolute;display:none;color:#222222;background:#FFF;box-shadow:0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);font-family:Arial, Helvetica, sans-serif;box-sizing:border-box;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;margin-top:10px;z-index:2147483635;text-align:left;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.2}

.fr-popup .fr-icon{text-align:center;vertical-align:middle;font-size:20px;line-height:1;cursor:pointer;font-weight:400;box-sizing:content-box;padding:6px}

.fr-popup .fr-icon-container{padding:20px;max-height:200px;overflow:auto;box-sizing:border-box}

@supports not (-ms-high-contrast: none){.fr-popup .fr-icon-container{grid-template-columns:repeat(auto-fill, minmax(36px, 36px));display:grid}}

@media (min-width: 768px){.fr-popup .fr-icon-container{min-width:276px}}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.fr-popup .fr-icon-container{display:inline-flex}}

@media screen and (-ms-high-contrast: active) and (max-width: 768px), (-ms-high-contrast: none) and (max-width: 768px){.fr-popup .fr-icon-container{width:236px}}

.fr-popup .fr-input-focus{background:whitesmoke}

.fr-popup.fr-above{margin-top:-10px;border-top:0}

.fr-popup.fr-active{display:block}

.fr-popup.fr-hidden{display:none !important}

.fr-popup.fr-empty{display:none !important}

.fr-popup .fr-hs{display:block !important}

.fr-popup .fr-hs.fr-hidden{display:none !important}

.fr-popup .fr-input-line{position:relative;padding:15px 0}

.fr-popup .fr-input-line input[type="text"],.fr-popup .fr-input-line input[type="number"],.fr-popup .fr-input-line textarea{width:100%;margin-bottom:1px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:solid 1px #999999;color:#222222;font-size:14px;background:#FFF;position:relative;z-index:2;padding:4px 12px;box-sizing:border-box;-webkit-transition:border 0.5s, padding 0.5s;-moz-transition:border 0.5s, padding 0.5s;-ms-transition:border 0.5s, padding 0.5s;-o-transition:border 0.5s, padding 0.5s}

.fr-popup .fr-input-line input[type="text"]:hover,.fr-popup .fr-input-line input[type="number"]:hover,.fr-popup .fr-input-line textarea:hover{border:solid 1px #515151}

.fr-popup .fr-input-line input[type="text"]:focus,.fr-popup .fr-input-line input[type="number"]:focus,.fr-popup .fr-input-line textarea:focus{border:solid 2px #0098f7;padding:3px 11px}

.fr-popup .fr-input-line input[type="text"],.fr-popup .fr-input-line input[type="number"]{height:46px}

.fr-popup .fr-input-line input+label,.fr-popup .fr-input-line textarea+label{position:absolute;top:29px;left:12px;font-size:14px;color:grey;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;z-index:3;display:block;background:#FFF;padding:0;cursor:text}

.fr-popup .fr-input-line input.fr-not-empty+label,.fr-popup .fr-input-line textarea.fr-not-empty+label{color:gray;width:auto;left:4px;padding:0 4px;font-size:11px;top:9px}

.fr-popup input,.fr-popup textarea{user-select:text;-o-user-select:text;-moz-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-ms-user-select:text;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;outline:none}

.fr-popup textarea{resize:none}

.fr-popup .fr-buttons{white-space:nowrap;line-height:0}

.fr-popup .fr-buttons .fr-btn{margin-left:4px;margin-right:4px;display:inline-block;float:none}

.fr-popup .fr-buttons .fr-btn i{float:left}

.fr-popup .fr-buttons .fr-separator{display:inline-block;float:none}

.fr-popup .fr-buttons.fr-tabs{border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#f5f5f5;overflow:hidden}

@media (max-width: 768px){.fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll{overflow:scroll;overflow-y:hidden;width:276px}}

.fr-popup .fr-buttons:not(.fr-tabs){padding:5px}

.fr-popup .fr-layer{border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;width:195px;box-sizing:border-box;margin:20px;display:none}

@media (min-width: 768px){.fr-popup .fr-layer{width:260px}}

.fr-popup .fr-layer.fr-active{display:inline-block}

.fr-popup .fr-action-buttons{z-index:7;height:36px;text-align:right}

.fr-popup .fr-action-buttons button.fr-command{height:36px;line-height:1;color:#0098f7;padding:10px;cursor:pointer;text-decoration:none;border:none;background:none;font-size:16px;outline:none;-webkit-transition:background 0.2s ease 0s;-moz-transition:background 0.2s ease 0s;-ms-transition:background 0.2s ease 0s;-o-transition:background 0.2s ease 0s;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-popup .fr-action-buttons button.fr-command+button{margin-left:24px}

.fr-popup .fr-action-buttons button.fr-command:hover,.fr-popup .fr-action-buttons button.fr-command:focus{background:#ebebeb;color:#0098f7}

.fr-popup .fr-action-buttons button.fr-command:active{background:#d6d6d6;color:#0098f7}

.fr-popup .fr-action-buttons button::-moz-focus-inner{border:0}

.fr-popup .fr-checkbox{position:relative;display:inline-block;width:18px;height:18px;padding:10px;border-radius:100%;line-height:1;box-sizing:content-box;vertical-align:middle}

.fr-popup .fr-checkbox svg{margin-left:2px;margin-top:2px;display:none;width:10px;height:10px}

.fr-popup .fr-checkbox span{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;width:18px;height:18px;display:inline-block;position:relative;z-index:1;box-sizing:border-box;-webkit-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-moz-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-ms-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-o-transition:background 0.2s ease 0s, border-color 0.2s ease 0s}

.fr-popup .fr-checkbox input{position:absolute;z-index:2;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border:0 none;cursor:pointer;height:18px;margin:0;padding:0;width:18px;top:7px;left:7px}

.fr-popup .fr-checkbox input:not(:checked)+span{border:solid 2px #999999}

.fr-popup .fr-checkbox input:not(:checked):active+span{background-color:#f5f5f5}

.fr-popup .fr-checkbox input:not(:checked):focus+span,.fr-popup .fr-checkbox input:not(:checked):hover+span{border-color:#515151}

.fr-popup .fr-checkbox input:checked+span{background:#0098f7;border:solid 2px #0098f7}

.fr-popup .fr-checkbox input:checked+span svg{display:block}

.fr-popup .fr-checkbox input:checked:active+span{background-color:#EcF5Ff}

.fr-popup .fr-checkbox input:checked:focus+span,.fr-popup .fr-checkbox input:checked:hover+span{-webkit-opacity:0.8;-moz-opacity:0.8;opacity:0.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

.fr-popup .fr-checkbox-line{font-size:14px;line-height:1.4px;margin-top:10px}

.fr-popup .fr-checkbox-line label{cursor:pointer;margin:0 5px;vertical-align:middle}

.fr-popup.fr-rtl{direction:rtl;text-align:right}

.fr-popup.fr-rtl .fr-action-buttons{text-align:left}

.fr-popup.fr-rtl .fr-input-line input+label,.fr-popup.fr-rtl .fr-input-line textarea+label{left:auto;right:0}

.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs{float:right}

.fr-text-edit-layer{width:250px;box-sizing:border-box;display:block !important}

.fr-toolbar{color:#222222;background:#FFF;position:relative;font-family:Arial, Helvetica, sans-serif;box-sizing:border-box;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;text-align:left;border:1px solid #CCCCCC;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.2;padding-bottom:0;-webkit-transition:padding-bottom 0.5s;-moz-transition:padding-bottom 0.5s;-ms-transition:padding-bottom 0.5s;-o-transition:padding-bottom 0.5s}

.fr-toolbar::after{clear:both;display:block;content:"";height:0}

.fr-toolbar::after{height:0}

.fr-toolbar .fr-newline{clear:both;display:block;content:"";margin-left:9px;margin-right:9px;background:#efefef;height:1px;-webkit-transition:height 0.5s;-moz-transition:height 0.5s;-ms-transition:height 0.5s;-o-transition:height 0.5s}

.fr-toolbar.fr-toolbar-open .fr-newline{height:0}

.fr-toolbar .fr-float-right{float:right}

.fr-toolbar .fr-float-left{float:left}

.fr-toolbar .fr-more-toolbar{float:left;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#f5f5f5;-webkit-transition:height 0.5s;-moz-transition:height 0.5s;-ms-transition:height 0.5s;-o-transition:height 0.5s;height:0;overflow:hidden;box-sizing:border-box;width:100%}

.fr-toolbar .fr-more-toolbar.fr-expanded{height:48px}

.fr-toolbar .fr-more-toolbar.fr-overflow-visible{overflow:visible}

.fr-toolbar .fr-more-toolbar>.fr-command.fr-btn{margin-left:4px;margin-right:4px}

.fr-toolbar .fr-btn-grp{display:inline-block;margin:0 17px 0 12px}

@media (max-width: 768px){.fr-toolbar .fr-btn-grp{margin:0 7px 0 6px}}

.fr-toolbar .fr-command.fr-btn.fr-open{margin-top:10px;margin-bottom:-1px;border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active){background:#f5f5f5}

.fr-toolbar.fr-rtl{text-align:right}

.fr-toolbar.fr-inline{display:none;box-shadow:0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);border:0;white-space:nowrap;position:absolute;margin-top:5px;z-index:2147483630}

.fr-toolbar.fr-inline.fr-above{margin-top:-10px;border-top:0}

.fr-toolbar.fr-inline .fr-newline{height:0}

.fr-toolbar.fr-inline .fr-more-toolbar{position:absolute !important}

.fr-toolbar.fr-inline .fr-more-toolbar.fr-expanded{position:relative !important}

.fr-toolbar.fr-top{top:0;border-bottom:0;border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-toolbar.fr-bottom{bottom:0;border-top:0;padding-bottom:0;border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-toolbar.fr-bottom .fr-newline{padding-top:0;-webkit-transition:padding-top 0.5s;-moz-transition:padding-top 0.5s;-ms-transition:padding-top 0.5s;-o-transition:padding-top 0.5s}

.fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline{padding-top:48px;background:#FFF}

.fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open{margin-top:-1px;margin-bottom:10px;border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-toolbar.fr-sticky-on{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-separator{background:#ebebeb;display:block;vertical-align:top;float:left}

.fr-separator+.fr-separator{display:none}

.fr-separator.fr-vs{height:32px;width:1px;margin:8px 4px}

.fr-separator.fr-hs{clear:both;width:calc(100% - (2 * 4px));margin:0 4px;height:1px}

.fr-separator.fr-hidden{display:none !important}

.fr-rtl .fr-separator{float:right}

.fr-toolbar.fr-inline .fr-separator.fr-hs{float:none}

.fr-toolbar.fr-inline .fr-separator.fr-vs{float:none;display:inline-block}

.fr-second-toolbar{border:1px solid #CCCCCC;border-top:0;background:#FFF;line-height:1.4;border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-second-toolbar::after{clear:both;display:block;content:"";height:0}

.fr-second-toolbar:empty{min-height:calc(10px);position:relative;margin-top:calc(-1px);z-index:2}

#fr-logo{float:left;outline:none}

#fr-logo>span{display:inline-block;float:left;font-family:sans-serif;padding:11px 5px 10px 15px;font-size:12px;font-weight:500;color:#b1b2b7;-webkit-transition:color 0.3s;-moz-transition:color 0.3s;-ms-transition:color 0.3s;-o-transition:color 0.3s}

#fr-logo>svg{height:20px;width:47px;margin:7px 0;cursor:pointer}

#fr-logo>svg *{-webkit-transition:fill 0.3s;-moz-transition:fill 0.3s;-ms-transition:fill 0.3s;-o-transition:fill 0.3s}

#fr-logo:hover>span,#fr-logo:focus>span{color:#0098f7}

#fr-logo:hover>svg .fr-logo,#fr-logo:focus>svg .fr-logo{fill:#0098f7}

.fr-visibility-helper{display:none;margin-left:0 !important}

@media (min-width: 768px){.fr-visibility-helper{margin-left:1px !important}}

@media (min-width: 992px){.fr-visibility-helper{margin-left:2px !important}}

@media (min-width: 1200px){.fr-visibility-helper{margin-left:3px !important}}

.fr-opacity-0{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

.fr-box{position:relative}

.fr-sticky{position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky}

.fr-sticky-off{position:relative}

.fr-sticky-on{position:sticky;z-index:10}

.fr-sticky-on.fr-sticky-ios{position:absolute;left:0;right:0;width:auto !important}

.fr-sticky-dummy{display:none}

.fr-sticky-on+.fr-sticky-dummy,.fr-sticky-box>.fr-sticky-dummy{display:block}

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

.fr-view .fr-highlight-change,.fr-highlight-change>img,.fr-highlight-change>.fr-video>video,.fr-highlight-change>.fr-video>embed,.fr-highlight-change>.fr-video>iframe,.fr-highlight-change>.fr-embedly>.embedly-card>.embedly-card-hug>iframe,.fr-highlight-change>p,.fr-view .fr-highlight-change>span:not(.fr-tracking-deleted){background-color:#f3eec3;opacity:0.5}

.fr-highlight-change.fr-highlight-change>table td,.fr-highlight-change.fr-highlight-change>hr{border-color:#f3eec3}

.fr-tracking-deleted.fr-tracking-deleted>table td,.fr-tracking-deleted.fr-tracking-deleted>hr{border-color:#dc3545}

.fr-tracking-deleted img,.fr-tracking-deleted>.fr-video>video,.fr-tracking-deleted>.fr-video>iframe,.fr-tracking-deleted>.fr-embedly>.embedly-card>.embedly-card-hug>iframe{opacity:0.5;background-color:#dc3545}

.fr-view .fr-tracking-deleted{background-color:#dc3545;text-decoration:line-through;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:1}

.fr-highlight-change>.fr-video>iframe,.fr-tracking-deleted>.fr-video>iframe,.fr-highlight-change>.fr-video>video,.fr-tracking-deleted>.fr-video>video,.fr-highlight-change>.fr-video>embed,.fr-highlight-change>.fr-embedly>.embedly-card>.embedly-card-hug>iframe,.fr-tracking-deleted>.fr-embedly>.embedly-card>.embedly-card-hug>iframe{padding:10px !important}

.fr-tracking-deleted img,.fr-highlight-change img{border:2px solid #f3eec3}

.fr-highlight-change #isPasted *:not(table):not(tbody):not(tr):not(td){opacity:0.5;background-color:#f3eec3}

.fr-highlight-change #isPasted>table td{opacity:0.5;border-color:#f3eec3}

.fr-track-hide{display:none}

.fr-track-hide-mobile{width:0;height:0;overflow:hidden;position:absolute}

.fr-ios-mobile-disable-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}

.fr-bottom-extended{flex-wrap:wrap;display:flex;box-sizing:border-box}

.position-relative{position:relative !important}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-box .fr-counter{padding:10px;float:right;color:#999999;content:attr(data-chars);font-size:14px;font-family:sans-serif;z-index:1;border-radius:2px 0 0 0;-moz-border-radius:2px 0 0 0;-webkit-border-radius:2px 0 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-box.fr-rtl .fr-counter{left:0;right:auto;border-left:none;border-radius:0 2px 0 0;-moz-border-radius:0 2px 0 0;-webkit-border-radius:0 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-box.fr-code-view .fr-counter{display:none}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

textarea.fr-code{display:none;width:100%;resize:none;-moz-resize:none;-webkit-resize:none;box-sizing:border-box;border:none;padding:10px;margin:0;font-family:"Courier New",monospace;font-size:14px;background:#FFF;color:#000;outline:none}

.fr-box.fr-rtl textarea.fr-code{direction:rtl}

.fr-box .CodeMirror{display:none}

.fr-box.fr-code-view textarea.fr-code{display:block}

.fr-box.fr-code-view .fr-element,.fr-box.fr-code-view .fr-placeholder,.fr-box.fr-code-view .fr-iframe{display:none}

.fr-box.fr-code-view .CodeMirror{display:block}

.fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch{display:block}

.fr-box.fr-inline .fr-command.fr-btn.html-switch{display:none;position:absolute;top:0;right:0;display:none;background:#FFF;color:#333333;-moz-outline:0;outline:0;border:0;line-height:1;cursor:pointer;text-align:left;padding:8px 7px;-webkit-transition:background 0.2s ease 0s;-moz-transition:background 0.2s ease 0s;-ms-transition:background 0.2s ease 0s;-o-transition:background 0.2s ease 0s;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;z-index:2;box-sizing:border-box;text-decoration:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}

.fr-box.fr-inline .fr-command.fr-btn.html-switch i{font-size:24px;width:24px;text-align:center}

.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover{background:#ebebeb}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-popup .fr-layer.fr-color-hex-layer{margin:0;padding:20px;padding-top:0;float:left}

.fr-popup .fr-layer.fr-color-hex-layer .fr-input-line{float:left;width:calc(100% - 50px);padding:15px 0 0}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons{float:right;width:38px;height:40px;padding:17px 0 0;margin:0}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;font-size:13px;height:40px;width:38px}

.fr-popup .fr-separator+.fr-colors-tabs{margin-left:2px;margin-right:2px}

.fr-popup .fr-color-set{line-height:0;display:none}

.fr-popup .fr-color-set.fr-selected-set{display:block;padding:20px;padding-bottom:0}

.fr-popup .fr-color-set>span{display:inline-block;width:32px;height:32px;position:relative;z-index:1}

.fr-popup .fr-color-set>span>i,.fr-popup .fr-color-set>span>svg{text-align:center;line-height:32px;height:24px;width:24px;margin:4px;font-size:13px;position:absolute;bottom:0;cursor:default;left:0}

.fr-popup .fr-color-set>span>i path,.fr-popup .fr-color-set>span>svg path{fill:#222222}

.fr-popup .fr-color-set>span .fr-selected-color{color:#FFF;font-family:FontAwesome;font-size:13px;font-weight:400;line-height:32px;position:absolute;top:0;bottom:0;right:0;left:0;text-align:center;cursor:default}

.fr-popup .fr-color-set>span:hover,.fr-popup .fr-color-set>span:focus{outline:1px solid #222222;z-index:2}

.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"] ~ [data-param1="background"]::after{-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0)}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-drag-helper{background:#0098f7;height:2px;margin-top:-1px;-webkit-opacity:0.2;-moz-opacity:0.2;opacity:0.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;z-index:2147483640;display:none}

.fr-drag-helper.fr-visible{display:block}

.fr-dragging{-webkit-opacity:0.4;-moz-opacity:0.4;opacity:0.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-popup .fr-emoticon{width:24px;height:24px;font-family:"Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Segoe UI Symbol", "Android Emoji", EmojiSymbols}

.fr-popup .fr-emoticon img{height:24px;width:24px}

.fr-popup .fr-command.fr-btn.fr-tabs-unicode{padding:0 0 0 14px}

@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px){.fr-popup .fr-icon-container.fr-emoticon-container{width:368px}}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-popup .fr-file-upload-layer{border:dashed 2px #bdbdbd;padding:25px 0;margin:20px;position:relative;font-size:14px;letter-spacing:1px;line-height:140%;box-sizing:border-box;text-align:center}

.fr-popup .fr-file-upload-layer:hover{background:#ebebeb}

.fr-popup .fr-file-upload-layer.fr-drop{background:#ebebeb;border-color:#0098f7}

.fr-popup .fr-file-upload-layer .fr-form{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2147483640;overflow:hidden;margin:0 !important;padding:0 !important;width:100% !important}

.fr-popup .fr-file-upload-layer .fr-form input{cursor:pointer;position:absolute;right:0;top:0;bottom:0;width:500%;height:100%;margin:0;font-size:400px}

.fr-popup .fr-file-progress-bar-layer{box-sizing:border-box}

.fr-popup .fr-file-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:normal}

.fr-popup .fr-file-progress-bar-layer>div.fr-action-buttons{display:none}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader{background:#b3e0fd;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader span{display:block;height:100%;width:0%;background:#0098f7;-webkit-transition:width 0.2s ease 0s;-moz-transition:width 0.2s ease 0s;-ms-transition:width 0.2s ease 0s;-o-transition:width 0.2s ease 0s}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader.fr-indeterminate span{width:30% !important;position:absolute;top:0;animation:loading 2s linear infinite}

.fr-popup .fr-file-progress-bar-layer.fr-error>div.fr-loader{display:none}

.fr-popup .fr-file-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}

@keyframes loading{from{left:-25%}to{left:100%}}

@keyframes loading{from{left:-25%}to{left:100%}}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-element img{cursor:pointer;padding:0 1px}

.fr-height-auto{height:auto !important}

.fr-file-loader{border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid #53777a;display:inline-block !important;animation:spin 2s linear infinite;width:20px;height:20px;display:block !important;align-items:center}

.fr-trim-button{margin-top:5px;height:36px;line-height:1;color:#0098f7;padding:10px;cursor:pointer;text-decoration:none;border:none;background:none;font-size:16px;border-radius:5px;background-color:#eff5fa;outline:none}

.fr-trim-button:hover{background:#ebebeb}

@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

.fr-image-resizer{position:absolute;border:solid 1px #0098f7;display:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;box-sizing:content-box}

.fr-image-resizer.fr-active{display:block}

.fr-image-resizer .fr-handler{display:block;position:absolute;background:#0098f7;border:solid 1px #FFF;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;z-index:4;box-sizing:border-box}

.fr-image-resizer .fr-handler.fr-hnw{cursor:nw-resize}

.fr-image-resizer .fr-handler.fr-hne{cursor:ne-resize}

.fr-image-resizer .fr-handler.fr-hsw{cursor:sw-resize}

.fr-image-resizer .fr-handler.fr-hse{cursor:se-resize}

.fr-image-resizer .fr-handler{width:12px;height:12px}

.fr-image-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}

.fr-image-resizer .fr-handler.fr-hne{right:-6px;top:-6px}

.fr-image-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}

.fr-image-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}

@media (min-width: 1200px){.fr-image-resizer .fr-handler{width:10px;height:10px}.fr-image-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.fr-image-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}

.fr-image-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:2147483640;display:none}

.fr-by-url-padding{padding:11.5px 0}

.fr-popup .fr-upload-progress-layer{border-radius:0;box-sizing:border-box;padding-left:20px;padding-top:15px;margin:auto !important;max-height:100%;overflow-y:auto;overflow-x:hidden;width:100% !important;overscroll-behavior:contain}

.fr-popup .fr-files-by-url-layer{width:calc(100% - 40px) !important}

.fr-popup .fr-files-embed-layer{width:calc(100% - 40px) !important}

.fr-popup .fr-files-upload-layer{border:dashed 2px #bdbdbd;margin:20px;position:relative;font-size:10px;letter-spacing:1px;line-height:140%;text-align:center;width:calc(100% - 40px) !important}

.fr-popup .fr-files-upload-layer:hover{background:#ebebeb}

.fr-popup .fr-files-upload-layer.fr-drop{background:#ebebeb;border-color:#0098f7}

.fr-popup .fr-files-upload-layer .fr-form{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2147483640;overflow:hidden;margin:0 !important;padding:0 !important;width:100% !important}

.fr-popup .fr-files-upload-layer .fr-form input{cursor:pointer;position:absolute;right:0;top:0;bottom:0;width:500%;height:100%;margin:0;font-size:400px}

.fr-popup .fr-files-progress-bar-layer{width:calc(100% - 40px);width:-moz-available;width:-webkit-stretch;width:-webkit-fill-available;width:stretch}

.fr-popup .fr-files-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:normal}

.fr-popup .fr-files-progress-bar-layer>div.fr-action-buttons{display:none}

.fr-popup .fr-files-progress-bar-layer>div.fr-loader{background:#b3e0fd;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}

.fr-popup .fr-files-progress-bar-layer>div.fr-loader span{display:block;height:100%;width:0%;background:#0098f7;-webkit-transition:width 0.2s ease 0s;-moz-transition:width 0.2s ease 0s;-ms-transition:width 0.2s ease 0s;-o-transition:width 0.2s ease 0s}

.fr-popup .fr-files-progress-bar-layer>div.fr-loader.fr-indeterminate span{width:30% !important;position:absolute;top:0;animation:loading 2s linear infinite}

.fr-popup .fr-files-progress-bar-layer.fr-error>div.fr-loader{display:none}

.fr-popup .fr-files-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}

.fr-image-size-layer .fr-image-group .fr-input-line{width:calc(50% - 5px);display:inline-block}

.fr-image-size-layer .fr-image-group .fr-input-line+.fr-input-line{margin-left:10px}

.fr-progress-bar-style{width:calc(100% - 40px)}

.fr-progress-bar{position:relative;background-color:#4CAF50;height:8px;margin-bottom:8px;margin-left:20px;margin-right:20px;width:100%;width:-moz-available;width:-webkit-stretch;width:-webkit-fill-available;width:stretch}

.fr-uploading{-webkit-opacity:0.4;-moz-opacity:0.4;opacity:0.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

@keyframes loading{from{left:-25%}to{left:100%}}

.fr-pull-left{float:left}

.fr-pull-right{float:right}

.fr-icons{padding:10px 20px 0;display:inline}

.fr-transform-135{transform:rotate(135deg)}

.fr-icons i{margin:4px;padding:2px;cursor:pointer;color:#999588;font-size:20px}

.fr-blue-decorator{background:#4a7fba;color:white;display:grid;padding:5px}

.fr-upload-progress{padding:1px}

.fr-upload-section{position:relative;width:100%;width:-moz-available;width:-webkit-stretch;width:-webkit-fill-available;width:stretch}

@media screen and (max-width: 399px){.fr-upload-section{margin-left:7px;margin-right:7px}.fr-files-upload-layer{padding-top:7px;padding-bottom:7px}}

@media screen and (min-width: 400px) and (max-width: 469px){.fr-upload-section{margin-left:7px;margin-right:7px}.fr-files-upload-layer{padding-top:7px;padding-bottom:7px}}

@media screen and (min-width: 470px) and (max-width: 680px){.fr-upload-section{margin-left:7px;margin-right:7px}.fr-files-upload-layer{padding-top:7px;padding-bottom:7px}}

@media screen and (min-width: 681px){.fr-upload-section{margin-left:35px;margin-right:35px}.fr-files-upload-layer{padding-top:20px;padding-bottom:20px}}

.fr-half-circle{width:60px;height:25px;background-color:white;border-top-left-radius:110px;border-top-right-radius:110px;transform:rotate(180deg);border-bottom:0;position:relative;left:50%;z-index:1;left:50%;margin-top:-1px;margin-left:-25px}

.fr-decorated{overflow:hidden;text-align:center}

.fr-decorated>span{position:relative;display:inline-block}

.fr-decorated>span:before,.fr-decorated>span:after{content:'';position:absolute;top:50%;border-bottom:2px solid #ffffff;width:100%;margin:0 20px}

.fr-decorated>span:before{right:100%}

.fr-decorated>span:after{left:100%}

.fr-align-right{float:right}

.fr-checkbox-container{display:inline-block;position:relative;padding-left:20px;margin-bottom:12px;cursor:pointer;font-size:13px;-webkit-user-select:none;user-select:none}

.fr-files-checkbox-line{display:flex;align-items:center;font-size:10px}

.fr-files-checkbox-line label{cursor:pointer;vertical-align:middle}

.fr-insert-checkbox input{height:13px !important;width:13px !important}

.fr-autoplay-checkbox input{height:13px !important;width:13px !important}

button[data-cmd="insertFiles"]{padding-left:2px !important;padding-top:2.7px !important}

button[data-cmd="autoplay"] svg{position:relative !important;top:3.2px !important}

button[data-cmd="insertAll"]{padding-left:4px !important}

button[data-cmd="insertAll"] svg{position:relative !important;top:3.2px !important}

.fr-checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}

.fr-checkmark{position:absolute;top:0;left:0;height:15px;width:15px;background-color:#eee}

.fr-file-list-item{display:flex;justify-content:space-between;align-items:center;padding-top:7px;flex-wrap:wrap;position:relative;top:-20px;border-bottom:1px solid #ddd;padding-bottom:7px}

.fr-file-item-left{display:flex;flex-wrap:wrap}

.fr-file-item-icon{display:flex;align-items:center;padding-left:7px}

.fr-file-item-description{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;max-width:400px;margin-left:5px}

.fr-cloud-icon{height:30px;width:32px;background-color:white;border-radius:50%;display:flex;justify-content:center;position:relative;margin:0 auto;margin-top:-18px}

.fr-files-checkbox{position:relative;display:inline-block;width:13px;height:13px;padding-right:5px;border-radius:100%;line-height:1;box-sizing:content-box;vertical-align:middle}

.fr-files-checkbox svg{margin-left:0px;margin-top:0px;display:none;width:10px;height:10px}

.fr-files-checkbox span{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;width:15px;height:15px;display:inline-block;position:relative;z-index:1;box-sizing:border-box;-webkit-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-moz-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-ms-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-o-transition:background 0.2s ease 0s, border-color 0.2s ease 0s}

.fr-files-checkbox input{position:absolute;z-index:2;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border:0 none;cursor:pointer;height:18px;margin:0;padding:0;width:18px}

.fr-files-checkbox input:not(:checked)+span{border:solid 2px #999999}

.fr-files-checkbox input:not(:checked):active+span{background-color:#f5f5f5}

.fr-files-checkbox input:not(:checked):focus+span,.fr-files-checkbox input:not(:checked):hover+span{border-color:#515151}

.fr-files-checkbox input:checked+span{background:#0098f7;border:solid 2px #0098f7}

.fr-files-checkbox input:checked+span svg{display:block}

.fr-files-checkbox input:checked:active+span{background-color:#EcF5Ff}

.fr-files-checkbox input:checked:focus+span,.fr-files-checkbox input:checked:hover+span{-webkit-opacity:0.8;-moz-opacity:0.8;opacity:0.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

.fr-checkbox-disabled{opacity:0.4;position:relative;display:inline-block;width:13px !important;height:13px !important;padding-right:5px;border-radius:100%;line-height:1;box-sizing:content-box;vertical-align:middle}

.fr-checkbox-disabled svg{margin-left:2px;margin-top:2px;display:none;width:10px;height:10px}

.fr-checkbox-disabled span{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;width:15px;height:15px;display:inline-block;position:relative;z-index:1;box-sizing:border-box;-webkit-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-moz-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-ms-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-o-transition:background 0.2s ease 0s, border-color 0.2s ease 0s}

.fr-checkbox-disabled input{position:absolute;z-index:2;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border:0 none;cursor:default;height:13px !important;margin:0;padding:0;width:13px !important;top:7px;left:7px}

.fr-checkbox-disabled input:not(:checked)+span{border:solid 2px #999999}

.fr-checkbox-disabled input:not(:checked):active+span{background-color:#f5f5f5}

.fr-checkbox-disabled input:checked+span{background:#0098f7;border:solid 2px #0098f7}

.fr-checkbox-disabled input:checked+span svg{display:block}

.fr-checkbox-disabled input:checked:active+span{background-color:#EcF5Ff}

.fr-file-view{position:absolute;max-width:60%;right:10%;z-index:2147483642}

.fr-file-item-thumbnail-hover{transition:transform .2s}

.fr-file-item-thumbnail-hover:hover{transform:scale(1.3)}

.fr-file-name{padding-top:5px;font-size:12px;font-weight:bold}

.fr-margin-16{margin-bottom:16px}

.fr-none{display:none}

.fr-display-block{display:block}

.fr-files-manager-tooltip{position:relative}

.padding-top-15{padding-top:15px !important;padding-bottom:0px !important}

.fr-files-manager-tooltip .tooltiptext{visibility:hidden;width:max-content;max-width:250px;word-break:break-word;word-wrap:break-word;background-color:black;color:#fff;text-align:left;padding:4px;border-radius:2px;font-weight:100;font-size:10px;position:absolute;top:80%;left:50%;z-index:2147483647}

.fr-files-manager-tooltip:hover .tooltiptext{visibility:visible}

.fr-file-details{display:flex;flex-wrap:wrap;font-size:10px}

.fr-file-date{word-break:break-word;word-wrap:break-word;max-width:110px;color:#444;padding-top:2px;padding-bottom:2px}

.fr-file-size{color:#444;padding-top:2px;padding-bottom:2px}

.dot{width:20px;height:20px;background-image:radial-gradient(circle, grey 1px, transparent 2px);background-size:100% 33.33%;margin-left:2px;margin-right:2px}

.fr-file-action-icons{margin-right:5px;margin-left:5px !important;color:#999;height:25px !important;padding:5px !important}

@media screen and (max-width: 700px){.fr-files-manager-tooltip .tooltiptext{max-width:250px;visibility:hidden;word-break:break-word;word-wrap:break-word;top:90%;left:0%;font-size:8px}}

@media screen and (max-width: 500px){.fr-files-manager-tooltip .tooltiptext{max-width:100px;visibility:hidden;word-break:break-word;word-wrap:break-word;top:90%;left:0%}.fr-file-item-description{width:130px}.fr-file-item-right{width:100%}.progress-circle{font-size:6px}}

@media screen and (max-width: 320px){.fr-files-manager-tooltip .tooltiptext{max-width:100px;visibility:hidden;word-break:break-word;word-wrap:break-word;top:90%;left:-50%;font-size:8px}.dot{width:20px;margin-left:0px;margin-right:3px}.fr-file-item-description{width:80px}.fr-file-details{display:flex;flex-wrap:wrap;font-size:9px}.fr-file-name{font-size:10px}.fr-file-action-icons{padding:0px !important}}

@media screen and (min-width: 501px){.progress-circle{font-size:9px}}

.fr-file-view-modal{display:block;position:fixed;position:-ms-page;z-index:2147483641;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:black;background-color:rgba(0,0,0,0.7)}

.fr-file-view-modal-content{display:inline-block;text-align:center}

.fr-file-view-image{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-width:80%;max-height:70%}

.fr-file-view-close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:bold;transition:0.3s}

.fr-file-view-close:hover,.fr-file-view-close:focus{color:#bbb;text-decoration:none;cursor:pointer}

.fr-file-error{color:red;font-weight:200;font-size:12px;padding-bottom:5px}

.fr-file-error-h5{margin:0}

.fr-file-item-right{display:flex;align-items:center;justify-content:flex-end;margin-right:20px}

.fr-file-item-action-buttons{display:flex;align-items:center;justify-content:space-around}

.fr-file-item-autoplay-checkbox{align-items:center;margin:0px;padding:0px;margin-right:5px}

.fr-autoplay-checkbox-label{margin:0;cursor:default !important}

.fr-checkbox-container:hover input ~ .fr-checkmark{background-color:#ccc}

.fr-checkbox-container input:checked ~ .fr-checkmark{background-color:#2196F3}

.fr-checkmark:after{content:"";position:absolute;display:none}

.fr-checkbox-container input:checked ~ .fr-checkmark:after{display:block}

.fr-container .fr-checkmark:after{left:5px;top:2px;width:3px;height:7px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}

.fr-file-item-details .file-name{font-weight:bold;display:inline}

.fr-file-item-details .file-description{font-weight:300;font-size:11px;display:inline}

.fr-width-10{width:10%;display:inline-block}

.fr-width-20{width:20%;display:inline-block}

.fr-width-30{width:30%;display:inline-block}

.fr-width-40{width:40%;display:inline-block}

.fr-width-50{width:50%;display:inline-block}

.fr-width-60{width:60%;display:inline-block}

.fr-width-100{width:100%;display:inline-block}

.fr-width-80{width:80%;display:inline-block}

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

.fr-width-85{width:85%;display:inline-block}

.fr-width-5{width:5%;display:inline-block}

.fr-width-7{width:7%;display:inline-block}

.fr-img-icon{color:#aaaaaa;font-size:16px;padding:0px 4px}

.fr-position-content{position:relative;top:10px}

.file-error{color:red}

#myprogressBar{width:10%;height:5px;background-color:#4CAF50;position:relative;top:-30px}

.fr-files-manager{z-index:2147483641 !important}

.progress-circle{margin:0px;margin-left:10px;position:relative;padding:0;width:5em;height:5.1em;background-color:#f2e9e1;border-radius:50%;line-height:5em}

.progress-circle:after{border:none;position:absolute;top:0.35em;left:0.35em;text-align:center;display:block;border-radius:50%;width:4.3em;height:4.3em;background-color:white;content:" "}

.progress-circle span{position:absolute;line-height:5em;width:5em;text-align:center;display:block;color:#53777a;z-index:2}

.progress-circle.over50 .left-half-clipper{clip:rect(auto, auto, auto, auto)}

.progress-circle.over50 .first50-bar{position:absolute;clip:rect(0, 5em, 5em, 2.5em);background-color:#53777a;border-radius:50%;width:5em;height:5em}

.progress-circle:not(.over50) .first50-bar{display:none}

.progress-circle.p0 .value-bar{display:none}

.progress-circle.p1 .value-bar{transform:rotate(4deg)}

.progress-circle.p2 .value-bar{transform:rotate(7deg)}

.progress-circle.p3 .value-bar{transform:rotate(11deg)}

.progress-circle.p4 .value-bar{transform:rotate(14deg)}

.progress-circle.p5 .value-bar{transform:rotate(18deg)}

.progress-circle.p6 .value-bar{transform:rotate(22deg)}

.progress-circle.p7 .value-bar{transform:rotate(25deg)}

.progress-circle.p8 .value-bar{transform:rotate(29deg)}

.progress-circle.p9 .value-bar{transform:rotate(32deg)}

.progress-circle.p10 .value-bar{transform:rotate(36deg)}

.progress-circle.p11 .value-bar{transform:rotate(40deg)}

.progress-circle.p12 .value-bar{transform:rotate(43deg)}

.progress-circle.p13 .value-bar{transform:rotate(47deg)}

.progress-circle.p14 .value-bar{transform:rotate(50deg)}

.progress-circle.p15 .value-bar{transform:rotate(54deg)}

.progress-circle.p16 .value-bar{transform:rotate(58deg)}

.progress-circle.p17 .value-bar{transform:rotate(61deg)}

.progress-circle.p18 .value-bar{transform:rotate(65deg)}

.progress-circle.p19 .value-bar{transform:rotate(68deg)}

.progress-circle.p20 .value-bar{transform:rotate(72deg)}

.progress-circle.p21 .value-bar{transform:rotate(76deg)}

.progress-circle.p22 .value-bar{transform:rotate(79deg)}

.progress-circle.p23 .value-bar{transform:rotate(83deg)}

.progress-circle.p24 .value-bar{transform:rotate(86deg)}

.progress-circle.p25 .value-bar{transform:rotate(90deg)}

.progress-circle.p26 .value-bar{transform:rotate(94deg)}

.progress-circle.p27 .value-bar{transform:rotate(97deg)}

.progress-circle.p28 .value-bar{transform:rotate(101deg)}

.progress-circle.p29 .value-bar{transform:rotate(104deg)}

.progress-circle.p30 .value-bar{transform:rotate(108deg)}

.progress-circle.p31 .value-bar{transform:rotate(112deg)}

.progress-circle.p32 .value-bar{transform:rotate(115deg)}

.progress-circle.p33 .value-bar{transform:rotate(119deg)}

.progress-circle.p34 .value-bar{transform:rotate(122deg)}

.progress-circle.p35 .value-bar{transform:rotate(126deg)}

.progress-circle.p36 .value-bar{transform:rotate(130deg)}

.progress-circle.p37 .value-bar{transform:rotate(133deg)}

.progress-circle.p38 .value-bar{transform:rotate(137deg)}

.progress-circle.p39 .value-bar{transform:rotate(140deg)}

.progress-circle.p40 .value-bar{transform:rotate(144deg)}

.progress-circle.p41 .value-bar{transform:rotate(148deg)}

.progress-circle.p42 .value-bar{transform:rotate(151deg)}

.progress-circle.p43 .value-bar{transform:rotate(155deg)}

.progress-circle.p44 .value-bar{transform:rotate(158deg)}

.progress-circle.p45 .value-bar{transform:rotate(162deg)}

.progress-circle.p46 .value-bar{transform:rotate(166deg)}

.progress-circle.p47 .value-bar{transform:rotate(169deg)}

.progress-circle.p48 .value-bar{transform:rotate(173deg)}

.progress-circle.p49 .value-bar{transform:rotate(176deg)}

.progress-circle.p50 .value-bar{transform:rotate(180deg)}

.progress-circle.p51 .value-bar{transform:rotate(184deg)}

.progress-circle.p52 .value-bar{transform:rotate(187deg)}

.progress-circle.p53 .value-bar{transform:rotate(191deg)}

.progress-circle.p54 .value-bar{transform:rotate(194deg)}

.progress-circle.p55 .value-bar{transform:rotate(198deg)}

.progress-circle.p56 .value-bar{transform:rotate(202deg)}

.progress-circle.p57 .value-bar{transform:rotate(205deg)}

.progress-circle.p58 .value-bar{transform:rotate(209deg)}

.progress-circle.p59 .value-bar{transform:rotate(212deg)}

.progress-circle.p60 .value-bar{transform:rotate(216deg)}

.progress-circle.p61 .value-bar{transform:rotate(220deg)}

.progress-circle.p62 .value-bar{transform:rotate(223deg)}

.progress-circle.p63 .value-bar{transform:rotate(227deg)}

.progress-circle.p64 .value-bar{transform:rotate(230deg)}

.progress-circle.p65 .value-bar{transform:rotate(234deg)}

.progress-circle.p66 .value-bar{transform:rotate(238deg)}

.progress-circle.p67 .value-bar{transform:rotate(241deg)}

.progress-circle.p68 .value-bar{transform:rotate(245deg)}

.progress-circle.p69 .value-bar{transform:rotate(248deg)}

.progress-circle.p70 .value-bar{transform:rotate(252deg)}

.progress-circle.p71 .value-bar{transform:rotate(256deg)}

.progress-circle.p72 .value-bar{transform:rotate(259deg)}

.progress-circle.p73 .value-bar{transform:rotate(263deg)}

.progress-circle.p74 .value-bar{transform:rotate(266deg)}

.progress-circle.p75 .value-bar{transform:rotate(270deg)}

.progress-circle.p76 .value-bar{transform:rotate(274deg)}

.progress-circle.p77 .value-bar{transform:rotate(277deg)}

.progress-circle.p78 .value-bar{transform:rotate(281deg)}

.progress-circle.p79 .value-bar{transform:rotate(284deg)}

.progress-circle.p80 .value-bar{transform:rotate(288deg)}

.progress-circle.p81 .value-bar{transform:rotate(292deg)}

.progress-circle.p82 .value-bar{transform:rotate(295deg)}

.progress-circle.p83 .value-bar{transform:rotate(299deg)}

.progress-circle.p84 .value-bar{transform:rotate(302deg)}

.progress-circle.p85 .value-bar{transform:rotate(306deg)}

.progress-circle.p86 .value-bar{transform:rotate(310deg)}

.progress-circle.p87 .value-bar{transform:rotate(313deg)}

.progress-circle.p88 .value-bar{transform:rotate(317deg)}

.progress-circle.p89 .value-bar{transform:rotate(320deg)}

.progress-circle.p90 .value-bar{transform:rotate(324deg)}

.progress-circle.p91 .value-bar{transform:rotate(328deg)}

.progress-circle.p92 .value-bar{transform:rotate(331deg)}

.progress-circle.p93 .value-bar{transform:rotate(335deg)}

.progress-circle.p94 .value-bar{transform:rotate(338deg)}

.progress-circle.p95 .value-bar{transform:rotate(342deg)}

.progress-circle.p96 .value-bar{transform:rotate(346deg)}

.progress-circle.p97 .value-bar{transform:rotate(349deg)}

.progress-circle.p98 .value-bar{transform:rotate(353deg)}

.progress-circle.p99 .value-bar{transform:rotate(356deg)}

.progress-circle.p100 .value-bar{transform:rotate(360deg)}

.left-half-clipper{border-radius:50%;width:5em;height:5em;position:absolute;clip:rect(0, 5em, 5em, 2.5em)}

.value-bar{position:absolute;clip:rect(0, 2.5em, 5em, 0);width:5em;height:5em;border-radius:50%;border:0.45em solid #53777a;box-sizing:border-box}

.align-autoplay{align-items:flex-end;margin-right:7px}

.fr-hovered-over-file{background-color:#F0F0F0}

.fr-thumbnail-padding{padding-right:4px}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

body.fr-fullscreen{overflow:hidden;height:100%;width:100%;position:fixed}

.fr-box.fr-fullscreen{margin:0 !important;position:fixed;top:0;left:0;bottom:0;right:0;z-index:2147483630 !important;width:auto !important}

.fr-box.fr-fullscreen .fr-wrapper{background-color:#FFF}

.fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-box.fr-fullscreen .fr-toolbar{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-box.fr-fullscreen .fr-toolbar.fr-top{top:0 !important}

.fr-box.fr-fullscreen .fr-toolbar.fr-bottom{bottom:0 !important}

.fr-box.fr-fullscreen .fr-second-toolbar{margin-top:0;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-fullscreen-wrapper{z-index:2147483640 !important;width:100% !important;margin:0 !important;padding:0 !important;overflow:visible !important}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal{text-align:left;padding:20px 20px 10px}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table{border-collapse:collapse;font-size:14px;line-height:1.5;width:100%}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table+table{margin-top:20px}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr{border:0}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th{text-align:left}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th,.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td{padding:6px 0 4px}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr{border-bottom:solid 1px #ebebeb}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child{width:60%;color:#646464}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2){letter-spacing:0.5px}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-element img{cursor:pointer;padding:0 1px}

.fr-image-resizer{position:absolute;border:solid 1px #0098f7;display:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;box-sizing:content-box}

.fr-image-resizer.fr-active{display:block}

.fr-image-resizer .fr-handler{display:block;position:absolute;background:#0098f7;border:solid 1px #FFF;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;z-index:4;box-sizing:border-box}

.fr-image-resizer .fr-handler.fr-hnw{cursor:nw-resize}

.fr-image-resizer .fr-handler.fr-hne{cursor:ne-resize}

.fr-image-resizer .fr-handler.fr-hsw{cursor:sw-resize}

.fr-image-resizer .fr-handler.fr-hse{cursor:se-resize}

.fr-image-resizer .fr-handler{width:12px;height:12px}

.fr-image-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}

.fr-image-resizer .fr-handler.fr-hne{right:-6px;top:-6px}

.fr-image-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}

.fr-image-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}

@media (min-width: 1200px){.fr-image-resizer .fr-handler{width:10px;height:10px}.fr-image-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.fr-image-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}

.fr-image-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:2147483640;display:none}

.fr-popup .fr-image-upload-layer{border:dashed 2px #bdbdbd;padding:25px 0;margin:20px;position:relative;font-size:14px;letter-spacing:1px;line-height:140%;text-align:center}

.fr-popup .fr-image-upload-layer:hover{background:#ebebeb}

.fr-popup .fr-image-upload-layer.fr-drop{background:#ebebeb;border-color:#0098f7}

.fr-popup .fr-image-upload-layer .fr-form{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2147483640;overflow:hidden;margin:0 !important;padding:0 !important;width:100% !important}

.fr-popup .fr-image-upload-layer .fr-form input{cursor:pointer;position:absolute;right:0;top:0;bottom:0;width:500%;height:100%;margin:0;font-size:400px}

.fr-popup .fr-image-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:normal}

.fr-popup .fr-image-progress-bar-layer>div.fr-action-buttons{display:none}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader{background:#b3e0fd;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader span{display:block;height:100%;width:0%;background:#0098f7;-webkit-transition:width 0.2s ease 0s;-moz-transition:width 0.2s ease 0s;-ms-transition:width 0.2s ease 0s;-o-transition:width 0.2s ease 0s}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader.fr-indeterminate span{width:30% !important;position:absolute;top:0;animation:loading 2s linear infinite}

.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-loader{display:none}

.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}

.fr-image-size-layer .fr-image-group .fr-input-line{width:calc(50% - 5px);display:inline-block}

.fr-image-size-layer .fr-image-group .fr-input-line+.fr-input-line{margin-left:10px}

.fr-uploading{-webkit-opacity:0.4;-moz-opacity:0.4;opacity:0.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

@keyframes loading{from{left:-25%}to{left:100%}}

img.fr-draggable{-webkit-user-select:none;user-select:none}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-modal .fr-modal-head .fr-modal-head-line::after{clear:both;display:block;content:"";height:0}

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more{margin-top:10px}

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available{opacity:0;width:0;padding:12px 0}

.fr-modal .fr-modal-head .fr-modal-tags{padding:0 20px;display:none;text-align:left}

.fr-modal .fr-modal-head .fr-modal-tags a{display:inline-block;opacity:0;padding:6px 12px;margin:8px 0 8px 8px;text-decoration:none;border-radius:32px;-moz-border-radius:32px;-webkit-border-radius:32px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-transition:opacity 0.2s ease 0s, background 0.2s ease 0s;-moz-transition:opacity 0.2s ease 0s, background 0.2s ease 0s;-ms-transition:opacity 0.2s ease 0s, background 0.2s ease 0s;-o-transition:opacity 0.2s ease 0s, background 0.2s ease 0s;cursor:pointer;background-color:#f5f5f5}

.fr-modal .fr-modal-head .fr-modal-tags a:focus{outline:none;background-color:#ebebeb}

.fr-modal .fr-modal-head .fr-modal-tags a:hover{background-color:#ebebeb}

.fr-modal .fr-modal-head .fr-modal-tags a:active{background-color:#d6d6d6}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag{background-color:#EcF5Ff;color:#0098f7}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus{outline:none;background-color:#ebebeb}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover{background-color:#ebebeb}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active{background-color:#d6d6d6}

.fr-show-tags .fr-modal-more svg path{fill:#0098f7}

div.fr-modal-body{-webkit-transition:background 0.2s ease 0s;-moz-transition:background 0.2s ease 0s;-ms-transition:background 0.2s ease 0s;-o-transition:background 0.2s ease 0s}

div.fr-modal-body .fr-preloader{display:block;margin:50px auto}

div.fr-modal-body div.fr-image-list{text-align:center;margin:0 20px;padding:0}

div.fr-modal-body div.fr-image-list .fr-list-column{float:left;width:calc((100% - 20px) / 2)}

@media (min-width: 768px) and (max-width: 1199px){div.fr-modal-body div.fr-image-list .fr-list-column{width:calc((100% - 40px) / 3)}}

@media (min-width: 1200px){div.fr-modal-body div.fr-image-list .fr-list-column{width:calc((100% - 60px) / 4)}}

div.fr-modal-body div.fr-image-list .fr-list-column+.fr-list-column{margin-left:20px}

div.fr-modal-body div.fr-image-list div.fr-image-container{position:relative;width:100%;display:block;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;overflow:hidden}

div.fr-modal-body div.fr-image-list div.fr-image-container:first-child{margin-top:20px}

div.fr-modal-body div.fr-image-list div.fr-image-container+div{margin-top:20px}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after{position:absolute;-webkit-opacity:0.5;-moz-opacity:0.5;opacity:0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transition:opacity 0.2s ease 0s;-moz-transition:opacity 0.2s ease 0s;-ms-transition:opacity 0.2s ease 0s;-o-transition:opacity 0.2s ease 0s;background:#000;content:"";top:0;left:0;bottom:0;right:0;z-index:2}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before{content:attr(data-deleting);color:#FFF;top:0;left:0;bottom:0;right:0;margin:auto;position:absolute;z-index:3;font-size:15px;height:20px}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty{height:95px;background:#CCCCCC;z-index:1}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;content:attr(data-loading);display:inline-block;height:20px}

div.fr-modal-body div.fr-image-list div.fr-image-container img{width:100%;vertical-align:middle;position:relative;z-index:2;-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transition:opacity 0.2s ease 0s, filter 0.2s ease 0s;-moz-transition:opacity 0.2s ease 0s, filter 0.2s ease 0s;-ms-transition:opacity 0.2s ease 0s, filter 0.2s ease 0s;-o-transition:opacity 0.2s ease 0s, filter 0.2s ease 0s;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0)}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img{-webkit-opacity:0.75;-moz-opacity:0.75;opacity:0.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img,div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img{display:inline-block}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img{display:none;top:50%;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-transition:background 0.2s ease 0s, color 0.2s ease 0s;-moz-transition:background 0.2s ease 0s, color 0.2s ease 0s;-ms-transition:background 0.2s ease 0s, color 0.2s ease 0s;-o-transition:background 0.2s ease 0s, color 0.2s ease 0s;box-sizing:border-box;position:absolute;cursor:pointer;margin:0;line-height:40px;text-decoration:none;z-index:3}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img{background:#B8312F;fill:#FFF;padding:8px;left:50%;-webkit-transform:translateY(-50%) translateX(25%);-moz-transform:translateY(-50%) translateX(25%);-ms-transform:translateY(-50%) translateX(25%);-o-transform:translateY(-50%) translateX(25%)}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img{background:#FFF;fill:#0098f7;padding:8px;left:50%;-webkit-transform:translateY(-50%) translateX(-125%);-moz-transform:translateY(-50%) translateX(-125%);-ms-transform:translateY(-50%) translateX(-125%);-o-transform:translateY(-50%) translateX(-125%)}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img{-webkit-opacity:0.75;-moz-opacity:0.75;opacity:0.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img,.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img{display:inline-block;width:40px;height:40px}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover{background:#bf4644;color:#FFF}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover{background:#ebebeb}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-line-breaker{cursor:text;border-top:1px solid #0098f7;position:fixed;z-index:2;display:none}

.fr-line-breaker.fr-visible{display:block}

.fr-line-breaker a.fr-floating-btn{position:absolute;left:calc(50% - (40px / 2));top:-20px}

.fr-line-breaker a.fr-floating-btn svg{margin:8px;height:24px;width:24px}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-wrapper-markdown{display:flex}

.fr-markdown-view{width:calc(52% - 1px);box-sizing:inherit}

.fr-markdown-editor{width:calc(48% - 1px);box-sizing:inherit;background-color:#eee}

.fr-markdown-editor>p{margin:0}

.fr-markdown-view>p{margin-top:0}

.gutter-horizontal{display:flex;z-index:9;background-color:#dadada;cursor:col-resize;width:2px}

.e-resize-handler{z-index:9;width:1px;display:flex;justify-content:center;align-items:center;align-self:center;position:relative;font-size:10px;color:#c5c5c5}

.fr-markdown-view>dl{margin-top:0;margin-bottom:1rem}

.fr-markdown-view>dt{font-weight:700}

.fr-markdown-view>dd{margin-bottom:.5rem;margin-left:0}

.fr-markdown-view>pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;background-color:#f8f8f8;border:1px solid #dfdfdf;margin-top:1.5em;margin-bottom:1.5em;padding:0.125rem 0.3125rem 0.0625rem}

.fr-markdown-view>code{background-color:#f8f8f8;border-color:#dfdfdf;border-style:solid;border-width:1px;color:#333;font-family:Consolas,"Liberation Mono",Courier,monospace;font-weight:normal;padding:0.125rem 0.3125rem 0.0625rem}

.fr-markdown-view>pre code{background-color:transparent;border:0;padding:0}

.fr-markdown-view>sup{top:-.5em}

.footnote-a{color:#007bff;text-decoration:none;background-color:transparent}

.fr-markdown-view>hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,0.1)}

.blockquote{margin:0 0 1rem;border-left:5px solid #eee;padding:10px 20px;font-size:1.25rem}

.fr-markdown-view>table{width:100%;max-width:100%;margin-bottom:20px;background-color:transparent;border-spacing:0;border-collapse:collapse}

.fr-markdown-view>table>tbody>tr>td,.fr-markdown-view>table>tbody>tr>th,.fr-markdown-view>table>thead>tr>td,.fr-markdown-view>table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border:1px solid #ddd}

.fr-markdown-view>table>thead>tr>td,.fr-markdown-view>table>thead>tr>th{border-bottom-width:2px}

.fr-markdown-view>table>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}

.fr-markdown-view>a{color:#337ab7;text-decoration:none}

.fr-markdown-view>h1{font-size:2em !important}

.fr-markdown-view>h2{font-size:1.5em !important}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-quick-insert{position:absolute;z-index:2147483639;white-space:nowrap;padding-right:10px;box-sizing:content-box}

.fr-quick-insert a.fr-floating-btn svg{margin:8px;width:24px;height:24px}

.fr-quick-insert.fr-on a.fr-floating-btn svg{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg)}

.fr-quick-insert.fr-hidden{display:none}

.fr-qi-helper{position:absolute;z-index:3;padding-left:20px;white-space:nowrap}

.fr-qi-helper a.fr-btn.fr-floating-btn{text-align:center;padding:6px 10px 10px 10px;display:inline-block;color:#222222;background:#FFF;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0)}

.fr-qi-helper a.fr-btn.fr-floating-btn svg{fill:#222222}

.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1{-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category{padding:10px 15px}

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category span{font-weight:normal;font-size:16px}

.fr-popup .fr-special-character{width:24px;height:24px}

@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px){.fr-popup .fr-icon-container.fr-sc-container{width:368px}}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-element table td.fr-selected-cell,.fr-element table th.fr-selected-cell{border:1px double #0098f7}

.fr-element table td,.fr-element table th{user-select:text;-o-user-select:text;-moz-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-ms-user-select:text}

.fr-element .fr-no-selection table td,.fr-element .fr-no-selection table th{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}

.fr-table-resizer{cursor:col-resize;position:absolute;z-index:3;display:none}

.fr-table-resizer.fr-moving{z-index:2}

.fr-table-resizer div{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border-right:1px solid #0098f7}

.fr-no-selection{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}

.fr-popup .fr-table-size{margin:20px}

.fr-popup .fr-table-size .fr-table-size-info{text-align:center;font-size:14px}

.fr-popup .fr-table-size .fr-select-table-size{line-height:0;padding:5px;white-space:nowrap}

.fr-popup .fr-table-size .fr-select-table-size>span{display:inline-block;padding:0 4px 4px 0;background:transparent}

.fr-popup .fr-table-size .fr-select-table-size>span>span{display:inline-block;width:18px;height:18px;border:1px solid #DDD}

.fr-popup .fr-table-size .fr-select-table-size>span.hover{background:transparent}

.fr-popup .fr-table-size .fr-select-table-size>span.hover>span{background:rgba(0,152,247,0.3);border:solid 1px #0098f7}

.fr-popup .fr-table-size .fr-select-table-size .new-line::after{clear:both;display:block;content:"";height:0}

.fr-popup.fr-above .fr-table-size .fr-select-table-size>span{display:inline-block !important}

.fr-popup .fr-table-colors{display:block;padding:20px;padding-bottom:0}

.fr-popup.fr-desktop .fr-table-size .fr-select-table-size>span>span{width:12px;height:12px}

.fr-insert-helper{position:absolute;z-index:9999;white-space:nowrap}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

#fr-form-container{margin:auto;position:relative;top:10%;background-color:#f5f5f5;width:60%;border-radius:5px;z-index:9002;overflow:auto;background-color:#fefefe}

.fr-trim-video-name{font-family:Arial, Helvetica, sans-serif;padding-top:15px}

.fr-file-loader{border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid #53777a;display:inline-block !important;animation:spin 2s linear infinite;width:20px;height:20px;display:block !important;align-items:center}

.fr-trim-button{margin-top:5px;height:36px;line-height:1;color:#0098f7;padding:10px;cursor:pointer;text-decoration:none;border:none;background:none;font-size:16px;border-radius:5px;background-color:#eff5fa;outline:none}

.fr-trim-button:hover{background:#ebebeb}

@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

.fr-slidecontainer{width:100%}

.fr-slider{-webkit-appearance:none;width:100%;height:15px;background:#d3d3d3}

.fr-video-trim-buttons{text-align:right;padding-bottom:5px;padding-right:15px;margin-top:10px}

.fr-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;cursor:pointer}

.fr-slider::-moz-range-thumb{width:15px;height:15px;background:#3498db;border-radius:50%;cursor:pointer}

.fr-range-value-start{position:absolute}

.fr-range-value-start>span{width:60px;height:24px;line-height:24px;text-align:center;background:#03a9f4;color:#fff;font-size:12px;display:block;position:absolute;left:50%;transform:translate(-85%, 0);border-radius:6px}

.fr-range-value-start>span:before{content:"";position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;left:86%;margin-left:-5px;margin-top:-1px}

.fr-range-value-end{position:absolute}

.fr-range-value-end>span{width:60px;height:24px;line-height:24px;text-align:center;background:#03a9f4;color:#fff;font-size:12px;display:block;position:absolute;left:14%;transform:translate(-8%, 0);border-radius:6px}

.fr-range-value-end>span:before{content:"";position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;left:14%;margin-left:-5px;margin-top:-1px}

#startTimeValue{top:-153% !important}

#startTimeValue span:before{border-top:10px solid #03a9f4;top:100%}

#endTimeValue{top:-153% !important}

#endTimeValue span:before{border-top:10px solid #03a9f4;top:100%}

.fr-range-slider{position:relative;width:80%;height:15px}

.fr-range-slider>input{pointer-events:none;position:absolute;left:0;top:10px;width:100%;outline:none;height:6px;border-radius:10px}

.fr-range-slider>input::-webkit-slider-thumb{pointer-events:all;position:relative;z-index:1;-webkit-appearance:none;appearance:none;width:15px;height:15px;background:#3498db;cursor:pointer;border-radius:7px;margin-top:-3.6px}

.fr-range-slider>input::-moz-range-thumb{pointer-events:all;position:relative;z-index:10;-moz-appearance:none;width:9px;height:15px;border-radius:7px;margin-top:-3.6px}

.fr-range-slider>input::-moz-range-track{position:relative;z-index:-1;background-color:black;border:0;height:15px;border-radius:50%;margin-top:-3.6px}

.fr-range-slider>input:last-of-type::-moz-range-track{-moz-appearance:none;background:none transparent;border:0}

.fr-range-slider>input[type="range"]::-moz-focus-outer{border:0}

@media screen and (max-width: 430px){.range-value span{width:40px;font-size:10px}#fr-form-container{top:20%}}

#fr-video-edit{width:80%;text-align:center;height:50%;margin-bottom:20px;padding-top:8px;padding-bottom:8px}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-element .fr-video{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}

.fr-element .fr-video::after{position:absolute;content:'';z-index:1;top:0;left:0;right:0;bottom:0;cursor:pointer;display:block;background:transparent}

.fr-element .fr-video.fr-active>*{z-index:2;position:relative}

.fr-element .fr-video>*{box-sizing:content-box;max-width:100%;border:none}

.fr-box .fr-video-resizer{position:absolute;border:solid 1px #0098f7;display:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}

.fr-box .fr-video-resizer.fr-active{display:block}

.fr-box .fr-video-resizer .fr-handler{display:block;position:absolute;background:#0098f7;border:solid 1px #FFF;z-index:4;box-sizing:border-box}

.fr-box .fr-video-resizer .fr-handler.fr-hnw{cursor:nw-resize}

.fr-box .fr-video-resizer .fr-handler.fr-hne{cursor:ne-resize}

.fr-box .fr-video-resizer .fr-handler.fr-hsw{cursor:sw-resize}

.fr-box .fr-video-resizer .fr-handler.fr-hse{cursor:se-resize}

.fr-box .fr-video-resizer .fr-handler{width:12px;height:12px}

.fr-box .fr-video-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}

.fr-box .fr-video-resizer .fr-handler.fr-hne{right:-6px;top:-6px}

.fr-box .fr-video-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}

.fr-box .fr-video-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}

@media (min-width: 1200px){.fr-box .fr-video-resizer .fr-handler{width:10px;height:10px}.fr-box .fr-video-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.fr-box .fr-video-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.fr-box .fr-video-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.fr-box .fr-video-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line{width:calc(50% - 5px);display:inline-block}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line+.fr-input-line{margin-left:10px}

.fr-popup .fr-video-upload-layer{border:dashed 2px #bdbdbd;padding:25px 0;margin:20px;position:relative;font-size:14px;letter-spacing:1px;line-height:140%;text-align:center}

.fr-popup .fr-video-upload-layer:hover{background:#ebebeb}

.fr-popup .fr-video-upload-layer.fr-drop{background:#ebebeb;border-color:#0098f7}

.fr-popup .fr-video-upload-layer .fr-form{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2147483640;overflow:hidden;margin:0 !important;padding:0 !important;width:100% !important}

.fr-popup .fr-video-upload-layer .fr-form input{cursor:pointer;position:absolute;right:0;top:0;bottom:0;width:500%;height:100%;margin:0;font-size:400px}

.fr-popup .fr-video-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:normal}

.fr-popup .fr-video-progress-bar-layer>div.fr-action-buttons{display:none}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader{background:#b3e0fd;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader span{display:block;height:100%;width:0%;background:#0098f7;-webkit-transition:width 0.2s ease 0s;-moz-transition:width 0.2s ease 0s;-ms-transition:width 0.2s ease 0s;-o-transition:width 0.2s ease 0s}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader.fr-indeterminate span{width:30% !important;position:absolute;top:0;animation:loading 2s linear infinite}

.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-loader{display:none}

.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}

.fr-video-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:2147483640;display:none}

.fr-autoplay-margin{margin-top:0px !important}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-view img.fr-rounded,.fr-view .fr-img-caption.fr-rounded img{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-view img.fr-shadow,.fr-view .fr-img-caption.fr-shadow img{box-shadow:10px 10px 5px 0px #cccccc}

.fr-view img.fr-bordered,.fr-view .fr-img-caption.fr-bordered img{border:solid 5px #CCC}

.fr-view img.fr-bordered{box-sizing:content-box}

.fr-view .fr-img-caption.fr-bordered img{box-sizing:border-box}

.fr-view li img.fr-dii.fr-fil{margin-right:20px}

.fr-view{word-wrap:break-word}

.fr-view span[style~="color:"] a{color:inherit}

.fr-view strong{font-weight:700}

.fr-view table[border='0'] td:not([class]),.fr-view table[border='0'] th:not([class]),.fr-view table[border='0'] td[class=""],.fr-view table[border='0'] th[class=""]{border-width:0px}

.fr-view table{border:none;border-collapse:collapse;empty-cells:show;max-width:100%}

.fr-view table td{min-width:5px}

.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th{border-style:dashed}

.fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:whitesmoke}

.fr-view table td,.fr-view table th{border:1px solid #DDD}

.fr-view table td:empty,.fr-view table th:empty{height:20px}

.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted{border:1px double red}

.fr-view table td.fr-thick,.fr-view table th.fr-thick{border-width:2px}

.fr-view table th{background:#ececec}

.fr-view table tfoot td{background:#ececec}

.fr-view hr{clear:both;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;break-after:always;page-break-after:always}

.fr-view .fr-file{position:relative}

.fr-view .fr-file::after{position:relative;content:"\1F4CE";font-weight:normal}

.fr-view pre{white-space:pre-wrap;word-wrap:break-word;overflow:visible}

.fr-view[dir="rtl"] blockquote{border-left:none;border-right:solid 2px #5E35B1;margin-right:0;padding-right:5px;padding-left:0}

.fr-view[dir="rtl"] blockquote blockquote{border-color:#00BCD4}

.fr-view[dir="rtl"] blockquote blockquote blockquote{border-color:#43A047}

.fr-view blockquote{border-left:solid 2px #5E35B1;margin-left:0;padding-left:5px;color:#5E35B1}

.fr-view blockquote blockquote{border-color:#00BCD4;color:#00BCD4}

.fr-view blockquote blockquote blockquote{border-color:#43A047;color:#43A047}

.fr-view span.fr-emoticon{font-weight:normal;font-family:"Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";display:inline;line-height:0}

.fr-view span.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat !important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}

.fr-view .fr-text-gray{color:#AAA !important}

.fr-view .fr-text-bordered{border-top:solid 1px #222;border-bottom:solid 1px #222;padding:10px 0}

.fr-view .fr-text-spaced{letter-spacing:1px}

.fr-view .fr-text-uppercase{text-transform:uppercase}

.fr-view .fr-class-highlighted{background-color:#ffff00}

.fr-view .fr-class-code{border-color:#cccccc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#f5f5f5;padding:10px;font-family:"Courier New", Courier, monospace}

.fr-view .fr-class-transparency{opacity:0.5}

.fr-view img{position:relative;max-width:100%}

.fr-view img.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}

.fr-view img.fr-dib.fr-fil{margin-left:0;text-align:left}

.fr-view img.fr-dib.fr-fir{margin-right:0;text-align:right}

.fr-view img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}

.fr-view img.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}

.fr-view img.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}

.fr-view span.fr-img-caption{position:relative;max-width:100%}

.fr-view span.fr-img-caption.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}

.fr-view span.fr-img-caption.fr-dib.fr-fil{margin-left:0;text-align:left}

.fr-view span.fr-img-caption.fr-dib.fr-fir{margin-right:0;text-align:right}

.fr-view span.fr-img-caption.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}

.fr-view span.fr-img-caption.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}

.fr-view span.fr-img-caption.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}

.fr-view .fr-video{text-align:center;position:relative}

.fr-view .fr-video.fr-rv{padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}

.fr-view .fr-video.fr-rv>iframe,.fr-view .fr-video.fr-rv object,.fr-view .fr-video.fr-rv embed{position:absolute !important;top:0;left:0;width:100%;height:100%}

.fr-view .fr-video>*{box-sizing:content-box;max-width:100%;border:none}

.fr-view .fr-video.fr-dvb{display:block;clear:both}

.fr-view .fr-video.fr-dvb.fr-fvl{text-align:left}

.fr-view .fr-video.fr-dvb.fr-fvr{text-align:right}

.fr-view .fr-video.fr-dvi{display:inline-block}

.fr-view .fr-video.fr-dvi.fr-fvl{float:left}

.fr-view .fr-video.fr-dvi.fr-fvr{float:right}

.fr-view a.fr-strong{font-weight:700}

.fr-view a.fr-green{color:green}

.fr-view .fr-img-caption{text-align:center}

.fr-view .fr-img-caption .fr-img-wrap{padding:0;margin:auto;text-align:center;width:100%}

.fr-view .fr-img-caption .fr-img-wrap a{display:block}

.fr-view .fr-img-caption .fr-img-wrap img{display:block;margin:auto;width:100%}

.fr-view .fr-img-caption .fr-img-wrap>span{margin:auto;display:block;padding:5px 5px 10px;font-size:14px;font-weight:initial;box-sizing:border-box;-webkit-opacity:0.9;-moz-opacity:0.9;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";width:100%;text-align:center}

.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{font-size:24px}

.fr-view span.fr-img-caption.fr-dii.fr-fil,.fr-view p img.fr-dii.fr-fil{margin-right:15px}

a.fr-view.fr-strong{font-weight:700}

a.fr-view.fr-green{color:green}

img.fr-view{position:relative;max-width:100%}

img.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}

img.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}

img.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}

img.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}

img.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}

img.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}

span.fr-img-caption.fr-view{position:relative;max-width:100%}

span.fr-img-caption.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}

span.fr-img-caption.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}

span.fr-img-caption.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}

span.fr-img-caption.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}

span.fr-img-caption.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}

span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}

/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/froala-editor/css/froala_style.min.css ***!
  \*********************************************************************************************************************************************************************************************************************************************/
/*!
 * froala_editor v4.0.19 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-view img.fr-rounded,.fr-view .fr-img-caption.fr-rounded img{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-view img.fr-shadow,.fr-view .fr-img-caption.fr-shadow img{box-shadow:10px 10px 5px 0px #cccccc}

.fr-view img.fr-bordered,.fr-view .fr-img-caption.fr-bordered img{border:solid 5px #CCC}

.fr-view img.fr-bordered{box-sizing:content-box}

.fr-view .fr-img-caption.fr-bordered img{box-sizing:border-box}

.fr-view li img.fr-dii.fr-fil{margin-right:20px}

.fr-view{word-wrap:break-word}

.fr-view span[style~="color:"] a{color:inherit}

.fr-view strong{font-weight:700}

.fr-view table[border='0'] td:not([class]),.fr-view table[border='0'] th:not([class]),.fr-view table[border='0'] td[class=""],.fr-view table[border='0'] th[class=""]{border-width:0px}

.fr-view table{border:none;border-collapse:collapse;empty-cells:show;max-width:100%}

.fr-view table td{min-width:5px}

.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th{border-style:dashed}

.fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:whitesmoke}

.fr-view table td,.fr-view table th{border:1px solid #DDD}

.fr-view table td:empty,.fr-view table th:empty{height:20px}

.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted{border:1px double red}

.fr-view table td.fr-thick,.fr-view table th.fr-thick{border-width:2px}

.fr-view table th{background:#ececec}

.fr-view table tfoot td{background:#ececec}

.fr-view hr{clear:both;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;break-after:always;page-break-after:always}

.fr-view .fr-file{position:relative}

.fr-view .fr-file::after{position:relative;content:"\1F4CE";font-weight:normal}

.fr-view pre{white-space:pre-wrap;word-wrap:break-word;overflow:visible}

.fr-view[dir="rtl"] blockquote{border-left:none;border-right:solid 2px #5E35B1;margin-right:0;padding-right:5px;padding-left:0}

.fr-view[dir="rtl"] blockquote blockquote{border-color:#00BCD4}

.fr-view[dir="rtl"] blockquote blockquote blockquote{border-color:#43A047}

.fr-view blockquote{border-left:solid 2px #5E35B1;margin-left:0;padding-left:5px;color:#5E35B1}

.fr-view blockquote blockquote{border-color:#00BCD4;color:#00BCD4}

.fr-view blockquote blockquote blockquote{border-color:#43A047;color:#43A047}

.fr-view span.fr-emoticon{font-weight:normal;font-family:"Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";display:inline;line-height:0}

.fr-view span.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat !important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}

.fr-view .fr-text-gray{color:#AAA !important}

.fr-view .fr-text-bordered{border-top:solid 1px #222;border-bottom:solid 1px #222;padding:10px 0}

.fr-view .fr-text-spaced{letter-spacing:1px}

.fr-view .fr-text-uppercase{text-transform:uppercase}

.fr-view .fr-class-highlighted{background-color:#ffff00}

.fr-view .fr-class-code{border-color:#cccccc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#f5f5f5;padding:10px;font-family:"Courier New", Courier, monospace}

.fr-view .fr-class-transparency{opacity:0.5}

.fr-view img{position:relative;max-width:100%}

.fr-view img.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}

.fr-view img.fr-dib.fr-fil{margin-left:0;text-align:left}

.fr-view img.fr-dib.fr-fir{margin-right:0;text-align:right}

.fr-view img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}

.fr-view img.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}

.fr-view img.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}

.fr-view span.fr-img-caption{position:relative;max-width:100%}

.fr-view span.fr-img-caption.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}

.fr-view span.fr-img-caption.fr-dib.fr-fil{margin-left:0;text-align:left}

.fr-view span.fr-img-caption.fr-dib.fr-fir{margin-right:0;text-align:right}

.fr-view span.fr-img-caption.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}

.fr-view span.fr-img-caption.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}

.fr-view span.fr-img-caption.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}

.fr-view .fr-video{text-align:center;position:relative}

.fr-view .fr-video.fr-rv{padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}

.fr-view .fr-video.fr-rv>iframe,.fr-view .fr-video.fr-rv object,.fr-view .fr-video.fr-rv embed{position:absolute !important;top:0;left:0;width:100%;height:100%}

.fr-view .fr-video>*{box-sizing:content-box;max-width:100%;border:none}

.fr-view .fr-video.fr-dvb{display:block;clear:both}

.fr-view .fr-video.fr-dvb.fr-fvl{text-align:left}

.fr-view .fr-video.fr-dvb.fr-fvr{text-align:right}

.fr-view .fr-video.fr-dvi{display:inline-block}

.fr-view .fr-video.fr-dvi.fr-fvl{float:left}

.fr-view .fr-video.fr-dvi.fr-fvr{float:right}

.fr-view a.fr-strong{font-weight:700}

.fr-view a.fr-green{color:green}

.fr-view .fr-img-caption{text-align:center}

.fr-view .fr-img-caption .fr-img-wrap{padding:0;margin:auto;text-align:center;width:100%}

.fr-view .fr-img-caption .fr-img-wrap a{display:block}

.fr-view .fr-img-caption .fr-img-wrap img{display:block;margin:auto;width:100%}

.fr-view .fr-img-caption .fr-img-wrap>span{margin:auto;display:block;padding:5px 5px 10px;font-size:14px;font-weight:initial;box-sizing:border-box;-webkit-opacity:0.9;-moz-opacity:0.9;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";width:100%;text-align:center}

.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{font-size:24px}

.fr-view span.fr-img-caption.fr-dii.fr-fil,.fr-view p img.fr-dii.fr-fil{margin-right:15px}

a.fr-view.fr-strong{font-weight:700}

a.fr-view.fr-green{color:green}

img.fr-view{position:relative;max-width:100%}

img.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}

img.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}

img.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}

img.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}

img.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}

img.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}

span.fr-img-caption.fr-view{position:relative;max-width:100%}

span.fr-img-caption.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}

span.fr-img-caption.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}

span.fr-img-caption.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}

span.fr-img-caption.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}

span.fr-img-caption.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}

span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}

/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/froala-editor/css/froala_editor.pkgd.css ***!
  \***********************************************************************************************************************************************************************************************************************************************/
/*!
 * froala_editor v4.0.19 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-element, .fr-element:focus {
  outline: 0 solid transparent; }

.fr-view.fr-element-scroll-visible {
  overflow-x: visible !important; }

.fr-box.fr-basic {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-box.fr-basic .fr-element {
    font-family: sans-serif;
    color: #414141;
    font-size: 14px;
    line-height: 1.6;
    padding: 20px;
    box-sizing: border-box;
    overflow-x: auto;
    min-height: 60px;
    text-align: left; }

.fr-box.fr-basic.fr-rtl .fr-element {
    text-align: right; }

.fr-element {
  background: transparent;
  position: relative;
  z-index: 2;
  -webkit-user-select: auto; }

.fr-element a {
    user-select: auto;
    -o-user-select: auto;
    -moz-user-select: auto;
    -khtml-user-select: auto;
    -webkit-user-select: auto;
    -ms-user-select: auto; }

.fr-element.fr-disabled {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none; }

.fr-element [contenteditable="true"] {
    outline: 0 solid transparent; }

.fr-box a.fr-floating-btn {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 40px;
  width: 40px;
  text-align: center;
  background: #FFF;
  color: #333333;
  -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  outline: none;
  left: 0;
  top: 0;
  line-height: 40px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  text-align: center;
  display: block;
  box-sizing: border-box;
  border: none; }

.fr-box a.fr-floating-btn svg {
    -webkit-transition: transform 0.2s ease 0s;
    -moz-transition: transform 0.2s ease 0s;
    -ms-transition: transform 0.2s ease 0s;
    -o-transition: transform 0.2s ease 0s;
    fill: #333333; }

.fr-box a.fr-floating-btn i, .fr-box a.fr-floating-btn svg {
    font-size: 14px;
    line-height: 40px; }

.fr-box a.fr-floating-btn.fr-btn + .fr-btn {
    margin-left: 10px; }

.fr-box a.fr-floating-btn:hover {
    background: #ebebeb;
    cursor: pointer; }

.fr-box a.fr-floating-btn:hover svg {
      fill: #333333; }

.fr-box .fr-visible a.fr-floating-btn {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1); }

iframe.fr-iframe {
  width: 100%;
  border: none;
  position: relative;
  display: block;
  z-index: 2;
  box-sizing: border-box; }

.fr-wrapper {
  position: relative;
  z-index: 1; }

.fr-wrapper::after {
    clear: both;
    display: block;
    content: "";
    height: 0; }

.fr-wrapper .fr-placeholder {
    position: absolute;
    font-size: 14px;
    color: #AAA;
    font-family: sans-serif;
    z-index: 1;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden; }

.fr-wrapper.show-placeholder .fr-placeholder {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis; }

.fr-wrapper ::selection {
    background: rgba(181, 214, 253, 0.8);
    color: #000; }

.fr-box.fr-basic .fr-wrapper {
  background: #FFF;
  border: 1px solid #CCCCCC;
  border-bottom-color: #efefef;
  top: 0;
  left: 0; }

.fr-box.fr-basic.fr-top .fr-wrapper {
  border-top: 0; }

.fr-box.fr-basic.fr-bottom .fr-wrapper {
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

@media (min-width: 992px) {
  .fr-box.fr-document {
    min-width: 21cm; }
    .fr-box.fr-document .fr-wrapper {
      text-align: left;
      padding: 30px;
      min-width: 21cm;
      background: #efefef; }
      .fr-box.fr-document .fr-wrapper .fr-element {
        text-align: left;
        background: #FFF;
        width: 21cm;
        margin: auto;
        min-height: 26cm !important;
        padding: 1cm 2cm;
        overflow: visible;
        z-index: auto; }
        .fr-box.fr-document .fr-wrapper .fr-element hr {
          margin-left: -2cm;
          margin-right: -2cm;
          background: #efefef;
          height: 1cm;
          outline: none;
          border: none; }
        .fr-box.fr-document .fr-wrapper .fr-element img {
          z-index: 1; } }

.fr-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 8px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #222222;
  color: #FFF;
  font-size: 11px;
  line-height: 22px;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  left: -3000px;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  z-index: 2147483647;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.fr-tooltip.fr-visible {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.fr-toolbar .fr-btn-wrap, .fr-popup .fr-btn-wrap, .fr-modal .fr-btn-wrap {
  float: left;
  white-space: nowrap;
  position: relative; }

.fr-toolbar .fr-btn-wrap.fr-hidden, .fr-popup .fr-btn-wrap.fr-hidden, .fr-modal .fr-btn-wrap.fr-hidden {
    display: none; }

.fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn, .fr-modal .fr-command.fr-btn {
  background: transparent;
  color: #333333;
  -moz-outline: 0;
  outline: none;
  border: 0;
  line-height: 1;
  cursor: pointer;
  text-align: left;
  margin: 4px 2px;
  padding: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  position: relative;
  box-sizing: border-box;
  text-decoration: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  float: left;
  height: 40px; }

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-options, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-options {
    border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }

.fr-toolbar .fr-command.fr-btn.fr-btn-hover, .fr-popup .fr-command.fr-btn.fr-btn-hover, .fr-modal .fr-command.fr-btn.fr-btn-hover {
    border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }

.fr-toolbar .fr-command.fr-btn::-moz-focus-inner, .fr-popup .fr-command.fr-btn::-moz-focus-inner, .fr-modal .fr-command.fr-btn::-moz-focus-inner {
    border: 0;
    padding: 0; }

.fr-toolbar .fr-command.fr-btn.fr-btn-text, .fr-popup .fr-command.fr-btn.fr-btn-text, .fr-modal .fr-command.fr-btn.fr-btn-text {
    width: auto; }

.fr-toolbar .fr-command.fr-btn i, .fr-toolbar .fr-command.fr-btn svg, .fr-popup .fr-command.fr-btn i, .fr-popup .fr-command.fr-btn svg, .fr-modal .fr-command.fr-btn i, .fr-modal .fr-command.fr-btn svg {
    display: block;
    text-align: center;
    float: none;
    margin: 8px 7px;
    width: 24px; }

.fr-toolbar .fr-command.fr-btn svg.fr-svg, .fr-popup .fr-command.fr-btn svg.fr-svg, .fr-modal .fr-command.fr-btn svg.fr-svg {
    height: 24px; }

.fr-toolbar .fr-command.fr-btn svg path, .fr-popup .fr-command.fr-btn svg path, .fr-modal .fr-command.fr-btn svg path {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    fill: #333333; }

.fr-toolbar .fr-command.fr-btn span.fr-sr-only, .fr-popup .fr-command.fr-btn span.fr-sr-only, .fr-modal .fr-command.fr-btn span.fr-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }

.fr-toolbar .fr-command.fr-btn span, .fr-popup .fr-command.fr-btn span, .fr-modal .fr-command.fr-btn span {
    font-size: 14px;
    display: block;
    line-height: 17px;
    min-width: 30px;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 17px;
    font-weight: bold;
    padding: 0 4px; }

.fr-toolbar .fr-command.fr-btn img, .fr-popup .fr-command.fr-btn img, .fr-modal .fr-command.fr-btn img {
    margin: 8px 7px;
    width: 24px; }

.fr-toolbar .fr-command.fr-btn.fr-btn-active-popup, .fr-popup .fr-command.fr-btn.fr-btn-active-popup, .fr-modal .fr-command.fr-btn.fr-btn-active-popup {
    background: #d6d6d6; }

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-selection span {
    font-weight: normal; }

.fr-toolbar .fr-command.fr-btn.fr-dropdown i, .fr-toolbar .fr-command.fr-btn.fr-dropdown span, .fr-toolbar .fr-command.fr-btn.fr-dropdown img, .fr-toolbar .fr-command.fr-btn.fr-dropdown svg, .fr-popup .fr-command.fr-btn.fr-dropdown i, .fr-popup .fr-command.fr-btn.fr-dropdown span, .fr-popup .fr-command.fr-btn.fr-dropdown img, .fr-popup .fr-command.fr-btn.fr-dropdown svg, .fr-modal .fr-command.fr-btn.fr-dropdown i, .fr-modal .fr-command.fr-btn.fr-dropdown span, .fr-modal .fr-command.fr-btn.fr-dropdown img, .fr-modal .fr-command.fr-btn.fr-dropdown svg {
    margin-left: 3px;
    margin-right: 11px; }

.fr-toolbar .fr-command.fr-btn.fr-dropdown:after, .fr-popup .fr-command.fr-btn.fr-dropdown:after, .fr-modal .fr-command.fr-btn.fr-dropdown:after {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #333333;
    right: 2px;
    top: 18px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    content: ""; }

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active {
    fill: #333333;
    background: #d6d6d6;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease; }

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover {
      background: #ebebeb;
      fill: #333333; }

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover::after {
        border-top-color: #333333; }

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after {
      border-top: 0;
      border-bottom: 4px solid #222222; }

.fr-toolbar .fr-command.fr-btn.fr-disabled, .fr-popup .fr-command.fr-btn.fr-disabled, .fr-modal .fr-command.fr-btn.fr-disabled {
    color: #bdbdbd;
    cursor: default;
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.fr-toolbar .fr-command.fr-btn.fr-disabled::after, .fr-popup .fr-command.fr-btn.fr-disabled::after, .fr-modal .fr-command.fr-btn.fr-disabled::after {
      border-top-color: #bdbdbd; }

.fr-toolbar .fr-command.fr-btn.fr-hidden, .fr-popup .fr-command.fr-btn.fr-hidden, .fr-modal .fr-command.fr-btn.fr-hidden {
    display: none; }

.fr-toolbar .fr-tabs .fr-command.fr-btn, .fr-popup .fr-tabs .fr-command.fr-btn, .fr-modal .fr-tabs .fr-command.fr-btn {
  margin: 0;
  width: 46px;
  height: 40px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab {
    background: #FFF; }

.fr-toolbar .fr-tabs .fr-command.fr-btn span, .fr-popup .fr-tabs .fr-command.fr-btn span, .fr-modal .fr-tabs .fr-command.fr-btn span {
    height: 27px; }

.fr-toolbar .fr-tabs .fr-command.fr-btn img, .fr-toolbar .fr-tabs .fr-command.fr-btn svg, .fr-popup .fr-tabs .fr-command.fr-btn img, .fr-popup .fr-tabs .fr-command.fr-btn svg, .fr-modal .fr-tabs .fr-command.fr-btn img, .fr-modal .fr-tabs .fr-command.fr-btn svg {
    margin: 8px 11px;
    width: 24px;
    height: 24px; }

.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path {
  fill: #0098f7; }

.fr-toolbar.fr-disabled .fr-btn, .fr-toolbar.fr-disabled .fr-btn.fr-active, .fr-popup.fr-disabled .fr-btn, .fr-popup.fr-disabled .fr-btn.fr-active, .fr-modal.fr-disabled .fr-btn, .fr-modal.fr-disabled .fr-btn.fr-active {
  color: #bdbdbd;
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after, .fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .fr-popup.fr-disabled .fr-btn.fr-dropdown::after, .fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .fr-modal.fr-disabled .fr-btn.fr-dropdown::after, .fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
    border-top-color: #bdbdbd; }

.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-left, .fr-popup.fr-rtl .fr-btn-grp.fr-float-left, .fr-modal.fr-rtl .fr-btn-grp.fr-float-left {
  float: right; }

.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-right, .fr-popup.fr-rtl .fr-btn-grp.fr-float-right, .fr-modal.fr-rtl .fr-btn-grp.fr-float-right {
  float: left; }

.fr-toolbar.fr-rtl .fr-command.fr-btn, .fr-toolbar.fr-rtl .fr-btn-wrap, .fr-popup.fr-rtl .fr-command.fr-btn, .fr-popup.fr-rtl .fr-btn-wrap, .fr-modal.fr-rtl .fr-command.fr-btn, .fr-modal.fr-rtl .fr-btn-wrap {
  float: right; }

.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options {
    border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }

.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover {
    border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }

.fr-toolbar.fr-inline > .fr-command.fr-btn:not(.fr-hidden), .fr-toolbar.fr-inline > .fr-btn-wrap:not(.fr-hidden) {
  display: inline-flex;
  float: none; }

.fr-desktop .fr-command:hover, .fr-desktop .fr-command:focus, .fr-desktop .fr-command.fr-btn-hover, .fr-desktop .fr-command.fr-expanded {
  outline: 0;
  color: #333333; }

.fr-desktop .fr-command:hover:not(.fr-table-cell), .fr-desktop .fr-command:focus:not(.fr-table-cell), .fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell), .fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) {
    background: #ebebeb; }

.fr-desktop .fr-command:hover::after, .fr-desktop .fr-command:focus::after, .fr-desktop .fr-command.fr-btn-hover::after, .fr-desktop .fr-command.fr-expanded::after {
    border-top-color: #333333; }

.fr-desktop .fr-command.fr-selected:not(.fr-table-cell), .fr-desktop .fr-command:active {
  color: #333333;
  background: #d6d6d6; }

.fr-desktop .fr-command.fr-active:hover, .fr-desktop .fr-command.fr-active:focus, .fr-desktop .fr-command.fr-active.fr-btn-hover, .fr-desktop .fr-command.fr-active.fr-expanded {
  background: #ebebeb; }

.fr-desktop .fr-command.fr-active:active {
  background: #d6d6d6; }

.fr-desktop .fr-command.fr-disabled:hover, .fr-desktop .fr-command.fr-disabled:focus, .fr-desktop .fr-command.fr-disabled.fr-selected {
  background: transparent; }

.fr-desktop.fr-disabled .fr-command:hover, .fr-desktop.fr-disabled .fr-command:focus, .fr-desktop.fr-disabled .fr-command.fr-selected {
  background: transparent; }

.fr-toolbar.fr-mobile .fr-command.fr-blink, .fr-popup.fr-mobile .fr-command.fr-blink {
  background: #d6d6d6; }

.fr-command.fr-btn.fr-options {
  width: 16px;
  margin-left: -5px; }

.fr-command.fr-btn.fr-options.fr-btn-hover, .fr-command.fr-btn.fr-options:hover, .fr-command.fr-btn.fr-options:focus {
    border-left: solid 1px #FAFAFA;
    -webkit-transition: border-left 0s, background-color 0.5s;
    -moz-transition: border-left 0s, background-color 0.5s;
    -ms-transition: border-left 0s, background-color 0.5s;
    -o-transition: border-left 0s, background-color 0.5s; }

.fr-command.fr-btn + .fr-dropdown-menu {
  background: #FFF;
  display: inline-block;
  position: absolute;
  right: auto;
  bottom: auto;
  height: auto;
  z-index: 4;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  zoom: 1;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

.fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    height: auto;
    max-height: 275px; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
    padding: 0;
    margin: auto;
    display: inline-block;
    text-align: left;
    position: relative;
    box-sizing: border-box;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    margin-top: 0;
    float: left;
    height: 0;
    margin-top: 0 !important; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
      position: relative; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
        list-style-type: none;
        margin: 0;
        padding: 8px 0;
        min-width: 72px; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
          padding: 0;
          margin: 0;
          font-size: 15px; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
            padding: 0 20px;
            line-height: 200%;
            display: flex;
            cursor: pointer;
            white-space: nowrap;
            color: inherit;
            text-decoration: none;
            border-radius: 0;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg {
              width: 24px;
              height: 24px;
              margin: 3px 4px; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path {
                fill: #333333; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
              background: #d6d6d6; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
              color: #bdbdbd;
              cursor: default; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a .fr-shortcut {
              margin-left: 20px;
              font-weight: bold;
              -webkit-opacity: 0.75;
              -moz-opacity: 0.75;
              opacity: 0.75; }

.fr-command.fr-btn.fr-active + .fr-dropdown-menu {
  display: inline-block;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

.fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-toolbar.fr-rtl .fr-dropdown-wrapper, .fr-popup.fr-rtl .fr-dropdown-wrapper {
  text-align: right !important; }

body.fr-prevent-scroll {
  overflow: hidden; }

body.fr-prevent-scroll.fr-mobile {
    position: fixed;
    -webkit-overflow-scrolling: touch; }

.fr-modal {
  color: #222222;
  font-family: Arial, Helvetica, sans-serif;
  position: fixed;
  overflow-x: auto;
  overflow-y: scroll;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 2147483640;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  line-height: 1.2; }

.fr-modal.fr-middle .fr-modal-wrapper {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    position: absolute; }

.fr-modal .fr-modal-wrapper {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-clip: padding-box;
    margin: 20px auto;
    display: inline-block;
    background: #FFF;
    min-width: 300px;
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    border: 0;
    overflow: hidden;
    width: 90%;
    position: relative; }

@media (min-width: 768px) and (max-width: 991px) {
      .fr-modal .fr-modal-wrapper {
        margin: 30px auto;
        width: 70%; } }

@media (min-width: 992px) {
      .fr-modal .fr-modal-wrapper {
        margin: 50px auto;
        width: 960px; } }

.fr-modal .fr-modal-wrapper .fr-modal-head {
      background: #FFF;
      overflow: hidden;
      position: absolute;
      width: 100%;
      min-height: 42px;
      z-index: 3;
      border-bottom: solid #efefef 1px;
      -webkit-transition: all 0.2s ease 0s;
      -moz-transition: all 0.2s ease 0s;
      -ms-transition: all 0.2s ease 0s;
      -o-transition: all 0.2s ease 0s; }

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line {
        height: 56px;
        padding: 0 10px; }

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
        margin: 10px;
        position: absolute;
        top: 0;
        right: 0; }

.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
        font-size: 20px;
        padding: 19px 10px;
        margin: 0;
        font-weight: 400;
        line-height: 18px;
        display: inline-block;
        float: left; }

.fr-modal .fr-modal-wrapper div.fr-modal-body {
      height: 100%;
      min-height: 150px;
      overflow-y: auto;
      padding-bottom: 20px; }

.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
        outline: 0; }

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
        height: 36px;
        line-height: 1;
        color: #0098f7;
        padding: 10px;
        cursor: pointer;
        text-decoration: none;
        border: none;
        background: none;
        font-size: 16px;
        outline: none;
        -webkit-transition: background 0.2s ease 0s;
        -moz-transition: background 0.2s ease 0s;
        -ms-transition: background 0.2s ease 0s;
        -o-transition: background 0.2s ease 0s;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box; }

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command + button {
          margin-left: 24px; }

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover, .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
          background: #ebebeb;
          color: #0098f7; }

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
          background: #d6d6d6;
          color: #0098f7; }

.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
        border: 0; }

.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
  background: #ebebeb; }

.fr-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 2147483639; }

ol.decimal_type {
  counter-reset: item; }

ol.decimal_type > li {
  display: block; }

ol.decimal_type > li:before {
  content: counters(item,".") ". ";
  counter-increment: item; }

.fr-popup {
  position: absolute;
  display: none;
  color: #222222;
  background: #FFF;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  font-family: Arial, Helvetica, sans-serif;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  margin-top: 10px;
  z-index: 2147483635;
  text-align: left;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2; }

.fr-popup .fr-icon {
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    font-weight: 400;
    box-sizing: content-box;
    padding: 6px; }

.fr-popup .fr-icon-container {
    padding: 20px;
    max-height: 200px;
    overflow: auto;
    box-sizing: border-box; }

@supports not (-ms-high-contrast: none) {
      .fr-popup .fr-icon-container {
        grid-template-columns: repeat(auto-fill, minmax(36px, 36px));
        display: grid; } }

@media (min-width: 768px) {
      .fr-popup .fr-icon-container {
        min-width: 276px; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .fr-popup .fr-icon-container {
        display: inline-flex; } }

@media screen and (-ms-high-contrast: active) and (max-width: 768px), (-ms-high-contrast: none) and (max-width: 768px) {
      .fr-popup .fr-icon-container {
        width: 236px; } }

.fr-popup .fr-input-focus {
    background: whitesmoke; }

.fr-popup.fr-above {
    margin-top: -10px;
    border-top: 0; }

.fr-popup.fr-active {
    display: block; }

.fr-popup.fr-hidden {
    display: none !important; }

.fr-popup.fr-empty {
    display: none !important; }

.fr-popup .fr-hs {
    display: block !important; }

.fr-popup .fr-hs.fr-hidden {
      display: none !important; }

.fr-popup .fr-input-line {
    position: relative;
    padding: 15px 0; }

.fr-popup .fr-input-line input[type="text"], .fr-popup .fr-input-line input[type="number"], .fr-popup .fr-input-line textarea {
      width: 100%;
      margin-bottom: 1px;
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: solid 1px #999999;
      color: #222222;
      font-size: 14px;
      background: #FFF;
      position: relative;
      z-index: 2;
      padding: 4px 12px;
      box-sizing: border-box;
      -webkit-transition: border 0.5s, padding 0.5s;
      -moz-transition: border 0.5s, padding 0.5s;
      -ms-transition: border 0.5s, padding 0.5s;
      -o-transition: border 0.5s, padding 0.5s; }

.fr-popup .fr-input-line input[type="text"]:hover, .fr-popup .fr-input-line input[type="number"]:hover, .fr-popup .fr-input-line textarea:hover {
        border: solid 1px #515151; }

.fr-popup .fr-input-line input[type="text"]:focus, .fr-popup .fr-input-line input[type="number"]:focus, .fr-popup .fr-input-line textarea:focus {
        border: solid 2px #0098f7;
        padding: 3px 11px; }

.fr-popup .fr-input-line input[type="text"], .fr-popup .fr-input-line input[type="number"] {
      height: 46px; }

.fr-popup .fr-input-line input + label, .fr-popup .fr-input-line textarea + label {
      position: absolute;
      top: 29px;
      left: 12px;
      font-size: 14px;
      color: grey;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      z-index: 3;
      display: block;
      background: #FFF;
      padding: 0;
      cursor: text; }

.fr-popup .fr-input-line input.fr-not-empty + label, .fr-popup .fr-input-line textarea.fr-not-empty + label {
      color: gray;
      width: auto;
      left: 4px;
      padding: 0 4px;
      font-size: 11px;
      top: 9px; }

.fr-popup input, .fr-popup textarea {
    user-select: text;
    -o-user-select: text;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: none; }

.fr-popup textarea {
    resize: none; }

.fr-popup .fr-buttons {
    white-space: nowrap;
    line-height: 0; }

.fr-popup .fr-buttons .fr-btn {
      margin-left: 4px;
      margin-right: 4px;
      display: inline-block;
      float: none; }

.fr-popup .fr-buttons .fr-btn i {
        float: left; }

.fr-popup .fr-buttons .fr-separator {
      display: inline-block;
      float: none; }

.fr-popup .fr-buttons.fr-tabs {
      border-radius: 6px 6px 0 0;
      -moz-border-radius: 6px 6px 0 0;
      -webkit-border-radius: 6px 6px 0 0;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      background-color: #f5f5f5;
      overflow: hidden; }

@media (max-width: 768px) {
        .fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll {
          overflow: scroll;
          overflow-y: hidden;
          width: 276px; } }

.fr-popup .fr-buttons:not(.fr-tabs) {
      padding: 5px; }

.fr-popup .fr-layer {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 195px;
    box-sizing: border-box;
    margin: 20px;
    display: none; }

@media (min-width: 768px) {
      .fr-popup .fr-layer {
        width: 260px; } }

.fr-popup .fr-layer.fr-active {
      display: inline-block; }

.fr-popup .fr-action-buttons {
    z-index: 7;
    height: 36px;
    text-align: right; }

.fr-popup .fr-action-buttons button.fr-command {
      height: 36px;
      line-height: 1;
      color: #0098f7;
      padding: 10px;
      cursor: pointer;
      text-decoration: none;
      border: none;
      background: none;
      font-size: 16px;
      outline: none;
      -webkit-transition: background 0.2s ease 0s;
      -moz-transition: background 0.2s ease 0s;
      -ms-transition: background 0.2s ease 0s;
      -o-transition: background 0.2s ease 0s;
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box; }

.fr-popup .fr-action-buttons button.fr-command + button {
        margin-left: 24px; }

.fr-popup .fr-action-buttons button.fr-command:hover, .fr-popup .fr-action-buttons button.fr-command:focus {
        background: #ebebeb;
        color: #0098f7; }

.fr-popup .fr-action-buttons button.fr-command:active {
        background: #d6d6d6;
        color: #0098f7; }

.fr-popup .fr-action-buttons button::-moz-focus-inner {
      border: 0; }

.fr-popup .fr-checkbox {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    padding: 10px;
    border-radius: 100%;
    line-height: 1;
    box-sizing: content-box;
    vertical-align: middle; }

.fr-popup .fr-checkbox svg {
      margin-left: 2px;
      margin-top: 2px;
      display: none;
      width: 10px;
      height: 10px; }

.fr-popup .fr-checkbox span {
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      width: 18px;
      height: 18px;
      display: inline-block;
      position: relative;
      z-index: 1;
      box-sizing: border-box;
      -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
      -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
      -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
      -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; }

.fr-popup .fr-checkbox input {
      position: absolute;
      z-index: 2;
      -webkit-opacity: 0;
      -moz-opacity: 0;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      border: 0 none;
      cursor: pointer;
      height: 18px;
      margin: 0;
      padding: 0;
      width: 18px;
      top: 7px;
      left: 7px; }

.fr-popup .fr-checkbox input:not(:checked) + span {
        border: solid 2px #999999; }

.fr-popup .fr-checkbox input:not(:checked):active + span {
        background-color: #f5f5f5; }

.fr-popup .fr-checkbox input:not(:checked):focus + span, .fr-popup .fr-checkbox input:not(:checked):hover + span {
        border-color: #515151; }

.fr-popup .fr-checkbox input:checked + span {
        background: #0098f7;
        border: solid 2px #0098f7; }

.fr-popup .fr-checkbox input:checked + span svg {
          display: block; }

.fr-popup .fr-checkbox input:checked:active + span {
        background-color: #EcF5Ff; }

.fr-popup .fr-checkbox input:checked:focus + span, .fr-popup .fr-checkbox input:checked:hover + span {
        -webkit-opacity: 0.8;
        -moz-opacity: 0.8;
        opacity: 0.8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.fr-popup .fr-checkbox-line {
    font-size: 14px;
    line-height: 1.4px;
    margin-top: 10px; }

.fr-popup .fr-checkbox-line label {
      cursor: pointer;
      margin: 0 5px;
      vertical-align: middle; }

.fr-popup.fr-rtl {
    direction: rtl;
    text-align: right; }

.fr-popup.fr-rtl .fr-action-buttons {
      text-align: left; }

.fr-popup.fr-rtl .fr-input-line input + label, .fr-popup.fr-rtl .fr-input-line textarea + label {
      left: auto;
      right: 0; }

.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs {
      float: right; }

.fr-text-edit-layer {
  width: 250px;
  box-sizing: border-box;
  display: block !important; }

.fr-toolbar {
  color: #222222;
  background: #FFF;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: left;
  border: 1px solid #CCCCCC;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2;
  padding-bottom: 0;
  -webkit-transition: padding-bottom 0.5s;
  -moz-transition: padding-bottom 0.5s;
  -ms-transition: padding-bottom 0.5s;
  -o-transition: padding-bottom 0.5s; }

.fr-toolbar::after {
    clear: both;
    display: block;
    content: "";
    height: 0; }

.fr-toolbar::after {
    height: 0; }

.fr-toolbar .fr-newline {
    clear: both;
    display: block;
    content: "";
    margin-left: 9px;
    margin-right: 9px;
    background: #efefef;
    height: 1px;
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
    -o-transition: height 0.5s; }

.fr-toolbar.fr-toolbar-open .fr-newline {
    height: 0; }

.fr-toolbar .fr-float-right {
    float: right; }

.fr-toolbar .fr-float-left {
    float: left; }

.fr-toolbar .fr-more-toolbar {
    float: left;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #f5f5f5;
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
    -o-transition: height 0.5s;
    height: 0;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%; }

.fr-toolbar .fr-more-toolbar.fr-expanded {
      height: 48px; }

.fr-toolbar .fr-more-toolbar.fr-overflow-visible {
      overflow: visible; }

.fr-toolbar .fr-more-toolbar > .fr-command.fr-btn {
      margin-left: 4px;
      margin-right: 4px; }

.fr-toolbar .fr-btn-grp {
    display: inline-block;
    margin: 0 17px 0 12px; }

@media (max-width: 768px) {
      .fr-toolbar .fr-btn-grp {
        margin: 0 7px 0 6px; } }

.fr-toolbar .fr-command.fr-btn.fr-open {
    margin-top: 10px;
    margin-bottom: -1px;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }

.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
      background: #f5f5f5; }

.fr-toolbar.fr-rtl {
    text-align: right; }

.fr-toolbar.fr-inline {
    display: none;
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    border: 0;
    white-space: nowrap;
    position: absolute;
    margin-top: 5px;
    z-index: 2147483630; }

.fr-toolbar.fr-inline.fr-above {
      margin-top: -10px;
      border-top: 0; }

.fr-toolbar.fr-inline .fr-newline {
      height: 0; }

.fr-toolbar.fr-inline .fr-more-toolbar {
      position: absolute !important; }

.fr-toolbar.fr-inline .fr-more-toolbar.fr-expanded {
        position: relative !important; }

.fr-toolbar.fr-top {
    top: 0;
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }

.fr-toolbar.fr-bottom {
    bottom: 0;
    border-top: 0;
    padding-bottom: 0;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }

.fr-toolbar.fr-bottom .fr-newline {
      padding-top: 0;
      -webkit-transition: padding-top 0.5s;
      -moz-transition: padding-top 0.5s;
      -ms-transition: padding-top 0.5s;
      -o-transition: padding-top 0.5s; }

.fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline {
      padding-top: 48px;
      background: #FFF; }

.fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open {
      margin-top: -1px;
      margin-bottom: 10px;
      border-radius: 0 0 4px 4px;
      -moz-border-radius: 0 0 4px 4px;
      -webkit-border-radius: 0 0 4px 4px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box; }

.fr-toolbar.fr-sticky-on {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }

.fr-separator {
  background: #ebebeb;
  display: block;
  vertical-align: top;
  float: left; }

.fr-separator + .fr-separator {
    display: none; }

.fr-separator.fr-vs {
    height: 32px;
    width: 1px;
    margin: 8px 4px; }

.fr-separator.fr-hs {
    clear: both;
    width: calc(100% - (2 * 4px));
    margin: 0 4px;
    height: 1px; }

.fr-separator.fr-hidden {
    display: none !important; }

.fr-rtl .fr-separator {
  float: right; }

.fr-toolbar.fr-inline .fr-separator.fr-hs {
  float: none; }

.fr-toolbar.fr-inline .fr-separator.fr-vs {
  float: none;
  display: inline-block; }

.fr-second-toolbar {
  border: 1px solid #CCCCCC;
  border-top: 0;
  background: #FFF;
  line-height: 1.4;
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-second-toolbar::after {
    clear: both;
    display: block;
    content: "";
    height: 0; }

.fr-second-toolbar:empty {
  min-height: calc(10px);
  position: relative;
  margin-top: calc(-1px);
  z-index: 2; }

#fr-logo {
  float: left;
  outline: none; }

#fr-logo > span {
    display: inline-block;
    float: left;
    font-family: sans-serif;
    padding: 11px 5px 10px 15px;
    font-size: 12px;
    font-weight: 500;
    color: #b1b2b7;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s; }

#fr-logo > svg {
    height: 20px;
    width: 47px;
    margin: 7px 0;
    cursor: pointer; }

#fr-logo > svg * {
    -webkit-transition: fill 0.3s;
    -moz-transition: fill 0.3s;
    -ms-transition: fill 0.3s;
    -o-transition: fill 0.3s; }

#fr-logo:hover > span, #fr-logo:focus > span {
    color: #0098f7; }

#fr-logo:hover > svg .fr-logo, #fr-logo:focus > svg .fr-logo {
    fill: #0098f7; }

.fr-visibility-helper {
  display: none;
  margin-left: 0 !important; }

@media (min-width: 768px) {
    .fr-visibility-helper {
      margin-left: 1px !important; } }

@media (min-width: 992px) {
    .fr-visibility-helper {
      margin-left: 2px !important; } }

@media (min-width: 1200px) {
    .fr-visibility-helper {
      margin-left: 3px !important; } }

.fr-opacity-0 {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.fr-box {
  position: relative; }

/**
 * Postion sticky hacks.
 */

.fr-sticky {
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky; }

.fr-sticky-off {
  position: relative; }

.fr-sticky-on {
  position: sticky;
  z-index: 10; }

.fr-sticky-on.fr-sticky-ios {
    position: absolute;
    left: 0;
    right: 0;
    width: auto !important; }

.fr-sticky-dummy {
  display: none; }

.fr-sticky-on + .fr-sticky-dummy, .fr-sticky-box > .fr-sticky-dummy {
  display: block; }

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

.fr-view .fr-highlight-change, .fr-highlight-change > img, .fr-highlight-change > .fr-video > video,
.fr-highlight-change > .fr-video > embed, .fr-highlight-change > .fr-video > iframe, .fr-highlight-change > .fr-embedly > .embedly-card > .embedly-card-hug > iframe,
.fr-highlight-change > p, .fr-view .fr-highlight-change > span:not(.fr-tracking-deleted) {
  background-color: #f3eec3;
  opacity: 0.5; }

.fr-highlight-change.fr-highlight-change > table td, .fr-highlight-change.fr-highlight-change > hr {
  border-color: #f3eec3; }

.fr-tracking-deleted.fr-tracking-deleted > table td, .fr-tracking-deleted.fr-tracking-deleted > hr {
  border-color: #dc3545; }

.fr-tracking-deleted img, .fr-tracking-deleted > .fr-video > video, .fr-tracking-deleted > .fr-video > iframe, .fr-tracking-deleted > .fr-embedly > .embedly-card > .embedly-card-hug > iframe {
  opacity: 0.5;
  background-color: #dc3545; }

.fr-view .fr-tracking-deleted {
  background-color: #dc3545;
  text-decoration: line-through;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
  opacity: 1; }

.fr-highlight-change > .fr-video > iframe, .fr-tracking-deleted > .fr-video > iframe, .fr-highlight-change > .fr-video > video, .fr-tracking-deleted > .fr-video > video, .fr-highlight-change > .fr-video > embed, .fr-highlight-change > .fr-embedly > .embedly-card > .embedly-card-hug > iframe, .fr-tracking-deleted > .fr-embedly > .embedly-card > .embedly-card-hug > iframe {
  padding: 10px !important; }

.fr-tracking-deleted img, .fr-highlight-change img {
  border: 2px solid #f3eec3; }

.fr-highlight-change #isPasted *:not(table):not(tbody):not(tr):not(td) {
  opacity: 0.5;
  background-color: #f3eec3; }

.fr-highlight-change #isPasted > table td {
  opacity: 0.5;
  border-color: #f3eec3; }

.fr-track-hide {
  display: none; }

.fr-track-hide-mobile {
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute; }

.fr-ios-mobile-disable-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none; }

.fr-bottom-extended {
  flex-wrap: wrap;
  display: flex;
  box-sizing: border-box; }

.position-relative {
  position: relative !important; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-box .fr-counter {
  padding: 10px;
  float: right;
  color: #999999;
  content: attr(data-chars);
  font-size: 14px;
  font-family: sans-serif;
  z-index: 1;
  border-radius: 2px 0 0 0;
  -moz-border-radius: 2px 0 0 0;
  -webkit-border-radius: 2px 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-box.fr-rtl .fr-counter {
  left: 0;
  right: auto;
  border-left: none;
  border-radius: 0 2px 0 0;
  -moz-border-radius: 0 2px 0 0;
  -webkit-border-radius: 0 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-box.fr-code-view .fr-counter {
  display: none; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

textarea.fr-code {
  display: none;
  width: 100%;
  resize: none;
  -moz-resize: none;
  -webkit-resize: none;
  box-sizing: border-box;
  border: none;
  padding: 10px;
  margin: 0;
  font-family: "Courier New",monospace;
  font-size: 14px;
  background: #FFF;
  color: #000;
  outline: none; }

.fr-box.fr-rtl textarea.fr-code {
  direction: rtl; }

.fr-box .CodeMirror {
  display: none; }

.fr-box.fr-code-view textarea.fr-code {
  display: block; }

.fr-box.fr-code-view .fr-element, .fr-box.fr-code-view .fr-placeholder, .fr-box.fr-code-view .fr-iframe {
  display: none; }

.fr-box.fr-code-view .CodeMirror {
  display: block; }

.fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch {
  display: block; }

.fr-box.fr-inline .fr-command.fr-btn.html-switch {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  background: #FFF;
  color: #333333;
  -moz-outline: 0;
  outline: 0;
  border: 0;
  line-height: 1;
  cursor: pointer;
  text-align: left;
  padding: 8px 7px;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  box-sizing: border-box;
  text-decoration: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.fr-box.fr-inline .fr-command.fr-btn.html-switch i {
    font-size: 24px;
    width: 24px;
    text-align: center; }

.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
    background: #ebebeb; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-popup .fr-layer.fr-color-hex-layer {
  margin: 0;
  padding: 20px;
  padding-top: 0;
  float: left; }

.fr-popup .fr-layer.fr-color-hex-layer .fr-input-line {
    float: left;
    width: calc(100% - 50px);
    padding: 15px 0 0; }

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons {
    float: right;
    width: 38px;
    height: 40px;
    padding: 17px 0 0;
    margin: 0; }

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-size: 13px;
    height: 40px;
    width: 38px; }

.fr-popup .fr-separator + .fr-colors-tabs {
  margin-left: 2px;
  margin-right: 2px; }

.fr-popup .fr-color-set {
  line-height: 0;
  display: none; }

.fr-popup .fr-color-set.fr-selected-set {
    display: block;
    padding: 20px;
    padding-bottom: 0; }

.fr-popup .fr-color-set > span {
    display: inline-block;
    width: 32px;
    height: 32px;
    position: relative;
    z-index: 1; }

.fr-popup .fr-color-set > span > i, .fr-popup .fr-color-set > span > svg {
      text-align: center;
      line-height: 32px;
      height: 24px;
      width: 24px;
      margin: 4px;
      font-size: 13px;
      position: absolute;
      bottom: 0;
      cursor: default;
      left: 0; }

.fr-popup .fr-color-set > span > i path, .fr-popup .fr-color-set > span > svg path {
        fill: #222222; }

.fr-popup .fr-color-set > span .fr-selected-color {
      color: #FFF;
      font-family: FontAwesome;
      font-size: 13px;
      font-weight: 400;
      line-height: 32px;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      text-align: center;
      cursor: default; }

.fr-popup .fr-color-set > span:hover, .fr-popup .fr-color-set > span:focus {
      outline: 1px solid #222222;
      z-index: 2; }

.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"] ~ [data-param1="background"]::after {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0); }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-drag-helper {
  background: #0098f7;
  height: 2px;
  margin-top: -1px;
  -webkit-opacity: 0.2;
  -moz-opacity: 0.2;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  z-index: 2147483640;
  display: none; }

.fr-drag-helper.fr-visible {
    display: block; }

.fr-dragging {
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-popup .fr-emoticon {
  width: 24px;
  height: 24px;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Segoe UI Symbol", "Android Emoji", EmojiSymbols; }

.fr-popup .fr-emoticon img {
    height: 24px;
    width: 24px; }

.fr-popup .fr-command.fr-btn.fr-tabs-unicode {
  padding: 0 0 0 14px; }

@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
  .fr-popup .fr-icon-container.fr-emoticon-container {
    width: 368px; } }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-popup .fr-file-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
  margin: 20px;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 140%;
  box-sizing: border-box;
  text-align: center; }

.fr-popup .fr-file-upload-layer:hover {
    background: #ebebeb; }

.fr-popup .fr-file-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7; }

.fr-popup .fr-file-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important; }

.fr-popup .fr-file-upload-layer .fr-form input {
      cursor: pointer;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 500%;
      height: 100%;
      margin: 0;
      font-size: 400px; }

.fr-popup .fr-file-progress-bar-layer {
  box-sizing: border-box; }

.fr-popup .fr-file-progress-bar-layer > h3 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: normal; }

.fr-popup .fr-file-progress-bar-layer > div.fr-action-buttons {
    display: none; }

.fr-popup .fr-file-progress-bar-layer > div.fr-loader {
    background: #b3e0fd;
    height: 10px;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    position: relative; }

.fr-popup .fr-file-progress-bar-layer > div.fr-loader span {
      display: block;
      height: 100%;
      width: 0%;
      background: #0098f7;
      -webkit-transition: width 0.2s ease 0s;
      -moz-transition: width 0.2s ease 0s;
      -ms-transition: width 0.2s ease 0s;
      -o-transition: width 0.2s ease 0s; }

.fr-popup .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span {
      width: 30% !important;
      position: absolute;
      top: 0;
      animation: loading 2s linear infinite; }

.fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-loader {
    display: none; }

.fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-action-buttons {
    display: block; }

@keyframes loading {
  from {
    left: -25%; }
  to {
    left: 100%; } }

@keyframes loading {
  from {
    left: -25%; }
  to {
    left: 100%; } }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-element img {
  cursor: pointer;
  padding: 0 1px; }

.fr-height-auto {
  height: auto !important; }

.fr-file-loader {
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top: 4px solid #53777a;
  display: inline-block !important;
  /* Safari */
  animation: spin 2s linear infinite;
  width: 20px;
  height: 20px;
  display: block !important;
  align-items: center; }

.fr-trim-button {
  margin-top: 5px;
  height: 36px;
  line-height: 1;
  color: #0098f7;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  border-radius: 5px;
  background-color: #eff5fa;
  outline: none; }

.fr-trim-button:hover {
    background: #ebebeb; }

/* Safari */

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.fr-image-resizer {
  position: absolute;
  border: solid 1px #0098f7;
  display: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  box-sizing: content-box; }

.fr-image-resizer.fr-active {
    display: block; }

.fr-image-resizer .fr-handler {
    display: block;
    position: absolute;
    background: #0098f7;
    border: solid 1px #FFF;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 4;
    box-sizing: border-box; }

.fr-image-resizer .fr-handler.fr-hnw {
      cursor: nw-resize; }

.fr-image-resizer .fr-handler.fr-hne {
      cursor: ne-resize; }

.fr-image-resizer .fr-handler.fr-hsw {
      cursor: sw-resize; }

.fr-image-resizer .fr-handler.fr-hse {
      cursor: se-resize; }

.fr-image-resizer .fr-handler {
    width: 12px;
    height: 12px; }

.fr-image-resizer .fr-handler.fr-hnw {
      left: -6px;
      top: -6px; }

.fr-image-resizer .fr-handler.fr-hne {
      right: -6px;
      top: -6px; }

.fr-image-resizer .fr-handler.fr-hsw {
      left: -6px;
      bottom: -6px; }

.fr-image-resizer .fr-handler.fr-hse {
      right: -6px;
      bottom: -6px; }

@media (min-width: 1200px) {
    .fr-image-resizer .fr-handler {
      width: 10px;
      height: 10px; }
      .fr-image-resizer .fr-handler.fr-hnw {
        left: -5px;
        top: -5px; }
      .fr-image-resizer .fr-handler.fr-hne {
        right: -5px;
        top: -5px; }
      .fr-image-resizer .fr-handler.fr-hsw {
        left: -5px;
        bottom: -5px; }
      .fr-image-resizer .fr-handler.fr-hse {
        right: -5px;
        bottom: -5px; } }

.fr-image-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483640;
  display: none; }

.fr-by-url-padding {
  padding: 11.5px 0; }

.fr-popup .fr-upload-progress-layer {
  border-radius: 0;
  box-sizing: border-box;
  padding-left: 20px;
  padding-top: 15px;
  margin: auto !important;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100% !important;
  overscroll-behavior: contain; }

.fr-popup .fr-files-by-url-layer {
  width: calc(100% - 40px) !important; }

.fr-popup .fr-files-embed-layer {
  width: calc(100% - 40px) !important; }

.fr-popup .fr-files-upload-layer {
  border: dashed 2px #bdbdbd;
  margin: 20px;
  position: relative;
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 140%;
  text-align: center;
  width: calc(100% - 40px) !important; }

.fr-popup .fr-files-upload-layer:hover {
    background: #ebebeb; }

.fr-popup .fr-files-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7; }

.fr-popup .fr-files-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important; }

.fr-popup .fr-files-upload-layer .fr-form input {
      cursor: pointer;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 500%;
      height: 100%;
      margin: 0;
      font-size: 400px; }

.fr-popup .fr-files-progress-bar-layer {
  width: calc(100% - 40px);
  width: -moz-available;
  /* WebKit-based browsers will ignore this. */
  width: -webkit-stretch;
  /* Mozilla-based browsers will ignore this. */
  width: -webkit-fill-available;
  width: stretch; }

.fr-popup .fr-files-progress-bar-layer > h3 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: normal; }

.fr-popup .fr-files-progress-bar-layer > div.fr-action-buttons {
    display: none; }

.fr-popup .fr-files-progress-bar-layer > div.fr-loader {
    background: #b3e0fd;
    height: 10px;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    position: relative; }

.fr-popup .fr-files-progress-bar-layer > div.fr-loader span {
      display: block;
      height: 100%;
      width: 0%;
      background: #0098f7;
      -webkit-transition: width 0.2s ease 0s;
      -moz-transition: width 0.2s ease 0s;
      -ms-transition: width 0.2s ease 0s;
      -o-transition: width 0.2s ease 0s; }

.fr-popup .fr-files-progress-bar-layer > div.fr-loader.fr-indeterminate span {
      width: 30% !important;
      position: absolute;
      top: 0;
      animation: loading 2s linear infinite; }

.fr-popup .fr-files-progress-bar-layer.fr-error > div.fr-loader {
    display: none; }

.fr-popup .fr-files-progress-bar-layer.fr-error > div.fr-action-buttons {
    display: block; }

.fr-image-size-layer .fr-image-group .fr-input-line {
  width: calc(50% - 5px);
  display: inline-block; }

.fr-image-size-layer .fr-image-group .fr-input-line + .fr-input-line {
    margin-left: 10px; }

.fr-progress-bar-style {
  width: calc(100% - 40px); }

.fr-progress-bar {
  position: relative;
  background-color: #4CAF50;
  height: 8px;
  margin-bottom: 8px;
  margin-left: 20px;
  margin-right: 20px;
  width: 100%;
  width: -moz-available;
  /* WebKit-based browsers will ignore this. */
  width: -webkit-stretch;
  /* Mozilla-based browsers will ignore this. */
  width: -webkit-fill-available;
  width: stretch; }

.fr-uploading {
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

@keyframes loading {
  from {
    left: -25%; }
  to {
    left: 100%; } }

.fr-pull-left {
  float: left; }

.fr-pull-right {
  float: right; }

.fr-icons {
  padding: 10px 20px 0;
  display: inline; }

.fr-transform-135 {
  transform: rotate(135deg); }

.fr-icons i {
  margin: 4px;
  padding: 2px;
  cursor: pointer;
  color: #999588;
  font-size: 20px; }

.fr-blue-decorator {
  background: #4a7fba;
  color: white;
  display: grid;
  padding: 5px; }

.fr-upload-progress {
  padding: 1px; }

.fr-upload-section {
  position: relative;
  width: 100%;
  width: -moz-available;
  /* WebKit-based browsers will ignore this. */
  width: -webkit-stretch;
  /* Mozilla-based browsers will ignore this. */
  width: -webkit-fill-available;
  width: stretch; }

@media screen and (max-width: 399px) {
  .fr-upload-section {
    margin-left: 7px;
    margin-right: 7px; }

  .fr-files-upload-layer {
    padding-top: 7px;
    padding-bottom: 7px; } }

@media screen and (min-width: 400px) and (max-width: 469px) {
  .fr-upload-section {
    margin-left: 7px;
    margin-right: 7px; }

  .fr-files-upload-layer {
    padding-top: 7px;
    padding-bottom: 7px; } }

@media screen and (min-width: 470px) and (max-width: 680px) {
  .fr-upload-section {
    margin-left: 7px;
    margin-right: 7px; }

  .fr-files-upload-layer {
    padding-top: 7px;
    padding-bottom: 7px; } }

@media screen and (min-width: 681px) {
  .fr-upload-section {
    margin-left: 35px;
    margin-right: 35px; }

  .fr-files-upload-layer {
    padding-top: 20px;
    padding-bottom: 20px; } }

.fr-half-circle {
  width: 60px;
  height: 25px;
  background-color: white;
  border-top-left-radius: 110px;
  border-top-right-radius: 110px;
  transform: rotate(180deg);
  border-bottom: 0;
  position: relative;
  left: 50%;
  z-index: 1;
  left: 50%;
  margin-top: -1px;
  margin-left: -25px; }

/* headlines with lines */

.fr-decorated {
  overflow: hidden;
  text-align: center; }

.fr-decorated > span {
  position: relative;
  display: inline-block; }

.fr-decorated > span:before, .fr-decorated > span:after {
  content: '';
  position: absolute;
  top: 50%;
  border-bottom: 2px solid #ffffff;
  width: 100%;
  /* half of limiter*/
  margin: 0 20px; }

.fr-decorated > span:before {
  right: 100%; }

.fr-decorated > span:after {
  left: 100%; }

.fr-align-right {
  float: right; }

/* The checkbox-container */

.fr-checkbox-container {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 13px;
  -webkit-user-select: none;
  user-select: none; }

.fr-files-checkbox-line {
  display: flex;
  align-items: center;
  font-size: 10px; }

.fr-files-checkbox-line label {
    cursor: pointer;
    vertical-align: middle; }

.fr-insert-checkbox input {
  height: 13px !important;
  width: 13px !important; }

.fr-autoplay-checkbox input {
  height: 13px !important;
  width: 13px !important; }

button[data-cmd="insertFiles"] {
  padding-left: 2px !important;
  padding-top: 2.7px !important; }

button[data-cmd="autoplay"] svg {
  position: relative !important;
  top: 3.2px !important; }

button[data-cmd="insertAll"] {
  padding-left: 4px !important; }

button[data-cmd="insertAll"] svg {
    position: relative !important;
    top: 3.2px !important; }

/* Hide the browser's default checkbox */

.fr-checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */

.fr-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #eee; }

.fr-file-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 7px;
  flex-wrap: wrap;
  position: relative;
  top: -20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 7px; }

.fr-file-item-left {
  display: flex;
  flex-wrap: wrap; }

.fr-file-item-icon {
  display: flex;
  align-items: center;
  padding-left: 7px; }

.fr-file-item-description {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  max-width: 400px;
  margin-left: 5px; }

.fr-cloud-icon {
  height: 30px;
  width: 32px;
  background-color: white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  position: relative;
  margin: 0 auto;
  margin-top: -18px; }

.fr-files-checkbox {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 13px;
  padding-right: 5px;
  border-radius: 100%;
  line-height: 1;
  box-sizing: content-box;
  vertical-align: middle; }

.fr-files-checkbox svg {
    margin-left: 0px;
    margin-top: 0px;
    display: none;
    width: 10px;
    height: 10px; }

.fr-files-checkbox span {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
    -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; }

.fr-files-checkbox input {
    position: absolute;
    z-index: 2;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border: 0 none;
    cursor: pointer;
    height: 18px;
    margin: 0;
    padding: 0;
    width: 18px; }

.fr-files-checkbox input:not(:checked) + span {
      border: solid 2px #999999; }

.fr-files-checkbox input:not(:checked):active + span {
      background-color: #f5f5f5; }

.fr-files-checkbox input:not(:checked):focus + span, .fr-files-checkbox input:not(:checked):hover + span {
      border-color: #515151; }

.fr-files-checkbox input:checked + span {
      background: #0098f7;
      border: solid 2px #0098f7; }

.fr-files-checkbox input:checked + span svg {
        display: block; }

.fr-files-checkbox input:checked:active + span {
      background-color: #EcF5Ff; }

.fr-files-checkbox input:checked:focus + span, .fr-files-checkbox input:checked:hover + span {
      -webkit-opacity: 0.8;
      -moz-opacity: 0.8;
      opacity: 0.8;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.fr-checkbox-disabled {
  opacity: 0.4;
  position: relative;
  display: inline-block;
  width: 13px !important;
  height: 13px !important;
  padding-right: 5px;
  border-radius: 100%;
  line-height: 1;
  box-sizing: content-box;
  vertical-align: middle; }

.fr-checkbox-disabled svg {
    margin-left: 2px;
    margin-top: 2px;
    display: none;
    width: 10px;
    height: 10px; }

.fr-checkbox-disabled span {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
    -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; }

.fr-checkbox-disabled input {
    position: absolute;
    z-index: 2;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border: 0 none;
    cursor: default;
    height: 13px !important;
    margin: 0;
    padding: 0;
    width: 13px !important;
    top: 7px;
    left: 7px; }

.fr-checkbox-disabled input:not(:checked) + span {
      border: solid 2px #999999; }

.fr-checkbox-disabled input:not(:checked):active + span {
      background-color: #f5f5f5; }

.fr-checkbox-disabled input:checked + span {
      background: #0098f7;
      border: solid 2px #0098f7; }

.fr-checkbox-disabled input:checked + span svg {
        display: block; }

.fr-checkbox-disabled input:checked:active + span {
      background-color: #EcF5Ff; }

.fr-file-view {
  position: absolute;
  max-width: 60%;
  right: 10%;
  z-index: 2147483642; }

.fr-file-item-thumbnail-hover {
  transition: transform .2s; }

.fr-file-item-thumbnail-hover:hover {
  transform: scale(1.3); }

.fr-file-name {
  padding-top: 5px;
  font-size: 12px;
  font-weight: bold; }

.fr-margin-16 {
  margin-bottom: 16px; }

.fr-none {
  display: none; }

.fr-display-block {
  display: block; }

.fr-files-manager-tooltip {
  position: relative; }

.padding-top-15 {
  padding-top: 15px !important;
  padding-bottom: 0px !important; }

/* Tooltip text */

.fr-files-manager-tooltip .tooltiptext {
  visibility: hidden;
  width: max-content;
  max-width: 250px;
  word-break: break-word;
  word-wrap: break-word;
  background-color: black;
  color: #fff;
  text-align: left;
  padding: 4px;
  border-radius: 2px;
  /* Position the tooltip text - see examples below! */
  font-weight: 100;
  font-size: 10px;
  position: absolute;
  top: 80%;
  left: 50%;
  z-index: 2147483647; }

/* Show the tooltip text when you mouse over the tooltip container */

.fr-files-manager-tooltip:hover .tooltiptext {
  visibility: visible; }

.fr-file-details {
  display: flex;
  flex-wrap: wrap;
  font-size: 10px; }

.fr-file-date {
  word-break: break-word;
  word-wrap: break-word;
  max-width: 110px;
  color: #444;
  padding-top: 2px;
  padding-bottom: 2px; }

.fr-file-size {
  color: #444;
  padding-top: 2px;
  padding-bottom: 2px; }

.dot {
  width: 20px;
  height: 20px;
  background-image: radial-gradient(circle, grey 1px, transparent 2px);
  background-size: 100% 33.33%;
  margin-left: 2px;
  margin-right: 2px; }

.fr-file-action-icons {
  margin-right: 5px;
  margin-left: 5px !important;
  color: #999;
  height: 25px !important;
  padding: 5px !important; }

@media screen and (max-width: 700px) {
  .fr-files-manager-tooltip .tooltiptext {
    max-width: 250px;
    visibility: hidden;
    word-break: break-word;
    word-wrap: break-word;
    top: 90%;
    left: 0%;
    font-size: 8px; } }

@media screen and (max-width: 500px) {
  .fr-files-manager-tooltip .tooltiptext {
    max-width: 100px;
    visibility: hidden;
    word-break: break-word;
    word-wrap: break-word;
    top: 90%;
    left: 0%; }

  .fr-file-item-description {
    width: 130px; }

  .fr-file-item-right {
    width: 100%; }

  .progress-circle {
    font-size: 6px; } }

@media screen and (max-width: 320px) {
  .fr-files-manager-tooltip .tooltiptext {
    max-width: 100px;
    visibility: hidden;
    word-break: break-word;
    word-wrap: break-word;
    top: 90%;
    left: -50%;
    font-size: 8px; }

  .dot {
    width: 20px;
    margin-left: 0px;
    margin-right: 3px; }

  .fr-file-item-description {
    width: 80px; }

  .fr-file-details {
    display: flex;
    flex-wrap: wrap;
    font-size: 9px; }

  .fr-file-name {
    font-size: 10px; }

  .fr-file-action-icons {
    padding: 0px !important; } }

@media screen and (min-width: 501px) {
  .progress-circle {
    font-size: 9px; } }

.fr-file-view-modal {
  display: block;
  position: fixed;
  position: -ms-page;
  /* For IE */
  z-index: 2147483641;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.7); }

.fr-file-view-modal-content {
  display: inline-block;
  text-align: center; }

.fr-file-view-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 80%;
  max-height: 70%; }

.fr-file-view-close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s; }

.fr-file-view-close:hover,
.fr-file-view-close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer; }

.fr-file-error {
  color: red;
  font-weight: 200;
  font-size: 12px;
  padding-bottom: 5px; }

.fr-file-error-h5 {
  margin: 0; }

.fr-file-item-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 20px; }

.fr-file-item-action-buttons {
  display: flex;
  align-items: center;
  justify-content: space-around; }

.fr-file-item-autoplay-checkbox {
  align-items: center;
  margin: 0px;
  padding: 0px;
  margin-right: 5px; }

.fr-autoplay-checkbox-label {
  margin: 0;
  cursor: default !important; }

/* On mouse-over, add a grey background color */

.fr-checkbox-container:hover input ~ .fr-checkmark {
  background-color: #ccc; }

/* When the checkbox is checked, add a blue background */

.fr-checkbox-container input:checked ~ .fr-checkmark {
  background-color: #2196F3; }

/* Create the checkmark/indicator (hidden when not checked) */

.fr-checkmark:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */

.fr-checkbox-container input:checked ~ .fr-checkmark:after {
  display: block; }

/* Style the checkmark/indicator */

.fr-container .fr-checkmark:after {
  left: 5px;
  top: 2px;
  width: 3px;
  height: 7px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg); }

.fr-file-item-details .file-name {
  font-weight: bold;
  display: inline; }

.fr-file-item-details .file-description {
  font-weight: 300;
  font-size: 11px;
  display: inline; }

.fr-width-10 {
  width: 10%;
  display: inline-block; }

.fr-width-20 {
  width: 20%;
  display: inline-block; }

.fr-width-30 {
  width: 30%;
  display: inline-block; }

.fr-width-40 {
  width: 40%;
  display: inline-block; }

.fr-width-50 {
  width: 50%;
  display: inline-block; }

.fr-width-60 {
  width: 60%;
  display: inline-block; }

.fr-width-100 {
  width: 100%;
  display: inline-block; }

.fr-width-80 {
  width: 80%;
  display: inline-block; }

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

.fr-width-85 {
  width: 85%;
  display: inline-block; }

.fr-width-5 {
  width: 5%;
  display: inline-block; }

.fr-width-7 {
  width: 7%;
  display: inline-block; }

.fr-img-icon {
  color: #aaaaaa;
  font-size: 16px;
  padding: 0px 4px; }

.fr-position-content {
  position: relative;
  top: 10px; }

.file-error {
  color: red; }

#myprogressBar {
  width: 10%;
  height: 5px;
  background-color: #4CAF50;
  position: relative;
  top: -30px; }

.fr-files-manager {
  z-index: 2147483641 !important; }

.progress-circle {
  margin: 0px;
  margin-left: 10px;
  position: relative;
  padding: 0;
  width: 5em;
  height: 5.1em;
  background-color: #f2e9e1;
  border-radius: 50%;
  line-height: 5em; }

.progress-circle:after {
    border: none;
    position: absolute;
    top: 0.35em;
    left: 0.35em;
    text-align: center;
    display: block;
    border-radius: 50%;
    width: 4.3em;
    height: 4.3em;
    background-color: white;
    content: " "; }

.progress-circle span {
    position: absolute;
    line-height: 5em;
    width: 5em;
    text-align: center;
    display: block;
    color: #53777a;
    z-index: 2; }

.progress-circle.over50 .left-half-clipper {
    clip: rect(auto, auto, auto, auto); }

.progress-circle.over50 .first50-bar {
    position: absolute;
    clip: rect(0, 5em, 5em, 2.5em);
    background-color: #53777a;
    border-radius: 50%;
    width: 5em;
    height: 5em; }

.progress-circle:not(.over50) .first50-bar {
    display: none; }

.progress-circle.p0 .value-bar {
    display: none; }

.progress-circle.p1 .value-bar {
    transform: rotate(4deg); }

.progress-circle.p2 .value-bar {
    transform: rotate(7deg); }

.progress-circle.p3 .value-bar {
    transform: rotate(11deg); }

.progress-circle.p4 .value-bar {
    transform: rotate(14deg); }

.progress-circle.p5 .value-bar {
    transform: rotate(18deg); }

.progress-circle.p6 .value-bar {
    transform: rotate(22deg); }

.progress-circle.p7 .value-bar {
    transform: rotate(25deg); }

.progress-circle.p8 .value-bar {
    transform: rotate(29deg); }

.progress-circle.p9 .value-bar {
    transform: rotate(32deg); }

.progress-circle.p10 .value-bar {
    transform: rotate(36deg); }

.progress-circle.p11 .value-bar {
    transform: rotate(40deg); }

.progress-circle.p12 .value-bar {
    transform: rotate(43deg); }

.progress-circle.p13 .value-bar {
    transform: rotate(47deg); }

.progress-circle.p14 .value-bar {
    transform: rotate(50deg); }

.progress-circle.p15 .value-bar {
    transform: rotate(54deg); }

.progress-circle.p16 .value-bar {
    transform: rotate(58deg); }

.progress-circle.p17 .value-bar {
    transform: rotate(61deg); }

.progress-circle.p18 .value-bar {
    transform: rotate(65deg); }

.progress-circle.p19 .value-bar {
    transform: rotate(68deg); }

.progress-circle.p20 .value-bar {
    transform: rotate(72deg); }

.progress-circle.p21 .value-bar {
    transform: rotate(76deg); }

.progress-circle.p22 .value-bar {
    transform: rotate(79deg); }

.progress-circle.p23 .value-bar {
    transform: rotate(83deg); }

.progress-circle.p24 .value-bar {
    transform: rotate(86deg); }

.progress-circle.p25 .value-bar {
    transform: rotate(90deg); }

.progress-circle.p26 .value-bar {
    transform: rotate(94deg); }

.progress-circle.p27 .value-bar {
    transform: rotate(97deg); }

.progress-circle.p28 .value-bar {
    transform: rotate(101deg); }

.progress-circle.p29 .value-bar {
    transform: rotate(104deg); }

.progress-circle.p30 .value-bar {
    transform: rotate(108deg); }

.progress-circle.p31 .value-bar {
    transform: rotate(112deg); }

.progress-circle.p32 .value-bar {
    transform: rotate(115deg); }

.progress-circle.p33 .value-bar {
    transform: rotate(119deg); }

.progress-circle.p34 .value-bar {
    transform: rotate(122deg); }

.progress-circle.p35 .value-bar {
    transform: rotate(126deg); }

.progress-circle.p36 .value-bar {
    transform: rotate(130deg); }

.progress-circle.p37 .value-bar {
    transform: rotate(133deg); }

.progress-circle.p38 .value-bar {
    transform: rotate(137deg); }

.progress-circle.p39 .value-bar {
    transform: rotate(140deg); }

.progress-circle.p40 .value-bar {
    transform: rotate(144deg); }

.progress-circle.p41 .value-bar {
    transform: rotate(148deg); }

.progress-circle.p42 .value-bar {
    transform: rotate(151deg); }

.progress-circle.p43 .value-bar {
    transform: rotate(155deg); }

.progress-circle.p44 .value-bar {
    transform: rotate(158deg); }

.progress-circle.p45 .value-bar {
    transform: rotate(162deg); }

.progress-circle.p46 .value-bar {
    transform: rotate(166deg); }

.progress-circle.p47 .value-bar {
    transform: rotate(169deg); }

.progress-circle.p48 .value-bar {
    transform: rotate(173deg); }

.progress-circle.p49 .value-bar {
    transform: rotate(176deg); }

.progress-circle.p50 .value-bar {
    transform: rotate(180deg); }

.progress-circle.p51 .value-bar {
    transform: rotate(184deg); }

.progress-circle.p52 .value-bar {
    transform: rotate(187deg); }

.progress-circle.p53 .value-bar {
    transform: rotate(191deg); }

.progress-circle.p54 .value-bar {
    transform: rotate(194deg); }

.progress-circle.p55 .value-bar {
    transform: rotate(198deg); }

.progress-circle.p56 .value-bar {
    transform: rotate(202deg); }

.progress-circle.p57 .value-bar {
    transform: rotate(205deg); }

.progress-circle.p58 .value-bar {
    transform: rotate(209deg); }

.progress-circle.p59 .value-bar {
    transform: rotate(212deg); }

.progress-circle.p60 .value-bar {
    transform: rotate(216deg); }

.progress-circle.p61 .value-bar {
    transform: rotate(220deg); }

.progress-circle.p62 .value-bar {
    transform: rotate(223deg); }

.progress-circle.p63 .value-bar {
    transform: rotate(227deg); }

.progress-circle.p64 .value-bar {
    transform: rotate(230deg); }

.progress-circle.p65 .value-bar {
    transform: rotate(234deg); }

.progress-circle.p66 .value-bar {
    transform: rotate(238deg); }

.progress-circle.p67 .value-bar {
    transform: rotate(241deg); }

.progress-circle.p68 .value-bar {
    transform: rotate(245deg); }

.progress-circle.p69 .value-bar {
    transform: rotate(248deg); }

.progress-circle.p70 .value-bar {
    transform: rotate(252deg); }

.progress-circle.p71 .value-bar {
    transform: rotate(256deg); }

.progress-circle.p72 .value-bar {
    transform: rotate(259deg); }

.progress-circle.p73 .value-bar {
    transform: rotate(263deg); }

.progress-circle.p74 .value-bar {
    transform: rotate(266deg); }

.progress-circle.p75 .value-bar {
    transform: rotate(270deg); }

.progress-circle.p76 .value-bar {
    transform: rotate(274deg); }

.progress-circle.p77 .value-bar {
    transform: rotate(277deg); }

.progress-circle.p78 .value-bar {
    transform: rotate(281deg); }

.progress-circle.p79 .value-bar {
    transform: rotate(284deg); }

.progress-circle.p80 .value-bar {
    transform: rotate(288deg); }

.progress-circle.p81 .value-bar {
    transform: rotate(292deg); }

.progress-circle.p82 .value-bar {
    transform: rotate(295deg); }

.progress-circle.p83 .value-bar {
    transform: rotate(299deg); }

.progress-circle.p84 .value-bar {
    transform: rotate(302deg); }

.progress-circle.p85 .value-bar {
    transform: rotate(306deg); }

.progress-circle.p86 .value-bar {
    transform: rotate(310deg); }

.progress-circle.p87 .value-bar {
    transform: rotate(313deg); }

.progress-circle.p88 .value-bar {
    transform: rotate(317deg); }

.progress-circle.p89 .value-bar {
    transform: rotate(320deg); }

.progress-circle.p90 .value-bar {
    transform: rotate(324deg); }

.progress-circle.p91 .value-bar {
    transform: rotate(328deg); }

.progress-circle.p92 .value-bar {
    transform: rotate(331deg); }

.progress-circle.p93 .value-bar {
    transform: rotate(335deg); }

.progress-circle.p94 .value-bar {
    transform: rotate(338deg); }

.progress-circle.p95 .value-bar {
    transform: rotate(342deg); }

.progress-circle.p96 .value-bar {
    transform: rotate(346deg); }

.progress-circle.p97 .value-bar {
    transform: rotate(349deg); }

.progress-circle.p98 .value-bar {
    transform: rotate(353deg); }

.progress-circle.p99 .value-bar {
    transform: rotate(356deg); }

.progress-circle.p100 .value-bar {
    transform: rotate(360deg); }

.left-half-clipper {
  border-radius: 50%;
  width: 5em;
  height: 5em;
  position: absolute;
  clip: rect(0, 5em, 5em, 2.5em); }

.value-bar {
  position: absolute;
  clip: rect(0, 2.5em, 5em, 0);
  width: 5em;
  height: 5em;
  border-radius: 50%;
  border: 0.45em solid #53777a;
  box-sizing: border-box; }

.align-autoplay {
  align-items: flex-end;
  margin-right: 7px; }

.fr-hovered-over-file {
  background-color: #F0F0F0; }

.fr-thumbnail-padding {
  padding-right: 4px; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

body.fr-fullscreen {
  overflow: hidden;
  height: 100%;
  width: 100%;
  position: fixed; }

.fr-box.fr-fullscreen {
  margin: 0 !important;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483630 !important;
  width: auto !important; }

.fr-box.fr-fullscreen .fr-wrapper {
    background-color: #FFF; }

.fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }

.fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }

.fr-box.fr-fullscreen .fr-toolbar {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }

.fr-box.fr-fullscreen .fr-toolbar.fr-top {
      top: 0 !important; }

.fr-box.fr-fullscreen .fr-toolbar.fr-bottom {
      bottom: 0 !important; }

.fr-box.fr-fullscreen .fr-second-toolbar {
    margin-top: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }

.fr-fullscreen-wrapper {
  z-index: 2147483640 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal {
  text-align: left;
  padding: 20px 20px 10px; }

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table {
    border-collapse: collapse;
    font-size: 14px;
    line-height: 1.5;
    width: 100%; }

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table + table {
      margin-top: 20px; }

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
      border: 0; }

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th {
      text-align: left; }

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th, .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td {
      padding: 6px 0 4px; }

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
      border-bottom: solid 1px #ebebeb; }

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
      width: 60%;
      color: #646464; }

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2) {
      letter-spacing: 0.5px; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-element img {
  cursor: pointer;
  padding: 0 1px; }

.fr-image-resizer {
  position: absolute;
  border: solid 1px #0098f7;
  display: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  box-sizing: content-box; }

.fr-image-resizer.fr-active {
    display: block; }

.fr-image-resizer .fr-handler {
    display: block;
    position: absolute;
    background: #0098f7;
    border: solid 1px #FFF;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 4;
    box-sizing: border-box; }

.fr-image-resizer .fr-handler.fr-hnw {
      cursor: nw-resize; }

.fr-image-resizer .fr-handler.fr-hne {
      cursor: ne-resize; }

.fr-image-resizer .fr-handler.fr-hsw {
      cursor: sw-resize; }

.fr-image-resizer .fr-handler.fr-hse {
      cursor: se-resize; }

.fr-image-resizer .fr-handler {
    width: 12px;
    height: 12px; }

.fr-image-resizer .fr-handler.fr-hnw {
      left: -6px;
      top: -6px; }

.fr-image-resizer .fr-handler.fr-hne {
      right: -6px;
      top: -6px; }

.fr-image-resizer .fr-handler.fr-hsw {
      left: -6px;
      bottom: -6px; }

.fr-image-resizer .fr-handler.fr-hse {
      right: -6px;
      bottom: -6px; }

@media (min-width: 1200px) {
    .fr-image-resizer .fr-handler {
      width: 10px;
      height: 10px; }
      .fr-image-resizer .fr-handler.fr-hnw {
        left: -5px;
        top: -5px; }
      .fr-image-resizer .fr-handler.fr-hne {
        right: -5px;
        top: -5px; }
      .fr-image-resizer .fr-handler.fr-hsw {
        left: -5px;
        bottom: -5px; }
      .fr-image-resizer .fr-handler.fr-hse {
        right: -5px;
        bottom: -5px; } }

.fr-image-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483640;
  display: none; }

.fr-popup .fr-image-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
  margin: 20px;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 140%;
  text-align: center; }

.fr-popup .fr-image-upload-layer:hover {
    background: #ebebeb; }

.fr-popup .fr-image-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7; }

.fr-popup .fr-image-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important; }

.fr-popup .fr-image-upload-layer .fr-form input {
      cursor: pointer;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 500%;
      height: 100%;
      margin: 0;
      font-size: 400px; }

.fr-popup .fr-image-progress-bar-layer > h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: normal; }

.fr-popup .fr-image-progress-bar-layer > div.fr-action-buttons {
  display: none; }

.fr-popup .fr-image-progress-bar-layer > div.fr-loader {
  background: #b3e0fd;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative; }

.fr-popup .fr-image-progress-bar-layer > div.fr-loader span {
    display: block;
    height: 100%;
    width: 0%;
    background: #0098f7;
    -webkit-transition: width 0.2s ease 0s;
    -moz-transition: width 0.2s ease 0s;
    -ms-transition: width 0.2s ease 0s;
    -o-transition: width 0.2s ease 0s; }

.fr-popup .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span {
    width: 30% !important;
    position: absolute;
    top: 0;
    animation: loading 2s linear infinite; }

.fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-loader {
  display: none; }

.fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block; }

.fr-image-size-layer .fr-image-group .fr-input-line {
  width: calc(50% - 5px);
  display: inline-block; }

.fr-image-size-layer .fr-image-group .fr-input-line + .fr-input-line {
    margin-left: 10px; }

.fr-uploading {
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

@keyframes loading {
  from {
    left: -25%; }
  to {
    left: 100%; } }

img.fr-draggable {
  -webkit-user-select: none;
          user-select: none; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-modal .fr-modal-head .fr-modal-head-line::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more {
  margin-top: 10px; }

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available {
    opacity: 0;
    width: 0;
    padding: 12px 0; }

.fr-modal .fr-modal-head .fr-modal-tags {
  padding: 0 20px;
  display: none;
  text-align: left; }

.fr-modal .fr-modal-head .fr-modal-tags a {
    display: inline-block;
    opacity: 0;
    padding: 6px 12px;
    margin: 8px 0 8px 8px;
    text-decoration: none;
    border-radius: 32px;
    -moz-border-radius: 32px;
    -webkit-border-radius: 32px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
    -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
    -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
    -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
    cursor: pointer;
    background-color: #f5f5f5; }

.fr-modal .fr-modal-head .fr-modal-tags a:focus {
      outline: none;
      background-color: #ebebeb; }

.fr-modal .fr-modal-head .fr-modal-tags a:hover {
      background-color: #ebebeb; }

.fr-modal .fr-modal-head .fr-modal-tags a:active {
      background-color: #d6d6d6; }

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag {
      background-color: #EcF5Ff;
      color: #0098f7; }

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus {
        outline: none;
        background-color: #ebebeb; }

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover {
        background-color: #ebebeb; }

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active {
        background-color: #d6d6d6; }

.fr-show-tags .fr-modal-more svg path {
  fill: #0098f7; }

div.fr-modal-body {
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s; }

div.fr-modal-body .fr-preloader {
    display: block;
    margin: 50px auto; }

div.fr-modal-body div.fr-image-list {
    text-align: center;
    margin: 0 20px;
    padding: 0; }

div.fr-modal-body div.fr-image-list .fr-list-column {
      float: left;
      width: calc((100% - 20px) / 2); }

@media (min-width: 768px) and (max-width: 1199px) {
        div.fr-modal-body div.fr-image-list .fr-list-column {
          width: calc((100% - 40px) / 3); } }

@media (min-width: 1200px) {
        div.fr-modal-body div.fr-image-list .fr-list-column {
          width: calc((100% - 60px) / 4); } }

div.fr-modal-body div.fr-image-list .fr-list-column + .fr-list-column {
        margin-left: 20px; }

div.fr-modal-body div.fr-image-list div.fr-image-container {
      position: relative;
      width: 100%;
      display: block;
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      overflow: hidden; }

div.fr-modal-body div.fr-image-list div.fr-image-container:first-child {
        margin-top: 20px; }

div.fr-modal-body div.fr-image-list div.fr-image-container + div {
        margin-top: 20px; }

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after {
        position: absolute;
        -webkit-opacity: 0.5;
        -moz-opacity: 0.5;
        opacity: 0.5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transition: opacity 0.2s ease 0s;
        -moz-transition: opacity 0.2s ease 0s;
        -ms-transition: opacity 0.2s ease 0s;
        -o-transition: opacity 0.2s ease 0s;
        background: #000;
        content: "";
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 2; }

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before {
        content: attr(data-deleting);
        color: #FFF;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        position: absolute;
        z-index: 3;
        font-size: 15px;
        height: 20px; }

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
        height: 95px;
        background: #CCCCCC;
        z-index: 1; }

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after {
          position: absolute;
          margin: auto;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          content: attr(data-loading);
          display: inline-block;
          height: 20px; }

div.fr-modal-body div.fr-image-list div.fr-image-container img {
        width: 100%;
        vertical-align: middle;
        position: relative;
        z-index: 2;
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
        -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
        -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
        -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0); }

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img {
        -webkit-opacity: 0.75;
        -moz-opacity: 0.75;
        opacity: 0.75;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img, div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img {
        display: inline-block; }

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img, div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
        display: none;
        top: 50%;
        border-radius: 100%;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s;
        -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s;
        -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s;
        -o-transition: background 0.2s ease 0s, color 0.2s ease 0s;
        box-sizing: border-box;
        position: absolute;
        cursor: pointer;
        margin: 0;
        line-height: 40px;
        text-decoration: none;
        z-index: 3; }

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
        background: #B8312F;
        fill: #FFF;
        padding: 8px;
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(25%);
        -moz-transform: translateY(-50%) translateX(25%);
        -ms-transform: translateY(-50%) translateX(25%);
        -o-transform: translateY(-50%) translateX(25%); }

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
        background: #FFF;
        fill: #0098f7;
        padding: 8px;
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(-125%);
        -moz-transform: translateY(-50%) translateX(-125%);
        -ms-transform: translateY(-50%) translateX(-125%);
        -o-transform: translateY(-50%) translateX(-125%); }

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img {
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img, .fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img {
  display: inline-block;
  width: 40px;
  height: 40px; }

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
  background: #bf4644;
  color: #FFF; }

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
  background: #ebebeb; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-line-breaker {
  cursor: text;
  border-top: 1px solid #0098f7;
  position: fixed;
  z-index: 2;
  display: none; }

.fr-line-breaker.fr-visible {
    display: block; }

.fr-line-breaker a.fr-floating-btn {
    position: absolute;
    left: calc(50% - (40px / 2));
    top: -20px; }

.fr-line-breaker a.fr-floating-btn svg {
      margin: 8px;
      height: 24px;
      width: 24px; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-wrapper-markdown {
  display: flex; }

.fr-markdown-view {
  width: calc(52% - 1px);
  box-sizing: inherit; }

.fr-markdown-editor {
  width: calc(48% - 1px);
  box-sizing: inherit;
  background-color: #eee; }

.fr-markdown-editor > p {
  margin: 0; }

.fr-markdown-view > p {
  margin-top: 0; }

.gutter-horizontal {
  display: flex;
  z-index: 9;
  background-color: #dadada;
  cursor: col-resize;
  width: 2px; }

.e-resize-handler {
  z-index: 9;
  width: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  position: relative;
  font-size: 10px;
  color: #c5c5c5; }

.fr-markdown-view > dl {
  margin-top: 0;
  margin-bottom: 1rem; }

.fr-markdown-view > dt {
  font-weight: 700; }

.fr-markdown-view > dd {
  margin-bottom: .5rem;
  margin-left: 0; }

.fr-markdown-view > pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  background-color: #f8f8f8;
  border: 1px solid #dfdfdf;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  padding: 0.125rem 0.3125rem 0.0625rem; }

.fr-markdown-view > code {
  background-color: #f8f8f8;
  border-color: #dfdfdf;
  border-style: solid;
  border-width: 1px;
  color: #333;
  font-family: Consolas,"Liberation Mono",Courier,monospace;
  font-weight: normal;
  padding: 0.125rem 0.3125rem 0.0625rem; }

.fr-markdown-view > pre code {
  background-color: transparent;
  border: 0;
  padding: 0; }

.fr-markdown-view > sup {
  top: -.5em; }

.footnote-a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent; }

.fr-markdown-view > hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

.blockquote {
  margin: 0 0 1rem;
  border-left: 5px solid #eee;
  padding: 10px 20px;
  font-size: 1.25rem; }

.fr-markdown-view > table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  background-color: transparent;
  border-spacing: 0;
  border-collapse: collapse; }

.fr-markdown-view > table > tbody > tr > td,
.fr-markdown-view > table > tbody > tr > th,
.fr-markdown-view > table > thead > tr > td,
.fr-markdown-view > table > thead > tr > th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border: 1px solid #ddd; }

.fr-markdown-view > table > thead > tr > td,
.fr-markdown-view > table > thead > tr > th {
  border-bottom-width: 2px; }

.fr-markdown-view > table > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9; }

.fr-markdown-view > a {
  color: #337ab7;
  text-decoration: none; }

.fr-markdown-view > h1 {
  font-size: 2em !important; }

.fr-markdown-view > h2 {
  font-size: 1.5em !important; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-quick-insert {
  position: absolute;
  z-index: 2147483639;
  white-space: nowrap;
  padding-right: 10px;
  box-sizing: content-box; }

.fr-quick-insert a.fr-floating-btn svg {
    margin: 8px;
    width: 24px;
    height: 24px; }

.fr-quick-insert.fr-on a.fr-floating-btn svg {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg); }

.fr-quick-insert.fr-hidden {
    display: none; }

.fr-qi-helper {
  position: absolute;
  z-index: 3;
  padding-left: 20px;
  white-space: nowrap; }

.fr-qi-helper a.fr-btn.fr-floating-btn {
    text-align: center;
    padding: 6px 10px 10px 10px;
    display: inline-block;
    color: #222222;
    background: #FFF;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0); }

.fr-qi-helper a.fr-btn.fr-floating-btn svg {
      fill: #222222; }

.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 {
      -webkit-opacity: 1;
      -moz-opacity: 1;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1); }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category {
  padding: 10px 15px; }

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category span {
    font-weight: normal;
    font-size: 16px; }

.fr-popup .fr-special-character {
  width: 24px;
  height: 24px; }

@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
  .fr-popup .fr-icon-container.fr-sc-container {
    width: 368px; } }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-element table td.fr-selected-cell, .fr-element table th.fr-selected-cell {
  border: 1px double #0098f7; }

.fr-element table td, .fr-element table th {
  user-select: text;
  -o-user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text; }

.fr-element .fr-no-selection table td, .fr-element .fr-no-selection table th {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.fr-table-resizer {
  cursor: col-resize;
  position: absolute;
  z-index: 3;
  display: none; }

.fr-table-resizer.fr-moving {
    z-index: 2; }

.fr-table-resizer div {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-right: 1px solid #0098f7; }

.fr-no-selection {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.fr-popup .fr-table-size {
  margin: 20px; }

.fr-popup .fr-table-size .fr-table-size-info {
    text-align: center;
    font-size: 14px; }

.fr-popup .fr-table-size .fr-select-table-size {
    line-height: 0;
    padding: 5px;
    white-space: nowrap; }

.fr-popup .fr-table-size .fr-select-table-size > span {
      display: inline-block;
      padding: 0 4px 4px 0;
      background: transparent; }

.fr-popup .fr-table-size .fr-select-table-size > span > span {
        display: inline-block;
        width: 18px;
        height: 18px;
        border: 1px solid #DDD; }

.fr-popup .fr-table-size .fr-select-table-size > span.hover {
        background: transparent; }

.fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
          background: rgba(0, 152, 247, 0.3);
          border: solid 1px #0098f7; }

.fr-popup .fr-table-size .fr-select-table-size .new-line::after {
      clear: both;
      display: block;
      content: "";
      height: 0; }

.fr-popup.fr-above .fr-table-size .fr-select-table-size > span {
  display: inline-block !important; }

.fr-popup .fr-table-colors {
  display: block;
  padding: 20px;
  padding-bottom: 0; }

.fr-popup.fr-desktop .fr-table-size .fr-select-table-size > span > span {
  width: 12px;
  height: 12px; }

.fr-insert-helper {
  position: absolute;
  z-index: 9999;
  white-space: nowrap; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

#fr-form-container {
  margin: auto;
  position: relative;
  top: 10%;
  background-color: #f5f5f5;
  width: 60%;
  border-radius: 5px;
  z-index: 9002;
  overflow: auto;
  background-color: #fefefe; }

.fr-trim-video-name {
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 15px; }

.fr-file-loader {
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top: 4px solid #53777a;
  display: inline-block !important;
  /* Safari */
  animation: spin 2s linear infinite;
  width: 20px;
  height: 20px;
  display: block !important;
  align-items: center; }

.fr-trim-button {
  margin-top: 5px;
  height: 36px;
  line-height: 1;
  color: #0098f7;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  border-radius: 5px;
  background-color: #eff5fa;
  outline: none; }

.fr-trim-button:hover {
    background: #ebebeb; }

/* Safari */

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.fr-slidecontainer {
  width: 100%; }

.fr-slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  background: #d3d3d3; }

.fr-video-trim-buttons {
  text-align: right;
  padding-bottom: 5px;
  padding-right: 15px;
  margin-top: 10px; }

.fr-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  cursor: pointer; }

.fr-slider::-moz-range-thumb {
  width: 15px;
  height: 15px;
  background: #3498db;
  border-radius: 50%;
  cursor: pointer; }

.fr-range-value-start {
  position: absolute; }

.fr-range-value-start > span {
  width: 60px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #03a9f4;
  color: #fff;
  font-size: 12px;
  display: block;
  position: absolute;
  left: 50%;
  transform: translate(-85%, 0);
  border-radius: 6px; }

.fr-range-value-start > span:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  left: 86%;
  margin-left: -5px;
  margin-top: -1px; }

.fr-range-value-end {
  position: absolute; }

.fr-range-value-end > span {
  width: 60px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #03a9f4;
  color: #fff;
  font-size: 12px;
  display: block;
  position: absolute;
  left: 14%;
  transform: translate(-8%, 0);
  border-radius: 6px; }

.fr-range-value-end > span:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  left: 14%;
  margin-left: -5px;
  margin-top: -1px; }

#startTimeValue {
  top: -153% !important; }

#startTimeValue span:before {
  border-top: 10px solid #03a9f4;
  top: 100%; }

#endTimeValue {
  top: -153% !important; }

#endTimeValue span:before {
  border-top: 10px solid #03a9f4;
  top: 100%; }

.fr-range-slider {
  position: relative;
  width: 80%;
  height: 15px; }

.fr-range-slider > input {
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 10px;
  width: 100%;
  outline: none;
  height: 6px;
  border-radius: 10px; }

.fr-range-slider > input::-webkit-slider-thumb {
  pointer-events: all;
  position: relative;
  z-index: 1;
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  background: #3498db;
  cursor: pointer;
  border-radius: 7px;
  margin-top: -3.6px; }

.fr-range-slider > input::-moz-range-thumb {
  pointer-events: all;
  position: relative;
  z-index: 10;
  -moz-appearance: none;
  width: 9px;
  height: 15px;
  border-radius: 7px;
  margin-top: -3.6px; }

.fr-range-slider > input::-moz-range-track {
  position: relative;
  z-index: -1;
  background-color: black;
  border: 0;
  height: 15px;
  border-radius: 50%;
  margin-top: -3.6px; }

.fr-range-slider > input:last-of-type::-moz-range-track {
  -moz-appearance: none;
  background: none transparent;
  border: 0; }

.fr-range-slider > input[type="range"]::-moz-focus-outer {
  border: 0; }

@media screen and (max-width: 430px) {
  .range-value span {
    width: 40px;
    font-size: 10px; }

  #fr-form-container {
    top: 20%; } }

#fr-video-edit {
  width: 80%;
  text-align: center;
  height: 50%;
  margin-bottom: 20px;
  padding-top: 8px;
  padding-bottom: 8px; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-element .fr-video {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.fr-element .fr-video::after {
    position: absolute;
    content: '';
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    display: block;
    background: rgba(0, 0, 0, 0); }

.fr-element .fr-video.fr-active > * {
    z-index: 2;
    position: relative; }

.fr-element .fr-video > * {
    box-sizing: content-box;
    max-width: 100%;
    border: none; }

.fr-box .fr-video-resizer {
  position: absolute;
  border: solid 1px #0098f7;
  display: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.fr-box .fr-video-resizer.fr-active {
    display: block; }

.fr-box .fr-video-resizer .fr-handler {
    display: block;
    position: absolute;
    background: #0098f7;
    border: solid 1px #FFF;
    z-index: 4;
    box-sizing: border-box; }

.fr-box .fr-video-resizer .fr-handler.fr-hnw {
      cursor: nw-resize; }

.fr-box .fr-video-resizer .fr-handler.fr-hne {
      cursor: ne-resize; }

.fr-box .fr-video-resizer .fr-handler.fr-hsw {
      cursor: sw-resize; }

.fr-box .fr-video-resizer .fr-handler.fr-hse {
      cursor: se-resize; }

.fr-box .fr-video-resizer .fr-handler {
    width: 12px;
    height: 12px; }

.fr-box .fr-video-resizer .fr-handler.fr-hnw {
      left: -6px;
      top: -6px; }

.fr-box .fr-video-resizer .fr-handler.fr-hne {
      right: -6px;
      top: -6px; }

.fr-box .fr-video-resizer .fr-handler.fr-hsw {
      left: -6px;
      bottom: -6px; }

.fr-box .fr-video-resizer .fr-handler.fr-hse {
      right: -6px;
      bottom: -6px; }

@media (min-width: 1200px) {
    .fr-box .fr-video-resizer .fr-handler {
      width: 10px;
      height: 10px; }
      .fr-box .fr-video-resizer .fr-handler.fr-hnw {
        left: -5px;
        top: -5px; }
      .fr-box .fr-video-resizer .fr-handler.fr-hne {
        right: -5px;
        top: -5px; }
      .fr-box .fr-video-resizer .fr-handler.fr-hsw {
        left: -5px;
        bottom: -5px; }
      .fr-box .fr-video-resizer .fr-handler.fr-hse {
        right: -5px;
        bottom: -5px; } }

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line {
  width: calc(50% - 5px);
  display: inline-block; }

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line + .fr-input-line {
    margin-left: 10px; }

.fr-popup .fr-video-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
  margin: 20px;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 140%;
  text-align: center; }

.fr-popup .fr-video-upload-layer:hover {
    background: #ebebeb; }

.fr-popup .fr-video-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7; }

.fr-popup .fr-video-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important; }

.fr-popup .fr-video-upload-layer .fr-form input {
      cursor: pointer;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 500%;
      height: 100%;
      margin: 0;
      font-size: 400px; }

.fr-popup .fr-video-progress-bar-layer > h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: normal; }

.fr-popup .fr-video-progress-bar-layer > div.fr-action-buttons {
  display: none; }

.fr-popup .fr-video-progress-bar-layer > div.fr-loader {
  background: #b3e0fd;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative; }

.fr-popup .fr-video-progress-bar-layer > div.fr-loader span {
    display: block;
    height: 100%;
    width: 0%;
    background: #0098f7;
    -webkit-transition: width 0.2s ease 0s;
    -moz-transition: width 0.2s ease 0s;
    -ms-transition: width 0.2s ease 0s;
    -o-transition: width 0.2s ease 0s; }

.fr-popup .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span {
    width: 30% !important;
    position: absolute;
    top: 0;
    animation: loading 2s linear infinite; }

.fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-loader {
  display: none; }

.fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block; }

.fr-video-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483640;
  display: none; }

.fr-autoplay-margin {
  margin-top: 0px !important; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-view img.fr-rounded, .fr-view .fr-img-caption.fr-rounded img {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-view img.fr-shadow, .fr-view .fr-img-caption.fr-shadow img {
  box-shadow: 10px 10px 5px 0px #cccccc; }

.fr-view img.fr-bordered, .fr-view .fr-img-caption.fr-bordered img {
  border: solid 5px #CCC; }

.fr-view img.fr-bordered {
  box-sizing: content-box; }

.fr-view .fr-img-caption.fr-bordered img {
  box-sizing: border-box; }

.fr-view li img.fr-dii.fr-fil {
  margin-right: 20px; }

.fr-view {
  word-wrap: break-word; }

.fr-view span[style~="color:"] a {
    color: inherit; }

.fr-view strong {
    font-weight: 700; }

.fr-view table[border='0'] td:not([class]), .fr-view table[border='0'] th:not([class]), .fr-view table[border='0'] td[class=""], .fr-view table[border='0'] th[class=""] {
    border-width: 0px; }

.fr-view table {
    border: none;
    border-collapse: collapse;
    empty-cells: show;
    max-width: 100%; }

.fr-view table td {
      min-width: 5px; }

.fr-view table.fr-dashed-borders td, .fr-view table.fr-dashed-borders th {
      border-style: dashed; }

.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
      background: whitesmoke; }

.fr-view table td, .fr-view table th {
      border: 1px solid #DDD; }

.fr-view table td:empty, .fr-view table th:empty {
        height: 20px; }

.fr-view table td.fr-highlighted, .fr-view table th.fr-highlighted {
        border: 1px double red; }

.fr-view table td.fr-thick, .fr-view table th.fr-thick {
        border-width: 2px; }

.fr-view table th {
      background: #ececec; }

.fr-view table tfoot td {
      background: #ececec; }

.fr-view hr {
    clear: both;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    break-after: always;
    page-break-after: always; }

.fr-view .fr-file {
    position: relative; }

.fr-view .fr-file::after {
      position: relative;
      content: "\1F4CE";
      font-weight: normal; }

.fr-view pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: visible; }

.fr-view[dir="rtl"] blockquote {
    border-left: none;
    border-right: solid 2px #5E35B1;
    margin-right: 0;
    padding-right: 5px;
    padding-left: 0; }

.fr-view[dir="rtl"] blockquote blockquote {
      border-color: #00BCD4; }

.fr-view[dir="rtl"] blockquote blockquote blockquote {
        border-color: #43A047; }

.fr-view blockquote {
    border-left: solid 2px #5E35B1;
    margin-left: 0;
    padding-left: 5px;
    color: #5E35B1; }

.fr-view blockquote blockquote {
      border-color: #00BCD4;
      color: #00BCD4; }

.fr-view blockquote blockquote blockquote {
        border-color: #43A047;
        color: #43A047; }

.fr-view span.fr-emoticon {
    font-weight: normal;
    font-family: "Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";
    display: inline;
    line-height: 0; }

.fr-view span.fr-emoticon.fr-emoticon-img {
      background-repeat: no-repeat !important;
      font-size: inherit;
      height: 1em;
      width: 1em;
      min-height: 20px;
      min-width: 20px;
      display: inline-block;
      margin: -.1em .1em .1em;
      line-height: 1;
      vertical-align: middle; }

.fr-view .fr-text-gray {
    color: #AAA !important; }

.fr-view .fr-text-bordered {
    border-top: solid 1px #222;
    border-bottom: solid 1px #222;
    padding: 10px 0; }

.fr-view .fr-text-spaced {
    letter-spacing: 1px; }

.fr-view .fr-text-uppercase {
    text-transform: uppercase; }

.fr-view .fr-class-highlighted {
    background-color: #ffff00; }

.fr-view .fr-class-code {
    border-color: #cccccc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #f5f5f5;
    padding: 10px;
    font-family: "Courier New", Courier, monospace; }

.fr-view .fr-class-transparency {
    opacity: 0.5; }

.fr-view img {
    position: relative;
    max-width: 100%; }

.fr-view img.fr-dib {
      margin: 5px auto;
      display: block;
      float: none;
      vertical-align: top; }

.fr-view img.fr-dib.fr-fil {
        margin-left: 0;
        text-align: left; }

.fr-view img.fr-dib.fr-fir {
        margin-right: 0;
        text-align: right; }

.fr-view img.fr-dii {
      display: inline-block;
      float: none;
      vertical-align: bottom;
      margin-left: 5px;
      margin-right: 5px;
      max-width: calc(100% - (2 * 5px)); }

.fr-view img.fr-dii.fr-fil {
        float: left;
        margin: 5px 5px 5px 0;
        max-width: calc(100% - 5px); }

.fr-view img.fr-dii.fr-fir {
        float: right;
        margin: 5px 0 5px 5px;
        max-width: calc(100% - 5px); }

.fr-view span.fr-img-caption {
    position: relative;
    max-width: 100%; }

.fr-view span.fr-img-caption.fr-dib {
      margin: 5px auto;
      display: block;
      float: none;
      vertical-align: top; }

.fr-view span.fr-img-caption.fr-dib.fr-fil {
        margin-left: 0;
        text-align: left; }

.fr-view span.fr-img-caption.fr-dib.fr-fir {
        margin-right: 0;
        text-align: right; }

.fr-view span.fr-img-caption.fr-dii {
      display: inline-block;
      float: none;
      vertical-align: bottom;
      margin-left: 5px;
      margin-right: 5px;
      max-width: calc(100% - (2 * 5px)); }

.fr-view span.fr-img-caption.fr-dii.fr-fil {
        float: left;
        margin: 5px 5px 5px 0;
        max-width: calc(100% - 5px); }

.fr-view span.fr-img-caption.fr-dii.fr-fir {
        float: right;
        margin: 5px 0 5px 5px;
        max-width: calc(100% - 5px); }

.fr-view .fr-video {
    text-align: center;
    position: relative; }

.fr-view .fr-video.fr-rv {
      padding-bottom: 56.25%;
      padding-top: 30px;
      height: 0;
      overflow: hidden; }

.fr-view .fr-video.fr-rv > iframe, .fr-view .fr-video.fr-rv object, .fr-view .fr-video.fr-rv embed {
        position: absolute !important;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }

.fr-view .fr-video > * {
      box-sizing: content-box;
      max-width: 100%;
      border: none; }

.fr-view .fr-video.fr-dvb {
      display: block;
      clear: both; }

.fr-view .fr-video.fr-dvb.fr-fvl {
        text-align: left; }

.fr-view .fr-video.fr-dvb.fr-fvr {
        text-align: right; }

.fr-view .fr-video.fr-dvi {
      display: inline-block; }

.fr-view .fr-video.fr-dvi.fr-fvl {
        float: left; }

.fr-view .fr-video.fr-dvi.fr-fvr {
        float: right; }

.fr-view a.fr-strong {
    font-weight: 700; }

.fr-view a.fr-green {
    color: green; }

.fr-view .fr-img-caption {
    text-align: center; }

.fr-view .fr-img-caption .fr-img-wrap {
      padding: 0;
      margin: auto;
      text-align: center;
      width: 100%; }

.fr-view .fr-img-caption .fr-img-wrap a {
        display: block; }

.fr-view .fr-img-caption .fr-img-wrap img {
        display: block;
        margin: auto;
        width: 100%; }

.fr-view .fr-img-caption .fr-img-wrap > span {
        margin: auto;
        display: block;
        padding: 5px 5px 10px;
        font-size: 14px;
        font-weight: initial;
        box-sizing: border-box;
        -webkit-opacity: 0.9;
        -moz-opacity: 0.9;
        opacity: 0.9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        width: 100%;
        text-align: center; }

.fr-view button.fr-rounded, .fr-view input.fr-rounded, .fr-view textarea.fr-rounded {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }

.fr-view button.fr-large, .fr-view input.fr-large, .fr-view textarea.fr-large {
    font-size: 24px; }

.fr-view span.fr-img-caption.fr-dii.fr-fil,
.fr-view p img.fr-dii.fr-fil {
  margin-right: 15px; }

/**
 * Image style.
 */

a.fr-view.fr-strong {
  font-weight: 700; }

a.fr-view.fr-green {
  color: green; }

/**
 * Link style.
 */

img.fr-view {
  position: relative;
  max-width: 100%; }

img.fr-view.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top; }

img.fr-view.fr-dib.fr-fil {
      margin-left: 0;
      text-align: left; }

img.fr-view.fr-dib.fr-fir {
      margin-right: 0;
      text-align: right; }

img.fr-view.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px)); }

img.fr-view.fr-dii.fr-fil {
      float: left;
      margin: 5px 5px 5px 0;
      max-width: calc(100% - 5px); }

img.fr-view.fr-dii.fr-fir {
      float: right;
      margin: 5px 0 5px 5px;
      max-width: calc(100% - 5px); }

span.fr-img-caption.fr-view {
  position: relative;
  max-width: 100%; }

span.fr-img-caption.fr-view.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top; }

span.fr-img-caption.fr-view.fr-dib.fr-fil {
      margin-left: 0;
      text-align: left; }

span.fr-img-caption.fr-view.fr-dib.fr-fir {
      margin-right: 0;
      text-align: right; }

span.fr-img-caption.fr-view.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px)); }

span.fr-img-caption.fr-view.fr-dii.fr-fil {
      float: left;
      margin: 5px 5px 5px 0;
      max-width: calc(100% - 5px); }

span.fr-img-caption.fr-view.fr-dii.fr-fir {
      float: right;
      margin: 5px 0 5px 5px;
      max-width: calc(100% - 5px); }

/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/froala-editor/css/plugins/char_counter.min.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
/*!
 * froala_editor v4.0.19 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-box .fr-counter{padding:10px;float:right;color:#999;content:attr(data-chars);font-size:14px;font-family:sans-serif;z-index:1;border-radius:2px 0 0 0;-moz-border-radius:2px 0 0 0;-webkit-border-radius:2px 0 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-box.fr-rtl .fr-counter{left:0;right:auto;border-left:none;border-radius:0 2px 0 0;-moz-border-radius:0 2px 0 0;-webkit-border-radius:0 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-box.fr-code-view .fr-counter{display:none}

/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/froala-editor/css/plugins/colors.min.css ***!
  \***********************************************************************************************************************************************************************************************************************************************/
/*!
 * froala_editor v4.0.19 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-popup .fr-layer.fr-color-hex-layer{margin:0;padding:20px;padding-top:0;float:left}

.fr-popup .fr-layer.fr-color-hex-layer .fr-input-line{float:left;width:calc(100% - 50px);padding:15px 0 0}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons{float:right;width:38px;height:40px;padding:17px 0 0;margin:0}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;font-size:13px;height:40px;width:38px}

.fr-popup .fr-separator+.fr-colors-tabs{margin-left:2px;margin-right:2px}

.fr-popup .fr-color-set{line-height:0;display:none}

.fr-popup .fr-color-set.fr-selected-set{display:block;padding:20px;padding-bottom:0}

.fr-popup .fr-color-set>span{display:inline-block;width:32px;height:32px;position:relative;z-index:1}

.fr-popup .fr-color-set>span>i,.fr-popup .fr-color-set>span>svg{text-align:center;line-height:32px;height:24px;width:24px;margin:4px;font-size:13px;position:absolute;bottom:0;cursor:default;left:0}

.fr-popup .fr-color-set>span>i path,.fr-popup .fr-color-set>span>svg path{fill:#222}

.fr-popup .fr-color-set>span .fr-selected-color{color:#FFF;font-family:FontAwesome;font-size:13px;font-weight:400;line-height:32px;position:absolute;top:0;bottom:0;right:0;left:0;text-align:center;cursor:default}

.fr-popup .fr-color-set>span:hover,.fr-popup .fr-color-set>span:focus{outline:1px solid #222;z-index:2}

.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"] ~ [data-param1="background"]::after{-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0)}

/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/froala-editor/css/plugins/draggable.min.css ***!
  \**************************************************************************************************************************************************************************************************************************************************/
/*!
 * froala_editor v4.0.19 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-drag-helper{background:#0098f7;height:2px;margin-top:-1px;-webkit-opacity:.2;-moz-opacity:.2;opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;z-index:2147483640;display:none}

.fr-drag-helper.fr-visible{display:block}

.fr-dragging{-webkit-opacity:.4;-moz-opacity:.4;opacity:.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/froala-editor/css/third_party/embedly.min.css ***!
  \****************************************************************************************************************************************************************************************************************************************************/
/*!
 * froala_editor v4.0.19 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-element .fr-embedly{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;position:relative}

.fr-element .fr-embedly::after{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;cursor:pointer;display:block;background:transparent}

.fr-element .fr-embedly>*{box-sizing:content-box;max-width:100%;border:none}

.fr-box .fr-embedly-resizer{position:absolute;z-index:2;border:solid 1px #0098f7;display:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}

.fr-box .fr-embedly-resizer.fr-active{display:block}

/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/froala-editor/css/plugins/emoticons.min.css ***!
  \**************************************************************************************************************************************************************************************************************************************************/
/*!
 * froala_editor v4.0.19 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-popup .fr-emoticon{width:24px;height:24px;font-family:"Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Segoe UI Symbol", "Android Emoji", EmojiSymbols}

.fr-popup .fr-emoticon img{height:24px;width:24px}

.fr-popup .fr-command.fr-btn.fr-tabs-unicode{padding:0 0 0 14px}

@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px){.fr-popup .fr-icon-container.fr-emoticon-container{width:368px}}

/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/froala-editor/css/plugins/file.min.css ***!
  \*********************************************************************************************************************************************************************************************************************************************/
/*!
 * froala_editor v4.0.19 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-popup .fr-file-upload-layer{border:dashed 2px #bdbdbd;padding:25px 0;margin:20px;position:relative;font-size:14px;letter-spacing:1px;line-height:140%;box-sizing:border-box;text-align:center}

.fr-popup .fr-file-upload-layer:hover{background:#ebebeb}

.fr-popup .fr-file-upload-layer.fr-drop{background:#ebebeb;border-color:#0098f7}

.fr-popup .fr-file-upload-layer .fr-form{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2147483640;overflow:hidden;margin:0 !important;padding:0 !important;width:100% !important}

.fr-popup .fr-file-upload-layer .fr-form input{cursor:pointer;position:absolute;right:0;top:0;bottom:0;width:500%;height:100%;margin:0;font-size:400px}

.fr-popup .fr-file-progress-bar-layer{box-sizing:border-box}

.fr-popup .fr-file-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:normal}

.fr-popup .fr-file-progress-bar-layer>div.fr-action-buttons{display:none}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader{background:#b3e0fd;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader span{display:block;height:100%;width:0%;background:#0098f7;-webkit-transition:width 0.2s ease 0s;-moz-transition:width 0.2s ease 0s;-ms-transition:width 0.2s ease 0s;-o-transition:width 0.2s ease 0s}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader.fr-indeterminate span{width:30% !important;position:absolute;top:0;animation:loading 2s linear infinite}

.fr-popup .fr-file-progress-bar-layer.fr-error>div.fr-loader{display:none}

.fr-popup .fr-file-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}

@keyframes loading{from{left:-25%}to{left:100%}}

@keyframes loading{from{left:-25%}to{left:100%}}

/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/froala-editor/css/third_party/font_awesome.min.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
/*!
 * froala_editor v4.0.19 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-popup .fr-icon.fr-fa-icon{width:18px;padding:8px;margin:6px;font-size:16px}

@supports not (-ms-high-contrast: none){.fr-popup .fr-icon-container.fr-fa-container{grid-template-columns:repeat(auto-fill, minmax(45px, 45px))}}

@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px){.fr-popup .fr-icon-container.fr-fa-container{width:506px}}

/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/froala-editor/css/plugins/fullscreen.min.css ***!
  \***************************************************************************************************************************************************************************************************************************************************/
/*!
 * froala_editor v4.0.19 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

body.fr-fullscreen{overflow:hidden;height:100%;width:100%;position:fixed}

.fr-box.fr-fullscreen{margin:0 !important;position:fixed;top:0;left:0;bottom:0;right:0;z-index:2147483630 !important;width:auto !important}

.fr-box.fr-fullscreen .fr-wrapper{background-color:#FFF}

.fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-box.fr-fullscreen .fr-toolbar{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-box.fr-fullscreen .fr-toolbar.fr-top{top:0 !important}

.fr-box.fr-fullscreen .fr-toolbar.fr-bottom{bottom:0 !important}

.fr-box.fr-fullscreen .fr-second-toolbar{margin-top:0;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-fullscreen-wrapper{z-index:2147483640 !important;width:100% !important;margin:0 !important;padding:0 !important;overflow:visible !important}

/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/froala-editor/css/plugins/help.min.css ***!
  \*********************************************************************************************************************************************************************************************************************************************/
/*!
 * froala_editor v4.0.19 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal{text-align:left;padding:20px 20px 10px}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table{border-collapse:collapse;font-size:14px;line-height:1.5;width:100%}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table+table{margin-top:20px}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr{border:0}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th{text-align:left}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th,.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td{padding:6px 0 4px}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr{border-bottom:solid 1px #ebebeb}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child{width:60%;color:#646464}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2){letter-spacing:0.5px}

/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/froala-editor/css/plugins/image.min.css ***!
  \**********************************************************************************************************************************************************************************************************************************************/
/*!
 * froala_editor v4.0.19 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-element img{cursor:pointer;padding:0 1px}

.fr-image-resizer{position:absolute;border:solid 1px #0098f7;display:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;box-sizing:content-box}

.fr-image-resizer.fr-active{display:block}

.fr-image-resizer .fr-handler{display:block;position:absolute;background:#0098f7;border:solid 1px #FFF;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;z-index:4;box-sizing:border-box}

.fr-image-resizer .fr-handler.fr-hnw{cursor:nw-resize}

.fr-image-resizer .fr-handler.fr-hne{cursor:ne-resize}

.fr-image-resizer .fr-handler.fr-hsw{cursor:sw-resize}

.fr-image-resizer .fr-handler.fr-hse{cursor:se-resize}

.fr-image-resizer .fr-handler{width:12px;height:12px}

.fr-image-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}

.fr-image-resizer .fr-handler.fr-hne{right:-6px;top:-6px}

.fr-image-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}

.fr-image-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}

@media (min-width: 1200px){.fr-image-resizer .fr-handler{width:10px;height:10px}.fr-image-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.fr-image-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}

.fr-image-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:2147483640;display:none}

.fr-popup .fr-image-upload-layer{border:dashed 2px #bdbdbd;padding:25px 0;margin:20px;position:relative;font-size:14px;letter-spacing:1px;line-height:140%;text-align:center}

.fr-popup .fr-image-upload-layer:hover{background:#ebebeb}

.fr-popup .fr-image-upload-layer.fr-drop{background:#ebebeb;border-color:#0098f7}

.fr-popup .fr-image-upload-layer .fr-form{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2147483640;overflow:hidden;margin:0 !important;padding:0 !important;width:100% !important}

.fr-popup .fr-image-upload-layer .fr-form input{cursor:pointer;position:absolute;right:0;top:0;bottom:0;width:500%;height:100%;margin:0;font-size:400px}

.fr-popup .fr-image-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:normal}

.fr-popup .fr-image-progress-bar-layer>div.fr-action-buttons{display:none}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader{background:#b3e0fd;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader span{display:block;height:100%;width:0%;background:#0098f7;-webkit-transition:width 0.2s ease 0s;-moz-transition:width 0.2s ease 0s;-ms-transition:width 0.2s ease 0s;-o-transition:width 0.2s ease 0s}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader.fr-indeterminate span{width:30% !important;position:absolute;top:0;animation:loading 2s linear infinite}

.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-loader{display:none}

.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}

.fr-image-size-layer .fr-image-group .fr-input-line{width:calc(50% - 5px);display:inline-block}

.fr-image-size-layer .fr-image-group .fr-input-line+.fr-input-line{margin-left:10px}

.fr-uploading{-webkit-opacity:.4;-moz-opacity:.4;opacity:.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

@keyframes loading{from{left:-25%}to{left:100%}}

img.fr-draggable{-webkit-user-select:none;user-select:none}

/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/froala-editor/css/plugins/image_manager.min.css ***!
  \******************************************************************************************************************************************************************************************************************************************************/
/*!
 * froala_editor v4.0.19 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-modal .fr-modal-head .fr-modal-head-line::after{clear:both;display:block;content:"";height:0}

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more{margin-top:10px}

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available{opacity:0;width:0;padding:12px 0}

.fr-modal .fr-modal-head .fr-modal-tags{padding:0 20px;display:none;text-align:left}

.fr-modal .fr-modal-head .fr-modal-tags a{display:inline-block;opacity:0;padding:6px 12px;margin:8px 0 8px 8px;text-decoration:none;border-radius:32px;-moz-border-radius:32px;-webkit-border-radius:32px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-transition:opacity 0.2s ease 0s,background 0.2s ease 0s;-moz-transition:opacity 0.2s ease 0s,background 0.2s ease 0s;-ms-transition:opacity 0.2s ease 0s,background 0.2s ease 0s;-o-transition:opacity 0.2s ease 0s,background 0.2s ease 0s;cursor:pointer;background-color:#f5f5f5}

.fr-modal .fr-modal-head .fr-modal-tags a:focus{outline:none;background-color:#ebebeb}

.fr-modal .fr-modal-head .fr-modal-tags a:hover{background-color:#ebebeb}

.fr-modal .fr-modal-head .fr-modal-tags a:active{background-color:#d6d6d6}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag{background-color:#EcF5Ff;color:#0098f7}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus{outline:none;background-color:#ebebeb}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover{background-color:#ebebeb}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active{background-color:#d6d6d6}

.fr-show-tags .fr-modal-more svg path{fill:#0098f7}

div.fr-modal-body{-webkit-transition:background 0.2s ease 0s;-moz-transition:background 0.2s ease 0s;-ms-transition:background 0.2s ease 0s;-o-transition:background 0.2s ease 0s}

div.fr-modal-body .fr-preloader{display:block;margin:50px auto}

div.fr-modal-body div.fr-image-list{text-align:center;margin:0 20px;padding:0}

div.fr-modal-body div.fr-image-list .fr-list-column{float:left;width:calc((100% - 20px) / 2)}

@media (min-width: 768px) and (max-width: 1199px){div.fr-modal-body div.fr-image-list .fr-list-column{width:calc((100% - 40px) / 3)}}

@media (min-width: 1200px){div.fr-modal-body div.fr-image-list .fr-list-column{width:calc((100% - 60px) / 4)}}

div.fr-modal-body div.fr-image-list .fr-list-column+.fr-list-column{margin-left:20px}

div.fr-modal-body div.fr-image-list div.fr-image-container{position:relative;width:100%;display:block;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;overflow:hidden}

div.fr-modal-body div.fr-image-list div.fr-image-container:first-child{margin-top:20px}

div.fr-modal-body div.fr-image-list div.fr-image-container+div{margin-top:20px}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after{position:absolute;-webkit-opacity:.5;-moz-opacity:.5;opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transition:opacity 0.2s ease 0s;-moz-transition:opacity 0.2s ease 0s;-ms-transition:opacity 0.2s ease 0s;-o-transition:opacity 0.2s ease 0s;background:#000;content:"";top:0;left:0;bottom:0;right:0;z-index:2}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before{content:attr(data-deleting);color:#FFF;top:0;left:0;bottom:0;right:0;margin:auto;position:absolute;z-index:3;font-size:15px;height:20px}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty{height:95px;background:#ccc;z-index:1}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;content:attr(data-loading);display:inline-block;height:20px}

div.fr-modal-body div.fr-image-list div.fr-image-container img{width:100%;vertical-align:middle;position:relative;z-index:2;-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transition:opacity 0.2s ease 0s,filter 0.2s ease 0s;-moz-transition:opacity 0.2s ease 0s,filter 0.2s ease 0s;-ms-transition:opacity 0.2s ease 0s,filter 0.2s ease 0s;-o-transition:opacity 0.2s ease 0s,filter 0.2s ease 0s;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0)}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img{-webkit-opacity:.75;-moz-opacity:.75;opacity:.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img,div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img{display:inline-block}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img{display:none;top:50%;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-transition:background 0.2s ease 0s,color 0.2s ease 0s;-moz-transition:background 0.2s ease 0s,color 0.2s ease 0s;-ms-transition:background 0.2s ease 0s,color 0.2s ease 0s;-o-transition:background 0.2s ease 0s,color 0.2s ease 0s;box-sizing:border-box;position:absolute;cursor:pointer;margin:0;line-height:40px;text-decoration:none;z-index:3}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img{background:#B8312F;fill:#FFF;padding:8px;left:50%;-webkit-transform:translateY(-50%) translateX(25%);-moz-transform:translateY(-50%) translateX(25%);-ms-transform:translateY(-50%) translateX(25%);-o-transform:translateY(-50%) translateX(25%)}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img{background:#FFF;fill:#0098f7;padding:8px;left:50%;-webkit-transform:translateY(-50%) translateX(-125%);-moz-transform:translateY(-50%) translateX(-125%);-ms-transform:translateY(-50%) translateX(-125%);-o-transform:translateY(-50%) translateX(-125%)}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img{-webkit-opacity:.75;-moz-opacity:.75;opacity:.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img,.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img{display:inline-block;width:40px;height:40px}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover{background:#bf4644;color:#FFF}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover{background:#ebebeb}

/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/froala-editor/css/third_party/image_tui.min.css ***!
  \******************************************************************************************************************************************************************************************************************************************************/
/*!
 * froala_editor v4.0.19 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.tui-image-editor-container{position:fixed;top:0;left:0;bottom:0;right:0;height:100%;width:100%;z-index:10}

.tui-editor-cancel-btn{background-color:#FFF;border:1px solid #ccc;color:#222}

.tui-editor-save-btn{background-color:#fdba3b;border:1px solid #fdba3b;color:#FFF}

/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/froala-editor/css/plugins/line_breaker.min.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
/*!
 * froala_editor v4.0.19 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-line-breaker{cursor:text;border-top:1px solid #0098f7;position:fixed;z-index:2;display:none}

.fr-line-breaker.fr-visible{display:block}

.fr-line-breaker a.fr-floating-btn{position:absolute;left:calc(50% - (40px / 2));top:-20px}

.fr-line-breaker a.fr-floating-btn svg{margin:8px;height:24px;width:24px}

/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/froala-editor/css/plugins/quick_insert.min.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
/*!
 * froala_editor v4.0.19 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-quick-insert{position:absolute;z-index:2147483639;white-space:nowrap;padding-right:10px;box-sizing:content-box}

.fr-quick-insert a.fr-floating-btn svg{margin:8px;width:24px;height:24px}

.fr-quick-insert.fr-on a.fr-floating-btn svg{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg)}

.fr-quick-insert.fr-hidden{display:none}

.fr-qi-helper{position:absolute;z-index:3;padding-left:20px;white-space:nowrap}

.fr-qi-helper a.fr-btn.fr-floating-btn{text-align:center;padding:6px 10px 10px 10px;display:inline-block;color:#222;background:#FFF;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0)}

.fr-qi-helper a.fr-btn.fr-floating-btn svg{fill:#222}

.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1{-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}

/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/froala-editor/css/plugins/special_characters.min.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
/*!
 * froala_editor v4.0.19 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category{padding:10px 15px}

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category span{font-weight:normal;font-size:16px}

.fr-popup .fr-special-character{width:24px;height:24px}

@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px){.fr-popup .fr-icon-container.fr-sc-container{width:368px}}

/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/froala-editor/css/third_party/spell_checker.min.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
/*!
 * froala_editor v4.0.19 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.examples-variante>a{font-size:14px;font-family:Arial,Helvetica,sans-serif}

.sc-cm-holder>.sc-cm{border-top:5px solid #222 !important;padding:0 !important;line-height:200% !important}

.sc-cm .sc-cm__item.examples-variante.sc-cm__item_active>a>i{display:none !important}

.sc-cm .sc-cm__item.examples-variante>a>i{display:none !important}

.sc-cm__item_dropdown .i-icon{display:none !important}

.sc-cm__item_dropdown .i-icon::before{display:none !important}

.sc-cm::before{display:none !important}

div.sc-cm-holder.sc-cm_show>ul>li.sc-cm__item.sc-cm__item_dropdown.sc-cm__item_arrow>div>ul{border-style:none !important;padding:0 !important}

.sc-cm__item_dropdown:hover>a,.sc-cm a:hover{background-color:#ebebeb !important}

.sc-cm__item_active>a,.sc-cm__item_active>a:hover,.sc-cm a:active,.sc-cm a:focus{background-color:#d6d6d6 !important}

.sc-cm__item>a{line-height:200% !important}

.sc-cm-holder>.sc-cm:before{background-color:#ebebeb !important}

.sc-cm-holder{display:none}

/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/froala-editor/css/plugins/table.min.css ***!
  \**********************************************************************************************************************************************************************************************************************************************/
/*!
 * froala_editor v4.0.19 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-element table td.fr-selected-cell,.fr-element table th.fr-selected-cell{border:1px double #0098f7}

.fr-element table td,.fr-element table th{user-select:text;-o-user-select:text;-moz-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-ms-user-select:text}

.fr-element .fr-no-selection table td,.fr-element .fr-no-selection table th{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}

.fr-table-resizer{cursor:col-resize;position:absolute;z-index:3;display:none}

.fr-table-resizer.fr-moving{z-index:2}

.fr-table-resizer div{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border-right:1px solid #0098f7}

.fr-no-selection{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}

.fr-popup .fr-table-size{margin:20px}

.fr-popup .fr-table-size .fr-table-size-info{text-align:center;font-size:14px}

.fr-popup .fr-table-size .fr-select-table-size{line-height:0;padding:5px;white-space:nowrap}

.fr-popup .fr-table-size .fr-select-table-size>span{display:inline-block;padding:0 4px 4px 0;background:transparent}

.fr-popup .fr-table-size .fr-select-table-size>span>span{display:inline-block;width:18px;height:18px;border:1px solid #DDD}

.fr-popup .fr-table-size .fr-select-table-size>span.hover{background:transparent}

.fr-popup .fr-table-size .fr-select-table-size>span.hover>span{background:rgba(0,152,247,0.3);border:solid 1px #0098f7}

.fr-popup .fr-table-size .fr-select-table-size .new-line::after{clear:both;display:block;content:"";height:0}

.fr-popup.fr-above .fr-table-size .fr-select-table-size>span{display:inline-block !important}

.fr-popup .fr-table-colors{display:block;padding:20px;padding-bottom:0}

.fr-popup.fr-desktop .fr-table-size .fr-select-table-size>span>span{width:12px;height:12px}

.fr-insert-helper{position:absolute;z-index:9999;white-space:nowrap}

/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/froala-editor/css/plugins/video.min.css ***!
  \**********************************************************************************************************************************************************************************************************************************************/
/*!
 * froala_editor v4.0.19 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-element .fr-video{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}

.fr-element .fr-video::after{position:absolute;content:'';z-index:1;top:0;left:0;right:0;bottom:0;cursor:pointer;display:block;background:transparent}

.fr-element .fr-video.fr-active>*{z-index:2;position:relative}

.fr-element .fr-video>*{box-sizing:content-box;max-width:100%;border:none}

.fr-box .fr-video-resizer{position:absolute;border:solid 1px #0098f7;display:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}

.fr-box .fr-video-resizer.fr-active{display:block}

.fr-box .fr-video-resizer .fr-handler{display:block;position:absolute;background:#0098f7;border:solid 1px #FFF;z-index:4;box-sizing:border-box}

.fr-box .fr-video-resizer .fr-handler.fr-hnw{cursor:nw-resize}

.fr-box .fr-video-resizer .fr-handler.fr-hne{cursor:ne-resize}

.fr-box .fr-video-resizer .fr-handler.fr-hsw{cursor:sw-resize}

.fr-box .fr-video-resizer .fr-handler.fr-hse{cursor:se-resize}

.fr-box .fr-video-resizer .fr-handler{width:12px;height:12px}

.fr-box .fr-video-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}

.fr-box .fr-video-resizer .fr-handler.fr-hne{right:-6px;top:-6px}

.fr-box .fr-video-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}

.fr-box .fr-video-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}

@media (min-width: 1200px){.fr-box .fr-video-resizer .fr-handler{width:10px;height:10px}.fr-box .fr-video-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.fr-box .fr-video-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.fr-box .fr-video-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.fr-box .fr-video-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line{width:calc(50% - 5px);display:inline-block}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line+.fr-input-line{margin-left:10px}

.fr-popup .fr-video-upload-layer{border:dashed 2px #bdbdbd;padding:25px 0;margin:20px;position:relative;font-size:14px;letter-spacing:1px;line-height:140%;text-align:center}

.fr-popup .fr-video-upload-layer:hover{background:#ebebeb}

.fr-popup .fr-video-upload-layer.fr-drop{background:#ebebeb;border-color:#0098f7}

.fr-popup .fr-video-upload-layer .fr-form{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2147483640;overflow:hidden;margin:0 !important;padding:0 !important;width:100% !important}

.fr-popup .fr-video-upload-layer .fr-form input{cursor:pointer;position:absolute;right:0;top:0;bottom:0;width:500%;height:100%;margin:0;font-size:400px}

.fr-popup .fr-video-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:normal}

.fr-popup .fr-video-progress-bar-layer>div.fr-action-buttons{display:none}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader{background:#b3e0fd;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader span{display:block;height:100%;width:0%;background:#0098f7;-webkit-transition:width 0.2s ease 0s;-moz-transition:width 0.2s ease 0s;-ms-transition:width 0.2s ease 0s;-o-transition:width 0.2s ease 0s}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader.fr-indeterminate span{width:30% !important;position:absolute;top:0;animation:loading 2s linear infinite}

.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-loader{display:none}

.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}

.fr-video-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:2147483640;display:none}

.fr-autoplay-margin{margin-top:0px !important}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./node_modules/@ng-select/ng-select/scss/default.theme.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ng-select.ng-select-opened > .ng-select-container {
  background: #ffffff;
  border-color: #b3b3b3 #ccc #d9d9d9;
}
.ng-select.ng-select-opened > .ng-select-container:hover {
  box-shadow: none;
}
.ng-select.ng-select-opened > .ng-select-container .ng-arrow {
  top: -2px;
  border-color: transparent transparent #999999;
  border-width: 0 5px 5px;
}
.ng-select.ng-select-opened > .ng-select-container .ng-arrow:hover {
  border-color: transparent transparent #333333;
}
.ng-select.ng-select-opened.ng-select-top > .ng-select-container {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.ng-select.ng-select-opened.ng-select-right > .ng-select-container {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ng-select.ng-select-opened.ng-select-bottom > .ng-select-container {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.ng-select.ng-select-opened.ng-select-left > .ng-select-container {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container {
  border-color: #007eff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1);
}
.ng-select.ng-select-disabled > .ng-select-container {
  background-color: #f9f9f9;
}
.ng-select .ng-has-value .ng-placeholder {
  display: none;
}
.ng-select .ng-select-container {
  color: #333;
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #ccc;
  min-height: 36px;
  align-items: center;
}
.ng-select .ng-select-container:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.ng-select .ng-select-container .ng-value-container {
  align-items: center;
  padding-left: 10px;
}
[dir=rtl] .ng-select .ng-select-container .ng-value-container {
  padding-right: 10px;
  padding-left: 0;
}
.ng-select .ng-select-container .ng-value-container .ng-placeholder {
  color: #999999;
}
.ng-select.ng-select-single .ng-select-container {
  height: 36px;
}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: 5px;
  left: 0;
  padding-left: 10px;
  padding-right: 50px;
}
[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  padding-right: 10px;
  padding-left: 50px;
}
.ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value {
  background-color: #f9f9f9;
  border: 1px solid #e6e6e6;
}
.ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value .ng-value-label {
  padding: 0 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  padding-top: 5px;
  padding-left: 7px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  padding-right: 7px;
  padding-left: 0;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  font-size: 0.9em;
  margin-bottom: 5px;
  color: #333;
  background-color: #ebf5ff;
  border-radius: 2px;
  margin-right: 5px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  margin-right: 0;
  margin-left: 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled {
  background-color: #f9f9f9;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
  padding-left: 5px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
  padding-left: 0;
  padding-right: 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
  display: inline-block;
  padding: 1px 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
  display: inline-block;
  padding: 1px 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
  background-color: #d1e8ff;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
  border-right: 1px solid #b8dbff;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
  border-left: 1px solid #b8dbff;
  border-right: none;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
  border-left: 1px solid #b8dbff;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
  border-left: 0;
  border-right: 1px solid #b8dbff;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  padding: 0 0 3px 3px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  padding: 0 3px 3px 0;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input > input {
  color: #000000;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  top: 5px;
  padding-bottom: 5px;
  padding-left: 3px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  padding-right: 3px;
  padding-left: 0;
}
.ng-select .ng-clear-wrapper {
  color: #999999;
}
.ng-select .ng-clear-wrapper:hover .ng-clear {
  color: #D0021B;
}
.ng-select .ng-spinner-zone {
  padding: 5px 5px 0 0;
}
[dir=rtl] .ng-select .ng-spinner-zone {
  padding: 5px 0 0 5px;
}
.ng-select .ng-arrow-wrapper {
  width: 25px;
  padding-right: 5px;
}
[dir=rtl] .ng-select .ng-arrow-wrapper {
  padding-left: 5px;
  padding-right: 0;
}
.ng-select .ng-arrow-wrapper:hover .ng-arrow {
  border-top-color: #666666;
}
.ng-select .ng-arrow-wrapper .ng-arrow {
  border-color: #999999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
}
.ng-dropdown-panel {
  background-color: #ffffff;
  border: 1px solid #ccc;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  left: 0;
}
.ng-dropdown-panel.ng-select-top {
  bottom: 100%;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-color: #e6e6e6;
  margin-bottom: -1px;
}
.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.ng-dropdown-panel.ng-select-right {
  left: 100%;
  top: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-color: #e6e6e6;
  margin-bottom: -1px;
}
.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child {
  border-top-right-radius: 4px;
}
.ng-dropdown-panel.ng-select-bottom {
  top: 100%;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-color: #e6e6e6;
  margin-top: -1px;
}
.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ng-dropdown-panel.ng-select-left {
  left: -100%;
  top: 0;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-color: #e6e6e6;
  margin-bottom: -1px;
}
.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child {
  border-top-left-radius: 4px;
}
.ng-dropdown-panel .ng-dropdown-header {
  border-bottom: 1px solid #ccc;
  padding: 5px 7px;
}
.ng-dropdown-panel .ng-dropdown-footer {
  border-top: 1px solid #ccc;
  padding: 5px 7px;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
  -webkit-user-select: none;
          user-select: none;
  padding: 8px 10px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.54);
  cursor: pointer;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
  cursor: default;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
  background-color: #f5faff;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected, .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked {
  color: rgba(0, 0, 0, 0.54);
  background-color: #ebf5ff;
  font-weight: 600;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  padding: 8px 10px;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected, .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
  color: #333;
  background-color: #ebf5ff;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label, .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label {
  font-weight: 600;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background-color: #f5faff;
  color: #333;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
  color: #cccccc;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  padding-left: 22px;
}
[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  padding-right: 22px;
  padding-left: 0;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  font-size: 80%;
  font-weight: 400;
  padding-right: 5px;
}
[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  padding-left: 5px;
  padding-right: 0;
}
[dir=rtl] .ng-dropdown-panel {
  direction: rtl;
  text-align: right;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss (2) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*!
 * Bootstrap  v5.2.0 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --white-color: #fff;
    --main-color: #1B3999;
    --link-color: #2E87DF;
    --link-color2:#0E60FF;
    --blue-color:#1B3999;
    --orange-color: #FE9900;
    --orange-color2: #EE7F00;
    --light-orange-color: #FFF9F1;
    --green-color: #01D167;
    --green-color2: #20BF30;
    --header-bg-color: #F1F8FE;
    --light-grey-color: #F6F9FC;
    --clamp14: clamp(12px, 0.72916vw, 14px);
    --clamp16: clamp(14px, 0.8333vw, 16px);
    --clamp18: clamp(16px, 0.9375vw, 18px);
    --clamp24: clamp(16px, 1.25vw, 24px);
    --clamp26: clamp(18px, 1.3541vw, 26px);
    --clamp28: clamp(20px, 1.4583vw, 28px);
    --clamp36: clamp(24px, 1.875vw, 36px);
    --clamp48: clamp(25px, 2.5vw, 48px);
    --clamp56: clamp(30px, 2.916vw, 56px);
    --clamp70: clamp(54px, 3.6458vw, 70px);
    --font-family: "Poppins", sans-serif;
}
.cal-month-view .cal-header {
  text-align: center;
  font-weight: bolder;
}
.cal-month-view .cal-header .cal-cell {
  padding: 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.cal-month-view .cal-days {
  border: 1px solid;
  border-bottom: 0;
}
.cal-month-view .cal-cell-top {
  min-height: 78px;
  flex: 1;
}
.cal-month-view .cal-cell-row {
  -js-display: flex;
  display: flex;
}
.cal-month-view .cal-cell {
  float: left;
  flex: 1;
  -js-display: flex;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.cal-month-view .cal-cell .cal-event {
  pointer-events: all !important;
}
.cal-month-view .cal-day-cell {
  min-height: 100px;
}
@media all and (-ms-high-contrast: none) {
  .cal-month-view .cal-day-cell {
    display: block;
  }
}
.cal-month-view .cal-day-cell:not(:last-child) {
  border-right: 1px solid;
}
[dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) {
  border-right: initial;
  border-left: 1px solid;
}
.cal-month-view .cal-days .cal-cell-row {
  border-bottom: 1px solid;
}
.cal-month-view .cal-day-badge {
  margin-top: 18px;
  margin-left: 10px;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px;
}
.cal-month-view .cal-day-number {
  font-size: 1.2em;
  font-weight: 400;
  opacity: 0.5;
  margin-top: 15px;
  margin-right: 15px;
  float: right;
  margin-bottom: 10px;
}
.cal-month-view .cal-events {
  flex: 1;
  align-items: flex-end;
  margin: 3px;
  line-height: 10px;
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
}
.cal-month-view .cal-event {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
}
.cal-month-view .cal-day-cell.cal-in-month.cal-has-events {
  cursor: pointer;
}
.cal-month-view .cal-day-cell.cal-out-month .cal-day-number {
  opacity: 0.1;
  cursor: default;
}
.cal-month-view .cal-day-cell.cal-today .cal-day-number {
  font-size: 1.9em;
}
.cal-month-view .cal-open-day-events {
  padding: 15px;
}
.cal-month-view .cal-open-day-events .cal-event {
  position: relative;
  top: 2px;
}
.cal-month-view .cal-out-month .cal-day-badge,
.cal-month-view .cal-out-month .cal-event {
  opacity: 0.3;
}
.cal-month-view .cal-draggable {
  cursor: move;
}
.cal-month-view .cal-drag-active * {
  pointer-events: none;
}
.cal-month-view .cal-event-title {
  cursor: pointer;
}
.cal-month-view .cal-event-title:hover {
  text-decoration: underline;
}
.cal-month-view {
  background-color: #fff;
}
.cal-month-view .cal-cell-row:hover {
  background-color: #fafafa;
}
.cal-month-view .cal-cell-row .cal-cell:hover,
.cal-month-view .cal-cell.cal-has-events.cal-open {
  background-color: #ededed;
}
.cal-month-view .cal-days {
  border-color: #e1e1e1;
}
.cal-month-view .cal-day-cell:not(:last-child) {
  border-right-color: #e1e1e1;
}
[dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) {
  border-right-color: initial;
  border-left-color: #e1e1e1;
}
.cal-month-view .cal-days .cal-cell-row {
  border-bottom-color: #e1e1e1;
}
.cal-month-view .cal-day-badge {
  background-color: #b94a48;
  color: #fff;
}
.cal-month-view .cal-event {
  background-color: #1e90ff;
  border-color: #d1e8ff;
  color: #fff;
}
.cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
  color: #8b0000;
}
.cal-month-view .cal-day-cell.cal-today {
  background-color: #e8fde7;
}
.cal-month-view .cal-day-cell.cal-drag-over {
  background-color: #e0e0e0 !important;
}
.cal-month-view .cal-open-day-events {
  color: #fff;
  background-color: #555;
  box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5);
}
.cal-week-view {
  /* stylelint-disable-next-line selector-type-no-unknown */
}
.cal-week-view * {
  box-sizing: border-box;
}
.cal-week-view .cal-day-headers {
  -js-display: flex;
  display: flex;
  padding-left: 70px;
  border: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers {
  padding-left: initial;
  padding-right: 70px;
}
.cal-week-view .cal-day-headers .cal-header {
  flex: 1;
  text-align: center;
  padding: 5px;
}
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right: initial;
  border-left: 1px solid;
}
.cal-week-view .cal-day-headers .cal-header:first-child {
  border-left: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
  border-left: initial;
  border-right: 1px solid;
}
.cal-week-view .cal-day-headers span {
  font-weight: 400;
  opacity: 0.5;
}
.cal-week-view .cal-day-column {
  flex-grow: 1;
  border-left: solid 1px;
}
[dir=rtl] .cal-week-view .cal-day-column {
  border-left: initial;
  border-right: solid 1px;
}
.cal-week-view .cal-event {
  font-size: 12px;
  border: 1px solid;
  direction: ltr;
}
.cal-week-view .cal-time-label-column {
  width: 70px;
  height: 100%;
}
.cal-week-view .cal-current-time-marker {
  position: absolute;
  width: 100%;
  height: 2px;
  z-index: 2;
}
.cal-week-view .cal-all-day-events {
  border: solid 1px;
  border-top: 0;
  border-bottom-width: 3px;
  padding-top: 3px;
  position: relative;
}
.cal-week-view .cal-all-day-events .cal-day-columns {
  height: 100%;
  width: 100%;
  -js-display: flex;
  display: flex;
  position: absolute;
  top: 0;
  z-index: 0;
}
.cal-week-view .cal-all-day-events .cal-events-row {
  position: relative;
  height: 31px;
  margin-left: 70px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-events-row {
  margin-left: initial;
  margin-right: 70px;
}
.cal-week-view .cal-all-day-events .cal-event-container {
  display: inline-block;
  position: absolute;
}
.cal-week-view .cal-all-day-events .cal-event-container.resize-active {
  z-index: 1;
  pointer-events: none;
}
.cal-week-view .cal-all-day-events .cal-event {
  padding: 0 5px;
  margin-left: 2px;
  margin-right: 2px;
  height: 28px;
  line-height: 28px;
}
.cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
  border-top-left-radius: initial;
  border-bottom-left-radius: initial;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
  border-top-right-radius: initial;
  border-bottom-right-radius: initial;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.cal-week-view .cal-all-day-events .cal-time-label-column {
  -js-display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.cal-week-view .cal-all-day-events .cal-resize-handle {
  width: 6px;
  height: 100%;
  cursor: col-resize;
  position: absolute;
  top: 0;
}
.cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
  right: 0;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
  right: initial;
  left: 0;
}
.cal-week-view .cal-event,
.cal-week-view .cal-header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cal-week-view .cal-drag-active {
  pointer-events: none;
  z-index: 1;
}
.cal-week-view .cal-drag-active * {
  pointer-events: none;
}
.cal-week-view .cal-time-events {
  position: relative;
  border: solid 1px;
  border-top: 0;
  -js-display: flex;
  display: flex;
}
.cal-week-view .cal-time-events .cal-day-columns {
  -js-display: flex;
  display: flex;
  flex-grow: 1;
}
.cal-week-view .cal-time-events .cal-day-column {
  position: relative;
}
.cal-week-view .cal-time-events .cal-events-container {
  position: relative;
}
.cal-week-view .cal-time-events .cal-event-container {
  position: absolute;
  z-index: 1;
}
.cal-week-view .cal-time-events .cal-event {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  margin: 1px;
  padding: 0 5px;
  line-height: 25px;
}
.cal-week-view .cal-time-events .cal-resize-handle {
  width: 100%;
  height: 4px;
  cursor: row-resize;
  position: absolute;
}
.cal-week-view .cal-time-events .cal-resize-handle.cal-resize-handle-after-end {
  bottom: 0;
}
.cal-week-view .cal-hour-segment {
  position: relative;
}
.cal-week-view .cal-hour-segment::after {
  content: " ";
}
.cal-week-view .cal-event-container:not(.cal-draggable) {
  cursor: pointer;
}
.cal-week-view .cal-draggable {
  cursor: move;
}
.cal-week-view mwl-calendar-week-view-hour-segment,
.cal-week-view .cal-hour-segment {
  display: block;
}
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  border-bottom: thin dashed;
}
.cal-week-view .cal-time {
  font-weight: bold;
  padding-top: 5px;
  width: 70px;
  text-align: center;
}
.cal-week-view .cal-hour-segment.cal-after-hour-start .cal-time {
  display: none;
}
.cal-week-view .cal-starts-within-day .cal-event {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.cal-week-view .cal-ends-within-day .cal-event {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.cal-week-view {
  background-color: #fff;
  border-top: solid 1px #e1e1e1;
}
.cal-week-view .cal-day-headers {
  border-color: #e1e1e1;
  border-top: 0;
}
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right-color: initial;
  border-left: solid 1px #e1e1e1 !important;
}
.cal-week-view .cal-day-headers .cal-header:first-child {
  border-left-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
  border-left-color: initial;
  border-right-color: #e1e1e1;
}
.cal-week-view .cal-day-headers .cal-header:hover,
.cal-week-view .cal-day-headers .cal-drag-over {
  background-color: #ededed;
}
.cal-week-view .cal-day-column {
  border-left-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-column {
  border-left-color: initial;
  border-right-color: #e1e1e1;
}
.cal-week-view .cal-event {
  background-color: #d1e8ff;
  border-color: #1e90ff;
  color: #1e90ff;
}
.cal-week-view .cal-all-day-events {
  border-color: #e1e1e1;
}
.cal-week-view .cal-header.cal-today {
  background-color: #e8fde7;
}
.cal-week-view .cal-header.cal-weekend span {
  color: #8b0000;
}
.cal-week-view .cal-time-events {
  border-color: #e1e1e1;
}
.cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover {
  background-color: #ededed;
}
.cal-week-view .cal-hour-odd {
  background-color: #fafafa;
}
.cal-week-view .cal-drag-over .cal-hour-segment {
  background-color: #ededed;
}
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  border-bottom-color: #e1e1e1;
}
.cal-week-view .cal-current-time-marker {
  background-color: #ea4334;
}
.cal-day-view {
  /* stylelint-disable-next-line selector-type-no-unknown */
}
.cal-day-view mwl-calendar-week-view-header {
  display: none;
}
.cal-day-view .cal-events-container {
  margin-left: 70px;
}
[dir=rtl] .cal-day-view .cal-events-container {
  margin-left: initial;
  margin-right: 70px;
}
.cal-day-view .cal-day-column {
  border-left: 0;
}
.cal-day-view .cal-current-time-marker {
  margin-left: 70px;
  width: calc(100% - 70px);
}
[dir=rtl] .cal-day-view .cal-current-time-marker {
  margin-left: initial;
  margin-right: 70px;
}
.cal-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: 11px;
  word-wrap: break-word;
  opacity: 0.9;
}
.cal-tooltip.cal-tooltip-top {
  padding: 5px 0;
  margin-top: -3px;
}
.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
}
.cal-tooltip.cal-tooltip-right {
  padding: 0 5px;
  margin-left: 3px;
}
.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}
.cal-tooltip.cal-tooltip-bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
}
.cal-tooltip.cal-tooltip-left {
  padding: 0 5px;
  margin-left: -3px;
}
.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}
.cal-tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  text-align: center;
  border-radius: 0.25rem;
}
.cal-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  border-top-color: #000;
}
.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  border-right-color: #000;
}
.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  border-bottom-color: #000;
}
.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  border-left-color: #000;
}
.cal-tooltip-inner {
  color: #fff;
  background-color: #000;
}
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: 1px solid;
  opacity: 0.25;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}
h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}
h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}
h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}
h5, .h5 {
  font-size: 1.25rem;
}
h6, .h6 {
  font-size: 1rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul {
  padding-left: 2rem;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
small, .small {
  font-size: 0.875em;
}
mark, .mark {
  padding: 0.1875em;
  background-color: var(--bs-highlight-bg);
}
sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: var(--bs-link-color);
  text-decoration: underline;
}
a:hover {
  color: var(--bs-link-hover-color);
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}
figure {
  margin: 0 0 1rem;
}
img,
svg {
  vertical-align: middle;
}
table {
  caption-side: bottom;
  border-collapse: collapse;
}
caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #6c757d;
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
select {
  text-transform: none;
}
[role=button] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}
/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
summary {
  display: list-item;
  cursor: pointer;
}
progress {
  vertical-align: baseline;
}
[hidden] {
  display: none !important;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}
.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}
.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}
.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}
.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}
.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}
.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: 0.5rem;
}
.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}
.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid var(--bs-border-color);
  border-radius: 0.375rem;
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 0.875em;
  color: #6c757d;
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0%;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}
.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}
.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }

  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333333%;
  }

  .offset-sm-2 {
    margin-left: 16.66666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.33333333%;
  }

  .offset-sm-5 {
    margin-left: 41.66666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.33333333%;
  }

  .offset-sm-8 {
    margin-left: 66.66666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.33333333%;
  }

  .offset-sm-11 {
    margin-left: 91.66666667%;
  }

  .g-sm-0,
.gx-sm-0 {
    --bs-gutter-x: 0;
  }

  .g-sm-0,
.gy-sm-0 {
    --bs-gutter-y: 0;
  }

  .g-sm-1,
.gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-sm-1,
.gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-sm-2,
.gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-sm-2,
.gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-sm-3,
.gx-sm-3 {
    --bs-gutter-x: 1rem;
  }

  .g-sm-3,
.gy-sm-3 {
    --bs-gutter-y: 1rem;
  }

  .g-sm-4,
.gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-sm-4,
.gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-sm-5,
.gx-sm-5 {
    --bs-gutter-x: 3rem;
  }

  .g-sm-5,
.gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }

  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333333%;
  }

  .offset-md-2 {
    margin-left: 16.66666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.33333333%;
  }

  .offset-md-5 {
    margin-left: 41.66666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.33333333%;
  }

  .offset-md-8 {
    margin-left: 66.66666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.33333333%;
  }

  .offset-md-11 {
    margin-left: 91.66666667%;
  }

  .g-md-0,
.gx-md-0 {
    --bs-gutter-x: 0;
  }

  .g-md-0,
.gy-md-0 {
    --bs-gutter-y: 0;
  }

  .g-md-1,
.gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-md-1,
.gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-md-2,
.gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-md-2,
.gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-md-3,
.gx-md-3 {
    --bs-gutter-x: 1rem;
  }

  .g-md-3,
.gy-md-3 {
    --bs-gutter-y: 1rem;
  }

  .g-md-4,
.gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-md-4,
.gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-md-5,
.gx-md-5 {
    --bs-gutter-x: 3rem;
  }

  .g-md-5,
.gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }

  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333333%;
  }

  .offset-lg-2 {
    margin-left: 16.66666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333333%;
  }

  .offset-lg-5 {
    margin-left: 41.66666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333333%;
  }

  .offset-lg-8 {
    margin-left: 66.66666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333333%;
  }

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }

  .g-lg-0,
.gx-lg-0 {
    --bs-gutter-x: 0;
  }

  .g-lg-0,
.gy-lg-0 {
    --bs-gutter-y: 0;
  }

  .g-lg-1,
.gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-lg-1,
.gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-lg-2,
.gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-lg-2,
.gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-lg-3,
.gx-lg-3 {
    --bs-gutter-x: 1rem;
  }

  .g-lg-3,
.gy-lg-3 {
    --bs-gutter-y: 1rem;
  }

  .g-lg-4,
.gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-lg-4,
.gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-lg-5,
.gx-lg-5 {
    --bs-gutter-x: 3rem;
  }

  .g-lg-5,
.gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }

  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }

  .g-xl-0,
.gx-xl-0 {
    --bs-gutter-x: 0;
  }

  .g-xl-0,
.gy-xl-0 {
    --bs-gutter-y: 0;
  }

  .g-xl-1,
.gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xl-1,
.gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xl-2,
.gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xl-2,
.gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xl-3,
.gx-xl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xl-3,
.gy-xl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xl-4,
.gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xl-4,
.gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xl-5,
.gx-xl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xl-5,
.gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }

  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xxl-0 {
    margin-left: 0;
  }

  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xxl-3 {
    margin-left: 25%;
  }

  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xxl-6 {
    margin-left: 50%;
  }

  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xxl-9 {
    margin-left: 75%;
  }

  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }

  .g-xxl-0,
.gx-xxl-0 {
    --bs-gutter-x: 0;
  }

  .g-xxl-0,
.gy-xxl-0 {
    --bs-gutter-y: 0;
  }

  .g-xxl-1,
.gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xxl-1,
.gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xxl-2,
.gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xxl-2,
.gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xxl-3,
.gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xxl-3,
.gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xxl-4,
.gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xxl-4,
.gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xxl-5,
.gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xxl-5,
.gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-color: var(--bs-body-color);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: var(--bs-body-color);
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: var(--bs-body-color);
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: var(--bs-table-color);
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table-group-divider {
  border-top: 2px solid currentcolor;
}
.caption-top {
  caption-side: top;
}
.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}
.table-bordered > :not(caption) > * {
  border-width: 1px 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
}
.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}
.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}
.table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color);
}
.table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color);
}
.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #cfe2ff;
  --bs-table-border-color: #bacbe6;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #cbccce;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d1e7dd;
  --bs-table-border-color: #bcd0c7;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #badce3;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #e6dbb9;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #dfc2c4;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #dfe0e1;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #373b3e;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}
.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}
.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
}
.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
}
.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #6c757d;
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
          appearance: none;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled {
  background-color: #e9ecef;
  opacity: 1;
}
.form-control::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dde0e3;
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3;
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}
.form-control-sm::-webkit-file-upload-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}
.form-control-lg::-webkit-file-upload-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}
textarea.form-control {
  min-height: calc(1.5em + 0.75rem + 2px);
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
}
.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: 0.375rem;
}
.form-control-color::-webkit-color-swatch {
  border-radius: 0.375rem;
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
}
.form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
          appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: #e9ecef;
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #212529;
}
.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}
.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}
.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}
.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}
.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
          appearance: none;
  -webkit-print-color-adjust: exact;
     color-adjust: exact;
          print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}
.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}
.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}
.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}
.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
          appearance: none;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
          appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
.form-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}
.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + 2px);
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: 1px 0;
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 3;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 3;
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
}
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.form-floating):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback),
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #198754;
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(25, 135, 84, 0.9);
  border-radius: 0.375rem;
}
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #198754;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .form-select:valid, .form-select.is-valid {
  border-color: #198754;
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.was-validated .form-control-color:valid, .form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}
.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: #198754;
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: #198754;
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #198754;
}
.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}
.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid,
.was-validated .input-group .form-select:valid,
.input-group .form-select.is-valid {
  z-index: 1;
}
.was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus,
.was-validated .input-group .form-select:valid:focus,
.input-group .form-select.is-valid:focus {
  z-index: 3;
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.375rem;
}
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: #dc3545;
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}
.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: #dc3545;
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: #dc3545;
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}
.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}
.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid,
.was-validated .input-group .form-select:invalid,
.input-group .form-select.is-invalid {
  z-index: 2;
}
.was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus,
.was-validated .input-group .form-select:invalid:focus,
.input-group .form-select.is-invalid:focus {
  z-index: 3;
}
.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: #212529;
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0.375rem;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check:focus + .btn, .btn:focus {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, .btn-check:active + .btn, .btn:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus, .btn-check:active + .btn:focus, .btn:active:focus, .btn.active:focus, .btn.show:focus {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}
.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}
.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}
.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}
.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}
.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}
.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}
.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}
.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none;
}
.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}
.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none;
}
.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}
.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none;
}
.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}
.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}
.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}
.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: none;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline;
}
.btn-link:focus {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}
.btn-lg, .btn-group-lg > .btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: 0.5rem;
}
.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 0.25rem;
}
.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}
.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: #212529;
  --bs-dropdown-bg: #fff;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: 0.375rem;
  --bs-dropdown-border-width: 1px;
  --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-dropdown-link-color: #212529;
  --bs-dropdown-link-hover-color: #1e2125;
  --bs-dropdown-link-hover-bg: #e9ecef;
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}
.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}
.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}
.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group {
  border-radius: 0.375rem;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}
.nav-link.disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  --bs-nav-tabs-border-width: 1px;
  --bs-nav-tabs-border-color: #dee2e6;
  --bs-nav-tabs-border-radius: 0.375rem;
  --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
  --bs-nav-tabs-link-active-color: #495057;
  --bs-nav-tabs-link-active-bg: #fff;
  --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(var(--bs-nav-tabs-border-width) * -1);
  background: none;
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(var(--bs-nav-tabs-border-width) * -1);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills {
  --bs-nav-pills-border-radius: 0.375rem;
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd;
}
.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}
.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(0, 0, 0, 0.55);
  --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
  --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
  --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
  --bs-navbar-toggler-border-radius: 0.375rem;
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}
.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .show > .nav-link,
.navbar-nav .nav-link.active {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}
.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}
.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}
.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}
.navbar-dark {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-border-width: 1px;
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: 0.375rem;
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(0.375rem - 1px);
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: #fff;
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}
.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}
.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
}
.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}
.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}
.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}
.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}
.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}
.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}
.accordion {
  --bs-accordion-color: #000;
  --bs-accordion-bg: #fff;
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: 1px;
  --bs-accordion-border-radius: 0.375rem;
  --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-body-color%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #86b7fe;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: #0c63e4;
  --bs-accordion-active-bg: #e7f1ff;
}
.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}
.accordion-header {
  margin-bottom: 0;
}
.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}
.accordion-flush .accordion-collapse {
  border-width: 0;
}
.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button {
  border-radius: 0;
}
.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: #6c757d;
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}
.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: #fff;
  --bs-pagination-border-width: 1px;
  --bs-pagination-border-color: #dee2e6;
  --bs-pagination-border-radius: 0.375rem;
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: #e9ecef;
  --bs-pagination-hover-border-color: #dee2e6;
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: #e9ecef;
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: #6c757d;
  --bs-pagination-disabled-bg: #fff;
  --bs-pagination-disabled-border-color: #dee2e6;
  display: flex;
  padding-left: 0;
  list-style: none;
}
.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active, .active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled, .disabled > .page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}
.page-item:not(:first-child) .page-link {
  margin-left: -1px;
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}
.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: 0.5rem;
}
.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: 0.25rem;
}
.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: 0.375rem;
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: 1px solid var(--bs-alert-border-color);
  --bs-alert-border-radius: 0.375rem;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
}
.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}
.alert-primary {
  --bs-alert-color: #084298;
  --bs-alert-bg: #cfe2ff;
  --bs-alert-border-color: #b6d4fe;
}
.alert-primary .alert-link {
  color: #06357a;
}
.alert-secondary {
  --bs-alert-color: #41464b;
  --bs-alert-bg: #e2e3e5;
  --bs-alert-border-color: #d3d6d8;
}
.alert-secondary .alert-link {
  color: #34383c;
}
.alert-success {
  --bs-alert-color: #0f5132;
  --bs-alert-bg: #d1e7dd;
  --bs-alert-border-color: #badbcc;
}
.alert-success .alert-link {
  color: #0c4128;
}
.alert-info {
  --bs-alert-color: #055160;
  --bs-alert-bg: #cff4fc;
  --bs-alert-border-color: #b6effb;
}
.alert-info .alert-link {
  color: #04414d;
}
.alert-warning {
  --bs-alert-color: #664d03;
  --bs-alert-bg: #fff3cd;
  --bs-alert-border-color: #ffecb5;
}
.alert-warning .alert-link {
  color: #523e02;
}
.alert-danger {
  --bs-alert-color: #842029;
  --bs-alert-bg: #f8d7da;
  --bs-alert-border-color: #f5c2c7;
}
.alert-danger .alert-link {
  color: #6a1a21;
}
.alert-light {
  --bs-alert-color: #636464;
  --bs-alert-bg: #fefefe;
  --bs-alert-border-color: #fdfdfe;
}
.alert-light .alert-link {
  color: #4f5050;
}
.alert-dark {
  --bs-alert-color: #141619;
  --bs-alert-bg: #d3d3d4;
  --bs-alert-border-color: #bcbebf;
}
.alert-dark .alert-link {
  color: #101214;
}
@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
.progress {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: #e9ecef;
  --bs-progress-border-radius: 0.375rem;
  --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}
.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}
.list-group {
  --bs-list-group-color: #212529;
  --bs-list-group-bg: #fff;
  --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
  --bs-list-group-border-width: 1px;
  --bs-list-group-border-radius: 0.375rem;
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: #495057;
  --bs-list-group-action-hover-color: #495057;
  --bs-list-group-action-hover-bg: #f8f9fa;
  --bs-list-group-action-active-color: #212529;
  --bs-list-group-action-active-bg: #e9ecef;
  --bs-list-group-disabled-color: #6c757d;
  --bs-list-group-disabled-bg: #fff;
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}
.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}
.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}
.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(var(--bs-list-group-border-width) * -1);
  border-top-width: var(--bs-list-group-border-width);
}
.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(var(--bs-list-group-border-width) * -1);
  border-left-width: var(--bs-list-group-border-width);
}
@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(var(--bs-list-group-border-width) * -1);
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(var(--bs-list-group-border-width) * -1);
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(var(--bs-list-group-border-width) * -1);
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(var(--bs-list-group-border-width) * -1);
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(var(--bs-list-group-border-width) * -1);
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-item-primary {
  color: #084298;
  background-color: #cfe2ff;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #084298;
  background-color: #bacbe6;
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #084298;
  border-color: #084298;
}
.list-group-item-secondary {
  color: #41464b;
  background-color: #e2e3e5;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #41464b;
  background-color: #cbccce;
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #41464b;
  border-color: #41464b;
}
.list-group-item-success {
  color: #0f5132;
  background-color: #d1e7dd;
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #0f5132;
  background-color: #bcd0c7;
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #0f5132;
  border-color: #0f5132;
}
.list-group-item-info {
  color: #055160;
  background-color: #cff4fc;
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #055160;
  background-color: #badce3;
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #055160;
  border-color: #055160;
}
.list-group-item-warning {
  color: #664d03;
  background-color: #fff3cd;
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #664d03;
  background-color: #e6dbb9;
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #664d03;
  border-color: #664d03;
}
.list-group-item-danger {
  color: #842029;
  background-color: #f8d7da;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #842029;
  background-color: #dfc2c4;
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #842029;
  border-color: #842029;
}
.list-group-item-light {
  color: #636464;
  background-color: #fefefe;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #636464;
  background-color: #e5e5e5;
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #636464;
  border-color: #636464;
}
.list-group-item-dark {
  color: #141619;
  background-color: #d3d3d4;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #141619;
  background-color: #bebebf;
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #141619;
  border-color: #141619;
}
.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: 0.5;
}
.btn-close:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}
.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  opacity: 1;
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
  opacity: 0.25;
}
.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%);
}
.toast {
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(255, 255, 255, 0.85);
  --bs-toast-border-width: 1px;
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: 0.375rem;
  --bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-toast-header-color: #6c757d;
  --bs-toast-header-bg: rgba(255, 255, 255, 0.85);
  --bs-toast-header-border-color: rgba(0, 0, 0, 0.05);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}
.toast-container {
  position: absolute;
  z-index: 1090;
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}
.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
  margin-right: calc(var(--bs-toast-padding-x) * -0.5);
  margin-left: var(--bs-toast-padding-x);
}
.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}
.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: #fff;
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: 1px;
  --bs-modal-border-radius: 0.5rem;
  --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-modal-inner-border-radius: calc(0.5rem - 1px);
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: 1px;
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: 1px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}
.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: calc(var(--bs-modal-header-padding-y) * -0.5) calc(var(--bs-modal-header-padding-x) * -0.5) calc(var(--bs-modal-header-padding-y) * -0.5) auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}
.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}
@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }

  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }

  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
.modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
.modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
.modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
.modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
.modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
.modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: #fff;
  --bs-tooltip-bg: #000;
  --bs-tooltip-border-radius: 0.375rem;
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  padding: var(--bs-tooltip-arrow-height);
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  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;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: 0;
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}
/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}
/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: 0;
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}
/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}
/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}
.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: #fff;
  --bs-popover-border-width: 1px;
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: 0.5rem;
  --bs-popover-inner-border-radius: calc(0.5rem - 1px);
  --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: var(--bs-heading-color);
  --bs-popover-header-bg: #f0f0f0;
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: #212529;
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  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;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}
.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}
/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}
/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(var(--bs-popover-arrow-width) * -0.5);
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}
/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}
/* rtl:end:ignore */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}
.carousel {
  position: relative;
}
.carousel.pointer-event {
  touch-action: pan-y;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}
/* rtl:begin:ignore */
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}
/* rtl:end:ignore */
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    transition: none;
  }
}
.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
.carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}
/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}
.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000;
}
.carousel-dark .carousel-caption {
  color: #000;
}
.spinner-grow,
.spinner-border {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}
.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}
.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .spinner-border,
.spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: ;
  --bs-offcanvas-bg: #fff;
  --bs-offcanvas-border-width: 1px;
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
    transform: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: 1045;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: transform 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.showing, .offcanvas.show:not(.hiding) {
  transform: none;
}
.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
  visibility: visible;
}
.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}
.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin-top: calc(var(--bs-offcanvas-padding-y) * -0.5);
  margin-right: calc(var(--bs-offcanvas-padding-x) * -0.5);
  margin-bottom: calc(var(--bs-offcanvas-padding-y) * -0.5);
}
.offcanvas-title {
  margin-bottom: 0;
  line-height: 1.5;
}
.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}
.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}
.placeholder-xs {
  min-height: 0.6em;
}
.placeholder-sm {
  min-height: 0.8em;
}
.placeholder-lg {
  min-height: 1.2em;
}
.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}
@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
          mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  -webkit-mask-size: 200% 100%;
          mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}
@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
            mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important;
}
.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important;
}
.text-bg-success {
  color: #fff !important;
  background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important;
}
.text-bg-info {
  color: #000 !important;
  background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important;
}
.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important;
}
.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important;
}
.text-bg-light {
  color: #000 !important;
  background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important;
}
.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important;
}
.link-primary {
  color: #0d6efd !important;
}
.link-primary:hover, .link-primary:focus {
  color: #0a58ca !important;
}
.link-secondary {
  color: #6c757d !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: #565e64 !important;
}
.link-success {
  color: #198754 !important;
}
.link-success:hover, .link-success:focus {
  color: #146c43 !important;
}
.link-info {
  color: #0dcaf0 !important;
}
.link-info:hover, .link-info:focus {
  color: #3dd5f3 !important;
}
.link-warning {
  color: #ffc107 !important;
}
.link-warning:hover, .link-warning:focus {
  color: #ffcd39 !important;
}
.link-danger {
  color: #dc3545 !important;
}
.link-danger:hover, .link-danger:focus {
  color: #b02a37 !important;
}
.link-light {
  color: #f8f9fa !important;
}
.link-light:hover, .link-light:focus {
  color: #f9fafb !important;
}
.link-dark {
  color: #212529 !important;
}
.link-dark:hover, .link-dark:focus {
  color: #1a1e21 !important;
}
.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}
.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}
.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}
.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}
.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;
}
.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}
.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}
@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }

  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }

  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }

  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }

  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }

  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}
.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}
.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;
}
.float-start {
  float: left !important;
}
.float-end {
  float: right !important;
}
.float-none {
  float: none !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-25 {
  opacity: 0.25 !important;
}
.opacity-50 {
  opacity: 0.5 !important;
}
.opacity-75 {
  opacity: 0.75 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.top-0 {
  top: 0 !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
.start-0 {
  left: 0 !important;
}
.start-50 {
  left: 50% !important;
}
.start-100 {
  left: 100% !important;
}
.end-0 {
  right: 0 !important;
}
.end-50 {
  right: 50% !important;
}
.end-100 {
  right: 100% !important;
}
.translate-middle {
  transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
  transform: translateX(-50%) !important;
}
.translate-middle-y {
  transform: translateY(-50%) !important;
}
.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-0 {
  border: 0 !important;
}
.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-end-0 {
  border-right: 0 !important;
}
.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-start-0 {
  border-left: 0 !important;
}
.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}
.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}
.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}
.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}
.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}
.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}
.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}
.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}
.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}
.border-1 {
  --bs-border-width: 1px;
}
.border-2 {
  --bs-border-width: 2px;
}
.border-3 {
  --bs-border-width: 3px;
}
.border-4 {
  --bs-border-width: 4px;
}
.border-5 {
  --bs-border-width: 5px;
}
.border-opacity-10 {
  --bs-border-opacity: 0.1;
}
.border-opacity-25 {
  --bs-border-opacity: 0.25;
}
.border-opacity-50 {
  --bs-border-opacity: 0.5;
}
.border-opacity-75 {
  --bs-border-opacity: 0.75;
}
.border-opacity-100 {
  --bs-border-opacity: 1;
}
.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;
}
.mw-100 {
  max-width: 100% !important;
}
.vw-100 {
  width: 100vw !important;
}
.min-vw-100 {
  min-width: 100vw !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;
}
.mh-100 {
  max-height: 100% !important;
}
.vh-100 {
  height: 100vh !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
.gap-0 {
  gap: 0 !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-3 {
  gap: 1rem !important;
}
.gap-4 {
  gap: 1.5rem !important;
}
.gap-5 {
  gap: 3rem !important;
}
.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
  font-size: 1.25rem !important;
}
.fs-6 {
  font-size: 1rem !important;
}
.fst-italic {
  font-style: italic !important;
}
.fst-normal {
  font-style: normal !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-lighter {
  font-weight: lighter !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.fw-bolder {
  font-weight: bolder !important;
}
.lh-1 {
  line-height: 1 !important;
}
.lh-sm {
  line-height: 1.25 !important;
}
.lh-base {
  line-height: 1.5 !important;
}
.lh-lg {
  line-height: 2 !important;
}
.text-start {
  text-align: left !important;
}
.text-end {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
  --bs-text-opacity: 1;
  color: #6c757d !important;
}
.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}
.text-opacity-25 {
  --bs-text-opacity: 0.25;
}
.text-opacity-50 {
  --bs-text-opacity: 0.5;
}
.text-opacity-75 {
  --bs-text-opacity: 0.75;
}
.text-opacity-100 {
  --bs-text-opacity: 1;
}
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}
.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}
.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}
.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}
.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}
.bg-opacity-100 {
  --bs-bg-opacity: 1;
}
.bg-gradient {
  background-image: var(--bs-gradient) !important;
}
.user-select-all {
  -webkit-user-select: all !important;
          user-select: all !important;
}
.user-select-auto {
  -webkit-user-select: auto !important;
          user-select: auto !important;
}
.user-select-none {
  -webkit-user-select: none !important;
          user-select: none !important;
}
.pe-none {
  pointer-events: none !important;
}
.pe-auto {
  pointer-events: auto !important;
}
.rounded {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}
.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}
.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}
.rounded-5 {
  border-radius: var(--bs-border-radius-2xl) !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}
.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }

  .float-sm-end {
    float: right !important;
  }

  .float-sm-none {
    float: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-grid {
    display: grid !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }

  .d-sm-none {
    display: none !important;
  }

  .flex-sm-fill {
    flex: 1 1 auto !important;
  }

  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-sm-start {
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-sm-start {
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }

  .order-sm-first {
    order: -1 !important;
  }

  .order-sm-0 {
    order: 0 !important;
  }

  .order-sm-1 {
    order: 1 !important;
  }

  .order-sm-2 {
    order: 2 !important;
  }

  .order-sm-3 {
    order: 3 !important;
  }

  .order-sm-4 {
    order: 4 !important;
  }

  .order-sm-5 {
    order: 5 !important;
  }

  .order-sm-last {
    order: 6 !important;
  }

  .m-sm-0 {
    margin: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-sm-0 {
    margin-top: 0 !important;
  }

  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mt-sm-3 {
    margin-top: 1rem !important;
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mt-sm-5 {
    margin-top: 3rem !important;
  }

  .mt-sm-auto {
    margin-top: auto !important;
  }

  .me-sm-0 {
    margin-right: 0 !important;
  }

  .me-sm-1 {
    margin-right: 0.25rem !important;
  }

  .me-sm-2 {
    margin-right: 0.5rem !important;
  }

  .me-sm-3 {
    margin-right: 1rem !important;
  }

  .me-sm-4 {
    margin-right: 1.5rem !important;
  }

  .me-sm-5 {
    margin-right: 3rem !important;
  }

  .me-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-0 {
    margin-bottom: 0 !important;
  }

  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }

  .mb-sm-auto {
    margin-bottom: auto !important;
  }

  .ms-sm-0 {
    margin-left: 0 !important;
  }

  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }

  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }

  .ms-sm-3 {
    margin-left: 1rem !important;
  }

  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }

  .ms-sm-5 {
    margin-left: 3rem !important;
  }

  .ms-sm-auto {
    margin-left: auto !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-sm-0 {
    padding-top: 0 !important;
  }

  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pt-sm-3 {
    padding-top: 1rem !important;
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pt-sm-5 {
    padding-top: 3rem !important;
  }

  .pe-sm-0 {
    padding-right: 0 !important;
  }

  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pe-sm-3 {
    padding-right: 1rem !important;
  }

  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pe-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-0 {
    padding-bottom: 0 !important;
  }

  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }

  .ps-sm-0 {
    padding-left: 0 !important;
  }

  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }

  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }

  .ps-sm-3 {
    padding-left: 1rem !important;
  }

  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }

  .ps-sm-5 {
    padding-left: 3rem !important;
  }

  .gap-sm-0 {
    gap: 0 !important;
  }

  .gap-sm-1 {
    gap: 0.25rem !important;
  }

  .gap-sm-2 {
    gap: 0.5rem !important;
  }

  .gap-sm-3 {
    gap: 1rem !important;
  }

  .gap-sm-4 {
    gap: 1.5rem !important;
  }

  .gap-sm-5 {
    gap: 3rem !important;
  }

  .text-sm-start {
    text-align: left !important;
  }

  .text-sm-end {
    text-align: right !important;
  }

  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }

  .float-md-end {
    float: right !important;
  }

  .float-md-none {
    float: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-grid {
    display: grid !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }

  .d-md-none {
    display: none !important;
  }

  .flex-md-fill {
    flex: 1 1 auto !important;
  }

  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }

  .order-md-first {
    order: -1 !important;
  }

  .order-md-0 {
    order: 0 !important;
  }

  .order-md-1 {
    order: 1 !important;
  }

  .order-md-2 {
    order: 2 !important;
  }

  .order-md-3 {
    order: 3 !important;
  }

  .order-md-4 {
    order: 4 !important;
  }

  .order-md-5 {
    order: 5 !important;
  }

  .order-md-last {
    order: 6 !important;
  }

  .m-md-0 {
    margin: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-md-0 {
    margin-top: 0 !important;
  }

  .mt-md-1 {
    margin-top: 0.25rem !important;
  }

  .mt-md-2 {
    margin-top: 0.5rem !important;
  }

  .mt-md-3 {
    margin-top: 1rem !important;
  }

  .mt-md-4 {
    margin-top: 1.5rem !important;
  }

  .mt-md-5 {
    margin-top: 3rem !important;
  }

  .mt-md-auto {
    margin-top: auto !important;
  }

  .me-md-0 {
    margin-right: 0 !important;
  }

  .me-md-1 {
    margin-right: 0.25rem !important;
  }

  .me-md-2 {
    margin-right: 0.5rem !important;
  }

  .me-md-3 {
    margin-right: 1rem !important;
  }

  .me-md-4 {
    margin-right: 1.5rem !important;
  }

  .me-md-5 {
    margin-right: 3rem !important;
  }

  .me-md-auto {
    margin-right: auto !important;
  }

  .mb-md-0 {
    margin-bottom: 0 !important;
  }

  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-md-3 {
    margin-bottom: 1rem !important;
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-md-5 {
    margin-bottom: 3rem !important;
  }

  .mb-md-auto {
    margin-bottom: auto !important;
  }

  .ms-md-0 {
    margin-left: 0 !important;
  }

  .ms-md-1 {
    margin-left: 0.25rem !important;
  }

  .ms-md-2 {
    margin-left: 0.5rem !important;
  }

  .ms-md-3 {
    margin-left: 1rem !important;
  }

  .ms-md-4 {
    margin-left: 1.5rem !important;
  }

  .ms-md-5 {
    margin-left: 3rem !important;
  }

  .ms-md-auto {
    margin-left: auto !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-md-0 {
    padding-top: 0 !important;
  }

  .pt-md-1 {
    padding-top: 0.25rem !important;
  }

  .pt-md-2 {
    padding-top: 0.5rem !important;
  }

  .pt-md-3 {
    padding-top: 1rem !important;
  }

  .pt-md-4 {
    padding-top: 1.5rem !important;
  }

  .pt-md-5 {
    padding-top: 3rem !important;
  }

  .pe-md-0 {
    padding-right: 0 !important;
  }

  .pe-md-1 {
    padding-right: 0.25rem !important;
  }

  .pe-md-2 {
    padding-right: 0.5rem !important;
  }

  .pe-md-3 {
    padding-right: 1rem !important;
  }

  .pe-md-4 {
    padding-right: 1.5rem !important;
  }

  .pe-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-0 {
    padding-bottom: 0 !important;
  }

  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-md-3 {
    padding-bottom: 1rem !important;
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-md-5 {
    padding-bottom: 3rem !important;
  }

  .ps-md-0 {
    padding-left: 0 !important;
  }

  .ps-md-1 {
    padding-left: 0.25rem !important;
  }

  .ps-md-2 {
    padding-left: 0.5rem !important;
  }

  .ps-md-3 {
    padding-left: 1rem !important;
  }

  .ps-md-4 {
    padding-left: 1.5rem !important;
  }

  .ps-md-5 {
    padding-left: 3rem !important;
  }

  .gap-md-0 {
    gap: 0 !important;
  }

  .gap-md-1 {
    gap: 0.25rem !important;
  }

  .gap-md-2 {
    gap: 0.5rem !important;
  }

  .gap-md-3 {
    gap: 1rem !important;
  }

  .gap-md-4 {
    gap: 1.5rem !important;
  }

  .gap-md-5 {
    gap: 3rem !important;
  }

  .text-md-start {
    text-align: left !important;
  }

  .text-md-end {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }

  .float-lg-end {
    float: right !important;
  }

  .float-lg-none {
    float: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-grid {
    display: grid !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }

  .d-lg-none {
    display: none !important;
  }

  .flex-lg-fill {
    flex: 1 1 auto !important;
  }

  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }

  .order-lg-first {
    order: -1 !important;
  }

  .order-lg-0 {
    order: 0 !important;
  }

  .order-lg-1 {
    order: 1 !important;
  }

  .order-lg-2 {
    order: 2 !important;
  }

  .order-lg-3 {
    order: 3 !important;
  }

  .order-lg-4 {
    order: 4 !important;
  }

  .order-lg-5 {
    order: 5 !important;
  }

  .order-lg-last {
    order: 6 !important;
  }

  .m-lg-0 {
    margin: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-lg-0 {
    margin-top: 0 !important;
  }

  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mt-lg-3 {
    margin-top: 1rem !important;
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mt-lg-5 {
    margin-top: 3rem !important;
  }

  .mt-lg-auto {
    margin-top: auto !important;
  }

  .me-lg-0 {
    margin-right: 0 !important;
  }

  .me-lg-1 {
    margin-right: 0.25rem !important;
  }

  .me-lg-2 {
    margin-right: 0.5rem !important;
  }

  .me-lg-3 {
    margin-right: 1rem !important;
  }

  .me-lg-4 {
    margin-right: 1.5rem !important;
  }

  .me-lg-5 {
    margin-right: 3rem !important;
  }

  .me-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-0 {
    margin-bottom: 0 !important;
  }

  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }

  .mb-lg-auto {
    margin-bottom: auto !important;
  }

  .ms-lg-0 {
    margin-left: 0 !important;
  }

  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }

  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }

  .ms-lg-3 {
    margin-left: 1rem !important;
  }

  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }

  .ms-lg-5 {
    margin-left: 3rem !important;
  }

  .ms-lg-auto {
    margin-left: auto !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-lg-0 {
    padding-top: 0 !important;
  }

  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pt-lg-3 {
    padding-top: 1rem !important;
  }

  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pt-lg-5 {
    padding-top: 3rem !important;
  }

  .pe-lg-0 {
    padding-right: 0 !important;
  }

  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pe-lg-3 {
    padding-right: 1rem !important;
  }

  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pe-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-0 {
    padding-bottom: 0 !important;
  }

  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }

  .ps-lg-0 {
    padding-left: 0 !important;
  }

  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }

  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }

  .ps-lg-3 {
    padding-left: 1rem !important;
  }

  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }

  .ps-lg-5 {
    padding-left: 3rem !important;
  }

  .gap-lg-0 {
    gap: 0 !important;
  }

  .gap-lg-1 {
    gap: 0.25rem !important;
  }

  .gap-lg-2 {
    gap: 0.5rem !important;
  }

  .gap-lg-3 {
    gap: 1rem !important;
  }

  .gap-lg-4 {
    gap: 1.5rem !important;
  }

  .gap-lg-5 {
    gap: 3rem !important;
  }

  .text-lg-start {
    text-align: left !important;
  }

  .text-lg-end {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }

  .float-xl-end {
    float: right !important;
  }

  .float-xl-none {
    float: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-grid {
    display: grid !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }

  .d-xl-none {
    display: none !important;
  }

  .flex-xl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }

  .order-xl-first {
    order: -1 !important;
  }

  .order-xl-0 {
    order: 0 !important;
  }

  .order-xl-1 {
    order: 1 !important;
  }

  .order-xl-2 {
    order: 2 !important;
  }

  .order-xl-3 {
    order: 3 !important;
  }

  .order-xl-4 {
    order: 4 !important;
  }

  .order-xl-5 {
    order: 5 !important;
  }

  .order-xl-last {
    order: 6 !important;
  }

  .m-xl-0 {
    margin: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xl-0 {
    margin-top: 0 !important;
  }

  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xl-3 {
    margin-top: 1rem !important;
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xl-5 {
    margin-top: 3rem !important;
  }

  .mt-xl-auto {
    margin-top: auto !important;
  }

  .me-xl-0 {
    margin-right: 0 !important;
  }

  .me-xl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xl-3 {
    margin-right: 1rem !important;
  }

  .me-xl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xl-5 {
    margin-right: 3rem !important;
  }

  .me-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xl-auto {
    margin-bottom: auto !important;
  }

  .ms-xl-0 {
    margin-left: 0 !important;
  }

  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xl-3 {
    margin-left: 1rem !important;
  }

  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xl-5 {
    margin-left: 3rem !important;
  }

  .ms-xl-auto {
    margin-left: auto !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xl-0 {
    padding-top: 0 !important;
  }

  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xl-3 {
    padding-top: 1rem !important;
  }

  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xl-5 {
    padding-top: 3rem !important;
  }

  .pe-xl-0 {
    padding-right: 0 !important;
  }

  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xl-3 {
    padding-right: 1rem !important;
  }

  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xl-0 {
    padding-left: 0 !important;
  }

  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xl-3 {
    padding-left: 1rem !important;
  }

  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xl-5 {
    padding-left: 3rem !important;
  }

  .gap-xl-0 {
    gap: 0 !important;
  }

  .gap-xl-1 {
    gap: 0.25rem !important;
  }

  .gap-xl-2 {
    gap: 0.5rem !important;
  }

  .gap-xl-3 {
    gap: 1rem !important;
  }

  .gap-xl-4 {
    gap: 1.5rem !important;
  }

  .gap-xl-5 {
    gap: 3rem !important;
  }

  .text-xl-start {
    text-align: left !important;
  }

  .text-xl-end {
    text-align: right !important;
  }

  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }

  .float-xxl-end {
    float: right !important;
  }

  .float-xxl-none {
    float: none !important;
  }

  .d-xxl-inline {
    display: inline !important;
  }

  .d-xxl-inline-block {
    display: inline-block !important;
  }

  .d-xxl-block {
    display: block !important;
  }

  .d-xxl-grid {
    display: grid !important;
  }

  .d-xxl-table {
    display: table !important;
  }

  .d-xxl-table-row {
    display: table-row !important;
  }

  .d-xxl-table-cell {
    display: table-cell !important;
  }

  .d-xxl-flex {
    display: flex !important;
  }

  .d-xxl-inline-flex {
    display: inline-flex !important;
  }

  .d-xxl-none {
    display: none !important;
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xxl-row {
    flex-direction: row !important;
  }

  .flex-xxl-column {
    flex-direction: column !important;
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xxl-center {
    justify-content: center !important;
  }

  .justify-content-xxl-between {
    justify-content: space-between !important;
  }

  .justify-content-xxl-around {
    justify-content: space-around !important;
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xxl-start {
    align-items: flex-start !important;
  }

  .align-items-xxl-end {
    align-items: flex-end !important;
  }

  .align-items-xxl-center {
    align-items: center !important;
  }

  .align-items-xxl-baseline {
    align-items: baseline !important;
  }

  .align-items-xxl-stretch {
    align-items: stretch !important;
  }

  .align-content-xxl-start {
    align-content: flex-start !important;
  }

  .align-content-xxl-end {
    align-content: flex-end !important;
  }

  .align-content-xxl-center {
    align-content: center !important;
  }

  .align-content-xxl-between {
    align-content: space-between !important;
  }

  .align-content-xxl-around {
    align-content: space-around !important;
  }

  .align-content-xxl-stretch {
    align-content: stretch !important;
  }

  .align-self-xxl-auto {
    align-self: auto !important;
  }

  .align-self-xxl-start {
    align-self: flex-start !important;
  }

  .align-self-xxl-end {
    align-self: flex-end !important;
  }

  .align-self-xxl-center {
    align-self: center !important;
  }

  .align-self-xxl-baseline {
    align-self: baseline !important;
  }

  .align-self-xxl-stretch {
    align-self: stretch !important;
  }

  .order-xxl-first {
    order: -1 !important;
  }

  .order-xxl-0 {
    order: 0 !important;
  }

  .order-xxl-1 {
    order: 1 !important;
  }

  .order-xxl-2 {
    order: 2 !important;
  }

  .order-xxl-3 {
    order: 3 !important;
  }

  .order-xxl-4 {
    order: 4 !important;
  }

  .order-xxl-5 {
    order: 5 !important;
  }

  .order-xxl-last {
    order: 6 !important;
  }

  .m-xxl-0 {
    margin: 0 !important;
  }

  .m-xxl-1 {
    margin: 0.25rem !important;
  }

  .m-xxl-2 {
    margin: 0.5rem !important;
  }

  .m-xxl-3 {
    margin: 1rem !important;
  }

  .m-xxl-4 {
    margin: 1.5rem !important;
  }

  .m-xxl-5 {
    margin: 3rem !important;
  }

  .m-xxl-auto {
    margin: auto !important;
  }

  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xxl-0 {
    margin-top: 0 !important;
  }

  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xxl-3 {
    margin-top: 1rem !important;
  }

  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xxl-5 {
    margin-top: 3rem !important;
  }

  .mt-xxl-auto {
    margin-top: auto !important;
  }

  .me-xxl-0 {
    margin-right: 0 !important;
  }

  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xxl-3 {
    margin-right: 1rem !important;
  }

  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xxl-5 {
    margin-right: 3rem !important;
  }

  .me-xxl-auto {
    margin-right: auto !important;
  }

  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xxl-auto {
    margin-bottom: auto !important;
  }

  .ms-xxl-0 {
    margin-left: 0 !important;
  }

  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xxl-3 {
    margin-left: 1rem !important;
  }

  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xxl-5 {
    margin-left: 3rem !important;
  }

  .ms-xxl-auto {
    margin-left: auto !important;
  }

  .p-xxl-0 {
    padding: 0 !important;
  }

  .p-xxl-1 {
    padding: 0.25rem !important;
  }

  .p-xxl-2 {
    padding: 0.5rem !important;
  }

  .p-xxl-3 {
    padding: 1rem !important;
  }

  .p-xxl-4 {
    padding: 1.5rem !important;
  }

  .p-xxl-5 {
    padding: 3rem !important;
  }

  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xxl-0 {
    padding-top: 0 !important;
  }

  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xxl-3 {
    padding-top: 1rem !important;
  }

  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xxl-5 {
    padding-top: 3rem !important;
  }

  .pe-xxl-0 {
    padding-right: 0 !important;
  }

  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xxl-3 {
    padding-right: 1rem !important;
  }

  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xxl-5 {
    padding-right: 3rem !important;
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xxl-0 {
    padding-left: 0 !important;
  }

  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xxl-3 {
    padding-left: 1rem !important;
  }

  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xxl-5 {
    padding-left: 3rem !important;
  }

  .gap-xxl-0 {
    gap: 0 !important;
  }

  .gap-xxl-1 {
    gap: 0.25rem !important;
  }

  .gap-xxl-2 {
    gap: 0.5rem !important;
  }

  .gap-xxl-3 {
    gap: 1rem !important;
  }

  .gap-xxl-4 {
    gap: 1.5rem !important;
  }

  .gap-xxl-5 {
    gap: 3rem !important;
  }

  .text-xxl-start {
    text-align: left !important;
  }

  .text-xxl-end {
    text-align: right !important;
  }

  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }

  .fs-2 {
    font-size: 2rem !important;
  }

  .fs-3 {
    font-size: 1.75rem !important;
  }

  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-grid {
    display: grid !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: flex !important;
  }

  .d-print-inline-flex {
    display: inline-flex !important;
  }

  .d-print-none {
    display: none !important;
  }
}
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */
/* position */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
/* toast styles */
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
.toast-info {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
.toast-error {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
.toast-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
.toast-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
/* Responsive Design */
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }

  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }

  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
:root,
[data-otn-theme=light] {
  --otrim-white: #fff;
  --otrim-filter: invert(0);
  --otrim-filter2: invert(0) brightness(1) saturate(1);
  --otrim-text-color: #384455;
  --otrim-primary-color: #084753;
  --otrim-text-link: #133A92;
  --otrim-btnoutline-bg: transparent;
  --otrim-btn-bg: linear-gradient(290.98deg, #007289 27.72%, #123A92 85.16%);
  --otrim-hover-btn-bg: linear-gradient(290.98deg, #007289 27.72%, #123A92 85.16%);
  --otrim-border-color: #084753;
  --otrim-border: #E4E2E8;
  --otrim-border2: #f4f4f4;
  --otrim-title3: #06152B;
  --otrim-body-bg: #E4ECF9;
  --otrim-obs-sidemenu-logo: #f9f9f9;
  --otrim-obs-sidemenu-bg: #f0f0f0;
  --otrim-sidemenu-bg: #f1f1f1;
  --otrim-sidemenulist-bg: #fff;
  --otrim-sidemenulist-color: #1F4393;
  --otrim-header-bg: linear-gradient(90deg, #FFFFFF 0%, #015391 49%, #FFFFFF 100%);
  --otrim-breadcrumb-bg: #fff;
  --otrim-breadcrumb-item: #4236f19f;
  --otrim-breadcrumb-item-active: #4136F1;
  --otrim-innercard-bg: #F7F7F7;
  --otrim-innercard-header-bg: linear-gradient(290.98deg, #007289 27.72%, #123A92 85.16%);
  --otrim-card-bg: #fff;
  --otrim-card-border: #f4f4f4;
  --otrim-created-link-card: #F7F9FF;
  --otrim-card2: #BBDBE3;
  --otrim-card2-border: #82C7D8;
  --otrim-status-link1: #133A92;
  --otrim-status-bg1: rgba(19, 56, 144, 0.1);
  --otrim-status-link2: #01718A;
  --otrim-status-bg2: rgba(1, 113, 138, 0.1);
  --otrim-status-link3: #13572A;
  --otrim-status-bg3: rgba(19, 87, 42, 0.1);
  --otrim-input-bg: #fff;
  --otrim-inputsearch-bg: #e9ecef;
  --otrim-label: #313131;
  --otrim-input-border: #8FA1C9;
  --otrim-input-check-bgcolor: #1DA1F2;
  --otrim-placeholder-color: #616F81;
  --otrim-input-color: #161819;
  --otrim-input-btn-disabled-bg: #efefef;
  --otrim-table-bg: #ffffff;
  --otrim-table-head-bg: linear-gradient(290.98deg, #007289 27.72%, #123A92 85.16%);
  --otrim-table-text-color: #173545;
  --otrim-table-border: #D8E8FF;
  --otrim-table-odd: #fff;
  --otrim-table-even: #F7F9FF;
  --otrim-table-footer-bg: rgba(28, 160, 242, 0.12);
  --otrim-tooltip-bg: #DEE8FF;
  --otrim-tooltip-border: #1F4393;
  --otrim-tooltip-color: #1F4393;
  --otrim-themebtn-bg: #ffffff;
  --otrim-themebtn-color: #133A92;
}
[data-otn-theme=dark] {
  --otrim-text-link: #578FFF;
  --otrim-text-color: #fff;
  --otrim-filter: invert(1);
  --otrim-filter2: invert(1) brightness(2) saturate(0);
  --otrim-btnoutline-bg: #161819;
  --otrim-border-color: #084753;
  --otrim-border: #4F608459;
  --otrim-border2: #4F608459;
  --otrim-title3: #fff;
  --otrim-body-bg: #161819;
  --otrim-obs-sidemenu-logo: #242529;
  --otrim-obs-sidemenu-bg: #161819;
  --otrim-sidemenu-bg: #242529;
  --otrim-sidemenulist-bg: #161819;
  --otrim-sidemenulist-color: #fff;
  --otrim-header-bg: #161819;
  --otrim-breadcrumb-bg: #242529;
  --otrim-breadcrumb-item: #EBEAFF;
  --otrim-breadcrumb-item-active: #fff;
  --otrim-innercard-header-bg: #313745;
  --otrim-innercard-bg: #161819;
  --otrim-card-bg: #242529;
  --otrim-card-border: #4F608459;
  --otrim-created-link-card: #161819;
  --otrim-card2: #161819;
  --otrim-card2-border: #4F608459;
  --otrim-status-link1: #fff;
  --otrim-status-bg1: #133890;
  --otrim-status-link2: #fff;
  --otrim-status-bg2: #01718a;
  --otrim-status-link3: #fff;
  --otrim-status-bg3: #13572a;
  --otrim-input-bg: #161819;
  --otrim-inputsearch-bg: #161819;
  --otrim-label: #f1f1f1;
  --otrim-input-border: #4F608459;
  --otrim-input-check-bgcolor: #1DA1F2;
  --otrim-placeholder-color: #616F81;
  --otrim-input-color: #d4d4d4;
  --otrim-input-btn-disabled-bg: #1a2744;
  --otrim-table-bg: #161819;
  --otrim-table-head-bg: #4F60844D;
  --otrim-table-text-color: #e4e4e4;
  --otrim-table-border: #4F608459;
  --otrim-table-odd: #161819;
  --otrim-table-even: #242529;
  --otrim-table-footer-bg: #4F6084;
  --otrim-tooltip-bg: #242529;
  --otrim-tooltip-border: #4F608459;
  --otrim-tooltip-color: #fff;
  --otrim-themebtn-bg: linear-gradient(290.98deg, #007289 27.72%, #123A92 85.16%);
  --otrim-themebtn-color: #ffffff;
}
html[data-otn-theme] body {
  background-color: var(--otrim-body-bg) !important;
}
html[data-otn-theme] body .main-layout header {
  background: var(--otrim-header-bg);
}
html[data-otn-theme] body .main-layout .obs-main-layout .obs-sidebar {
  background: var(--otrim-obs-sidemenu-bg);
}
html[data-otn-theme] body .main-layout .obs-main-content.mobileMenuOpen .obs-menus .sidebar-products-list li:not(:last-child),
html[data-otn-theme] body .main-layout .obs-main-content.mobileMenuOpen .obs-menus .sidebar-products-list-fixed li:not(:last-child),
html[data-otn-theme] body .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li:not(:last-child),
html[data-otn-theme] body .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li:not(:last-child),
html[data-otn-theme] body .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li:not(:last-child),
html[data-otn-theme] body .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li:not(:last-child) {
  margin-bottom: 1px;
}
html[data-otn-theme] body .main-layout .obs-main-content.mobileMenuOpen .obs-menus .sidebar-products-list li a,
html[data-otn-theme] body .main-layout .obs-main-content.mobileMenuOpen .obs-menus .sidebar-products-list-fixed li a,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a {
  background: var(--otrim-sidemenulist-bg);
  border-bottom: 1px solid var(--otrim-border);
  margin-right: 0;
  border-right: 0;
}
@media only screen and (max-width: 767px) {
  html[data-otn-theme] body .main-layout .obs-main-content.mobileMenuOpen .obs-menus .sidebar-products-list li a,
html[data-otn-theme] body .main-layout .obs-main-content.mobileMenuOpen .obs-menus .sidebar-products-list-fixed li a,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a {
    padding-top: 10px;
  }
}
html[data-otn-theme] body .main-layout .obs-main-content.mobileMenuOpen .obs-menus .sidebar-products-list li a .title,
html[data-otn-theme] body .main-layout .obs-main-content.mobileMenuOpen .obs-menus .sidebar-products-list-fixed li a .title,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a .title,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a .title,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a .title,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a .title {
  color: var(--otrim-text-color);
}
html[data-otn-theme] body .main-layout .obs-main-content.mobileMenuOpen .obs-menus .sidebar-products-list li a.active, html[data-otn-theme] body .main-layout .obs-main-content.mobileMenuOpen .obs-menus .sidebar-products-list li a:hover,
html[data-otn-theme] body .main-layout .obs-main-content.mobileMenuOpen .obs-menus .sidebar-products-list-fixed li a.active,
html[data-otn-theme] body .main-layout .obs-main-content.mobileMenuOpen .obs-menus .sidebar-products-list-fixed li a:hover,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a.active,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a:hover,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a.active,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a:hover,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a.active,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a:hover,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a.active,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a:hover {
  background: var(--otrim-hover-btn-bg);
}
html[data-otn-theme] body .main-layout .obs-main-content.mobileMenuOpen .obs-menus .sidebar-products-list li a.active .icon, html[data-otn-theme] body .main-layout .obs-main-content.mobileMenuOpen .obs-menus .sidebar-products-list li a:hover .icon,
html[data-otn-theme] body .main-layout .obs-main-content.mobileMenuOpen .obs-menus .sidebar-products-list-fixed li a.active .icon,
html[data-otn-theme] body .main-layout .obs-main-content.mobileMenuOpen .obs-menus .sidebar-products-list-fixed li a:hover .icon,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a.active .icon,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a:hover .icon,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a.active .icon,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a:hover .icon,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a.active .icon,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a:hover .icon,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a.active .icon,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a:hover .icon {
  background: var(--otrim-white) !important;
}
html[data-otn-theme] body .main-layout .obs-main-content.mobileMenuOpen .obs-menus .sidebar-products-list li a.active .title, html[data-otn-theme] body .main-layout .obs-main-content.mobileMenuOpen .obs-menus .sidebar-products-list li a:hover .title,
html[data-otn-theme] body .main-layout .obs-main-content.mobileMenuOpen .obs-menus .sidebar-products-list-fixed li a.active .title,
html[data-otn-theme] body .main-layout .obs-main-content.mobileMenuOpen .obs-menus .sidebar-products-list-fixed li a:hover .title,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a.active .title,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a:hover .title,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a.active .title,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a:hover .title,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a.active .title,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a:hover .title,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a.active .title,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a:hover .title {
  color: var(--otrim-white);
}
html[data-otn-theme] body .main-layout .obs-main-content.mobileMenuOpen .obs-menus .sidebar-products-list li a .icon,
html[data-otn-theme] body .main-layout .obs-main-content.mobileMenuOpen .obs-menus .sidebar-products-list-fixed li a .icon,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a .icon,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a .icon,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a .icon,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a .icon {
  width: 48px;
  height: 48px;
  border-radius: 6px;
  margin-bottom: 0;
  background: var(--otrim-card-bg);
  border-color: var(--otrim-border2);
}
html[data-otn-theme] body .main-layout .obs-main-content.mobileMenuOpen .obs-menus .sidebar-products-list li a .hover-title,
html[data-otn-theme] body .main-layout .obs-main-content.mobileMenuOpen .obs-menus .sidebar-products-list-fixed li a .hover-title,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a .hover-title,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a .hover-title,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a .hover-title,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a .hover-title {
  top: 22px;
}
html[data-otn-theme] body .main-layout .obs-main-content.mobileMenuOpen .obs-menus .sidebar-products-list li a.active .logopimg,
html[data-otn-theme] body .main-layout .obs-main-content.mobileMenuOpen .obs-menus .sidebar-products-list-fixed li a.active .logopimg,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a.active .logopimg,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a.active .logopimg,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a.active .logopimg,
html[data-otn-theme] body .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a.active .logopimg {
  filter: none;
}
html[data-otn-theme] body .main-layout .header-right .credits-field .credits-content small, html[data-otn-theme] body .main-layout .header-right .credits-field .credits-content .small {
  color: var(--otrim-text-color) !important;
}
html[data-otn-theme] body .main-layout .header-right .widget-fields li,
html[data-otn-theme] body .main-layout .header-right .cart-profile,
html[data-otn-theme] body .main-layout .header-right .custom-dropdown.dropdown-menu {
  background: var(--otrim-card-bg) !important;
  color: var(--otrim-text-color);
}
html[data-otn-theme] body .main-layout .header-right .widget-fields li .dropdown-item,
html[data-otn-theme] body .main-layout .header-right .cart-profile .dropdown-item,
html[data-otn-theme] body .main-layout .header-right .custom-dropdown.dropdown-menu .dropdown-item {
  color: var(--otrim-text-color);
}
html[data-otn-theme] body .main-layout .header-right .widget-fields li .dropdown-item img,
html[data-otn-theme] body .main-layout .header-right .cart-profile .dropdown-item img,
html[data-otn-theme] body .main-layout .header-right .custom-dropdown.dropdown-menu .dropdown-item img {
  filter: var(--otrim-filter);
}
html[data-otn-theme] body .main-layout .header-right .widget-fields li .dropdown-item:hover, html[data-otn-theme] body .main-layout .header-right .widget-fields li .dropdown-item:focus, html[data-otn-theme] body .main-layout .header-right .widget-fields li .dropdown-item:active,
html[data-otn-theme] body .main-layout .header-right .cart-profile .dropdown-item:hover,
html[data-otn-theme] body .main-layout .header-right .cart-profile .dropdown-item:focus,
html[data-otn-theme] body .main-layout .header-right .cart-profile .dropdown-item:active,
html[data-otn-theme] body .main-layout .header-right .custom-dropdown.dropdown-menu .dropdown-item:hover,
html[data-otn-theme] body .main-layout .header-right .custom-dropdown.dropdown-menu .dropdown-item:focus,
html[data-otn-theme] body .main-layout .header-right .custom-dropdown.dropdown-menu .dropdown-item:active {
  color: var(--otrim-text-color);
  background: var(--otrim-btn-bg);
}
.otrim-cursior-pointer {
  cursor: pointer;
}
.border,
.border-top,
.border-right,
.border-bottom,
.border-left {
  border-color: var(--otrim-border) !important;
}
.vr {
  background-color: var(--otrim-border);
  opacity: 1;
}
small,
.small {
  font-size: 0.75em !important;
}
@media (min-width: 768px) {
  .position-md-absolute {
    position: absolute;
  }
}
.form-help {
  display: block;
  line-height: 1;
  margin-top: 5px;
}
/* BREADCRUMB */
.otrim-text-link {
  color: var(--otrim-text-link);
}
.otrim-font-family-poppins {
  font-family: "poppins", sans-serif !important;
}
.otrim-font-family-cursive {
  font-family: cursive, sans-serif !important;
}
/* OTRIM BUTTONS */
.btn.btn-otrim-theme {
  font-size: 14px;
  cursor: pointer;
  color: var(--otrim-white);
  border-radius: 10px;
  padding: 0.565rem 1rem;
  background: var(--otrim-btn-bg);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08);
  border: none;
  background-size: 150% 100%;
  transition: 0.2s ease-in-out;
}
.btn.btn-otrim-theme:hover, .btn.btn-otrim-theme:focus, .btn.btn-otrim-theme.active {
  color: var(--otrim-white);
  background-color: transparent;
  box-shadow: 0 0.25rem 0.35rem rgba(0, 0, 0, 0.18);
  background-position: 100% 50%;
}
.btn.btn-otrim-theme:not(:first-child) {
  margin-left: 0.65rem;
}
.btn.btn-otrim-theme-outline {
  font-size: 14px;
  cursor: pointer;
  border-radius: 10px;
  padding: 0.45rem 1rem;
  color: var(--otrim-text-color);
  background: var(--otrim-btnoutline-bg);
  border: 1px solid var(--otrim-border-color);
  background-size: 150% 100%;
  transition: 0.2s ease-in-out;
}
.btn.btn-otrim-theme-outline:hover, .btn.btn-otrim-theme-outline:focus, .btn.btn-otrim-theme-outline.active {
  color: var(--otrim-white);
  background-color: transparent;
  background: var(--otrim-btn-bg);
  border: 1px solid transparent;
  background-position: 100% 50%;
}
.btn.btn-otrim-theme-outline:not(:first-child) {
  margin-left: 0.65rem;
}
.ngb-dp-weekday {
  color: #0d6efd !important;
  font-style: normal !important;
}
/* RANGEDATEPICKER */
.custom-day {
  text-align: center;
  padding: 0.185rem 0.25rem;
  display: inline-block;
  height: 2rem;
  width: 2rem;
}
.custom-day.focused {
  background-color: #e6e6e6;
}
.custom-day.range,
.custom-day:hover {
  background-color: #0275d8;
  color: white;
}
.custom-day.faded {
  background-color: rgba(2, 117, 216, 0.5);
}
.otrim_tooltip.tooltip {
  opacity: 1;
  z-index: 1090;
}
.otrim_tooltip.tooltip .tooltip-inner {
  font-size: var(--clamp14);
  font-weight: 600;
  color: var(--otrim-tooltip-color);
  background: var(--otrim-tooltip-bg) !important;
  border: 1px solid var(--otrim-tooltip-border) !important;
  max-width: 250px;
}
.otrim_tooltip.tooltip .tooltip-inner .share-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.otrim_tooltip.tooltip .tooltip-inner .share-list a {
  color: #1F4393 !important;
  display: flex;
}
.otrim_tooltip.tooltip .tooltip-inner .share-list a:not(:last-child) {
  margin-right: 0.02rem;
}
.otrim_tooltip.tooltip.bs-tooltip-top .tooltip-arrow::before, .otrim_tooltip.tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.otrim_tooltip.tooltip .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  width: 1px;
  content: "";
  z-index: -1;
  border-top-color: var(--otrim-tooltip-border);
  border-bottom: none;
}
.otrim_tooltip.tooltip.bs-tooltip-top .tooltip-arrow::after, .otrim_tooltip.tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::after,
.otrim_tooltip.tooltip .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::after {
  box-sizing: content-box;
  position: absolute;
  border: 6px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 6px;
  bottom: 9px;
  top: -2px;
  border-top-color: var(--otrim-tooltip-bg);
}
.otrim_tooltip.tooltip.bs-tooltip-end .tooltip-arrow::before, .otrim_tooltip.tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.otrim_tooltip.tooltip .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  width: 1px;
  content: "";
  z-index: -1;
  border-right-color: var(--otrim-tooltip-border);
  border-left: none;
}
.otrim_tooltip.tooltip.bs-tooltip-end .tooltip-arrow::after, .otrim_tooltip.tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::after,
.otrim_tooltip.tooltip .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::after {
  box-sizing: content-box;
  position: absolute;
  border: 6px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 6px;
  right: -2px;
  border-right-color: var(--otrim-tooltip-bg);
}
.otrim_tooltip.tooltip.bs-tooltip-bottom .tooltip-arrow::before, .otrim_tooltip.tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.otrim_tooltip.tooltip .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  width: 1px;
  content: "";
  z-index: -1;
  border-bottom-color: var(--otrim-tooltip-border);
  border-top: none;
}
.otrim_tooltip.tooltip.bs-tooltip-bottom .tooltip-arrow::after, .otrim_tooltip.tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::after,
.otrim_tooltip.tooltip .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::after {
  box-sizing: content-box;
  position: absolute;
  border: 6px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 6px;
  bottom: -2px;
  border-bottom-color: var(--otrim-tooltip-bg);
}
.otrim_tooltip.tooltip.bs-tooltip-start .tooltip-arrow::before, .otrim_tooltip.tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.otrim_tooltip.tooltip .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  width: 1px;
  content: "";
  z-index: -1;
  border-left-color: var(--otrim-tooltip-border);
  border-right: none;
}
.otrim_tooltip.tooltip.bs-tooltip-start .tooltip-arrow::after, .otrim_tooltip.tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::after,
.otrim_tooltip.tooltip .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::after {
  box-sizing: content-box;
  position: absolute;
  border: 6px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 6px;
  right: 9px;
  left: -2px;
  border-left-color: var(--otrim-tooltip-bg);
}
.otrima_modal {
  z-index: 9999 !important;
}
.otrima_modal .otrim_tooltip.tooltip {
  opacity: 1;
  z-index: 9999;
}
.otrima_modal .otrim_tooltip.tooltip .tooltip-inner {
  font-size: var(--clamp14);
  font-weight: 600;
  color: var(--otrim-tooltip-color);
  background: var(--otrim-tooltip-bg) !important;
  border: 1px solid var(--otrim-tooltip-border) !important;
  max-width: 250px;
}
.otrima_modal.maxWidthNone {
  max-width: none;
}
.otrima_modal .modal-content {
  position: relative;
  border-radius: 1rem;
  color: var(--otrim-text-color);
  background-color: var(--otrim-breadcrumb-bg);
  border: none;
  z-index: 999;
}
.otrima_modal .modal-content .modal-header {
  color: var(--otrim-white);
  background: var(--otrim-table-head-bg);
  border-color: var(--otrim-border2);
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.otrima_modal .modal-content .modal-header .btn-close {
  background-image: none;
  display: flex;
  align-items: center;
  color: var(--otrim-white);
}
.otrima_modal .modal-content .modal-header .btn-close i.far.fa-times {
  color: var(--otrim-white);
}
.otrima_modal .modal-content i.far.fa-times {
  color: var(--otrim-text-color);
}
.otrima_modal .modal-content * > .table-responsive {
  border-radius: 0.75rem;
  border: 1px solid var(--otrim-table-border);
  scrollbar-width: auto !important;
}
.otrima_modal .modal-content * > .table-responsive::-webkit-scrollbar-thumb {
  background: #AEC3E4 !important;
  border-radius: 5px;
  width: 5px !important;
}
.otrima_modal .modal-content * > .table-responsive::scrollbar-thumb {
  background: #AEC3E4 !important;
  border-radius: 5px;
  width: 5px !important;
}
.otrima_modal .modal-content * > .table-responsive::-webkit-scrollbar {
  width: 5px !important;
  height: 5px;
}
.otrima_modal .modal-content .table {
  vertical-align: baseline;
  border-collapse: separate;
  border-spacing: 0px;
  width: 100%;
  border-radius: 1rem;
  min-width: 100%;
  margin-bottom: 0;
  background: var(--otrim-table-bg);
}
.otrima_modal .modal-content .table thead {
  display: table;
  width: 100%;
  table-layout: fixed;
  vertical-align: middle;
  background: var(--otrim-table-head-bg);
  z-index: 1;
}
.otrima_modal .modal-content .table thead tr {
  display: table;
  width: 100%;
  table-layout: fixed;
  color: var(--otrim-white);
  border-radius: 12px 12px 0 0;
}
.otrima_modal .modal-content .table thead tr th {
  height: 3.5rem;
  font-weight: 600;
  font-size: 14px;
  color: var(--otrim-white);
  background: transparent;
  border: none;
}
.otrima_modal .modal-content .table thead tr th:first-child {
  border-top-left-radius: 12px;
  padding-left: 20px;
}
.otrima_modal .modal-content .table thead tr th:last-child {
  border-top-right-radius: 12px;
  padding-right: 20px;
}
.otrima_modal .modal-content .table thead tr.space {
  width: 1px;
  height: 1px;
  display: block;
  margin-left: 20.3333px !important;
  margin-top: 7.53333px !important;
}
.otrima_modal .modal-content .table tbody {
  display: block;
  max-height: 350px;
  border: none;
  overflow: hidden overlay;
  box-shadow: 4px 4px 10px rgba(67, 127, 236, 0.1);
}
.otrima_modal .modal-content .table tbody::-webkit-scrollbar-thumb {
  background: #E4ECF9 !important;
  border-radius: 5px;
  width: 5px !important;
}
.otrima_modal .modal-content .table tbody::scrollbar-thumb {
  background: #E4ECF9 !important;
  border-radius: 5px;
  width: 5px !important;
}
.otrima_modal .modal-content .table tbody::-webkit-scrollbar {
  width: 5px !important;
  height: 5px;
}
.otrima_modal .modal-content .table tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.otrima_modal .modal-content .table tbody tr td {
  border: none;
  color: var(--otrim-text-color);
  padding: 1rem 0.65rem;
  font-size: 14px;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: default;
  background-color: transparent;
}
.otrima_modal .modal-content .table tbody tr td:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  padding-left: 22px;
}
.otrima_modal .modal-content .table tbody tr td:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  padding-right: 22px;
}
.otrima_modal .modal-content .table tbody tr td .action-list {
  display: flex;
  align-items: center;
}
.otrima_modal .modal-content .table tbody tr td .action-list a {
  color: #1F4393;
}
.otrima_modal .modal-content .table tbody tr td .action-list a:not(:last-child) {
  margin-right: 0.65rem;
}
.otrima_modal .modal-content .table tbody tr:nth-of-type(odd) {
  background: var(--otrim-table-odd);
}
.otrima_modal .modal-content .table tbody tr:nth-of-type(even) {
  background: var(--otrim-table-even);
}
.otrima_modal .modal-content .o-trim_pagination .pagination .page-item .page-link {
  color: var(--otrim-text-color);
  background-color: var(--otrim-input-bg);
  border-color: var(--otrim-border-color);
}
.otrima_modal .modal-content .o-trim_pagination .pagination .page-item.disabled .page-link {
  cursor: none;
}
.otrima_modal .modal-content .o-trim_pagination .pagination .page-item.disabled:hover .page-link, .otrima_modal .modal-content .o-trim_pagination .pagination .page-item.disabled.active .page-link {
  background: linear-gradient(290.98deg, #00728983 27.72%, #123b928e 85.16%);
  border-color: #00728970;
}
.otrima_modal .modal-content .o-trim_pagination .pagination .page-item:hover .page-link, .otrima_modal .modal-content .o-trim_pagination .pagination .page-item.active .page-link {
  color: #fff;
  background: linear-gradient(290.98deg, #007289 27.72%, #123A92 85.16%);
  border-color: #007289;
}
.otrima_modal .modal-content .form-control {
  font-size: var(--clamp14);
  height: clamp(40px, 2.032vw, 40px);
  border-radius: 10px !important;
  color: var(--otrim-input-color) !important;
  border-color: var(--otrim-input-border) !important;
  background: var(--otrim-input-bg) !important;
}
.otrima_modal .modal-content .form-control.otrim-border-theme {
  border: 1px solid var(--otrim-input-border);
}
.otrima_modal .modal-content .form-control::placeholder {
  color: var(--otrim-placeholder-color) !important;
  opacity: 1;
}
.otrima_modal .modal-content .form-control::-ms-input-placeholder {
  color: var(--otrim-placeholder-color) !important;
}
.otrima_modal .modal-content .form-control:-ms-input-placeholder {
  color: var(--otrim-placeholder-color) !important;
}
.otrima_modal .modal-content .form-control::-webkit-calendar-picker-indicator {
  filter: invert(0.5);
}
.otrima_modal .modal-content .form-control:focus, .otrima_modal .modal-content .form-control:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.1rem #8743ff33;
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .otrim_daterange_picker .input-group.rightALign .md-drppicker.shown.double {
    right: -185px !important;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  .otrim_daterange_picker .input-group.rightALign .md-drppicker.shown.double {
    right: -160px !important;
  }
}
.otrim_daterange_picker .custom-filter {
  max-width: 100%;
}
.otrim_daterange_picker .custom-filter .form-control {
  font-size: var(--clamp14);
  height: clamp(40px, 2.032vw, 40px);
  border-radius: 10px !important;
  color: var(--otrim-input-color) !important;
  border-color: var(--otrim-input-border) !important;
  background: var(--otrim-input-bg) !important;
}
.otrim_daterange_picker .custom-filter .form-control.otrim-border-theme {
  border: 1px solid var(--otrim-input-border);
}
.otrim_daterange_picker .custom-filter .form-control::placeholder {
  color: var(--otrim-placeholder-color) !important;
  opacity: 1;
}
.otrim_daterange_picker .custom-filter .form-control::-ms-input-placeholder {
  color: var(--otrim-placeholder-color) !important;
}
.otrim_daterange_picker .custom-filter .form-control:-ms-input-placeholder {
  color: var(--otrim-placeholder-color) !important;
}
.otrim_daterange_picker .custom-filter .form-control::-webkit-calendar-picker-indicator {
  filter: invert(0.5);
}
.otrim_daterange_picker .custom-filter .form-control:focus, .otrim_daterange_picker .custom-filter .form-control:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.1rem #8743ff33;
}
.otrim_daterange_picker .custom-filter .right-icon {
  color: #1F4393;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.45rem;
  z-index: 9;
  background: none;
  box-shadow: none;
  border: transparent;
  border-radius: 10px !important;
  transition: all 0.1s ease;
}
.otrim_daterange_picker .input-group.left_Align .md-drppicker.shown.double {
  left: 0 !important;
  right: auto !important;
}
.otrim_daterange_picker .input-group .md-drppicker {
  top: 46px !important;
  left: auto !important;
  right: 0 !important;
  background-color: var(--otrim-card-bg);
}
.otrim_daterange_picker .input-group .md-drppicker.shown.double {
  top: 48px !important;
  padding: 6px 6px 60px 6px !important;
}
.otrim_daterange_picker .input-group .md-drppicker .ranges ul li:hover button,
.otrim_daterange_picker .input-group .md-drppicker .ranges ul li button.active {
  color: #fff !important;
  background: linear-gradient(290.98deg, #007289 27.72%, #123A92 85.16%);
  border-radius: 12px;
}
.otrim_daterange_picker .input-group .md-drppicker .ranges ul li:hover {
  border-radius: 1rem;
}
.otrim_daterange_picker .input-group .md-drppicker th {
  color: #1F4393;
  text-transform: capitalize;
}
.otrim_daterange_picker .input-group .md-drppicker td.active {
  color: #fff !important;
  background: linear-gradient(290.98deg, #007289 27.72%, #123A92 85.16%);
}
.otrim_daterange_picker .input-group .md-drppicker td.off {
  color: #1F4393;
}
.otrim_daterange_picker .input-group .md-drppicker .buttons_input .btn {
  font-size: 14px;
  text-transform: capitalize;
  border-radius: 10px;
  padding: 0.15rem 1rem;
}
.otrim_daterange_picker .input-group .md-drppicker .buttons_input .btn:first-child {
  color: #084753;
  background: transparent;
  border: 1px solid #084753;
}
.otrim_daterange_picker .input-group .md-drppicker .buttons_input .btn:first-child svg {
  color: #084753;
}
.otrim_daterange_picker .input-group .md-drppicker .buttons_input .btn:first-child:hover, .otrim_daterange_picker .input-group .md-drppicker .buttons_input .btn:first-child:focus, .otrim_daterange_picker .input-group .md-drppicker .buttons_input .btn:first-child.active {
  color: #fff;
  background-color: transparent;
  background: linear-gradient(290.98deg, #123A92 27.72%, #007289 85.16%);
  border: 1px solid #084753;
}
.otrim_daterange_picker .input-group .md-drppicker .buttons_input .btn:first-child:hover svg, .otrim_daterange_picker .input-group .md-drppicker .buttons_input .btn:first-child:focus svg, .otrim_daterange_picker .input-group .md-drppicker .buttons_input .btn:first-child.active svg {
  color: #fff;
}
.otrim_daterange_picker .input-group .md-drppicker .buttons_input .btn:last-child {
  color: #fff;
  background: linear-gradient(290.98deg, #007289 27.72%, #123A92 85.16%);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08);
  border: 1px solid transparent;
  transition: all 0.1s ease;
}
.otrim_daterange_picker .input-group .md-drppicker .buttons_input .btn:last-child:hover, .otrim_daterange_picker .input-group .md-drppicker .buttons_input .btn:last-child:focus, .otrim_daterange_picker .input-group .md-drppicker .buttons_input .btn:last-child.active {
  color: #fff;
  background-color: transparent;
  background: linear-gradient(290.98deg, #123A92 27.72%, #007289 85.16%);
  box-shadow: 0 0.25rem 0.35rem rgba(0, 0, 0, 0.18);
}
.otrim_daterange_picker .md-drppicker td.available:hover,
.otrim_daterange_picker .md-drppicker th.available:hover {
  color: var(--otrim-white) !important;
  background: var(--otrim-hover-btn-bg);
  border-color: transparent;
  border-radius: 6px;
}
.otrim_daterange_picker .md-drppicker td.in-range.available {
  color: var(--otrim-white) !important;
  background: var(--otrim-hover-btn-bg);
  border-color: transparent;
}
.otrim_daterange_picker .md-drppicker td.off {
  color: var(--otrim-text-color) !important;
  background-color: var(--otrim-border);
}
.otrim_daterange_picker .md-drppicker option.disabled,
.otrim_daterange_picker .md-drppicker td {
  opacity: 1;
}
.otrim_daterange_picker .md-drppicker option.disabled.disabled,
.otrim_daterange_picker .md-drppicker td.disabled {
  text-decoration: none !important;
}
.otrim_daterange_picker .md-drppicker .calendar-table {
  background-color: var(--otrim-card-bg);
  border: 1px solid var(--otrim-border);
}
.otrim_daterange_picker .md-drppicker .calendar td,
.otrim_daterange_picker .md-drppicker .calendar th {
  min-width: 25px;
  font-size: 14px;
}
.otrim_daterange_picker .md-drppicker .calendar td.available.off {
  color: var(--otrim-text-link);
}
.otrim_daterange_picker .md-drppicker .calendar td.available {
  color: var(--otrim-text-color);
}
@media (min-width: 992px) {
  .otrim_daterange_picker .md-drppicker.double {
    width: auto;
  }
}
.custom-dropdown-ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  color: #fff;
  background: #1F4393;
}
.custom-dropdown-ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.custom-dropdown-ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
  color: #fff;
  background: #2757be;
}
.custom-ng-select .ng-dropdown-panel.ng-select-multiple .ng-dropdown-panel-items .ng-option.ng-option-marked {
  color: #fff;
  background: #1F4393;
}
.introjs-tooltip.otrim_tour_guide {
  background-color: transparent;
  box-shadow: none;
  margin-bottom: 2rem;
}
.introjs-tooltip.otrim_tour_guide .introjs-tooltiptext {
  color: #fff;
  font-size: var(--clamp16);
  text-shadow: 2px 2px 6px #000;
  font-family: cursive;
  padding: 15px 0px;
  line-height: 28px;
}
.introjs-tooltip.otrim_tour_guide .introjs-tooltiptext img.bottom {
  position: absolute;
  top: -64px;
  right: 0px;
  transform: rotateY(0deg) rotateX(30deg);
  color: var(--otrim-text-link);
}
.introjs-tooltip.otrim_tour_guide.introjs-top-middle-aligned img.bottom, .introjs-tooltip.otrim_tour_guide.introjs-top-left-aligned img.bottom {
  position: absolute;
  top: auto;
  bottom: -100px;
  transform: rotateY(30deg) rotateX(0deg);
}
.introjs-tooltip.otrim_tour_guide .introjs-tooltipbuttons {
  border-top: none;
  padding: 0 0 10px;
  display: flex;
  gap: 0.85rem;
}
.introjs-tooltip.otrim_tour_guide .introjs-tooltipbuttons .introjs-button {
  color: #fff;
  border-radius: 10px;
  padding: 0.45rem 1rem;
  background: linear-gradient(290.98deg, #007289 27.72%, #123A92 85.16%);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08);
  border: none;
  transition: all 0.1s ease;
}
.introjs-tooltip.otrim_tour_guide .introjs-tooltipbuttons .introjs-button:hover, .introjs-tooltip.otrim_tour_guide .introjs-tooltipbuttons .introjs-button:focus, .introjs-tooltip.otrim_tour_guide .introjs-tooltipbuttons .introjs-button.active {
  color: #fff;
  background-color: transparent;
  background: linear-gradient(290.98deg, #123A92 27.72%, #007289 85.16%);
  box-shadow: 0 0.25rem 0.35rem rgba(0, 0, 0, 0.18);
}
.introjs-tooltip.otrim_tour_guide .introjs-skipbutton {
  left: 0;
}
.introjs-tooltip.otrim_tour_guide .introjs-skipbutton span {
  color: var(--white-color);
  font-size: var(--clamp16);
}
.introjs-tooltip.otrim_tour_guide .introjs-arrow {
  display: none !important;
}
.otrim_heighlight_box {
  background: none;
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  box-shadow: 0px 0px 0px 0px, rgba(33, 33, 33, 0.8) 0px 0px 0px 5000px !important;
}
:root,
[data-trc-theme=light] {
  --color-scheme: light;
  --menu-toggle: #8340FA;
  --menu-toggle-bg: #ffffff;
  --asidemenu-collepse-icon: #1F4393;
  --logo-text: #483AA7;
  --text-white: #ffffff;
  --text-dark: #2A3F51;
  --aside-menu-bg: #f1f1f1;
  --obsT_primary: #1DA1F2;
  --obsT_body: #E4ECF9;
  --obsT_color: #FFFFFF;
  --text-color: #173545;
  --text-color2: #616F81;
  --breadcrumb-bg: #ffffff;
  --section-card-bg: #ffffff;
  --btn-gb-color: #CBEBFF;
  --border-color: #E0E0E0;
  --border-color-50: #EBEAFF;
  --obsT_title: #1F4393;
  --obsT_subtitle: #0A2477;
  --cohort-tooltip: #fff;
  --input-bg-color: #F8F8FF;
  --label-color: #313131;
  --input-border-color: #F8F8FF;
  --input-check-color: #dadde1;
  --input-check-bgcolor: #1DA1F2;
  --placeholder-color: #616F81;
  --create-campaign-placeholder-color: #0A2477;
  --input-color: #000;
  --input-btn-disabled-bg: #efefef;
  --form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --map-bg: #def3ff;
  --map-color: #fff;
  --card-bg: #ffffff;
  --card-bg-secondary: #EDF1FF;
  --card-bg-third: #f8f8ff;
  --card-bg-four: #F3F5FF;
  --card-header-bg: #E8F3FF;
  --card-border-color: #e1eaf5;
  --table-bg: #ffffff;
  --table-bg2: #DCF2FD;
  --table-head-bg: #e3f3fd;
  --table-text-color: #173545;
  --table-border: #D8E8FF;
  --table-footer-bg: #e3f3fd;
  --modal-header: #e3f3fd;
  --modal-border-color: #D8E8FF;
  --modal-body: #fff;
  --userpath: #C8EBFF;
  --realtime1: #D6FFDC;
  --realtime2: #FFE2E2;
  --realtime3: #EDFFDB;
  --realtime4: #FFE2E2;
  --obsT_danger: #E8524A;
  --obsT_success: #01D167;
  --obsT_warning: #FEC600;
  --obsT_link: #136CDE;
  --filterObject: invert(0);
  --obst-mode-light: inline-block;
  --obst-mode-dark: none;
}
[data-trc-theme=dark] {
  --color-scheme: dark;
  --menu-toggle: #1DA1F2;
  --menu-toggle-bg: #0a162f;
  --logo-text: #fff;
  --asidemenu-collepse-icon: #1DA1F2;
  --aside-menu-bg: #1A2744;
  --obsT_body: #0a162f;
  --obsT_color: #1A2744;
  --text-color: #f5f5f5;
  --text-color2: #f0f0f0;
  --breadcrumb-bg: #1A2744;
  --section-card-bg: #1A2744;
  --btn-gb-color: #2a354a;
  --border-color: #4F6084;
  --border-color-50: #4F608480;
  --obsT_title: #fff;
  --obsT_subtitle: #fff;
  --label-color: #f1f1f1;
  --cohort-tooltip: #1DA1F2;
  --input-bg-color: #0a162f;
  --input-border-color: #0a162f;
  --input-check-color: #fff;
  --input-check-bgcolor: #1DA1F2;
  --placeholder-color: #A3A3A3;
  --create-campaign-placeholder-color: #1DA1F2;
  --input-color: #d4d4d4;
  --input-btn-disabled-bg: #1a2744;
  --form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --map-bg: #1a2744;
  --map-color: #6D8FD9;
  --card-bg: #0a162f;
  --card-bg-secondary: #0a162f;
  --card-bg-third: #0a162f;
  --card-bg-four: #1A2744;
  --card-header-bg: #354875;
  --card-border-color: #4f608480;
  --table-bg: #0a162f;
  --table-bg2: #0a162fe5;
  --table-head-bg: #354875;
  --table-text-color: #e4e4e4;
  --table-border: #4f608480;
  --table-footer-bg: #1A2744;
  --userpath: #1a2744;
  --realtime1: #89D996;
  --realtime2: #1A2744;
  --realtime3: #1A2744;
  --realtime4: #E0A0A0;
  --modal-header: #354875;
  --modal-border-color: #4f608480;
  --modal-body: #1A2744;
  --filterObject: invert(1);
  --obst-mode-light: none;
  --obst-mode-dark: inline-block;
}
.widget-fields {
  border-color: var(--border-color-50) !important;
}
.widget-fields li,
.cart-profile,
.custom-dropdown.dropdown-menu {
  background: var(--card-bg) !important;
  color: var(--obsT_title);
  border-color: var(--border-color-50) !important;
}
.widget-fields li .dropdown-item,
.cart-profile .dropdown-item,
.custom-dropdown.dropdown-menu .dropdown-item {
  color: var(--text-color);
}
.widget-fields li .dropdown-item img,
.cart-profile .dropdown-item img,
.custom-dropdown.dropdown-menu .dropdown-item img {
  filter: var(--filterObject);
}
.widget-fields li .dropdown-item:hover, .widget-fields li .dropdown-item:focus, .widget-fields li .dropdown-item:active,
.cart-profile .dropdown-item:hover,
.cart-profile .dropdown-item:focus,
.cart-profile .dropdown-item:active,
.custom-dropdown.dropdown-menu .dropdown-item:hover,
.custom-dropdown.dropdown-menu .dropdown-item:focus,
.custom-dropdown.dropdown-menu .dropdown-item:active {
  color: var(--text-color);
  background: var(--obsT_primary);
}
[data-trc-theme=dark] .main-layout header {
  background: var(--aside-menu-bg);
}
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar {
  background-color: var(--menu-toggle-bg);
}
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li:not(:last-child),
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li:not(:last-child),
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li:not(:last-child),
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li:not(:last-child) {
  border-bottom: none;
  margin-bottom: 0px !important;
}
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a {
  background: var(--aside-menu-bg);
  border-bottom: 1px solid var(--border-color-50);
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  [data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a {
    padding-top: 10px;
  }
}
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a .title,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a .title,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a .title,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a .title {
  color: var(--text-color);
}
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a.active, [data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a:hover,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a.active,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a:hover,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a.active,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a:hover,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a.active,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a:hover {
  background: #8743FF;
}
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a.active .icon, [data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a:hover .icon,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a.active .icon,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a:hover .icon,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a.active .icon,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a:hover .icon,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a.active .icon,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a:hover .icon {
  background: var(--text-white) !important;
}
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a .icon,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a .icon,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a .icon,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a .icon {
  width: 48px;
  height: 48px;
  background: var(--card-bg);
  border-radius: 6px;
  margin-bottom: 0;
  border-color: var(--border-color-50);
}
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a .icon img,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a .icon img,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a .icon img,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a .icon img {
  filter: none;
}
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a .hover-title,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a .hover-title,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a .hover-title,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a .hover-title {
  top: 22px;
}
[data-trc-theme=dark] .main-layout .header-right .widget-fields li,
[data-trc-theme=dark] .main-layout .header-right .cart-profile,
[data-trc-theme=dark] .main-layout .header-right .custom-dropdown.dropdown-menu {
  background: var(--card-bg) !important;
  color: var(--obsT_title);
}
[data-trc-theme=dark] .main-layout .header-right .widget-fields li .dropdown-item,
[data-trc-theme=dark] .main-layout .header-right .cart-profile .dropdown-item,
[data-trc-theme=dark] .main-layout .header-right .custom-dropdown.dropdown-menu .dropdown-item {
  color: var(--text-color);
}
[data-trc-theme=dark] .main-layout .header-right .widget-fields li .dropdown-item img,
[data-trc-theme=dark] .main-layout .header-right .cart-profile .dropdown-item img,
[data-trc-theme=dark] .main-layout .header-right .custom-dropdown.dropdown-menu .dropdown-item img {
  filter: var(--filterObject);
}
[data-trc-theme=dark] .main-layout .header-right .widget-fields li .dropdown-item:hover, [data-trc-theme=dark] .main-layout .header-right .widget-fields li .dropdown-item:focus, [data-trc-theme=dark] .main-layout .header-right .widget-fields li .dropdown-item:active,
[data-trc-theme=dark] .main-layout .header-right .cart-profile .dropdown-item:hover,
[data-trc-theme=dark] .main-layout .header-right .cart-profile .dropdown-item:focus,
[data-trc-theme=dark] .main-layout .header-right .cart-profile .dropdown-item:active,
[data-trc-theme=dark] .main-layout .header-right .custom-dropdown.dropdown-menu .dropdown-item:hover,
[data-trc-theme=dark] .main-layout .header-right .custom-dropdown.dropdown-menu .dropdown-item:focus,
[data-trc-theme=dark] .main-layout .header-right .custom-dropdown.dropdown-menu .dropdown-item:active {
  color: var(--text-color);
  background: var(--obsT_primary);
}
[data-trc-theme=dark] .main-layout .header-right .select-language .goog-te-gadget-simple {
  background-color: var(--card-bg) !important;
  color: var(--obsT_title);
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAVCAMAAADhGEdVAAAAAXNSR0IB2cksfwAAAVBQTFRFAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORAVORhqV2+AAAAHB0Uk5T5P/zCQDLf70YlnuXJfk3GSFAbYEn0Owac4AfLGtPmDMwcea3qP4tW3S1kz0kAw8eE0r1/FWQmuq/+qUHQZTnw1BIRE5fWkuLHeLFFNNU2A1F+N5HWUP2n8D7ydoCTTzxrgXwckyk97Y4QjIBO7mhbG3cKmAAAAFQSURBVHicjdJXU8JAFAXgHHJFFBFWsAAiKqAiiBpUwC723gsW7BXL/39zEwIkQIAzk9lN5svN7s0KArQxiVQ7AprMpTTDUte3aO5aG/BWeWiztee9vYH6DsY64GTM1ZC3Uqe62S7uu3vcajyG9b2s18e/0Ofnvr/YqoEa6x8MUDA0pOzXz5QMY8SwPpETYfRRoT+jEaKo1o951UlsXKk/MSkhPmU39NOYUUZXIiTXTwKpWQkI573onyvz83Es8CG6iCW5/rJ7xUP2tHlV8WsSTOt6TxspbNLWNnZE9X+p4X7Xtrd/YDrUezo6hvUESZH0xw2wnMJHZ4iUeTq/AAJ8ncLlVSGJzDVubu+U19LlnrL3D49yP0tPgk/PvPYLXt3BKp7yJ1Hr36R3ogg+6BNflZ4qPDIOotw3v7LUkP9hxRieh9L0V9+pv3o+xnTJVfX/jL4z6W8B9cMAAAAASUVORK5CYII=");
}
[data-trc-theme=light] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li:not(:last-child),
[data-trc-theme=light] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li:not(:last-child),
[data-trc-theme=light] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li:not(:last-child),
[data-trc-theme=light] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li:not(:last-child) {
  border-bottom: none;
  margin-bottom: 0px !important;
}
[data-trc-theme=light] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a,
[data-trc-theme=light] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a,
[data-trc-theme=light] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a,
[data-trc-theme=light] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a {
  margin-right: 0;
  background: #fff;
  border-bottom: 1px solid var(--aside-menu-bg);
}
@media only screen and (max-width: 767px) {
  [data-trc-theme=light] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a,
[data-trc-theme=light] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a,
[data-trc-theme=light] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a,
[data-trc-theme=light] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a {
    padding-top: 10px;
  }
}
[data-trc-theme=light] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a.active, [data-trc-theme=light] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a:hover,
[data-trc-theme=light] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a.active,
[data-trc-theme=light] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a:hover,
[data-trc-theme=light] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a.active,
[data-trc-theme=light] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a:hover,
[data-trc-theme=light] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a.active,
[data-trc-theme=light] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a:hover {
  background: #8743FF;
}
[data-trc-theme=light] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a.active .icon, [data-trc-theme=light] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a:hover .icon,
[data-trc-theme=light] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a.active .icon,
[data-trc-theme=light] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a:hover .icon,
[data-trc-theme=light] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a.active .icon,
[data-trc-theme=light] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a:hover .icon,
[data-trc-theme=light] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a.active .icon,
[data-trc-theme=light] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a:hover .icon {
  background: var(--text-white) !important;
}
[data-trc-theme=light] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a .icon,
[data-trc-theme=light] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a .icon,
[data-trc-theme=light] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a .icon,
[data-trc-theme=light] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a .icon {
  width: 48px;
  height: 48px;
  background: var(--card-bg);
  border-radius: 6px;
  margin-bottom: 0;
  border-color: var(--border-color-50);
}
[data-trc-theme=light] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a .icon img,
[data-trc-theme=light] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a .icon img,
[data-trc-theme=light] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a .icon img,
[data-trc-theme=light] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a .icon img {
  filter: none;
}
:root {
  --font-family: "Poppins", sans-serif;
  --primary-color: #2D7EC1;
  --secondary-color: #CBE8FE;
  --primary-btn-bg: transparent linear-gradient(270deg,
      var(--primary-color) 0%,
      var(--secondary-color) 100%) 0% 0% no-repeat padding-box;
  --text-color: #0F1419;
  --text-muted-color: #969696;
  --link-color: #125df2;
  --header-text-color: #463742;
  --header-border-color: #f1f1f1;
  --card-border-color: #d7d3e0;
  --black-color: #000000;
  --white-color: #ffffff;
  --error-color: #e61800;
  --body-bg: #EFF3F4;
  --bg-color1: #8743ff33;
  --input-bg: #EEF7FF;
  --table-head-bg: #DEF1FF;
  --input-height: 42px;
  --input-height-lg: 42px;
  --input-height-sm: 40px;
  --body-content-bg: #f7f7f7;
  --success-bg: #1ad5984d;
  --success-text-color: #45B549;
  --pending-bg: #217efd4d;
  --pending-text-color: #217efd;
  --failed-bg: #ea3a3d4d;
  --failed-text-color: #ff2f33;
  --font-weght-medium: 500;
  --font-weght-bold: 600;
  --uppercase: uppercase;
  --border-radius1: 8px;
  --border-radius2: 10px;
  --border-radius3: 16px;
  --border-color-ticket-from: #eae9ed;
  --arrow-btn-bg: #dccafc;
  --btn-outline-bg: #f1ebff80;
  --table-even-color: #F8F8F8;
  --voilet-color: #7b41fd;
  --title-color: #015391;
  --oes-secondary-color: #E8F5FD;
  --oes-text-color: #616B80;
  --btn-primary-color: #2A76B4;
  --oes-title-color: #064B8B;
  --oes-table-color: #2E3744;
  --back-btn-bg: #015391;
  --clamp12: clamp(10px, 0.625vw, 12px);
  --clamp13: clamp(11px, 0.677vw, 13px);
  --clamp14: clamp(12px, 0.72916vw, 14px);
  --clamp15: clamp(13px, 0.78125vw, 15px);
  --clamp16: clamp(14px, 0.8333vw, 16px);
  --clamp18: clamp(15px, 0.9375vw, 18px);
  --clamp20: clamp(16px, 1.0416vw, 20px);
  --clamp22: clamp(16px, 1.14583vw, 22px);
  --clamp24: clamp(18px, 1.25vw, 24px);
  --clamp26: clamp(20px, 1.3541vw, 26px);
  --clamp28: clamp(22px, 1.4583vw, 28px);
  --clamp30: clamp(20px, 1.5625vw, 30px);
  --clamp32: clamp(24px, 1.6666vw, 32px);
  --clamp34: clamp(25px, 1.77083vw, 34px);
  --clamp36: clamp(25px, 1.875vw, 36px);
  --clamp38: clamp(26px, 1.97916vw, 38px);
  --clamp40: clamp(25px, 2.083vw, 40px);
  --clamp42: clamp(25px, 2.1875vw, 42px);
  --clamp44: clamp(25px, 2.2916vw, 44px);
  --clamp46: clamp(36px, 2.39583vw, 46px);
  --clamp48: clamp(30px, 2.5vw, 48px);
  --clamp60: clamp(35px, 3.125vw, 60px);
  --clamp78: clamp(40px, 4.0625vw, 78px);
}
html,
body {
  scroll-behavior: smooth;
  scrollbar-width: none;
}
::-webkit-scrollbar {
  width: 0;
  height: 0;
}
body {
  margin: 0;
  font-family: "Poppins", sans-serif;
  min-height: 100%;
  background-color: var(--body-bg) !important;
}
ol,
ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
a {
  text-decoration: none !important;
  color: inherit;
}
h1, .h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-bottom: 0;
}
.text-error {
  color: var(--error-color);
  font-size: var(--clamp12);
}
.text-error.search-error {
  position: absolute;
  bottom: -20px;
  font-size: 12px;
  left: 12px;
}
.link-color {
  color: var(--link-color);
}
.cursor-pointer {
  cursor: pointer;
}
.primary-color {
  color: var(--primary-color) !important;
}
.border-bottom {
  border-bottom: 1px solid #f1f1f1;
}
.hide-arrow.dropdown-toggle::after {
  display: none;
}
input::-ms-reveal {
  display: none;
}
.form-control:focus,
.form-control:focus-visible,
.form-select:focus {
  box-shadow: none;
  border-color: var(--primary-color);
}
.custom-input {
  background: var(--input-bg);
  color: var(--text-color);
  font-size: var(--clamp14);
  border-radius: 6px;
  border: none;
  font-weight: 400;
  width: 100%;
  height: var(--input-height);
}
@media screen and (max-width: 1400px) {
  .custom-input {
    height: var(--input-height-lg);
  }
}
@media screen and (max-width: 992px) {
  .custom-input {
    height: var(--input-height-sm);
  }
}
.custom-input::placeholder {
  opacity: 0.5;
}
.custom-input:focus {
  background: var(--input-bg);
}
.custom-select {
  background: url('dropdown-arrow1.svg') no-repeat var(--input-bg);
  background-position: 94% center;
  cursor: pointer;
  color: var(--title-color);
  font-size: var(--clamp14);
  border-radius: var(--border-radius2);
  border: none;
  font-weight: 400;
  width: 100%;
  height: var(--input-height);
  border: 2px solid #EFF3F4;
}
@media screen and (max-width: 1400px) {
  .custom-select {
    height: var(--input-height-lg);
  }
}
@media screen and (max-width: 992px) {
  .custom-select {
    height: var(--input-height-sm);
  }
}
.custom-select::placeholder {
  opacity: 0.5;
}
.custom-select:focus {
  background: url('dropdown-arrow1.svg') no-repeat var(--input-bg);
  background-position: 94% center;
  outline: none;
  box-shadow: 0px 0px 0px;
  border: 1px solid var(--primary-color);
}
.custom-select.text-muted {
  cursor: initial;
  color: var(--text-color);
}
.custom-search {
  position: relative;
  min-width: 230px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .custom-search {
    max-width: 100%;
  }
}
.custom-search:focus-visible {
  border: none !important;
  box-shadow: none !important;
  outline: none;
}
.custom-search input {
  padding-right: 44px;
  padding-left: 12px;
  background: var(--input-bg);
  border: none;
  width: 100%;
  max-width: 100%;
  border-radius: var(--border-radius2) !important;
  color: var(--text-color);
  height: var(--input-height);
  caret-color: var(--primary-color);
  background: #EEF7FF 0% 0% no-repeat padding-box;
  border: 1px solid #00000000;
  border-radius: 10px;
}
@media screen and (max-width: 1400px) {
  .custom-search input {
    height: var(--input-height-lg);
  }
}
@media screen and (max-width: 992px) {
  .custom-search input {
    height: var(--input-height-sm);
  }
}
.custom-search input:focus, .custom-search input:focus-visible {
  background: #EEF7FF 0% 0% no-repeat padding-box;
  box-shadow: none;
  outline: 1px solid var(--primary-color);
  border: none;
}
.custom-search ::-webkit-input-placeholder {
  color: var(--black-color) !important;
  opacity: 0.4;
  font-size: 14px;
  color: #00000085;
}
.custom-search :-moz-placeholder {
  color: var(--black-color) !important;
  opacity: 0.4;
  font-size: 14px;
  color: #00000085;
}
.custom-search ::-moz-placeholder {
  color: var(--black-color) !important;
  opacity: 0.4;
  font-size: 14px;
  color: #00000085;
}
.custom-search :-ms-input-placeholder {
  color: var(--black-color) !important;
  opacity: 0.4;
  font-size: 14px;
  color: #00000085;
}
.custom-search .right-icon {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  background: var(--primary-color);
  box-shadow: none;
  outline: none;
  border: none;
  color: var(--white-color);
  height: 32px;
  font-size: var(--clamp14);
  width: 32px;
  z-index: 4;
  border-radius: var(--border-radius2) !important;
  cursor: pointer;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding-top: 2px;
}
.custom-search.close-icon input {
  padding-right: 75px;
}
.custom-filter {
  position: relative;
  min-width: 230px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .custom-filter {
    max-width: 100%;
  }
}
.custom-filter:focus-visible {
  border: none !important;
  box-shadow: none !important;
  outline: none;
}
.custom-filter input {
  padding-right: 44px;
  padding-left: 12px;
  background: var(--input-bg);
  border: none;
  width: 100%;
  max-width: 100%;
  border-radius: var(--border-radius2) !important;
  color: var(--text-color);
  height: var(--input-height);
  caret-color: var(--primary-color);
  background: #EEF7FF 0% 0% no-repeat padding-box;
  border: 1px solid #00000000;
  border-radius: 10px;
}
@media screen and (max-width: 1400px) {
  .custom-filter input {
    height: var(--input-height-lg);
  }
}
@media screen and (max-width: 992px) {
  .custom-filter input {
    height: var(--input-height-sm);
  }
}
.custom-filter input:focus, .custom-filter input:focus-visible {
  background: #EEF7FF 0% 0% no-repeat padding-box;
  box-shadow: none;
  outline: 1px solid var(--primary-color);
  border: none;
}
.custom-filter ::-webkit-input-placeholder {
  color: var(--black-color) !important;
  opacity: 0.4;
  font-size: 14px;
  color: #00000085;
}
.custom-filter :-moz-placeholder {
  color: var(--black-color) !important;
  opacity: 0.4;
  font-size: 14px;
  color: #00000085;
}
.custom-filter ::-moz-placeholder {
  color: var(--black-color) !important;
  opacity: 0.4;
  font-size: 14px;
  color: #00000085;
}
.custom-filter :-ms-input-placeholder {
  color: var(--black-color) !important;
  opacity: 0.4;
  font-size: 14px;
  color: #00000085;
}
.custom-filter .right-icon {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  background: var(--primary-color);
  box-shadow: none;
  outline: none;
  border: none;
  color: var(--white-color);
  height: 32px;
  font-size: var(--clamp14);
  width: 32px;
  z-index: 4;
  border-radius: var(--border-radius2) !important;
  cursor: pointer;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding-top: 2px;
}
.custom-filter.close-icon input {
  padding-right: 75px;
}
.custom-filter .left-icon {
  position: absolute;
  left: 10px;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
  padding-top: 2px;
  color: var(--text-color);
  opacity: 0.4;
}
.custom-filter.date-field {
  font-size: 14px !important;
  min-width: 250px !important;
}
.custom-filter.date-field input {
  font-size: 14px !important;
}
.obs-custom-tooltip .tooltip-inner {
  background-color: var(--primary-color);
  font-size: 12px;
  line-height: 16px;
}
.obs-custom-tooltip.bs-tooltip-end .tooltip-arrow::before, .obs-custom-tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-color: var(--primary-color);
}
.obs-custom-tooltip.bs-tooltip-start .tooltip-arrow::before, .obs-custom-tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-left-color: var(--primary-color);
}
.obs-custom-tooltip.bs-tooltip-top .tooltip-arrow::before, .obs-custom-tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: var(--primary-color);
}
.obs-custom-tooltip.bs-tooltip-bottom .tooltip-arrow::before, .obs-custom-tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: var(--primary-color);
}
.mat-table {
  font-family: var(--font-family);
}
.table-responsive::-webkit-scrollbar {
  background-color: transparent;
  height: 6px;
}
.table-responsive:hover::-webkit-scrollbar {
  height: 6px;
}
.table-responsive:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
}
.custom-dropdown2 .btn-view {
  background: var(--input-bg);
  border: none;
  border-radius: 8px !important;
  color: var(--primary-color);
  height: var(--input-height);
  padding-left: 24px;
  padding-right: 15px;
}
.custom-dropdown2 .btn-view .fa {
  padding: 0 5px 0 10px;
  color: var(--primary-color);
  font-size: var(--clamp18);
}
@media screen and (max-width: 1400px) {
  .custom-dropdown2 .btn-view {
    height: var(--input-height-lg);
  }
}
@media screen and (max-width: 992px) {
  .custom-dropdown2 .btn-view {
    height: var(--input-height-sm);
  }
}
.custom-dropdown2 .btn-view:focus {
  background: var(--input-bg);
}
.mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background: linear-gradient(94deg, #015391 0%, #2D7EC1 100%);
}
.custom-btn.btn,
.custom-btn {
  background-color: var(--title-color);
  border-radius: var(--border-radius2);
  color: var(--white-color);
  font-size: var(--clamp16);
  font-weight: 500;
  text-align: center;
  min-width: 120px;
  padding: 14px 14px 12px;
  outline: none;
  border: 1px solid var(--title-color);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: var(--input-height);
  line-height: 18px;
}
.custom-btn.btn i,
.custom-btn i {
  margin-right: 12px;
}
.custom-btn.btn:hover, .custom-btn.btn.active, .custom-btn.btn:focus, .custom-btn.btn:focus-visible,
.custom-btn:hover,
.custom-btn.active,
.custom-btn:focus,
.custom-btn:focus-visible {
  color: var(--white-color);
}
.custom-btn.btn.green-btn,
.custom-btn.green-btn {
  background-color: #45B549;
  border: 1px solid #45B549;
}
.custom-btn-outline {
  background: var(--white-color);
  border-radius: var(--border-radius2);
  color: #666666;
  font-size: var(--clamp16);
  font-weight: 500;
  text-align: center;
  min-width: 100px;
  padding: 14px 14px 12px;
  outline: none;
  border: 1px solid #2D7EC1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: var(--input-height);
  line-height: 18px;
}
.custom-btn-outline i {
  color: var(--primary-color);
  margin-right: 12px;
}
.addfavorite-fill .fa {
  color: #ff009b !important;
}
.addfavorite-outline .fal {
  color: #ff99d7 !important;
}
.back-btn {
  background: linear-gradient(129deg, #015391 0%, #2D7EC1 100%);
  width: 35px;
  height: 35px;
  border-radius: 6px;
  cursor: pointer;
  color: var(--white-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  border: none;
}
.back-btn:hover {
  color: var(--white-color);
}
.animation-btn {
  color: #fff;
  position: relative;
  background: #012670;
  font-size: var(--clamp16);
  text-transform: capitalize;
  padding: 13px 50px 13px 13px;
  border-radius: 33px;
  border: 1px solid #1d9cf0;
  overflow: hidden;
  transition: all 0.3s ease 0s;
  z-index: 1;
  min-height: 60px;
}
.animation-btn:before {
  content: "";
  background: #1d9cf0;
  width: 100%;
  height: 100%;
  border-radius: 33px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transition: all 0.3s ease;
}
.animation-btn span {
  transition: all 0.4s ease-in;
}
.animation-btn .icon {
  width: 30px;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: calc(100% - 40px);
  transition: all 0.3s ease 0s;
}
.animation-btn:hover {
  color: #fff;
  padding: 13px 13px 13px 50px;
  border-radius: 33px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  border: 1px solid #FFFFFF99;
  background-color: #0C4B8C;
}
.animation-btn:hover .icon {
  left: 10px;
}
.animation-btn:hover:before {
  background: #60bcfa61;
  width: 50px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  box-shadow: 0 0 20px #569ff7;
}
@keyframes blurText {
  0% {
    filter: blur(0px);
  }
  50% {
    filter: blur(6px);
  }
  100% {
    filter: blur(0px);
  }
}
.sub-sidebar::-webkit-scrollbar,
.obs-sidebar::-webkit-scrollbar {
  width: 0;
}
.sub-sidebar::-webkit-scrollbar-thumb,
.obs-sidebar::-webkit-scrollbar-thumb {
  background: var(--bg-color1);
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 3px;
}
.obs-title2 {
  font-size: var(--clamp24);
  color: var(--title-color);
  font-weight: 600;
}
.obs-title2 span {
  color: var(--success-text-color);
  display: inline-block;
}
.obs-title3 {
  font-size: var(--clamp20);
  color: var(--title-color);
  font-weight: 600;
}
.obs-title4 {
  font-size: var(--clamp18);
  color: var(--title-color);
  font-weight: 600;
}
.obs-title5 {
  font-size: var(--clamp18);
  color: var(--title-color);
  font-weight: 500;
}
.obs-inside-page {
  background-color: var(--white-color);
  border-radius: 16px;
  padding: 24px;
}
@media (max-width: 991px) {
  .obs-inside-page {
    padding: 16px;
  }
}
.obs-inside-page .page-header {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--header-border-color);
  margin-bottom: 20px;
}
.input-group .md-drppicker.shown.double {
  top: 60px !important;
  padding: 15px 30px 60px 15px;
  display: flex;
  overflow: inherit;
  left: auto !important;
  right: 0 !important;
}
@media screen and (max-width: 651px) {
  .input-group .md-drppicker.shown.double {
    display: inherit;
  }
}
.input-group .md-drppicker .buttons_input {
  display: flex;
  justify-content: flex-end;
}
.input-group .md-drppicker .buttons_input .btn {
  background: var(--white-color);
  border-radius: 6px;
  color: var(--primary-color);
  font-size: var(--clamp16);
  font-weight: 500;
  min-width: 100px;
  padding: 1px 8px;
  border: 1px solid var(--primary-color);
  color: var(--text-color);
}
@media screen and (max-width: 768px) {
  .input-group .md-drppicker .buttons_input .btn {
    font-size: 12px !important;
  }
}
.input-group .md-drppicker .buttons_input .btn.btn-default {
  margin-right: 8px;
  color: var(--primary-color);
}
.input-group .md-drppicker .buttons_input .btn svg {
  width: 20px;
  position: relative;
  top: -5px;
  color: #015391;
}
.input-group .md-drppicker .buttons_input .btn:last-child {
  background-color: var(--primary-color);
  color: var(--white-color);
  text-align: center;
}
.input-group .md-drppicker .ranges ul li button {
  color: var(--of-main-text-color);
  white-space: nowrap;
}
.input-group .md-drppicker .ranges ul li button.active {
  background-color: var(--primary-color);
  border-radius: 8px;
}
.input-group .md-drppicker .ranges ul li:hover {
  border-radius: 8px;
}
.input-group .md-drppicker th {
  color: var(--primary-color);
}
.input-group .md-drppicker th.prev, .input-group .md-drppicker th.next {
  filter: sepia(100%) hue-rotate(190deg) saturate(460%);
}
.input-group .md-drppicker td {
  color: var(--text-color);
}
.input-group .md-drppicker td.off {
  color: var(--primary-color);
  opacity: 0.5;
}
.input-group .md-drppicker td.active {
  background-color: var(--primary-color);
}
.input-group .md-drppicker .buttons {
  text-align: right;
  margin: 0 5px 5px 0;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.table-wrapper {
  width: 100%;
  font-size: var(--clamp16);
  color: var(--db-tittle);
}
.table-wrapper table {
  width: 100%;
  margin-bottom: 0;
}
.table-wrapper table thead {
  background: var(--table-head-bg);
  border-radius: var(--border-radius2) !important;
  -webkit-border-radius: var(--border-radius2);
  -moz-border-radius: var(--border-radius2);
  vertical-align: middle;
}
.table-wrapper table thead tr th:first-child {
  border-top-left-radius: var(--border-radius2);
  border-bottom-left-radius: var(--border-radius2);
}
.table-wrapper table thead tr th:last-child {
  border-top-right-radius: var(--border-radius2);
  border-bottom-right-radius: var(--border-radius2);
}
.table-wrapper table thead tr th {
  background: var(--table-head-bg);
  font-size: var(--clamp15);
  font-weight: 600;
  border-bottom-width: 0px;
  padding: 0 0.5em;
  border-radius: 0px;
  line-height: 20px;
  color: #015391;
}
.table-wrapper table tbody {
  color: var(--label-color);
}
.table-wrapper table tbody tr {
  background-color: var(--table-row-color);
  height: 52px;
}
.table-wrapper table tbody tr:nth-child(even) {
  background-color: var(--table-even-color);
}
.table-wrapper table tbody tr td {
  vertical-align: middle;
  border-bottom-width: 0px;
  padding: 0 0.5em;
  color: var(--oes-table-color);
  font-size: var(--clamp15);
  font-weight: normal;
  background-color: white;
}
.table-wrapper table tbody tr td:last-child {
  vertical-align: middle;
}
.table-wrapper table tbody tr td button {
  border: none;
}
.table-wrapper table tbody tr td button.success-full-btn {
  color: #00AA0D;
  font-size: var(--clamp13);
  font-weight: 500;
  background-color: transparent;
  position: relative;
  padding-left: 22px;
}
.table-wrapper table tbody tr td button.success-full-btn::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
  background-size: 13px;
  background-position: center;
  background-repeat: no-repeat;
}
.table-wrapper table tbody tr td button.success-full-btn::before {
  background-image: url('success-icon.svg');
}
.table-wrapper table tbody tr td button.pending-full-btn {
  color: #d59351;
  font-size: var(--clamp13);
  font-weight: 500;
  background-color: transparent;
  position: relative;
  padding-left: 22px;
}
.table-wrapper table tbody tr td button.pending-full-btn::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
  background-size: 13px;
  background-position: center;
  background-repeat: no-repeat;
}
.table-wrapper table tbody tr td button.pending-full-btn::before {
  background-image: url('pending-icon.svg');
}
.table-wrapper table tbody tr td button.failed-full-btn {
  color: #E85B49;
  font-size: var(--clamp13);
  font-weight: 500;
  background-color: transparent;
  position: relative;
  padding-left: 22px;
}
.table-wrapper table tbody tr td button.failed-full-btn::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
  background-size: 13px;
  background-position: center;
  background-repeat: no-repeat;
}
.table-wrapper table tbody tr td button.failed-full-btn::before {
  background-image: url('rejected-icon.svg');
}
.table-wrapper table tbody tr td button.expired-full-btn {
  color: #E85B49;
  font-size: var(--clamp13);
  font-weight: 500;
  background-color: transparent;
  position: relative;
  padding-left: 22px;
}
.table-wrapper table tbody tr td button.expired-full-btn::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
  background-size: 13px;
  background-position: center;
  background-repeat: no-repeat;
}
.table-wrapper table tbody tr td button.expired-full-btn::before {
  background-image: url('expired-icon.svg');
}
.table-wrapper table tbody tr td button.registred-full-btn {
  color: #00AA0D;
  font-size: var(--clamp13);
  font-weight: 500;
  background-color: transparent;
  position: relative;
  padding-left: 22px;
}
.table-wrapper table tbody tr td button.registred-full-btn::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
  background-size: 13px;
  background-position: center;
  background-repeat: no-repeat;
}
.table-wrapper table tbody tr td button.registred-full-btn::before {
  background-image: url('success-icon.svg');
}
.table-wrapper table tbody tr td button.refunded-full-btn {
  color: #00AA0D;
  font-size: var(--clamp13);
  font-weight: 500;
  background-color: transparent;
  position: relative;
  padding-left: 22px;
}
.table-wrapper table tbody tr td button.refunded-full-btn::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
  background-size: 13px;
  background-position: center;
  background-repeat: no-repeat;
}
.table-wrapper table tbody tr td button.refunded-full-btn::before {
  background-image: url('success-icon.svg');
}
.table-wrapper table tbody tr td .trans-id-arrow {
  border-radius: 12px;
  background: #e3ffe2;
  display: inline-table;
  width: 20px;
}
.table-wrapper table tbody tr:hover {
  box-shadow: 0px 12px 24px #36363612;
}
.table-wrapper table tbody tr:hover td {
  background-color: var(--input-bg) !important;
}
.table-wrapper table.mat-table mat-header-row, .table-wrapper table.mat-table mat-footer-row, .table-wrapper table.mat-table th.mat-header-cell, .table-wrapper table.mat-table td.mat-cell, .table-wrapper table.mat-table td.mat-footer-cell {
  border-bottom-color: transparent !important;
  border-bottom-style: none !important;
}
.table-wrapper table.mat-table th, .table-wrapper table.mat-table td {
  outline: none;
}
.table-wrapper table.mat-table th:focus-visible, .table-wrapper table.mat-table td:focus-visible {
  outline: none;
}
.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: var(--body-bg);
  border-radius: var(--border-radius1);
}
.mat-form-field-label {
  color: var(--black-color);
}
.pre-loader {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 99999;
  background: transparent;
  color: var(--primary-color);
  display: flex;
  justify-content: center;
  overflow: hidden;
  left: 300px;
  top: 128px;
}
@media (max-width: 991px) {
  .pre-loader {
    left: 0;
    top: 0;
  }
}
.pre-loader-box {
  height: 100px;
  width: 100px;
  display: flex;
  position: fixed;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  background-color: var(--white-color);
  border-radius: 8px;
  box-shadow: 0px 0px 5px #eee;
  top: 40%;
  left: 50%;
}
.pre-loader-box .spinner-border {
  color: var(--primary-color);
  width: 40px;
  height: 40px;
  border-width: 4px;
}
.mat-tooltip {
  color: #fff !important;
  padding: 15px;
  background: #453963;
}
ngx-intl-tel-input {
  width: 100%;
}
ngx-intl-tel-input .iti {
  width: 100%;
}
ngx-intl-tel-input .iti .iti__flag-container {
  left: 45px;
}
ngx-intl-tel-input .iti input.custom {
  width: 100%;
  height: 50px;
  border-radius: 12px;
  padding-left: 100px;
  border: none;
}
ngx-intl-tel-input .iti input.custom:focus-visible {
  border: none;
}
.otp {
  margin-top: 5px;
}
.otp .ng-otp-input-wrapper {
  display: flex;
  justify-content: space-between;
}
.otp .ng-otp-input-wrapper .otp-input {
  border-radius: 8px;
  border: none;
}
.otp .ng-otp-input-wrapper .otp-input:focus-visible {
  outline: none;
}
.introjs-tooltip.chat-tour-guide {
  background-color: transparent;
  box-shadow: none;
}
.introjs-tooltip.chat-tour-guide .introjs-tooltiptext {
  color: #fff;
  font-size: var(--clamp16);
  text-shadow: 2px 2px 6px #000;
  font-family: cursive;
  padding: 15px 0px;
  line-height: 28px;
}
.introjs-tooltip.chat-tour-guide .introjs-tooltipbuttons {
  border-top: none;
  padding: 0 0 10px;
}
.introjs-tooltip.chat-tour-guide .introjs-tooltipbuttons .introjs-button {
  background: var(--primary-btn-bg);
  border-radius: var(--border-radius2);
  color: var(--white-color);
  font-size: var(--clamp14);
  font-weight: 500;
  text-align: center;
}
.introjs-tooltip.chat-tour-guide .introjs-tooltipbuttons .introjs-prevbutton {
  margin-right: 5px;
}
.introjs-tooltip.chat-tour-guide .introjs-skipbutton i {
  font-family: "Font Awesome 5 Pro" !important;
  color: #f00;
  background-color: var(--white-color);
  width: 25px;
  height: 25px;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--clamp16);
}
.introjs-tooltip.chat-tour-guide .introjs-arrow {
  display: none !important;
}
.introjs-tooltip.obs-tour-guide {
  background-color: var(--white-color);
  box-shadow: none;
  padding: 10px 20px;
  border-radius: 15px;
}
@media screen and (min-width: 1200px) {
  .introjs-tooltip.obs-tour-guide {
    background-color: transparent;
  }
}
@media screen and (max-width: 992px) {
  .introjs-tooltip.obs-tour-guide {
    padding: 0 24px;
  }
}
.introjs-tooltip.obs-tour-guide .introjs-tooltiptext {
  color: var(--title-color);
  font-size: var(--clamp16);
  text-shadow: none;
  font-family: poppins;
  padding: 15px 0px;
  font-weight: 600;
}
@media screen and (min-width: 1200px) {
  .introjs-tooltip.obs-tour-guide .introjs-tooltiptext {
    color: var(--white-color);
    font-size: var(--clamp22);
    text-shadow: 2px 2px 6px #000;
    font-family: cursive;
    line-height: 28px;
  }
}
.introjs-tooltip.obs-tour-guide .introjs-tooltipbuttons {
  border-top: none;
  padding: 0 0 10px;
}
.introjs-tooltip.obs-tour-guide .introjs-tooltipbuttons .introjs-button {
  background: var(--title-bg);
  border-radius: 15px;
  color: var(--white-color);
  font-size: var(--clamp14);
  font-weight: 500;
  text-align: center;
  padding: 6px 16px;
  font-family: poppins;
}
@media screen and (min-width: 1200px) {
  .introjs-tooltip.obs-tour-guide .introjs-tooltipbuttons .introjs-button {
    background: var(--primary-btn-bg);
    border-radius: var(--border-radius2);
    color: var(--white-color);
    font-size: var(--clamp14);
    font-weight: 500;
    text-align: center;
    padding: 6px 16px;
  }
}
@media screen and (max-width: 1199px) {
  .introjs-tooltip.obs-tour-guide .introjs-tooltipbuttons .introjs-button.introjs-prevbutton {
    background: var(--title-bg);
    color: var(--title-color);
    border-color: #ccc;
  }
}
@media screen and (max-width: 1199px) {
  .introjs-tooltip.obs-tour-guide .introjs-tooltipbuttons .introjs-button.introjs-nextbutton {
    background: var(--title-color);
    color: var(--white-color);
    border: 0;
  }
}
.introjs-tooltip.obs-tour-guide .introjs-tooltipbuttons .introjs-prevbutton {
  margin-right: 5px;
}
.introjs-tooltip.obs-tour-guide .introjs-skipbutton i {
  font-family: "Font Awesome 5 Pro" !important;
  color: var(--white-color);
  background-color: var(--title-color);
  width: 25px;
  height: 25px;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--clamp16);
}
@media screen and (min-width: 1199px) {
  .introjs-tooltip.obs-tour-guide .introjs-skipbutton i {
    background-color: var(--white-color);
    color: red;
  }
}
.introjs-tooltip.obs-tour-guide .introjs-arrow {
  display: none !important;
}
.links-layout {
  width: 100%;
  max-width: 1024px;
  margin: 25px auto;
}
.links-layout .tab-header {
  color: #fff;
  min-height: 210px;
  align-items: center;
  display: flex;
  padding: 35px;
  background: linear-gradient(94deg, #015391 0%, #2D7EC1 100%);
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .links-layout .tab-header {
    min-height: 100px;
  }
}
.links-layout .tab-body-content {
  background-color: #fff;
  padding: 20px 25px;
}
.links-layout .tab-body-content h4, .links-layout .tab-body-content .h4 {
  font-size: var(--clamp18);
  color: var(--title-color);
  font-weight: 500;
  margin-bottom: 6px;
}
.links-layout .tab-body-content h4:not(:nth-of-type(1)), .links-layout .tab-body-content .h4:not(:nth-of-type(1)) {
  margin-top: 20px;
}
.links-layout .tab-body-content p {
  color: var(--text-color);
  font-size: var(--clamp16);
  line-height: 26px;
}
.links-layout .mat-tab-group {
  border: none;
  background: transparent;
  margin-bottom: 2px;
}
.links-layout .mat-tab-group .mat-tab-labels .mat-tab-label {
  background-color: #fff;
  color: var(--primary-color);
  font-size: var(--clamp16);
  font-weight: 600;
  border: 1px solid var(--primary-color);
  border-radius: 4px;
  margin-right: 2px;
}
.links-layout .mat-tab-group .mat-tab-labels .mat-tab-label.mat-tab-label-active {
  background: linear-gradient(94deg, #015391 0%, #2D7EC1 100%);
  color: var(--white-color);
  opacity: 9;
}
.c1 {
  color: #F58932 !important;
}
body .wsc-badge--small:not(:hover):not(.wsc-badge--focused) {
  display: none !important;
}
.mat-table thead th .mat-sort-header-arrow {
  position: relative;
  opacity: 1 !important;
  transform: none !important;
  height: 16px !important;
  width: 20px !important;
}
.mat-table thead th .mat-sort-header-arrow::after {
  content: "\f0dc";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  left: 4px;
  top: -2px;
  color: #015391;
  font-weight: 600;
  font-size: 16px;
}
.mat-table thead th .mat-sort-header-arrow .mat-sort-header-stem, .mat-table thead th .mat-sort-header-arrow .mat-sort-header-indicator {
  display: none !important;
}
.disabledDiv {
  pointer-events: none;
  opacity: 0.8;
}
input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}
input::-webkit-textfield-decoration-container {
  visibility: hidden;
}
.translated-rtl body, .translated-ltr body {
  margin-top: 0 !important;
  top: 0 !important;
}
.translated-rtl .skiptranslate .skiptranslate, .translated-ltr .skiptranslate .skiptranslate {
  display: none !important;
}
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf {
  display: none !important;
}
.skiptranslate .skiptranslate {
  display: none !important;
}
html[lang=auto] body {
  top: 0 !important;
}
/*
  ********************************
  ********************************
  * Omail App Mailbox,Calendar,
  * Contacts and Settings  Start
  ********************************
  ********************************
*/
/*
  *****************************
  * Omail App Common CSS Start
  *****************************
*/
.omail-custom-btn {
  background: #006BCE;
  border-radius: 6px;
  color: #fff;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  border: none;
  padding: 10px 24px;
  cursor: pointer;
  margin: 0;
}
.omail-custom-btn:hover {
  background: #0288D9;
}
.omail-custom-btn:disabled {
  background: #BFE7FE;
  cursor: no-drop;
}
.omail-custom-btn-outline {
  background: #FFFFFF;
  border: 1px solid #006BCE;
  border-radius: 6px;
  color: #006BCE;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  padding: 10px 24px;
  cursor: pointer;
  margin: 0;
}
.omail-custom-btn-outline:hover {
  background: #F0F9FF;
}
.omail-custom-btn-outline:disabled {
  color: #7ECEFE;
  border: 1px solid #7ECEFE;
  cursor: no-drop;
}
.omail-auto-switch .readrecipt-text {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #003B93;
}
.omail-auto-switch .mat-slide-toggle-label .mat-slide-toggle-bar {
  background-color: transparent;
  height: 20px;
  width: 32px;
  border-radius: 12px;
  border: 1px solid #A3A3A3;
}
.omail-auto-switch .mat-slide-toggle-thumb-container {
  top: 1px;
  left: 2px;
}
.omail-auto-switch .mat-slide-toggle-thumb-container .mat-slide-toggle-thumb {
  height: 16px;
  width: 16px;
  border-radius: 50%;
  display: block;
  background: #A3A3A3;
}
.omail-auto-switch .mat-slide-toggle-thumb-container .mat-slide-toggle .mat-checked .mat-slide-toggle-thumb {
  background-color: #0288D9;
}
.omail-auto-switch .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: #0288D9;
  border: 1px solid #0288D9;
}
.omail-auto-switch .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #fff;
}
.omail-auto-switch .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {
  top: 1px;
  left: -2px;
}
/* Tool tip CSS Start */
.snack-bar-failure {
  color: #ffffff !important;
  background-color: #ec6262 !important;
}
.snack-bar-success {
  color: #ffffff !important;
  background-color: #31b477 !important;
  white-space: pre-wrap !important;
}
snack-bar-container button {
  color: #ffffff !important;
}
/* Tool tip CSS End */
.mat-dialog-container {
  padding: 0 !important;
  box-shadow: none !important;
  border-radius: 8px !important;
}
/* Custom Tool tip CSS Start */
.omail-link-copy {
  margin-bottom: 5px !important;
}
@media screen and (max-width: 640px) {
  .omail-link-copy {
    display: none;
  }
}
.omail-link-copy .tooltip-inner {
  background: #003B93;
  border-radius: 4px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #FFFFFF;
}
.omail-link-copy .tooltip-arrow::before {
  border-top-color: #003B93;
}
.omail-link-copy-left .tooltip-arrow::before {
  border-top-color: transparent;
  border-left-color: #003B93;
}
/* Custom Tool tip CSS End */
.omail-list-text1 {
  display: none !important;
}
.omail-event-calendar .cal-month-view {
  background-color: #fff;
}
.omail-event-calendar .cal-month-view .cal-header {
  text-align: center;
  font-weight: bolder;
}
.omail-event-calendar .cal-month-view .cal-header .cal-cell {
  padding: 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.omail-event-calendar .cal-month-view .cal-days {
  border: 1px solid;
  border-bottom: 0;
  border-color: #ECECEC;
}
.omail-event-calendar .cal-month-view .cal-days .cal-cell-row {
  border-bottom: 1px solid;
  border-bottom-color: #ECECEC;
}
.omail-event-calendar .cal-month-view .cal-cell-top {
  min-height: 78px;
  flex: 1;
}
.omail-event-calendar .cal-month-view .cal-cell-row {
  display: flex;
}
.omail-event-calendar .cal-month-view .cal-cell-row:hover {
  background-color: transparent;
}
.omail-event-calendar .cal-month-view .cal-cell-row .cal-cell:hover {
  background-color: #F5FBFF;
}
.omail-event-calendar .cal-month-view .cal-cell {
  float: left;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.omail-event-calendar .cal-month-view .cal-cell .cal-event {
  pointer-events: all !important;
}
.omail-event-calendar .cal-month-view .cal-day-cell {
  min-height: 100px;
}
.omail-event-calendar .cal-month-view .cal-day-cell:not(:last-child) {
  border-right: 1px solid;
  border-right-color: #e1e1e1;
}
.omail-event-calendar .cal-month-view .cal-day-badge {
  margin-top: 18px;
  margin-left: 10px;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px;
  background-color: #b94a48;
  color: #fff;
}
.omail-event-calendar .cal-month-view .cal-day-number {
  font-size: 1.2em;
  font-weight: 400;
  opacity: 0.5;
  margin-top: 15px;
  margin-right: 15px;
  float: right;
  margin-bottom: 10px;
}
.omail-event-calendar .cal-month-view .cal-events {
  flex: 1;
  align-items: flex-end;
  margin: 5px 0;
  line-height: 10px;
  flex-wrap: wrap;
  display: flex;
  margin-right: 5px;
}
@media screen and (max-width: 1440px) {
  .omail-event-calendar .cal-month-view .cal-events {
    position: relative;
    left: -8px;
    margin-top: 0;
  }
}
@media screen and (max-width: 360px) {
  .omail-event-calendar .cal-month-view .cal-events {
    left: 0px;
  }
}
.omail-event-calendar .cal-month-view .cal-event {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
  background-color: #1e90ff;
  border-color: #d1e8ff;
  color: #fff;
}
.omail-event-calendar .cal-month-view .cal-day-cell.cal-in-month.cal-has-events {
  cursor: pointer;
}
.omail-event-calendar .cal-month-view .cal-day-cell.cal-out-month .cal-day-number {
  opacity: 0.1;
  cursor: default;
}
.omail-event-calendar .cal-month-view .cal-day-cell.cal-today {
  border-top: 3px solid #F87405 !important;
  background-color: #F5FBFF;
  border-radius: 0 !important;
}
.omail-event-calendar .cal-month-view .cal-day-cell.cal-today .cal-day-number {
  font-size: 1.9em;
  color: #fff;
}
.omail-event-calendar .cal-month-view .cal-open-day-events {
  padding: 15px;
  color: #fff;
  background-color: #555;
  box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5);
}
.omail-event-calendar .cal-month-view .cal-open-day-events .cal-event {
  position: relative;
  top: 2px;
}
.omail-event-calendar .cal-month-view .cal-out-month .cal-day-badge {
  opacity: 0.3;
}
.omail-event-calendar .cal-month-view .cal-out-month .cal-event {
  opacity: 0.3;
}
.omail-event-calendar .cal-month-view .cal-draggable {
  cursor: move;
}
.omail-event-calendar .cal-month-view .cal-drag-active * {
  pointer-events: none;
}
.omail-event-calendar .cal-month-view .cal-event-title {
  cursor: pointer;
}
.omail-event-calendar .cal-month-view .cal-event-title:hover {
  text-decoration: underline;
}
.omail-event-calendar .cal-month-view .cal-cell.cal-has-events.cal-open {
  background-color: #ededed;
}
.omail-event-calendar .cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
  color: #8b0000;
}
.omail-event-calendar .cal-month-view .cal-day-cell.cal-drag-over {
  background-color: #e0e0e0 !important;
}
.omail-event-calendar .cal-week-view {
  background-color: #fff;
  border-top: solid 1px #e1e1e1;
}
.omail-event-calendar .cal-week-view * {
  box-sizing: border-box;
}
.omail-event-calendar .cal-week-view .cal-day-headers {
  -js-display: flex;
  display: flex;
  padding-left: 70px;
  border: 1px solid;
  border-color: #e1e1e1;
  border-top: 0;
}
.omail-event-calendar .cal-week-view .cal-day-headers .cal-header {
  flex: 1;
  text-align: center;
  padding: 5px;
}
.omail-event-calendar .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right: 1px solid;
  border-right-color: #e1e1e1;
}
.omail-event-calendar .cal-week-view .cal-day-headers .cal-header:first-child {
  border-left: 1px solid;
  border-left-color: #e1e1e1;
}
.omail-event-calendar .cal-week-view .cal-day-headers .cal-header:hover {
  background-color: #ededed;
}
.omail-event-calendar .cal-week-view .cal-day-headers span {
  font-weight: 400;
  opacity: 0.5;
}
.omail-event-calendar .cal-week-view .cal-day-headers .cal-drag-over {
  background-color: #ededed;
}
.omail-event-calendar .cal-week-view .cal-day-column {
  flex-grow: 1;
  border-left: solid 1px;
  border-left-color: #e1e1e1;
}
.omail-event-calendar .cal-week-view .cal-event {
  font-size: 12px;
  border: 1px solid;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #d1e8ff;
  border-color: #1e90ff;
  color: #1e90ff;
}
.omail-event-calendar .cal-week-view .cal-time-label-column {
  width: 70px;
  height: 100%;
}
.omail-event-calendar .cal-week-view .cal-current-time-marker {
  position: absolute;
  width: 100%;
  height: 2px;
  z-index: 2;
  background-color: transparent;
}
.omail-event-calendar .cal-week-view .cal-all-day-events {
  border: solid 1px;
  border-top: 0;
  border-bottom-width: 3px;
  padding-top: 3px;
  position: relative;
  border-color: #e1e1e1;
}
.omail-event-calendar .cal-week-view .cal-all-day-events .cal-day-columns {
  height: 100%;
  width: 100%;
  -js-display: flex;
  display: flex;
  position: absolute;
  top: 0;
  z-index: 0;
}
.omail-event-calendar .cal-week-view .cal-all-day-events .cal-events-row {
  position: relative;
  height: 31px;
  margin-left: 70px;
}
.omail-event-calendar .cal-week-view .cal-all-day-events .cal-event-container {
  display: inline-block;
  position: absolute;
}
.omail-event-calendar .cal-week-view .cal-all-day-events .cal-event-container.resize-active {
  z-index: 1;
  pointer-events: none;
}
.omail-event-calendar .cal-week-view .cal-all-day-events .cal-event {
  padding: 0 5px;
  margin-left: 2px;
  margin-right: 2px;
  height: 28px;
  line-height: 28px;
}
.omail-event-calendar .cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.omail-event-calendar .cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.omail-event-calendar .cal-week-view .cal-all-day-events .cal-time-label-column {
  -js-display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.omail-event-calendar .cal-week-view .cal-all-day-events .cal-resize-handle {
  width: 6px;
  height: 100%;
  cursor: col-resize;
  position: absolute;
  top: 0;
}
.omail-event-calendar .cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
  right: 0;
}
.omail-event-calendar .cal-week-view .cal-header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.omail-event-calendar .cal-week-view .cal-drag-active {
  pointer-events: none;
  z-index: 1;
}
.omail-event-calendar .cal-week-view .cal-drag-active * {
  pointer-events: none;
}
.omail-event-calendar .cal-week-view .cal-time-events {
  position: relative;
  border: solid 1px;
  border-top: 0;
  -js-display: flex;
  display: flex;
  border-color: #e1e1e1;
}
.omail-event-calendar .cal-week-view .cal-time-events .cal-day-columns {
  -js-display: flex;
  display: flex;
  flex-grow: 1;
}
.omail-event-calendar .cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover {
  background-color: #F5FBFF;
}
.omail-event-calendar .cal-week-view .cal-time-events .cal-day-column {
  position: relative;
}
.omail-event-calendar .cal-week-view .cal-time-events .cal-events-container {
  position: relative;
}
.omail-event-calendar .cal-week-view .cal-time-events .cal-event-container {
  position: absolute;
  z-index: 1;
}
.omail-event-calendar .cal-week-view .cal-time-events .cal-event {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  margin: 1px;
  padding: 0 5px;
  line-height: 25px;
}
.omail-event-calendar .cal-week-view .cal-time-events .cal-resize-handle {
  width: 100%;
  height: 4px;
  cursor: row-resize;
  position: absolute;
}
.omail-event-calendar .cal-week-view .cal-time-events .cal-resize-handle.cal-resize-handle-after-end {
  bottom: 0;
}
.omail-event-calendar .cal-week-view .cal-hour-segment {
  position: relative;
  display: block;
}
.omail-event-calendar .cal-week-view .cal-hour-segment::after {
  content: " ";
}
.omail-event-calendar .cal-week-view .cal-event-container:not(.cal-draggable) {
  cursor: pointer;
}
.omail-event-calendar .cal-week-view .cal-draggable {
  cursor: move;
}
.omail-event-calendar .cal-week-view mwl-calendar-week-view-hour-segment {
  display: block;
}
.omail-event-calendar .cal-week-view .cal-hour:not(:last-child) .cal-hour-segment {
  border-bottom: thin dashed;
  border-bottom-color: #e1e1e1;
}
.omail-event-calendar .cal-week-view .cal-hour:last-child:not(:last-child) .cal-hour-segment {
  border-bottom: thin dashed;
  border-bottom-color: #e1e1e1;
}
.omail-event-calendar .cal-week-view .cal-time {
  font-weight: bold;
  padding-top: 5px;
  width: 70px;
  text-align: center;
}
.omail-event-calendar .cal-week-view .cal-hour-segment.cal-after-hour-start .cal-time {
  display: none;
}
.omail-event-calendar .cal-week-view .cal-starts-within-day .cal-event {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: absolute;
  top: 18px;
}
.omail-event-calendar .cal-week-view .cal-ends-within-day .cal-event {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  position: absolute;
  top: 17px;
}
.omail-event-calendar .cal-week-view .cal-header.cal-today {
  background-color: #e8fde7;
}
.omail-event-calendar .cal-week-view .cal-header.cal-weekend span {
  color: #8b0000;
}
.omail-event-calendar .cal-week-view .cal-hour-odd {
  background-color: #fff;
}
.omail-event-calendar .cal-week-view .cal-drag-over .cal-hour-segment {
  background-color: #ededed;
}
.omail-event-calendar .cal-day-view mwl-calendar-week-view-header {
  display: none;
}
.omail-event-calendar .cal-day-view .cal-events-container {
  margin-left: 70px;
}
.omail-event-calendar .cal-day-view .cal-day-column {
  border-left: 0;
}
.omail-event-calendar .cal-day-view .cal-current-time-marker {
  margin-left: 70px;
  width: calc(100% - 70px);
}
.omail-readmenu .mat-menu-content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.omail-readmenu .mat-menu-content .mat-menu-item {
  background: var(--white-color);
  border-radius: 6px;
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  font-size: var(--clamp14);
  font-weight: 400;
  height: 40px;
  line-height: 40px;
}
/*
  *****************************
  * Omail App Common CSS End
  *****************************
*/
.omailapp-mainwrap {
  background: #F3F2FF;
  height: calc(100vh - 76px);
  overflow: hidden;
  margin-right: 32px;
}
.omailapp-mainwrap .was-validated .form-control:invalid,
.omailapp-mainwrap .form-control.is-invalid {
  background-image: none;
}
.omailapp-mainwrap input {
  outline: none;
}
.omailapp-mainwrap input :focus-visible {
  outline: none;
  border: none;
}
.omailapp-mainwrap .btn:not(:first-child) {
  margin-left: 0;
}
.omailapp-mainwrap .mat-tooltip {
  font-weight: 500;
  font-size: var(--clamp14);
  white-space: pre-wrap;
  color: var(--primary-color) !important;
  background-color: var(--white-color);
  border: 1px solid var(--primary-color);
  border-radius: 8px;
}
/*
  *****************************
  * Omail App Header CSS Start
  *****************************
*/
.omail-app-header {
  padding: 0 0 15px 0px;
  margin: 0;
  position: absolute;
  background-color: #fff;
  z-index: 1;
  width: 240px;
  border-right: 1px solid #DEDEDE;
}
@media screen and (max-width: 1024px) {
  .omail-app-header {
    position: absolute;
    z-index: 3;
  }
}
@media screen and (max-width: 768px) {
  .omail-app-header {
    z-index: 4 !important;
  }
}
.omail-app-header .omail-logo {
  padding: 10px 10px;
  cursor: pointer;
  border-bottom: 1px solid #ECECEC;
  margin-bottom: 18px;
}
.omail-app-header .omail-logo .omail-main-logo {
  padding-left: 6px;
}
.omail-app-header .omail-modules-link {
  border-bottom: 1px solid #ECECEC;
}
.omail-app-header .omail-modules-link ul {
  display: flex;
  align-items: center;
}
.omail-app-header .omail-modules-link ul li:hover span:first-child {
  transform: translateY(104%);
}
.omail-app-header .omail-modules-link ul li {
  cursor: pointer;
  padding: 0 18px 4px;
  border-bottom: 3px solid transparent;
  overflow: hidden;
  position: relative;
}
.omail-app-header .omail-modules-link ul li span {
  transition: transform 0.2s ease-out;
}
.omail-app-header .omail-modules-link ul li span:first-child {
  display: inline-block;
}
.omail-app-header .omail-modules-link ul li span:last-child {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-100%);
}
.omail-app-header .omail-modules-link ul li span:last-child img {
  position: relative;
  top: -2px;
}
.omail-app-header .omail-modules-link ul li:nth-child(3):hover span:first-child {
  transform: translateY(0);
}
.omail-app-header .omail-modules-link ul li:nth-child(3):hover span:last-child {
  transform: translateY(0);
}
.omail-app-header .omail-modules-link ul li:nth-child(3).active span {
  background-image: url('omail-contact-bg-hover.svg');
}
.omail-app-header .omail-modules-link ul li:nth-child(3) .omail-contact-icon {
  margin-top: 3px;
  margin-bottom: 3px;
}
.omail-app-header .omail-modules-link ul li.active {
  border-bottom: 3px solid #006BCE;
}
.omail-app-header .omail-modules-link ul li.active:hover {
  border-bottom: 3px solid #006BCE;
}
.omail-app-header .omail-modules-link ul li.active:hover img {
  filter: invert(0);
}
.omail-app-header .omail-modules-link ul li.active span:first-child {
  transform: translateY(-100%);
}
.omail-app-header .omail-modules-link ul li.active span:last-child {
  transform: inherit;
}
.omail-app-header .omail-modules-link ul li:last-child:hover span:first-child,
.omail-app-header .omail-modules-link ul li:last-child:hover span:last-child {
  transform: translateY(0);
  transform: rotateZ(720deg);
  opacity: 1;
}
.omail-app-header .omail-modules-link ul li:last-child span:last-child {
  transform: inherit;
  transition-duration: 1s;
  opacity: 0;
}
.omail-app-header .omail-modules-link ul li:last-child span:last-child img {
  top: -1px;
}
.omail-app-header .omail-modules-link ul li:last-child.active span:last-child {
  opacity: 1;
}
.omail-app-header .omail-modules-link ul li:last-child:hover img {
  position: relative;
  top: 2px;
}
.omail-app-header .omail-modules-link ul li:hover {
  border-bottom: 3px solid #7ECEFE;
}
.omail-app-header .omail-modules-link ul li:nth-child(3):hover .omail-contact-icon {
  background-image: url('omail-contact-bg-hover.svg');
  margin-top: 3px;
  margin-bottom: 3px;
}
.omail-app-header .omail-modules-link ul li:nth-child(3):hover .omail-contact-icon .omail-user-hover {
  transform: translateY(0);
}
.omail-app-header .omail-modules-link ul li:nth-child(3):hover .omail-contact-icon .omail-user {
  transform: translateY(100%);
  display: none;
  opacity: 0;
}
.omail-app-header .omail-modules-link ul li:hover span:last-child,
.omail-app-header .omail-modules-link ul[data-animation] li:hover span:last-child {
  transform: none;
}
.omail-app-header .omail-modules-link ul[data-animation=to-top] span:last-child {
  transform: translateY(100%);
}
.omail-app-header .omail-modules-link ul[data-animation=to-top] li:hover span:first-child {
  transform: translateY(-100%);
}
.omail-app-header .omail-modules-link .omail-contact-icon {
  width: 18px;
  height: 19px;
  background-image: url('omail-contact-bg.svg');
  position: inherit !important;
  transform: translate(0) !important;
}
.omail-app-header .omail-modules-link .omail-contact-icon img {
  transition: transform 0.1s ease-out;
  position: absolute !important;
  top: 2px !important;
}
.omail-app-header .omail-modules-link .omail-user {
  transform: translateY(0);
  opacity: 1;
  position: absolute;
}
.omail-app-header .omail-modules-link .omail-user-hover {
  transform: translateY(100%);
  position: absolute;
}
.omail-app-header .omail-rightside-links {
  display: flex;
  align-items: center;
  gap: 0;
}
@media screen and (max-width: 768px) {
  .omail-app-header .omail-rightside-links {
    gap: 0;
  }
}
@media screen and (max-width: 767px) {
  .omail-app-header .omail-rightside-links {
    gap: 0;
  }
}
.omail-app-header .omail-rightside-links .omail-modules-link li {
  opacity: 0.5;
  cursor: pointer;
}
.omail-app-header .omail-rightside-links .omail-modules-link li.active {
  opacity: 1;
  cursor: pointer;
}
.omail-app-header .omail-rightside-links .omail-modules-link li:hover {
  opacity: 1;
  cursor: pointer;
}
.omail-app-header .omail-rightside-links .omail-header-user-profile-block {
  text-align: right;
  display: flex;
  align-items: center;
  gap: 10px;
}
.omail-app-header .omail-rightside-links .omail-header-user-profile-block::after {
  display: none;
}
.omail-app-header .omail-rightside-links .omail-header-user-profile-block .omail-user-info .omail-user-name {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #4136F1;
}
.omail-app-header .omail-rightside-links .omail-header-user-profile-block .omail-user-info .omail-user-mail {
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  color: #464255;
}
.omail-app-header .omail-rightside-links .omail-header-user-profile-block .omail-user-img-block {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.omail-app-header .omail-rightside-links .omail-header-user-profile-block .omail-user-img-block img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
}
.omail-app-header .omail-rightside-links .omail-header-user-profile-block .omail-user-img-block i {
  font-size: 36px;
  color: #4136F1;
}
.omail-app-header .omail-rightside-links .omail-header-user-profile-block .omail-toggle-arrow i {
  font-size: 26px;
  color: #4136F1;
}
.omail-app-header .omail-rightside-links span {
  cursor: pointer;
}
.omail-modules-link li {
  cursor: pointer;
}
.omail-modules-link li.active {
  opacity: 1;
  cursor: pointer;
}
.omail-modules-link li:hover {
  opacity: 1;
  cursor: pointer;
}
.omail-notifications-block {
  position: relative;
  border-left: 1px solid #D2CFFF;
}
.omail-notifications-block .omail-notifications-icon {
  cursor: pointer;
}
.omail-notifications-block .omail-notifications-icon::after {
  display: none;
}
.omail-notifications-block .omail-notifications-icon img {
  -webkit-animation: ring 4s 0.7s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring 4s 0.7s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  animation: ring 4s 0.7s ease-in-out infinite;
  transform-origin: 50% 4px;
}
@keyframes ring {
  0% {
    transform: rotate(0);
  }
  1% {
    transform: rotate(30deg);
  }
  3% {
    transform: rotate(-28deg);
  }
  5% {
    transform: rotate(34deg);
  }
  7% {
    transform: rotate(-32deg);
  }
  9% {
    transform: rotate(30deg);
  }
  11% {
    transform: rotate(-28deg);
  }
  13% {
    transform: rotate(26deg);
  }
  15% {
    transform: rotate(-24deg);
  }
  17% {
    transform: rotate(22deg);
  }
  19% {
    transform: rotate(-20deg);
  }
  21% {
    transform: rotate(18deg);
  }
  23% {
    transform: rotate(-16deg);
  }
  25% {
    transform: rotate(14deg);
  }
  27% {
    transform: rotate(-12deg);
  }
  29% {
    transform: rotate(10deg);
  }
  31% {
    transform: rotate(-8deg);
  }
  33% {
    transform: rotate(6deg);
  }
  35% {
    transform: rotate(-4deg);
  }
  37% {
    transform: rotate(2deg);
  }
  39% {
    transform: rotate(-1deg);
  }
  41% {
    transform: rotate(1deg);
  }
  43% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0);
  }
}
.omail-notifications-block .omail-notifications-circle {
  display: inline-block;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #E84C3D;
  position: absolute;
  right: -2px;
  top: 1px;
  border: 2px solid #fff;
  z-index: 1;
}
.omail-notifications-block .omail-noti-category-block {
  display: flex;
  width: 711px;
  overflow: hidden;
  box-shadow: 0px 8px 17px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
}
@media screen and (max-width: 640px) {
  .omail-notifications-block .omail-noti-category-block {
    display: block;
    width: 350px;
  }
}
@media screen and (max-width: 360px) {
  .omail-notifications-block .omail-noti-category-block {
    width: 310px;
  }
}
.omail-notifications-block .omail-noti-category-block h5, .omail-notifications-block .omail-noti-category-block .h5 {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #464255;
  margin: 0 0 9px;
  padding-bottom: 5px;
}
.omail-notifications-block .omail-noti-category-block .omail-noti-category-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 36px;
}
@media screen and (max-width: 640px) {
  .omail-notifications-block .omail-noti-category-block .omail-noti-category-links {
    min-height: auto;
  }
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block {
  max-height: 580px;
  min-height: 580px;
  overflow: hidden;
  overflow-y: auto;
  margin-top: 9px;
}
@media screen and (max-width: 640px) {
  .omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block {
    max-height: 330px;
    min-height: 70px;
  }
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box {
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  margin: 0 0 4px;
  cursor: pointer;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-one {
  display: flex;
  align-items: center;
  justify-content: start;
  margin: 0 0 6px;
  gap: 10px;
  padding: 10px;
  padding-bottom: 0;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-one .box-left .omail-user-icon i {
  font-size: 32px;
  color: #006BCE;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-one .box-left .omail-user-name {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #334554;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-one .box-left .maillist-rounded-block {
  display: block;
  position: relative;
  line-height: 0;
  padding-left: 0px;
  margin-bottom: 0px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-one .box-left .maillist-rounded-block .check-img-block {
  cursor: pointer;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-one .box-left .maillist-rounded-block .check-img-block .contact-pic-text {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-one .box-left .maillist-rounded-block .check-img-block .contact-pic-text img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-one .box-left .maillist-rounded-block .check-img-block .contact-pic-text span {
  font-size: var(--clamp14);
  font-weight: 600;
  color: var(--white-color);
  line-height: 15px;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-one .box-left .maillist-rounded-block .check-img-block input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-one .box-left .maillist-rounded-block .check-img-block .check-mark {
  position: absolute;
  bottom: -2px;
  left: 5px;
  height: 24px;
  width: 24px;
  opacity: 0;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-one .box-left .maillist-rounded-block .check-img-block input:checked ~ .check-mark {
  background: url('checked.svg') no-repeat top left;
  opacity: 1;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-one .box-right {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #A3A3A3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 3px;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-one .alloweduser-text {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  color: #0A2477;
  white-space: nowrap;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-one .timeduration-text {
  white-space: nowrap;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-two {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #A3A3A3;
  padding: 0 10px;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-two span i {
  color: #FE7A00;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-two .box-left {
  display: flex;
  align-items: center;
  gap: 4px;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-two .box-left .rightspam-subtext {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #E84C3D;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-two .box-left .rightspam-subtext .right-sub {
  margin-left: 3px;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-two .box-right {
  display: flex;
  align-items: center;
  gap: 4px;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-two .box-right .mail-other-links {
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-two .box-right .mail-other-links img {
  width: 15px;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box.activemail {
  background: #006BCE;
  color: #fff;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box.activemail .omaillist-inner-one {
  color: #fff;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box.activemail .omaillist-inner-one .omail-user-name {
  color: #fff;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box.activemail .omaillist-inner-one .box-left i {
  color: #fff;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box.activemail .omaillist-inner-one .box-right {
  color: #fff;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box.activemail .omaillist-inner-two {
  color: #fff;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box.activemail .omaillist-inner-two i {
  color: #fff;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box.activemail .omaillist-inner-four {
  color: #fff;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box.activemail .omaillist-inner-four img {
  filter: brightness(0) invert(1);
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box.activemail:hover .check_img i {
  color: #006BCE !important;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box.activemail:hover .omail-user-name {
  color: #334554 !important;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box.activemail:hover .omaillist-inner-two,
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box.activemail:hover .omaillist-inner-one .box-right {
  color: #A3A3A3 !important;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box:hover {
  background: #F0EFFF;
  border: 1px solid #006BCE;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box.newMailText .omaillist-inner-one .omail-user-name {
  font-style: normal;
  font-weight: normal;
  color: #334554;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 95px;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box.newMailText .omaillist-inner-two {
  font-style: normal;
  font-weight: normal;
  color: #0A2477;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-inner-three {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  padding-top: 0;
}
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-inner-three .box-left {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #A3A3A3;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
}
.omail-notifications-block .omail-noti-category-block .omail-noti-category-left {
  background: #EAFAFF;
  width: 356px;
  padding: 18px;
  border-right: 1px solid #E6E6E6;
  box-shadow: 0px 3px 3px rgba(80, 56, 244, 0.08);
  border-radius: 8px 0px 0px 8px;
}
@media screen and (max-width: 360px) {
  .omail-notifications-block .omail-noti-category-block .omail-noti-category-left {
    width: 100%;
  }
}
.omail-notifications-block .omail-noti-category-block .omail-noti-category-left h5, .omail-notifications-block .omail-noti-category-block .omail-noti-category-left .h5 {
  border-bottom: 1px solid #B2D3DD;
}
.omail-notifications-block .omail-noti-category-block .omail-noti-category-right {
  background: #FFF9E8;
  width: 356px;
  padding: 18px;
  border-left: 1px solid #E6E6E6;
  box-shadow: 0px 3px 3px rgba(80, 56, 244, 0.08);
  border-radius: 0px 8px 8px 0px;
}
@media screen and (max-width: 360px) {
  .omail-notifications-block .omail-noti-category-block .omail-noti-category-right {
    width: 100%;
  }
}
.omail-notifications-block .omail-noti-category-block .omail-noti-category-right h5, .omail-notifications-block .omail-noti-category-block .omail-noti-category-right .h5 {
  border-bottom: 1px solid #E4DCC3;
}
.omail-notifications-block .omail-noti-category-block .notification-deny-btn {
  color: #E84C3D;
  background: #FFEAEA;
  border: 1px solid #FFEAEA;
}
.omail-notifications-block .omail-noti-category-block .notification-allow-btn {
  color: #0089BE;
  background: #D8F4FF;
  border: 1px solid #D8F4FF;
  margin-left: 3px;
}
.omail-notifications-block .omail-noti-category-block .notification-discard-btn {
  color: #242539;
  background: #EBEBF0;
  border: 1px solid #EBEBF0;
}
.omail-notifications-block .omail-noti-category-block .notification-accept-btn {
  color: #277800;
  background: #D3FFD8;
  border: 1px solid #D3FFD8;
  margin-left: 3px;
}
.omail-notifications-block .omailcat-link-btn {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #4136F1;
  border: 1px solid #fff;
  padding: 4px 13px;
  margin: 0 0 0 4px;
  text-decoration: none;
}
.omail-notifications-block .omailcat-link-btn:hover {
  color: #4136F1 !important;
  border-color: #4136F1 !important;
}
.omail-notifications-block .dropdown-menu {
  border: none;
  padding: 0;
}
/*
  *****************************
  * Omail App Header CSS End
  *****************************
*/
/*
  ************************************
  * Omail App Mailbox-Module CSS Start
  ************************************
*/
.omail-mailbox-module {
  display: flex;
  height: calc(100vh - 77px);
  overflow: hidden;
  background-color: #F0F9FF;
  position: relative;
}
.omail-mailbox-module .omail-mailbox-sidenav-block {
  width: 276px;
  height: calc(100vh - 77px);
  overflow: hidden;
  position: relative;
  padding-top: 123px;
  border-right: 1px solid #DEDEDE;
}
@media screen and (max-width: 1440px) {
  .omail-mailbox-module .omail-mailbox-sidenav-block {
    width: 293px;
  }
}
@media screen and (max-width: 1280px) {
  .omail-mailbox-module .omail-mailbox-sidenav-block {
    width: 301px;
  }
}
@media screen and (max-width: 1024px) {
  .omail-mailbox-module .omail-mailbox-sidenav-block {
    position: absolute;
    width: 240px;
    background: #fff;
    z-index: 1;
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 768px) {
  .omail-mailbox-module .omail-mailbox-sidenav-block {
    z-index: 3;
  }
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar {
  background-color: #fff;
  transition: width 0.2s;
  box-shadow: 0px 3px 6px #00000029;
  height: calc(100vh - 77px);
  padding-left: 12px;
  padding-right: 12px;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sidebar-toggle {
  position: fixed;
  left: 282px;
  top: 90px;
  z-index: 2;
  color: #A3A3A3;
  cursor: pointer;
  transition: left 0.2s;
  font-size: 20px;
}
@media screen and (max-width: 1024px) {
  .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sidebar-toggle {
    left: 245px;
  }
}
@media screen and (max-width: 992px) {
  .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sidebar-toggle {
    left: 170px;
  }
}
@media screen and (max-width: 991px) {
  .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sidebar-toggle {
    left: 207px;
  }
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list {
  padding: 0;
  margin: 0;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  cursor: pointer;
  background: transparent;
  color: #30353D;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  padding: 10px;
  text-align: left;
  border-radius: 0;
  border-right: 4px solid transparent;
  margin-bottom: 2px;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li.activefolder-list {
  background: #BFE7FE;
  color: #006BCE;
  border-radius: 6px;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li.activefolder-list .list-icon img {
  filter: invert(22%) sepia(67%) saturate(4594%) hue-rotate(197deg) brightness(96%) contrast(101%);
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li.activefolder-list .omail-badge {
  color: #ffffff;
  background: #006BCE;
  border: 1px solid #006BCE;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li.activefolder-list:hover {
  background: #BFE7FE;
  color: #006BCE;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li.activefolder-list:hover .list-icon img {
  filter: invert(22%) sepia(67%) saturate(4594%) hue-rotate(197deg) brightness(96%) contrast(101%) !important;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li.activefolder-list:hover .omail-badge {
  color: #ffffff;
  background: #006BCE;
  border: 1px solid #006BCE;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li .list-icon {
  width: 20px;
  display: inline-block;
  text-align: center;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li:hover {
  background: #DFF3FF;
  border-radius: 6px;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li:hover span img {
  filter: none !important;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li:hover .omail-badge {
  color: #ffffff;
  background: #A3A3A3;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li .omail-badge {
  color: #FFFFFF;
  height: 20px;
  min-width: 20px;
  display: block;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  border-radius: 28px;
  background: #A3A3A3;
  text-align: center;
  line-height: 20px;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li .list-text {
  margin-left: 8px;
  position: relative;
  top: 2px;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li .trash-badge {
  margin-right: 15px;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .trash-inactive .omail-trash-list li.activefolder-list {
  background: #BFE7FE;
  border-right: 0;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list {
  max-height: 200px;
  overflow-y: auto;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list::-webkit-scrollbar {
  width: 4px !important;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list li {
  opacity: 1;
  justify-content: flex-start;
  position: relative;
  background-color: #F1FAFF;
  border-radius: 6px;
  padding: 0 0 0 38px;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list li:hover {
  background-color: #DFF3FF;
  border-color: transparent;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list li:hover .fr-icon,
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list li:hover span {
  opacity: 1 !important;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list li:hover .folder-all-icons span:hover img {
  filter: invert(22%) sepia(67%) saturate(4594%) hue-rotate(197deg) brightness(96%) contrast(101%) !important;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list li:hover .folder-all-icons span:hover i {
  color: #006BCE;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list li .generate-folder {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px 0;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list li .folder-all-icons {
  position: absolute;
  right: 12px;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list li .folder-all-icons .fr-icon {
  position: absolute;
  top: -2px;
  right: 22px;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list li .folder-all-icons span {
  font-size: 17px;
  color: #b9b8b8;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list li .ge-text {
  white-space: nowrap;
  width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list li .fa-circle {
  margin-right: 6px;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list li:hover .fr-icon {
  opacity: 1;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list.active {
  min-height: 0.001px;
  max-height: 0.001px;
  overflow-y: hidden;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list.active li {
  opacity: 0;
  padding-top: 14px;
  padding-bottom: 14px;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list .trash-folder-img {
  position: relative;
  top: -2px;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .trash-list-main .list-arrow {
  position: absolute;
  right: 8px;
  top: -34px;
  cursor: pointer;
  width: 16px;
  text-align: center;
  color: #A3A3A3;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list hr {
  position: relative;
  top: 10px;
  margin: 0;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #DFF3FF;
  color: #30353D;
  padding: 10px;
  position: relative;
  margin-top: 28px;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content .folder-plush-icon {
  cursor: pointer;
  background-color: #A3A3A3;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content .list-arrow {
  font-size: 18px;
  cursor: pointer;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content .create-folder {
  position: absolute;
  right: 36px;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content .create-folder-icon {
  position: relative;
  top: -3px;
  margin-right: 8px;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content.folder-inactive {
  background: transparent;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content.folder-inactive .folder-txt {
  color: #30353D;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content.folder-inactive .create-folder,
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content.folder-inactive .list-arrow {
  color: #A3A3A3;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content.folder-active {
  background: #BFE7FE;
  border-radius: 6px;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content.folder-active .folder-txt,
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content.folder-active .folder-plush-icon,
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content.folder-active .list-arrow {
  color: #006BCE;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content.folder-active img {
  filter: invert(22%) sepia(67%) saturate(4594%) hue-rotate(197deg) brightness(96%) contrast(101%);
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content.folder-active .folder-plush-icon {
  background-color: #006BCE !important;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content.folder-active .folder-plush-icon img {
  filter: none;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one li {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 10px;
  cursor: pointer;
  background-color: #F1FAFF;
  margin-bottom: 1px;
  border-radius: 6px;
  position: relative;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one li:hover {
  background: #DFF3FF;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one li:hover .folder-all-icons span:hover i {
  color: #006BCE;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one li.activenewfolder-list {
  background-color: red;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one li .generate-folder {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px 0;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one li .generate-folder i {
  color: #00a4eb;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one li .generate-folder .ge-text {
  white-space: nowrap;
  max-width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  text-transform: capitalize;
  margin-left: 10px;
  color: #30353D;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one li .generate-folder .ge-text .omail-badge {
  position: absolute;
  right: 0;
  top: 0px;
  color: #FFFFFF;
  height: 20px;
  min-width: 20px;
  display: block;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  border-radius: 28px;
  background: #006BCE;
  text-align: center;
  line-height: 20px;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one li .folder-all-icons {
  position: relative;
  display: flex;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one li .folder-all-icons .omail-badge {
  position: absolute;
  left: -26px;
  top: 0px;
  color: #FFFFFF;
  height: 20px;
  min-width: 20px;
  display: block;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  border-radius: 28px;
  background: #A3A3A3;
  text-align: center;
  line-height: 20px;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one li .folder-all-icons span img:hover {
  filter: invert(31%) sepia(85%) saturate(1439%) hue-rotate(179deg) brightness(103%) contrast(98%);
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one li div .fa-circle {
  font-size: 14px;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .omail-sub-folder-layout {
  overflow-y: auto;
  max-height: 227px;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .omail-sub-folder-layout::-webkit-scrollbar {
  width: 4px !important;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .omail-sub-folder-layout::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .omail-sub-folder-layout.inactive {
  max-height: 342px;
  overflow-y: auto;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .omail-sub-folder-layout li.activefolder-list {
  background: #BFE7FE;
  box-shadow: inset 0px 3px 6px #00000029;
  color: #fff;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .omail-sub-folder-layout.active li {
  display: none;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .omail-sub-folder-layout.active .no-folders-text {
  display: block;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .omail-sub-folder-layout .no-folders-text {
  font-size: 14px;
  color: #0A2477;
  margin-top: 12px;
  font-weight: 400;
  display: none;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-leftside-scrollsec {
  max-height: calc(100vh - 300px);
  overflow-y: auto;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-leftside-scrollsec::-webkit-scrollbar {
  width: 4px !important;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-leftside-scrollsec::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-leftside-scrollsec.cdk-drop-list-dragging .omaillist-box {
  display: none !important;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-leftside-scrollsec.cdk-drop-list-dragging .omaillist-box .list-text {
  display: block !important;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-leftside-scrollsec.cdk-drop-list-dragging .omail-categories-list-one .omaillist-box {
  display: none;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-leftside-scrollsec.cdk-drop-list-dragging .list-icon {
  transform: translate3d(0px, 0px, 0px) !important;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-leftside-scrollsec.cdk-drop-list-dragging .omail-drag-active:hover:after {
  content: "";
  background: url('drag-cross.svg') no-repeat;
  position: absolute;
  left: 21px;
  width: 20px;
  height: 20px;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .sidebar-storage {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  background-color: #F0F9FF;
  padding: 8px 0;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .sidebar-storage h5, .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .sidebar-storage .h5 {
  font-size: 12px;
  font-weight: 400;
  color: #6D747A;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .sidebar-storage h5 strong, .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .sidebar-storage .h5 strong {
  margin-left: 6px;
  color: #464255;
  font-weight: 600;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .splitleftblock-partone {
  padding-bottom: 18px;
  border-bottom: 1px solid #DEDEDE;
  margin-bottom: 18px;
}
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .splitleftblock-partone .omail-btn-group .dropdown-toggle {
  padding: 10px 14px 10px 13px;
}
.omail-mailbox-module .omail-mailbox-split-block {
  width: 100%;
  height: calc(100vh - 77px);
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .omail-mailbox-module .omail-mailbox-split-block {
    padding-left: 68px;
  }
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block {
  background: #FFFFFF;
  border-right: 2px solid #F3F2FF;
  padding: 16px 0px;
}
@media screen and (max-width: 480px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block {
    padding: 8px 0px;
  }
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .trash-alert {
  font-size: 12px;
  color: #334554;
  background-color: #FFF3EA;
  border-color: #FFC899;
  padding: 8px 12px;
  border-radius: 6px;
  font-weight: 500;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 16px;
}
@media screen and (max-width: 480px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone {
    margin: 0 0 8px;
  }
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .omailsearch-refresh-block {
  display: flex;
  align-items: center;
  gap: 18px;
}
@media screen and (max-width: 370px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .omailsearch-refresh-block {
    gap: 10px;
  }
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .omailsearch-refresh-block .search-block input {
  border-right: none;
  min-height: 46px;
  padding-right: 21px;
  border-color: #DEDEDE;
}
@media screen and (max-width: 1440px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .omailsearch-refresh-block .search-block input {
    padding-right: 16px;
  }
}
@media screen and (max-width: 370px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .omailsearch-refresh-block .search-block input {
    min-height: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .omailsearch-refresh-block .search-block .input-group-text {
  background: transparent;
  border-color: #DEDEDE;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .omailsearch-refresh-block .search-block .input-group-text img {
  cursor: pointer;
}
@media screen and (max-width: 1440px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .omailsearch-refresh-block .search-block .input-group-text {
    padding-left: 0;
    padding-right: 4px;
  }
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .omailsearch-refresh-block .search-block i {
  cursor: pointer;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .omailsearch-refresh-block .close-button {
  position: absolute;
  right: 50px;
  top: 14px;
  z-index: 3;
}
@media screen and (max-width: 1440px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .omailsearch-refresh-block .close-button {
    right: 26px;
  }
}
@media screen and (max-width: 768px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .omailsearch-refresh-block .close-button {
    right: 28px;
  }
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .custom-btn {
  min-width: 133px;
}
@media screen and (max-width: 1366px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .custom-btn {
    min-width: 107px;
    padding: 0;
  }
}
@media screen and (max-width: 1366px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .custom-btn i {
    margin-right: 4px;
  }
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-parttwo {
  background: #F5F5F5;
  border-radius: 6px;
  margin: 0 0 5px;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #E4E4E4;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-parttwo .left-block .mail_all_check .select-primary {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #334554;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-parttwo .left-block .mail_all_check .select-primary .mat-checkbox-layout .mat-checkbox-inner-container .mat-checkbox-frame {
  border: 1.5px solid #A3A3A3;
  border-radius: 4px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-parttwo .right-block {
  display: flex;
  align-items: center;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-parttwo .right-block button {
  border: none;
  cursor: pointer;
  background: transparent;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-parttwo .right-block button:disabled {
  opacity: 0.5;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-parttwo .right-block button:disabled:hover img {
  filter: invert(0);
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-parttwo .right-block button:hover img {
  filter: invert(54%) sepia(87%) saturate(6221%) hue-rotate(184deg) brightness(99%) contrast(98%);
}
@media screen and (max-width: 768px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-parttwo {
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-parttwo {
    margin: 0;
  }
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-parttwo .omail-refresh-icon {
  margin-left: 4px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree {
  margin: 0 0 5px;
}
@media screen and (max-width: 768px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree {
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree {
    margin: 0;
  }
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree button {
  border: none;
  cursor: pointer;
  background: transparent;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree button img {
  filter: invert(75%) sepia(15%) saturate(4%) hue-rotate(26deg) brightness(85%) contrast(89%);
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree .read-mail-pagenation {
  font-size: 13px;
  color: #A3A3A3;
  margin: 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree .read-mail-pagenation .mail-pagination {
  display: flex;
  align-items: center;
  gap: 4px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree .read-mail-pagenation .mail-pagination button {
  filter: invert(34%) sepia(76%) saturate(1948%) hue-rotate(191deg) brightness(80%) contrast(105%);
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree .read-mail-pagenation .mail-pagination button:disabled {
  cursor: no-drop;
  filter: invert(82%) sepia(0%) saturate(515%) hue-rotate(134deg) brightness(82%) contrast(77%);
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree .read-mail-pagenation .received-block {
  color: #6D747A;
  font-size: 13px;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 5px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree .read-mail-pagenation .received-block i {
  color: #A3A3A3;
  font-size: 18px;
  cursor: pointer;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree .read-mail-pagenation .received-block .orderstatus-one i {
  transform: rotate(180deg);
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree .read-mail-pagenation .received-block button {
  display: flex;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree .read-mail-pagenation .received-block button span {
  display: flex;
  align-items: center;
  color: #6D747A;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree .read-mail-pagenation .received-block button i {
  margin-left: 4px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree .read-mail-pagenation .received-block .dropdown-menu {
  box-shadow: 0px 4px 4px 0px rgba(63, 89, 114, 0.2);
  padding: 0;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree .read-mail-pagenation .received-block .dropdown-menu .dropdown-item {
  font-size: var(--clamp14);
  color: #0A2477;
  padding: 6px 12px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree .read-mail-pagenation .received-block .dropdown-menu .dropdown-item:hover {
  background-color: #F0F9FF;
  border-radius: 3px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree .read-mail-pagenation .received-block .dropdown-menu .dropdown-item.disabled {
  color: #A3A3A3;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree .read-mail-pagenation .received-block .dropdown-toggle:after {
  border-color: transparent;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree .read-mail-pagenation .received-block:focus-visible {
  outline: none;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour {
  position: relative;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock {
  height: calc(100vh - 236px);
  overflow: hidden;
  overflow-y: auto;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock::-webkit-scrollbar {
  width: 4px !important;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omail-list-empty-block {
  padding: 0px;
  margin: 0px;
  height: calc(100vh - 237px);
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omail-list-empty-block h6, .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omail-list-empty-block .h6 {
  color: #003B93;
  font-size: var(--clamp16);
  font-style: normal;
  font-weight: 400;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omail-mailreload-block {
  position: absolute;
  background-color: rgba(248, 240, 240, 0.4);
  width: 100%;
  height: calc(100vh - 237px);
  z-index: 1400;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omail-mailreload-block .spinner-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box {
  background: #ffffff;
  border-top: 1px solid #ECECEC;
  cursor: pointer;
  position: relative;
  border-left: 3px solid transparent;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box:hover {
  background-color: #F9F9F9;
  border-left: 3px solid #BEE49F;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-user-block {
  position: absolute;
  top: 10px;
  left: 10px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-user-block .maillist-rounded-block {
  display: block;
  position: relative;
  line-height: 0;
  padding-left: 0px;
  margin-bottom: 0px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-user-block .maillist-rounded-block .check-img-block {
  cursor: pointer;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-user-block .maillist-rounded-block .check-img-block .contact-pic-text {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: #DEDEDE;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-user-block .maillist-rounded-block .check-img-block .contact-pic-text img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-user-block .maillist-rounded-block .check-img-block .contact-pic-text span {
  font-size: var(--clamp14);
  font-weight: 600;
  color: var(--white-color);
  line-height: 15px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-user-block .maillist-rounded-block .check-img-block input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-user-block .maillist-rounded-block .check-img-block .check-mark {
  position: absolute;
  bottom: -2px;
  left: 5px;
  height: 24px;
  width: 24px;
  opacity: 0;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-user-block .maillist-rounded-block .check-img-block input:checked ~ .check-mark {
  background: url('checked.svg') no-repeat center center;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.4);
  left: 0;
  top: 0;
  width: 28px;
  height: 28px;
  border-radius: 6px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block {
  padding: 10px 10px 10px 50px;
  min-height: 59px;
  max-height: 80px;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block {
    max-height: initial;
  }
}
@media screen and (max-width: 360px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block {
    max-height: initial;
  }
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-one {
  display: flex;
  align-items: center;
  justify-content: start;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-one {
    display: block;
  }
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-one .box-left .omail-user-icon i {
  font-size: 32px;
  color: #006BCE;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-one .box-left .omail-user-name {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #334554;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-one .box-right {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #A3A3A3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-one .box-right {
    display: block;
  }
}
@media screen and (max-width: 360px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-one .box-right {
    display: block;
  }
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-one .omail-user-name {
  max-width: 60%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #30353D;
  font-weight: 400;
}
@media screen and (max-width: 1600px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-one .omail-user-name {
    max-width: 50%;
  }
}
@media screen and (max-width: 1366px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-one .omail-user-name {
    max-width: 36%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-one .omail-user-name {
    max-width: 98%;
  }
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #A3A3A3;
  display: block;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two span {
  margin-right: 4px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two span i {
  color: #E84C3D;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .box-left {
  display: flex;
  align-items: center;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .box-left .omail-subject-name {
  max-width: 270px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #6D747A;
  font-weight: 500;
}
@media screen and (max-width: 1440px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .box-left .omail-subject-name {
    max-width: 170px;
  }
}
@media screen and (max-width: 1366px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .box-left .omail-subject-name {
    max-width: 110px;
  }
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .box-right,
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .omail-bottom-links .box-left {
  display: flex;
  align-items: center;
  gap: 10px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .box-right .videomail-icon i,
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .omail-bottom-links .box-left .videomail-icon i {
  color: #A3A3A3;
  line-height: 20px;
  font-size: 16px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .box-right .mail-other-links,
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .omail-bottom-links .box-left .mail-other-links {
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .box-right .mail-other-links img,
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .omail-bottom-links .box-left .mail-other-links img {
  width: 15px;
  filter: invert(75%) sepia(15%) saturate(4%) hue-rotate(26deg) brightness(85%) contrast(89%);
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .box-right .mail-other-links img:hover,
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .omail-bottom-links .box-left .mail-other-links img:hover {
  filter: invert(66%) sepia(93%) saturate(1501%) hue-rotate(1deg) brightness(105%) contrast(87%);
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .box-right .mail-other-links img.important-active,
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .omail-bottom-links .box-left .mail-other-links img.important-active {
  filter: invert(66%) sepia(93%) saturate(1501%) hue-rotate(1deg) brightness(105%) contrast(87%);
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .omail-bottom-links {
  display: flex;
  justify-content: space-between;
  margin-top: 2px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .omail-bottom-links .box-left {
  gap: 0px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .mail-status-label {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #F87405;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-three {
  margin: 0 0 6px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #706D7A;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .subject-highpriority {
  filter: invert(35%) sepia(54%) saturate(3330%) hue-rotate(342deg) brightness(99%) contrast(84%);
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .subject-highpriority img {
  width: 16px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box.activemail {
  background: #F3F3F3;
  color: #fff;
  border-left: 3px solid #37AC00;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box.activemail:hover .check_img i {
  color: #006BCE !important;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box.activemail:hover .omail-user-name {
  color: #334554 !important;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box.activemail:hover .omaillist-inner-two,
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box.activemail:hover .omaillist-inner-one .box-right {
  color: #A3A3A3 !important;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box.activemail:hover .mail-other-links img {
  filter: none;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box.newMailText .omaillist-inner-two {
  font-style: normal;
  font-weight: 500;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box.newMailText .omaillist-inner-two .omail-subject-name {
  color: #006BCE !important;
  font-weight: 500;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block {
  overflow: auto;
  position: relative;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock {
  height: calc(100vh - 77px);
  overflow: hidden;
  overflow-y: auto;
  background: #FFFFFF;
  position: relative;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main {
  overflow: hidden;
  height: calc(100vh - 85px);
  position: relative;
  /* Select any mail starts here */
  /* Select any mail ends here */
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  position: relative;
  border-bottom: 1px solid #ECECEC;
}
@media screen and (max-width: 480px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone {
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-left-block {
    margin-bottom: 10px;
  }
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-left-block .read-mail-user-text {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #30353D;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-left-block .read-mail-usermailid-text {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #A3A3A3;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block {
  display: flex;
  align-items: center;
  gap: 10px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block button {
  background: transparent;
  outline: none;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: var(--clamp14);
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block button:hover {
  filter: invert(60%) sepia(123%) saturate(1855%) hue-rotate(185deg) brightness(69%) contrast(138%);
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block .text-to-speech-block {
  background: #37AC00;
  border: 2px solid transparent;
  border-radius: 4px;
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  color: #464255;
  cursor: pointer;
  padding: 4px 6px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block .text-to-speech-block .omail-text-speech {
  padding: 2px 4px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block .text-to-speech-block:hover {
  border: 2px solid #37AC00;
  background: #37AC00;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block .text-to-speech-block:hover .omail-text-speech {
  background: #2A8300;
  border-radius: 4px;
  padding: 2px 4px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block .text-to-speech-block .textspeech-pauseplay img {
  filter: invert(0);
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block .text-to-speech-block .text-to-speech-dropdown .btn-arrow {
  border: none;
  padding: 0;
  vertical-align: middle;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block .text-to-speech-block .text-to-speech-dropdown .btn-arrow::after {
  display: none;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block .text-to-speech-block .text-to-speech-dropdown .btn-arrow img {
  filter: invert(100%) sepia(4%) saturate(0%) hue-rotate(220deg) brightness(318%) contrast(116%);
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block .text-to-speech-block .text-to-speech-dropdown .speech-options-block {
  border: 1px solid #006BCE;
  padding: 0;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block .text-to-speech-block .text-to-speech-dropdown .speech-options-block .speech-options {
  border: none;
  border-bottom: 1px solid #006BCE;
  border-radius: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #0A2477;
  padding-top: 7px;
  padding-bottom: 7px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block .text-to-speech-block .text-to-speech-dropdown .speech-options-block .speech-options:first-child {
  border-radius: 8px 8px 0 0;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block .text-to-speech-block .text-to-speech-dropdown .speech-options-block .speech-options:last-child {
  border-bottom: none;
  border-radius: 0 0 8px 8px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block .text-to-speech-block .text-to-speech-dropdown .speech-options-block .speech-options:hover {
  background: #BFE7FE;
  filter: inherit;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block .text-to-speech-block .text-to-speech-dropdown .speech-options-block .speech-options.voice-active {
  background: #BFE7FE;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block .text-to-speech-block span img {
  filter: invert(100%) sepia(4%) saturate(0%) hue-rotate(220deg) brightness(318%) contrast(116%);
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block .omail-other-links {
  display: flex;
  align-items: center;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headertwo {
  background: #FFFCF4;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ECECEC;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headertwo .headertwo-left-block {
  display: flex;
  align-items: center;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headertwo .headertwo-left-block .read-mail-subject-text {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #003B93;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headertwo .headertwo-right-block .read-mail-timedate-text {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #A3A3A3;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerthree {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E6E6E6;
  justify-content: space-between;
  padding: 12px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerthree .headerthree-left-block {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  color: #A3A3A3;
  font-size: 14px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerthree .headerthree-left-block .omail-clip-block .mat-chip-list-wrapper {
  overflow-y: auto;
  max-height: 60px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerthree .headerthree-left-block .omail-clip-block .mat-chip-list-wrapper::-webkit-scrollbar {
  width: 4px !important;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerthree .headerthree-left-block .omail-clip-block .mat-chip-list-wrapper::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerthree .headerthree-right-block .email-more-list-block img:hover {
  filter: invert(38%) sepia(39%) saturate(6593%) hue-rotate(183deg) brightness(99%) contrast(98%);
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerfour {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0;
  position: relative;
  background-color: #FFF3E9;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerfour .read-mail-scheduled-text {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #30353D;
  padding: 10px 12px 9px 12px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown {
  border: none;
  box-shadow: 0px 8px 17px rgba(0, 0, 0, 0.3);
  padding: 0;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown .omail-morelist-header {
  background: #DFF3FF;
  border-radius: 8px 8px 0px 0px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #30353D;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown .omail-morelist-header h5, .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown .omail-morelist-header .h5 {
  font-size: 14px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown .omail-morelist-header span {
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(63, 89, 114, 0.2);
  border-radius: 20px;
  width: 20px;
  height: 20px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown .omail-morelist-header span:hover {
  background-color: #E84C3D;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown .omail-morelist-header span:hover img,
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown .omail-morelist-header span:hover img:hover {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(269deg) brightness(150%) contrast(101%);
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown .omail-clip-block {
  max-height: 256px;
  padding: 6px;
  overflow-y: auto;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown .omail-clip-block::-webkit-scrollbar {
  width: 4px !important;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown .omail-clip-block::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body {
  height: calc(100vh - 328px);
  overflow: hidden;
  overflow-y: auto;
  padding: 12px;
  /* text to speech starts here */
  /* text to speech ends here */
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #464255;
  min-height: 500px;
  max-height: 100%;
  overflow: auto;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text::-webkit-scrollbar {
  width: 4px !important;
  height: 4px !important;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text video {
  width: 100%;
}
@media screen and (max-width: 1366px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text {
    min-height: 320px;
    max-height: 320px;
    overflow-y: auto;
  }
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text dd p span.fr-emoticon-img {
  background-repeat: no-repeat !important;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text .fr-video {
  width: 100%;
  max-height: 509px;
  text-align: left;
  display: flex;
}
@media screen and (max-width: 1440px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text .fr-video {
    max-height: 355px;
  }
}
@media screen and (max-width: 1366px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text .fr-video {
    max-height: 332px;
  }
}
@media screen and (max-width: 1280px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text .fr-video {
    max-height: 303px;
  }
}
@media screen and (max-width: 1024px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text .fr-video {
    max-height: 223px;
  }
}
@media screen and (max-width: 991px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text .fr-video {
    max-height: 289px;
  }
}
@media screen and (max-width: 768px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text .fr-video {
    max-height: 319px;
  }
}
@media screen and (max-width: 640px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text .fr-video {
    max-height: 260px;
  }
}
@media screen and (max-width: 575px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text .fr-video {
    max-height: 231px;
  }
}
@media screen and (max-width: 480px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text .fr-video {
    max-height: 185px;
  }
}
@media screen and (max-width: 414px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text .fr-video {
    max-height: 153px;
  }
}
@media screen and (max-width: 360px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text .fr-video {
    max-height: 131px;
  }
}
@media screen and (max-width: 320px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text .fr-video {
    max-height: 111px;
  }
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text .fr-video video {
  object-fit: cover;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text p {
  margin-bottom: 0;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text p a {
  color: #0a58ca;
}
@media screen and (max-width: 991px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .omail-froalabg-block .video-block {
    width: 81%;
  }
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .text-to-speech-block {
  background: #F3F2FF;
  border: 2px solid transparent;
  border-radius: 4px;
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  color: #464255;
  cursor: pointer;
  padding: 4px 10px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .text-to-speech-block:hover {
  border: 2px solid #F3F2FF;
  background: transparent;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .text-to-speech-block .text-to-speech-dropdown .btn-arrow {
  border: none;
  padding: 0;
  vertical-align: middle;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .text-to-speech-block .text-to-speech-dropdown .btn-arrow::after {
  display: none;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .text-to-speech-block .text-to-speech-dropdown .speech-options-block {
  border: 1px solid #006BCE;
  padding: 0;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .text-to-speech-block .text-to-speech-dropdown .speech-options-block .speech-options {
  border: none;
  border-bottom: 1px solid #006BCE;
  border-radius: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #0A2477;
  padding-top: 7px;
  padding-bottom: 7px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .text-to-speech-block .text-to-speech-dropdown .speech-options-block .speech-options:first-child {
  border-radius: 8px 8px 0 0;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .text-to-speech-block .text-to-speech-dropdown .speech-options-block .speech-options:last-child {
  border-bottom: none;
  border-radius: 0 0 8px 8px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .text-to-speech-block .text-to-speech-dropdown .speech-options-block .speech-options:hover {
  background: #F3F2FF;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .text-to-speech-block .text-to-speech-dropdown .speech-options-block .speech-options.voice-active {
  background: #F3F2FF;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer {
  padding: 12px;
  width: 100%;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block {
  background: #F8F8F8;
  border-radius: 6px;
  overflow: hidden;
  position: absolute;
  bottom: 0px;
  z-index: 99;
  left: 10px;
  right: 10px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-header {
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-header .allattach-text {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #6D747A;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-header .allattach-text .attach-download-all {
  color: #4136F1;
  font-size: 12px;
  margin-left: 20px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-header .allattach-download-text {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #006BCE;
  cursor: pointer;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-body {
  margin: 12px;
  min-height: 53px;
  max-height: 53px;
  overflow-y: auto;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-body::-webkit-scrollbar {
  width: 4px !important;
  height: 4px !important;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-body::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
@media screen and (max-width: 1800px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-body {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-body .attachment-list {
  display: flex;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-body .attachment-list li {
  background: #FFFFFF;
  border-radius: 6px;
  padding: 6px 9px;
  margin-right: 24px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-body .attachment-list li:last-child {
  margin-right: 0;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-body .attachment-list li .downloadall-main {
  display: flex;
  gap: 10px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-body .attachment-list li .downloadall-main .read-attachment-filename {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  color: #30353D;
  display: inline-block;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-body .attachment-list li .downloadall-main .read-attachment-filename .file-size-text {
  color: #A3A3A3;
  display: block;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-body .attachment-list li .downloadall-main .read-download-icon {
  cursor: pointer;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .select-anymail-main {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .select-anymail-main .select-anymail-inner {
  display: flex !important;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  margin: 0 20px;
  align-items: center;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .select-anymail-main .select-anymail-inner h4, .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .select-anymail-main .select-anymail-inner .h4 {
  color: #003B93;
  font-size: var(--clamp16);
  font-style: normal;
  font-weight: 400;
  margin-top: 18px;
  margin-bottom: 5px;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .select-anymail-main .select-anymail-inner p {
  color: #6D747A;
  font-size: var(--clamp16);
  font-style: normal;
  font-weight: 400;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock form {
  height: 100%;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock.readmail-hide {
  display: none;
}
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field {
  padding: 8px 12px;
}
.omail-mailbox-module .omail-mailbox-split-block .omail-search-content {
  padding-left: 12px;
  padding-right: 12px;
}
.omail-compose-mail-block {
  padding: 12px 0 0;
  height: 100%;
  overflow: hidden;
  /* Contacts send mail starts here */
  /* Contacts send mail ends here */
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headerone {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 0 12px 10px;
  border-bottom: 1px solid #E6E6E6;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headerone h4, .omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headerone .h4 {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #334554;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headerone .close-icon {
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #334554;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headerone .close-icon:hover {
  opacity: 0.5;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #E6E6E6;
  padding: 4px 12px;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one {
  display: flex;
  align-items: center;
  width: 100%;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one h3, .omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one .h3 {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #A3A3A3;
  margin: 0 8px 0 0;
  min-width: 46px;
  text-align: center;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one .read-mail-sub {
  width: 100%;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one input {
  border: none !important;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #334554;
  width: 100%;
  outline: none;
  padding-left: 0;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one .attachment-list {
  width: 100%;
  min-height: auto;
  max-height: 60px;
  overflow-y: auto;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one .attachment-list::-webkit-scrollbar {
  width: 4px !important;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one .attachment-list::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one .attachment-list ul {
  display: inline;
  margin-right: 10px;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one .attachment-list ul li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-right: 10px;
  margin-bottom: 10px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #30353D;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one .attachment-list ul li i {
  color: #A3A3A3;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one .attachment-list ul li span {
  color: #A3A3A3;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one .attachment-list ul li span i:hover {
  opacity: 0.5;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one .omail-clip-block {
  position: relative;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one .omail-clip-block .mat-chip-list-wrapper {
  overflow: auto;
  max-height: 60px;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one .omail-clip-block .mat-chip-list-wrapper::-webkit-scrollbar {
  width: 4px !important;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one .omail-clip-block .mat-chip-list-wrapper::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one .sub-error-text {
  position: absolute;
  bottom: -14px;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-two {
  display: flex;
  align-items: center;
  white-space: pre;
  gap: 4px;
  margin-left: 3px;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-two .omail-addgroup-mails {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #F87405;
  cursor: pointer;
  margin-right: 10px;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-two .contacts-user-add {
  cursor: pointer;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-two .mail-importance-block {
  cursor: pointer;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-two .mail-importance-block span img:hover {
  filter: invert(35%) sepia(54%) saturate(3330%) hue-rotate(342deg) brightness(99%) contrast(84%);
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-two .minus-square {
  cursor: pointer;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-two.to-col {
  margin-right: 23px;
  padding-left: 0;
  gap: 0;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-two.to-col .ccbcc-text-links {
  padding-left: 0;
  padding-right: 0;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field:last-child {
  padding: 0px 12px;
  border-bottom: none;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-emailmorelist-dropdown {
  border: none;
  box-shadow: 0px 8px 17px rgba(0, 0, 0, 0.3);
  padding: 0;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-emailmorelist-dropdown .omail-morelist-header {
  background: #DFF3FF;
  border-radius: 8px 8px 0px 0px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #30353D;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-emailmorelist-dropdown .omail-morelist-header h5, .omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-emailmorelist-dropdown .omail-morelist-header .h5 {
  font-size: 14px;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-emailmorelist-dropdown .omail-morelist-header span {
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(63, 89, 114, 0.2);
  border-radius: 20px;
  width: 20px;
  height: 20px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-emailmorelist-dropdown .omail-morelist-header span:hover {
  background-color: #E84C3D;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-emailmorelist-dropdown .omail-morelist-header span:hover img,
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-emailmorelist-dropdown .omail-morelist-header span:hover img:hover {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(269deg) brightness(150%) contrast(101%);
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-emailmorelist-dropdown .event-more-mail-list {
  min-height: 100px;
  max-height: 300px;
  overflow-y: hidden;
  height: auto !important;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-emailmorelist-dropdown .event-more-mail-list:hover {
  background-color: transparent !important;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-emailmorelist-dropdown .event-more-mail-list .omail-clip-block {
  max-height: 256px;
  padding: 6px;
  overflow-y: auto;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-emailmorelist-dropdown .event-more-mail-list .omail-clip-block .mail-text {
  margin: 0;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-emailmorelist-dropdown .event-more-mail-list .omail-clip-block::-webkit-scrollbar {
  width: 4px !important;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-emailmorelist-dropdown .event-more-mail-list .omail-clip-block::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-custom-btn-outline {
  padding: 0px 10px;
  border-radius: 4px;
  margin-right: 4px;
  padding: 4px 10px;
}
.omail-compose-mail-block .omailcomposemail-header .ccbcc-text-links {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  gap: 10px;
  padding-right: 10px;
}
.omail-compose-mail-block .omailcomposemail-header .ccbcc-text-links span {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #006BCE;
  cursor: pointer;
}
.omail-compose-mail-block .omailcomposemail-body {
  margin: 0;
  max-height: -moz-fit-content;
  max-height: fit-content;
  overflow-y: hidden;
  height: calc(100vh - 193px);
}
.omail-compose-mail-block .omailcomposemail-body .fr-wrapper {
  height: calc(100vh - 323px) !important;
}
.omail-compose-mail-block .omailcomposemail-body .fr-wrapper .fr-video {
  width: 100%;
  height: 481px;
  padding: 0;
  text-align: left;
  display: flex;
}
@media screen and (max-width: 1440px) {
  .omail-compose-mail-block .omailcomposemail-body .fr-wrapper .fr-video {
    height: 330px;
  }
}
@media screen and (max-width: 1366px) {
  .omail-compose-mail-block .omailcomposemail-body .fr-wrapper .fr-video {
    height: 308px;
  }
}
@media screen and (max-width: 1280px) {
  .omail-compose-mail-block .omailcomposemail-body .fr-wrapper .fr-video {
    height: 278px;
  }
}
@media screen and (max-width: 1024px) {
  .omail-compose-mail-block .omailcomposemail-body .fr-wrapper .fr-video {
    height: 200px;
  }
}
@media screen and (max-width: 991px) {
  .omail-compose-mail-block .omailcomposemail-body .fr-wrapper .fr-video {
    height: 265px;
  }
}
@media screen and (max-width: 768px) {
  .omail-compose-mail-block .omailcomposemail-body .fr-wrapper .fr-video {
    height: 294px;
  }
}
@media screen and (max-width: 660px) {
  .omail-compose-mail-block .omailcomposemail-body .fr-wrapper .fr-video {
    height: 233px;
  }
}
@media screen and (max-width: 480px) {
  .omail-compose-mail-block .omailcomposemail-body .fr-wrapper .fr-video {
    height: 160px;
  }
}
@media screen and (max-width: 414px) {
  .omail-compose-mail-block .omailcomposemail-body .fr-wrapper .fr-video {
    height: 131px;
  }
}
@media screen and (max-width: 360px) {
  .omail-compose-mail-block .omailcomposemail-body .fr-wrapper .fr-video {
    height: 105px;
  }
}
@media screen and (max-width: 320px) {
  .omail-compose-mail-block .omailcomposemail-body .fr-wrapper .fr-video {
    height: 87px;
  }
}
.omail-compose-mail-block .omailcomposemail-body .fr-wrapper .fr-video video {
  width: 100%;
  object-fit: cover;
}
.omail-compose-mail-block .omailcomposemail-body .listening-txt {
  margin: 0 50px 0 0;
  text-align: right;
  color: #37AC00;
  animation: bounceListen 0.6s ease infinite alternate;
  -webkit-animation: bounceListen 0.6s ease infinite alternate;
}
.omail-compose-mail-block .no-bg-video-block video {
  width: 80% !important;
}
.omail-compose-mail-block .omail-smartreplay-block {
  margin: 10px 0 0;
}
@media screen and (min-width: 1025px) {
  .omail-compose-mail-block .omail-smartreplay-block {
    position: fixed;
    bottom: 80px;
    z-index: 1;
    background: #fff;
    margin-left: 10px;
  }
}
.omail-compose-mail-block .omail-smartreplay-block ul {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}
.omail-compose-mail-block .omail-smartreplay-block ul li {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #006BCE;
  border: 1px solid #4693db;
  border-radius: 4px;
  padding: 6px 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 37%;
  cursor: pointer;
}
.omail-compose-mail-block .omailcomposemail-footer {
  padding: 5px 12px;
  border-top: 1px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  z-index: 2;
  background-color: #fff;
}
@media screen and (max-width: 1024px) {
  .omail-compose-mail-block .omailcomposemail-footer {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .omail-compose-mail-block .omailcomposemail-footer {
    display: block;
  }
}
.omail-compose-mail-block .omailcomposemail-footer .omailcomposemail-footer-links-left {
  display: flex;
}
.omail-compose-mail-block .omailcomposemail-footer .omailcomposemail-footer-links-left .omail-more-dropdown .dropdown-toggle {
  border: none;
  background: no-repeat;
  padding: 0;
}
.omail-compose-mail-block .omailcomposemail-footer .omailcomposemail-footer-links-left .omail-more-dropdown .dropdown-toggle:disabled {
  cursor: no-drop;
  opacity: 0.5;
}
@media screen and (max-width: 414px) {
  .omail-compose-mail-block .omailcomposemail-footer .omailcomposemail-footer-links-left {
    margin-bottom: 10px;
  }
}
.omail-compose-mail-block .omailcomposemail-footer .omailcomposemail-footer-links-left .btn-link {
  padding: 0;
  margin: 0 12px 0 0;
}
.omail-compose-mail-block .omailcomposemail-footer .omailcomposemail-footer-links-left .btn-link:hover {
  filter: invert(49%) sepia(85%) saturate(4431%) hue-rotate(180deg) brightness(93%) contrast(98%);
}
.omail-compose-mail-block .omailcomposemail-footer .omailcomposemail-footer-links-right {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 354px) {
  .omail-compose-mail-block .omailcomposemail-footer .omailcomposemail-footer-links-right {
    display: block;
  }
}
.omail-compose-mail-block .omailcomposemail-footer .omailcomposemail-footer-links-right .sendbtn {
  min-height: 32px;
  min-width: 32px;
  border-radius: 8px;
  padding: 0;
}
.omail-compose-mail-block .omailcomposemail-footer .omailcomposemail-footer-links-right .resendbtn {
  min-height: 32px;
  min-width: 32px;
  border-radius: 8px;
  padding: 2px 5px;
}
@media screen and (max-width: 640px) {
  .omail-compose-mail-block .omailcomposemail-footer .omailcomposemail-footer-links-right .omail-send-btngroup {
    margin-right: 0 !important;
  }
}
@media screen and (max-width: 320px) {
  .omail-compose-mail-block .omailcomposemail-footer .omailcomposemail-footer-links-right .omail-send-btngroup {
    margin-top: 10px;
  }
}
@media screen and (max-width: 640px) {
  .omail-compose-mail-block .omailcomposemail-footer .omailcomposemail-footer-links-right .schedule-btn {
    margin-right: 10px;
    margin-left: 6px;
  }
}
@media screen and (max-width: 354px) {
  .omail-compose-mail-block .omailcomposemail-footer .omailcomposemail-footer-links-right .schedule-btn {
    margin-bottom: 4px;
  }
}
.omail-compose-mail-block .omailcomposemail-footer .omailcomposemail-footer-links-right .schedule-btn img {
  margin-right: 4px;
}
@media screen and (max-width: 640px) {
  .omail-compose-mail-block .omailcomposemail-footer .omailcomposemail-footer-links-right .btn-link {
    display: block;
    text-align: left;
    padding-left: 5px;
  }
}
.omail-compose-mail-block .omailcomposemail-footer .omailcomposemail-footer-links-right .omail-custom-btn-outline {
  padding: 9px 24px 8px;
}
.omail-compose-mail-block .omailcomposemail-footer .composemail-footer-inside {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 414px) {
  .omail-compose-mail-block .omailcomposemail-footer .composemail-footer-inside {
    display: block;
  }
}
.omail-compose-mail-block .schedule-text-compose {
  text-align: center;
}
.omail-compose-mail-block .schedule-text-compose span {
  padding: 0;
  font-style: normal;
  font-weight: normal;
  font-size: var(--clamp12);
  text-decoration: none;
  cursor: inherit;
  color: #0d6efd;
}
.omail-compose-mail-block .composemail-form {
  height: 100%;
}
.omail-compose-mail-block.omail-reply-all-main .omailcomposemail-headertwo .omail-form-field:nth-child(2) .omail-clip-block {
  width: 92.5%;
}
.omail-compose-mail-block.omail-reply-all-main .omailcomposemail-headertwo .omail-form-field:nth-child(2) .omail-col-two .email-more-list-block {
  right: 24px;
}
.omail-compose-mail-block.omail-reply-all-main .omailcomposemail-headertwo .omail-form-field:nth-child(2) .omail-emailmorelist-dropdown .omail-clip-block {
  width: 100%;
}
.omail-compose-mail-block.omail-contact-sendmail-main {
  padding: 0;
}
.omail-compose-mail-block.omail-contact-sendmail-main .composemail-form {
  position: inherit !important;
}
.omail-compose-mail-block.omail-contact-sendmail-main .composemail-form .omailcomposemail-header .omailcomposemail-headerone {
  display: none;
}
.omail-compose-mail-block.omail-contact-sendmail-main .composemail-form .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-two .omail-addgroup-mails {
  display: none;
}
.omail-compose-mail-block.readmail-hide {
  display: none;
}
/*/Mail Clips CSS Start*/
.omail-clip-block,
.omail-email-catagory-types {
  width: 100%;
}
.omail-clip-block .form-control,
.omail-email-catagory-types .form-control {
  width: 100%;
}
.omail-clip-block .form-control:focus,
.omail-email-catagory-types .form-control:focus {
  box-shadow: none;
}
.omail-clip-block .mat-chip-list .mat-standard-chip,
.omail-email-catagory-types .mat-chip-list .mat-standard-chip {
  font-style: normal;
  font-weight: normal;
  font-size: var(--clamp12);
  color: #2A3F51;
  min-height: 25px;
  white-space: nowrap;
  background-color: #F5F5F5;
}
@media screen and (min-width: 280px) and (max-width: 990px) {
  .omail-clip-block .mat-chip-list .mat-standard-chip,
.omail-email-catagory-types .mat-chip-list .mat-standard-chip {
    word-break: break-all;
    white-space: pre-wrap !important;
    height: auto;
  }
}
.omail-clip-block .mat-chip-list .mat-standard-chip,
.omail-email-catagory-types .mat-chip-list .mat-standard-chip {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin: 2px 4px;
}
.omail-clip-block .mat-chip-list .mat-standard-chip .mat-chip-remove,
.omail-email-catagory-types .mat-chip-list .mat-standard-chip .mat-chip-remove {
  opacity: 1 !important;
  display: flex;
}
.omail-clip-block .mat-chip-list .mat-standard-chip .mat-chip-remove:hover img,
.omail-email-catagory-types .mat-chip-list .mat-standard-chip .mat-chip-remove:hover img {
  filter: invert(44%) sepia(88%) saturate(4143%) hue-rotate(341deg) brightness(98%) contrast(86%);
}
/* /Mail Clips CSS End */
/* New design changes */
.omail-sidebar-toggle {
  position: fixed;
  left: 282px;
  top: 90px;
  z-index: 2;
  color: #A3A3A3;
  cursor: pointer;
  transition: left 0.2s;
  font-size: 20px;
}
@media screen and (max-width: 1024px) {
  .omail-sidebar-toggle {
    position: absolute;
    top: 14px;
    z-index: 5;
  }
}
@media screen and (max-width: 991px) {
  .omail-sidebar-toggle {
    left: 210px;
    z-index: 5;
  }
}
.omailapp-mainwrap.active {
  /* Active-collapse calendar starts here */
  /* Active-collapse calendar ends here */
  /* Active-collapse contacts starts here */
  /* Active-collapse contacts ends here */
  /* Active-collapse settings starts here */
  /* Active-collapse settings ends here */
  /* Active-collapse Mail starts here */
  /* Active-collapse Mail ends here */
  /* Active-collapse Settings starts here */
  /* Active-collapse Settings end here */
  /* Active-collapse contacts starts here */
  /* Active-collapse contacts ends here */
}
.omailapp-mainwrap.active .omail-mobile-logo {
  display: block;
  margin: 0 auto;
}
.omailapp-mainwrap.active .omail-main-logo {
  display: none;
}
.omailapp-mainwrap.active .omail-app-header {
  width: 68px;
}
.omailapp-mainwrap.active .omail-mailbox-sidenav-block {
  width: 71px;
}
@media screen and (max-width: 1024px) {
  .omailapp-mainwrap.active .omail-mailbox-sidenav-block {
    width: 68px;
  }
}
.omailapp-mainwrap.active .omail-sidebar-toggle {
  left: 134px;
}
@media screen and (max-width: 991px) {
  .omailapp-mainwrap.active .omail-sidebar-toggle {
    left: 55px;
  }
}
.omailapp-mainwrap.active .list-text,
.omailapp-mainwrap.active .folder-txt,
.omailapp-mainwrap.active .create-folder {
  display: none;
}
.omailapp-mainwrap.active .folder-content i {
  display: none;
}
.omailapp-mainwrap.active .generate-folder .ge-text {
  display: none;
}
.omailapp-mainwrap.active .omail-badge {
  display: none !important;
}
.omailapp-mainwrap.active .trash-list-main {
  display: none;
}
.omailapp-mainwrap.active .trash-list-main .list-arrow {
  display: none;
}
.omailapp-mainwrap.active .trash-list-main.trash-inactive .omail-trash-list .activefolder-list {
  background-color: #D1CDFF;
}
.omailapp-mainwrap.active .folder-all-icons {
  display: none !important;
}
.omailapp-mainwrap.active .omail-trash-list li {
  padding-left: 12px !important;
}
.omailapp-mainwrap.active .trash-list-main {
  display: block;
}
.omailapp-mainwrap.active .sidebar-storage {
  display: none;
}
.omailapp-mainwrap.active .omail-modules-link ul li {
  display: none;
}
.omailapp-mainwrap.active .omail-modules-link ul li.active {
  display: block;
}
.omailapp-mainwrap.active .omail-calendar .calendar-left-side {
  width: 68px;
}
.omailapp-mainwrap.active .omail-contacts-main-block .contact-left-padding {
  width: 68px;
}
.omailapp-mainwrap.active .omail-contacts-main-block .omail-sub-delete-layout {
  display: none;
}
.omailapp-mainwrap.active .omail-v-tabs .omail-vtabs-view {
  width: calc(100% - 68px);
}
@media screen and (max-width: 1024px) {
  .omailapp-mainwrap.active .omail-v-tabs .omail-vtabs-view {
    width: 100%;
  }
}
.omailapp-mainwrap.active .omailapp-settings-wrap .calendar-leftside {
  width: 68px;
}
.omailapp-mainwrap.active .omailapp-settings-wrap .omail-side-settings ul.sidenav-box li.list a img {
  margin-right: 0;
}
.omailapp-mainwrap.active .omailapp-settings-wrap .omail-side-settings ul.sidenav-box li.list .align-items-center {
  justify-content: center;
}
.omailapp-mainwrap.active .new-mail-btn {
  border-radius: 6px !important;
  padding-left: 11px !important;
  min-width: 40px;
}
.omailapp-mainwrap.active .new-mail-btn span {
  display: none;
}
.omailapp-mainwrap.active .omail-sub-sidebar .splitleftblock-partone .btn-group .dropdown-toggle {
  display: none;
}
.omailapp-mainwrap.active .omail-categories-list li {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.omailapp-mainwrap.active .omailapp-settings-wrap .omail-side-settings {
  width: 68px;
}
.omailapp-mainwrap.active .omailapp-settings-wrap .title {
  display: none;
}
.omailapp-mainwrap.active .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav {
  width: 68px;
}
.omailapp-mainwrap.active .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .omail-btn-group .create-contact-btn,
.omailapp-mainwrap.active .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .omail-btn-group .create-group-btn {
  border-radius: 6px;
}
.omailapp-mainwrap.active .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .omail-btn-group .create-contact-btn span,
.omailapp-mainwrap.active .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .omail-btn-group .create-group-btn span {
  display: none;
}
.omailapp-mainwrap.active .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .omail-btn-group .dropdown-toggle {
  display: none;
}
.omailapp-mainwrap.active .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-list-block li span {
  display: none;
}
.omailapp-mainwrap.active .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .omail-delete-list-one .delete-txt,
.omailapp-mainwrap.active .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .omail-delete-list-one .list-arrow {
  display: none;
}
.omailapp-mainwrap.active .calendar-left-side .mat-calendar {
  display: none;
}
/* Btn group css starts here */
.omail-btn-group .omail-custom-btn {
  border-radius: 6px 0 0 6px;
  text-align: left;
}
.omail-btn-group .omail-custom-btn::after {
  display: none;
}
.omail-btn-group .dropdown-toggle {
  border-radius: 0 6px 6px 0;
  border-left: 1px solid #0054A2;
  padding: 10px 14px 10px 13px;
}
.omail-btn-group .dropdown-toggle:focus-visible {
  outline: none;
}
.omail-btn-group .dropdown-menu {
  width: 216px;
  background: transparent;
  border: none;
  padding: 0;
  margin-top: -1px !important;
}
@media only screen and (min-width: 1451px) and (max-width: 1918px) {
  .omail-btn-group .dropdown-menu {
    width: 208px;
  }
}
.omail-btn-group .dropdown-menu button,
.omail-btn-group .dropdown-menu .drop-list {
  background-color: #006BCE;
  border-radius: 6px;
  font-size: 14px;
  color: #ffffff;
  padding: 9px 12px;
  margin-bottom: 1px;
  cursor: pointer;
}
.omail-btn-group .dropdown-menu button img,
.omail-btn-group .dropdown-menu .drop-list img {
  margin-right: 7px;
}
.omail-btn-group .dropdown-menu button:hover,
.omail-btn-group .dropdown-menu .drop-list:hover {
  background-color: #0288D9;
}
.omail-btn-group .new-mail-btn {
  padding-left: 10px;
  width: 100% !important;
}
.omail-send-btngroup .dropdown-toggle {
  padding: 10px;
}
.omail-send-btngroup .dropdown-menu {
  max-width: 116px;
  min-width: 109px;
  text-align: center;
}
@media screen and (max-width: 414px) {
  .omail-send-btngroup .dropdown-menu {
    max-width: 165px;
  }
}
@media screen and (max-width: 360px) {
  .omail-send-btngroup .dropdown-menu {
    max-width: 123px;
  }
}
@media screen and (max-width: 320px) {
  .omail-send-btngroup .dropdown-menu {
    max-width: 178px;
  }
}
.omail-send-btngroup .dropdown-menu button {
  text-align: center;
}
.omail-contact-btn-group .dropdown-menu button {
  padding: 9px 16px;
}
/* Btn group css ends here */
/* dropdown starts here */
.omail-more-dropdown .dropdown-toggle::after {
  border: none;
}
.omail-more-dropdown .dropdown-toggle:hover {
  filter: invert(49%) sepia(85%) saturate(4431%) hue-rotate(180deg) brightness(93%) contrast(98%);
}
.omail-more-dropdown .dropdown-menu {
  border: none;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3);
  padding: 0;
  border-radius: 0;
  min-width: 129px;
}
.omail-more-dropdown .dropdown-menu .dropdown-item {
  color: #0A2477;
  font-size: var(--clamp14);
  font-weight: 400;
  padding-left: 12px;
  padding-right: 12px;
}
.omail-more-dropdown .dropdown-menu .dropdown-item:hover {
  background-color: #F0F9FF !important;
  border-radius: 4px !important;
  filter: invert(0) !important;
}
.omail-more-dropdown .omailreadmail-morelink-block {
  border-radius: 4px;
  padding: 8px;
  min-width: 101px;
}
.omail-more-dropdown .omailreadmail-morelink-block hr {
  margin: 0;
}
.omail-more-dropdown.show .dropdown-toggle {
  filter: invert(49%) sepia(85%) saturate(4431%) hue-rotate(180deg) brightness(93%) contrast(98%);
}
.omail-more-dropdown .btn-link {
  border: none;
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
}
.omail-more-dropdown .btn-link:disabled {
  cursor: no-drop;
  opacity: 0.5;
}
/* dropdown ends here */
/* New design changes ends here*/
/*
  ************************************
  * Omail App Mailbox-Module CSS End
  ************************************
*/
/* 
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
/*
  **************************************
  * Omail App Contacts-Module CSS Start
  **************************************
*/
.omail-contacts-main-block {
  width: 100%;
  height: calc(100vh - 159px);
  /*/No List in Contacts and Favorites and Group CSS START*/
  /*/No List in Contacts and Favorites and Group CSS End*/
}
.omail-contacts-main-block .contacts-toggle-btn {
  min-width: auto;
  min-height: auto;
  border-radius: 6px;
  background: #006BCE;
}
@media screen and (max-width: 767px) {
  .omail-contacts-main-block .contacts-toggle-btn {
    padding: 6px 14px;
    text-align: center;
    margin-top: 9px;
  }
}
.omail-contacts-main-block .contacts-toggle-btn i {
  margin-right: 0;
}
.omail-contacts-main-block .no-list-block {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: calc(100vh - 76px);
  flex-direction: column;
}
.omail-contacts-main-block .no-list-block .list-icon {
  margin: 0 0 26px;
}
.omail-contacts-main-block .no-list-block .list-text {
  font-weight: 400;
  font-size: var(--clamp16);
  color: #003B93;
  margin: 0 0 26px;
}
.omail-contacts-main-block .no-list-block .list-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.omail-contacts-main-block .contact-left-padding {
  padding-right: 0;
  width: 13.8%;
}
@media screen and (max-width: 1440px) and (min-width: 1090px) {
  .omail-contacts-main-block .contact-left-padding {
    width: 32%;
  }
}
@media screen and (min-width: 991px) and (max-width: 1024px) {
  .omail-contacts-main-block .contact-left-padding {
    width: 36%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .omail-contacts-main-block .contact-left-padding {
    width: 38%;
  }
}
@media screen and (max-width: 991px) {
  .omail-contacts-main-block .contact-left-padding {
    padding-right: 0.75rem;
  }
}
.omail-contacts-main-block .contact-right-padding {
  padding-left: 0;
}
@media screen and (max-width: 1440px) and (min-width: 1090px) {
  .omail-contacts-main-block .contact-right-padding {
    width: 68%;
  }
}
@media screen and (min-width: 991px) and (max-width: 1024px) {
  .omail-contacts-main-block .contact-right-padding {
    width: 64%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .omail-contacts-main-block .contact-right-padding {
    width: 62%;
  }
}
@media screen and (max-width: 767px) {
  .omail-contacts-main-block .contact-right-padding {
    padding-left: 0.75rem;
  }
}
.omail-contacts-main-block .contacts-left-block {
  background-color: #fff;
  height: calc(100vh - 76px);
  overflow: hidden;
  transition: 0.4s;
}
@media screen and (max-width: 767px) {
  .omail-contacts-main-block .omailcontactsshow {
    visibility: hidden;
    position: absolute;
    width: 0px;
    padding: 0 !important;
  }
  .omail-contacts-main-block .omailcontactshide {
    visibility: visible;
    position: absolute;
    width: 360px;
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);
    z-index: 3;
  }
}
@media screen and (max-width: 480px) {
  .omail-contacts-main-block .omailcontactshide {
    width: 65%;
  }
}
.omail-contacts-main-block .contacts-right-block {
  overflow: hidden;
  background-color: #fff;
  border-radius: 0px 8px 8px 0px;
  height: calc(100vh - 76px);
  /*/O-Mail Tabs Right Side design CSS Start*/
  /*/O-Mail Tabs Right Side design CSS End*/
  /*/Contacts Right side Header Part CSS Start*/
  /*/Contacts Right side Header Part CSS End*/
  /*/Group Contacts Form Start*/
  /*/Group Contacts Form End*/
  /*/contacts and Group User Pic right side CSS Start*/
  /*/contacts and Group User Pic right side CSS End*/
}
.omail-contacts-main-block .contacts-right-block .omail-tab-block {
  margin: 0;
}
.omail-contacts-main-block .contacts-right-block .omail-tab-block .nav-tabs {
  padding: 12px;
}
.omail-contacts-main-block .contacts-right-block .omail-tab-block .nav-tabs .nav-link {
  font-style: normal;
  font-weight: 400;
  font-size: var(--clamp18);
  color: #30353D;
  border: none;
  background-color: #F5F5F5;
  font-size: var(--clamp14);
  border-radius: 6px;
}
.omail-contacts-main-block .contacts-right-block .omail-tab-block .nav-tabs .nav-link:hover {
  background: #F1FAFF;
  border: none;
}
.omail-contacts-main-block .contacts-right-block .omail-tab-block .nav-tabs .nav-link.active {
  font-weight: 500;
  background-color: #9EDAFE;
  border: none;
  color: #30353D;
  border-radius: 6px;
}
.omail-contacts-main-block .contacts-right-block .omail-tab-block .nav-tabs li {
  padding-right: 2px;
}
.omail-contacts-main-block .contacts-right-block .omail-tab-block .nav-tabs li a.active .tab-close img {
  opacity: 0.7;
}
.omail-contacts-main-block .contacts-right-block .contacts-view-header {
  border-bottom: 1px solid #F3F2FF;
  padding: 10px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #DFF3FF;
}
@media screen and (max-width: 560px) {
  .omail-contacts-main-block .contacts-right-block .contacts-view-header {
    display: block;
    padding: 10px;
  }
}
.omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info {
  display: flex;
  align-items: center;
  gap: 10px;
}
.omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text h4, .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text .h4 {
  margin-bottom: 2px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #30353D;
}
@media screen and (max-width: 1440px) {
  .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text h4, .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text .h4 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 340px;
  }
}
@media screen and (max-width: 1280px) {
  .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text h4, .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text .h4 {
    max-width: 240px;
  }
}
@media screen and (max-width: 991px) {
  .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text h4, .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text .h4 {
    max-width: 160px;
  }
}
.omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text p {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  color: #A3A3A3;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 1440px) {
  .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 340px;
  }
}
@media screen and (max-width: 1280px) {
  .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text p {
    max-width: 240px;
  }
}
@media screen and (max-width: 991px) {
  .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text p {
    max-width: 160px;
  }
}
@media screen and (max-width: 414px) {
  .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text p {
    max-width: 120px;
  }
}
.omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-pic-text {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #DEDEDE;
  overflow: hidden;
}
.omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-pic-text img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-pic-text span {
  font-size: var(--clamp16);
  font-weight: 600;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text {
    text-align: left;
  }
}
@media screen and (max-width: 480px) {
  .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text {
    width: 220px;
  }
}
@media screen and (max-width: 414px) {
  .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text {
    width: 194px;
  }
}
@media screen and (max-width: 360px) {
  .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text {
    width: 120px;
  }
}
@media screen and (max-width: 320px) {
  .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text {
    width: 106px;
  }
}
.omail-contacts-main-block .contacts-right-block .contacts-view-header .user-view-actions {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 640px) {
  .omail-contacts-main-block .contacts-right-block .contacts-view-header .user-view-actions {
    margin-left: 0px;
    display: block;
  }
  .omail-contacts-main-block .contacts-right-block .contacts-view-header .user-view-actions button {
    margin-top: 8px;
  }
}
.omail-contacts-main-block .contacts-right-block .contacts-view-header .user-view-actions button {
  color: #0A2477;
  display: flex;
  align-items: center;
  gap: 4px;
  text-decoration: none;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .omail-contacts-main-block .contacts-right-block .contacts-view-header .user-view-actions button {
    font-size: 12px;
  }
}
@media screen and (max-width: 480px) {
  .omail-contacts-main-block .contacts-right-block .contacts-view-header .user-view-actions button {
    font-size: 12px;
  }
}
.omail-contacts-main-block .contacts-right-block .contacts-view-header .user-view-actions button img {
  filter: invert(35%) sepia(99%) saturate(6727%) hue-rotate(199deg) brightness(98%) contrast(100%);
}
.omail-contacts-main-block .contacts-right-block .contacts-view-header .user-view-actions button.omail-custom-btn {
  background: #FFFFFF;
  color: #006BCE;
  padding: 6px 16px 5px;
}
.omail-contacts-main-block .contacts-right-block .contacts-view-header .user-view-actions button.omail-custom-btn:hover {
  background-color: #F0F9FF;
}
.omail-contacts-main-block .contacts-right-block .contacts-view-block {
  position: relative;
}
.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contacts-view-form-info {
  background: #FFFFFF;
  height: calc(100vh - 195px);
  overflow: hidden;
  overflow-y: auto;
}
.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contacts-view-form-info .form-group {
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contacts-view-form-info .form-group {
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contacts-view-form-info {
    height: calc(100vh - 286px);
  }
}
@media screen and (max-width: 480px) {
  .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contacts-view-form-info {
    height: calc(100vh - 325px);
  }
}
.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contacts-view-form-info::-webkit-scrollbar {
  width: 4px !important;
}
@media screen and (max-width: 540px) {
  .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contacts-view-form-info::-webkit-scrollbar {
    width: 2px !important;
  }
}
.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contacts-view-form-info::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contacts-view-form-info .action-links {
  text-align: right;
}
.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contacts-view-form-info .action-links button {
  margin: 10px;
  outline: none;
}
.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contacts-view-form-info .action-links ::ng-deep button:disabled {
  cursor: no-drop !important;
  opacity: 0.5;
  color: #ffffff;
}
.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contacts-view-form-info .action-links ::ng-deep button:disabled:hover {
  color: #ffffff !important;
  background: linear-gradient(180deg, #3B82F6 0%, #1D4ED8 100%);
  border: 1px solid transparent;
}
.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contacts-view-form-info .zip-error-text {
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}
.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contacts-view-form-info .contact-group-user-pic-block {
  background: none;
}
.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .create-contact-maincontent .action-links {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .create-contact-maincontent .action-links {
    z-index: 0;
  }
}
.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contact-date-picker {
  position: relative;
}
.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contact-date-picker .date-input input {
  width: 100%;
  height: 44px;
  border: 1px solid #5EC2FE;
  border-radius: 4px;
  padding: 0.375rem 0.75rem;
  background-color: #ffffff;
}
.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contact-date-picker .date-input input:disabled {
  border: 1px solid #ECECEC;
  border-radius: 4px;
  color: #6D747A;
  background-color: #F8F8F8;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  cursor: no-drop;
}
.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contact-date-picker mat-form-field {
  width: 100%;
  height: 44px;
}
.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contact-date-picker .date-pic-icon {
  position: absolute;
  top: 2px;
  right: 0;
}
.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contact-date-picker .mat-icon {
  vertical-align: inherit;
}
.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab label {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #A3A3A3;
  margin: 0 0 6px;
}
.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .form-control {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #30353D;
  border: 1px solid #5EC2FE;
  height: 40px;
  background-color: #FFFFFF;
}
.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab textarea {
  width: 100%;
  border: 1px solid #F8F8FF;
  border-radius: 4px;
  resize: none;
  min-height: 140px;
  overflow: hidden;
  overflow-y: auto;
  background-color: #F8F8FF;
  padding: 10px;
}
.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab textarea:disabled {
  border: 1px solid #ECECEC;
  border-radius: 4px;
  color: #6D747A;
  background-color: #F8F8F8;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  cursor: no-drop;
}
.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .custom-select {
  background: none;
  border-left: none;
  border-radius: 4px;
  background: url('adressbook-select.png') no-repeat 97% center;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: #2A3F51;
  border: 1px solid #F8F8FF;
  background-color: #F8F8FF;
}
.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .form-control:disabled,
.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .form-control[readonly] {
  border: 1px solid #ECECEC;
  border-radius: 4px;
  color: #6D747A;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  cursor: no-drop;
  background-color: #F8F8F8;
}
.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .oesomail-form-control {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #30353D;
  border: 1px solid #5EC2FE;
  background-color: #ffffff;
}
.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .oesomail-form-control:focus-visible {
  outline: none;
}
.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .oesomail-date-form-control {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #30353D;
}
.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .oesomail-date-form-control::placeholder {
  color: #30353D;
}
.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .oesomail-date-form-control:-ms-input-placeholder {
  color: #30353D;
}
.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .oesomail-date-form-control::-ms-input-placeholder {
  color: #30353D;
}
.omail-contacts-main-block .contacts-right-block .create-group-form {
  padding: 24px 24px 100px 24px;
  overflow: hidden;
  overflow-y: auto;
  height: calc(100vh - 90px);
}
.omail-contacts-main-block .contacts-right-block .create-group-form .form-group {
  margin-bottom: 1rem;
}
@media screen and (max-width: 1920px) {
  .omail-contacts-main-block .contacts-right-block .create-group-form {
    height: calc(100vh - 195px);
  }
}
@media screen and (max-width: 767px) {
  .omail-contacts-main-block .contacts-right-block .create-group-form {
    height: calc(100vh - 180px);
  }
}
@media screen and (max-width: 480px) {
  .omail-contacts-main-block .contacts-right-block .create-group-form {
    height: calc(100vh - 225px);
  }
}
.omail-contacts-main-block .contacts-right-block .create-group-form::-webkit-scrollbar {
  width: 4px !important;
}
@media screen and (max-width: 540px) {
  .omail-contacts-main-block .contacts-right-block .create-group-form::-webkit-scrollbar {
    width: 2px !important;
  }
}
.omail-contacts-main-block .contacts-right-block .create-group-form::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
@media screen and (max-width: 768px) {
  .omail-contacts-main-block .contacts-right-block .create-group-form {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .omail-contacts-main-block .contacts-right-block .create-group-form {
    padding: 0;
  }
}
.omail-contacts-main-block .contacts-right-block .create-group-form label {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: var(--text-color-2);
}
.omail-contacts-main-block .contacts-right-block .create-group-form .form-control {
  border: 1px solid var(--border-color-2);
  border-radius: 4px;
  background: var(--input-bg-color-1);
}
.omail-contacts-main-block .contacts-right-block .create-group-form .add-book-btn-block {
  margin: 5px 0 25px;
  display: flex;
  align-items: center;
  gap: 24px;
}
@media screen and (max-width: 510px) {
  .omail-contacts-main-block .contacts-right-block .create-group-form .add-book-btn-block {
    display: block;
  }
  .omail-contacts-main-block .contacts-right-block .create-group-form .add-book-btn-block .group-rule-info-text {
    margin-top: 24px;
  }
}
.omail-contacts-main-block .contacts-right-block .create-group-form .add-book-btn-block .group-rule-info-text {
  background: #FFFBF8;
  border: 1px solid #FFB97E;
  border-radius: 6px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #464255;
  padding: 5px 8px;
}
.omail-contacts-main-block .contacts-right-block .create-group-form .add-book-btn-block .group-rule-info-text .star-icon {
  color: #E84C3D;
}
.omail-contacts-main-block .contacts-right-block .create-group-form .invalid-feedback {
  position: absolute;
  position: inherit;
  bottom: 0;
}
.omail-contacts-main-block .contacts-right-block .create-group-form .create-group-form-actions .action-links {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 20px;
}
.omail-contacts-main-block .contacts-right-block .create-group-form .group-error-text {
  position: inherit;
}
.omail-contacts-main-block .contacts-right-block .email-catagory-block {
  display: flex;
}
@media screen and (max-width: 767px) {
  .omail-contacts-main-block .contacts-right-block .email-catagory-block {
    display: block;
  }
}
.omail-contacts-main-block .contacts-right-block .email-catagory-block .email-catagory-inner {
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(63, 89, 114, 0.2);
  border-radius: 8px;
  margin: 0 0 20px;
}
@media screen and (max-width: 767px) {
  .omail-contacts-main-block .contacts-right-block .email-catagory-block .email-catagory-inner {
    width: 100%;
  }
}
.omail-contacts-main-block .contacts-right-block .email-catagory-block .email-catagory-inner .sub-heading {
  background: #F0F9FF;
  border-radius: 12px 12px 0px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
}
.omail-contacts-main-block .contacts-right-block .email-catagory-block .email-catagory-inner .sub-heading h6, .omail-contacts-main-block .contacts-right-block .email-catagory-block .email-catagory-inner .sub-heading .h6 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #006BCE;
}
.omail-contacts-main-block .contacts-right-block .email-catagory-block .email-catagory-inner .sub-heading span {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #A3A3A3;
}
.omail-contacts-main-block .contacts-right-block .email-catagory-block .email-catagory-inner .omail-email-catagory-types {
  min-height: 250px;
  max-height: 250px;
  overflow-x: auto;
  overflow-y: auto;
  padding: 12px;
}
.omail-contacts-main-block .contacts-right-block .email-catagory-block .email-catagory-inner .omail-email-catagory-types::-webkit-scrollbar {
  width: 4px !important;
}
.omail-contacts-main-block .contacts-right-block .email-catagory-block .email-catagory-inner .omail-email-catagory-types::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
.omail-contacts-main-block .contacts-right-block .email-catagory-block .email-catagory-inner .omail-email-catagory-types mat-chip-list .mat-chip-list-wrapper {
  display: block;
}
@media screen and (max-width: 767px) {
  .omail-contacts-main-block .contacts-right-block .email-catagory-block .email-catagory-inner .omail-email-catagory-types {
    min-height: 140px;
    max-height: 140px;
  }
}
.omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block {
  text-align: center;
  background-color: #F8F8F8;
  padding: 24px 0 10px;
  border-radius: 12px;
}
.omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .form-group {
  margin-bottom: 1rem;
}
.omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .contact-pic-text-block {
  position: relative;
  text-align: center;
  display: inline-block;
  margin: 0 0 20px;
}
.omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .contact-pic-text-block .edit-block {
  position: absolute;
  top: 15px;
  right: 0;
  background: #ffffff;
  overflow: hidden;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
  border: none;
}
.omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .contact-pic-text-block .edit-block::after {
  border: transparent;
}
.omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .contact-pic-text-block .edit-block img {
  object-fit: none;
}
.omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .contact-pic-text-block .edit-block:hover {
  background: #0288D9;
}
.omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .contact-pic-text-block .edit-block:hover img {
  filter: invert(0) sepia(0%) saturate(15%) hue-rotate(0deg) brightness(206%) contrast(100%);
}
.omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .contact-pic-text-block .delete-block {
  width: 36px;
  height: 36px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  right: -14px;
  z-index: 145;
  cursor: pointer;
}
.omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .contact-pic-text-block .delete-block button {
  border: none;
  background: none;
}
.omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .contact-pic-text {
  width: 94px;
  height: 94px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: right;
  position: relative;
  margin: 0 auto;
  background-color: #DEDEDE;
  background: url('Lightmode_del-empty-contacts.svg') no-repeat center center;
}
.omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .contact-pic-text .show.dropdown .edit-block {
  background: #0288D9;
}
.omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .contact-pic-text .show.dropdown .edit-block img {
  filter: brightness(0) invert(1);
}
.omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .contact-pic-text img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .contact-pic-text span {
  font-size: var(--clamp18);
  font-weight: 600;
  color: var(--white-color);
}
.omail-contacts-main-block .contacts-right-block .create-group-content {
  padding: 24px;
}
.omail-contacts-main-block .contacts-right-block .create-group-bgcontent {
  padding: 24px 0px 100px 0;
}
.omail-contacts-main-block .contacts-right-block .create-contact-maincontent {
  padding: 0 !important;
}
.omail-contacts-main-block .contacts-right-block .create-contact-maincontent .contact-group-user-pic-block {
  background-color: #F8F8F8 !important;
  padding: 24px 0 10px;
  margin-bottom: 24px;
}
.omail-contacts-main-block .contacts-right-block .create-contact-maincontent .create-contact-bodycontent {
  padding: 24px;
}
@media screen and (max-width: 640px) {
  .omail-contacts-main-block .contacts-right-block .create-contact-maincontent .create-contact-bodycontent {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  .omail-contacts-main-block .contacts-right-block .create-contact-maincontent .create-contact-bodycontent {
    padding: 24px 10px;
  }
}
.omail-contacts-main-block .omail-links-email {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.omail-contacts-main-block .omail-links-email .allow-email-switch {
  display: flex;
  align-items: center;
  margin-left: 20px;
  height: 60px;
}
.omail-contacts-main-block .omail-links-email .allow-email-switch h3, .omail-contacts-main-block .omail-links-email .allow-email-switch .h3 {
  color: #003B93;
  font-weight: 400;
  font-size: var(--clamp14);
  margin-bottom: 6px;
}
.omail-contacts-main-block .omail-links-email .allow-email-switch .mat-slide-toggle-label .mat-slide-toggle-bar {
  background-color: transparent;
  height: 20px;
  width: 36px;
  border-radius: 12px;
  border: 1px solid #A3A3A3;
}
.omail-contacts-main-block .omail-links-email .allow-email-switch .mat-slide-toggle-thumb-container {
  top: 1px;
  left: 1px;
}
.omail-contacts-main-block .omail-links-email .allow-email-switch .mat-slide-toggle-thumb-container .mat-slide-toggle-thumb {
  height: 16px;
  width: 16px;
  border-radius: 50%;
  display: block;
  background: #A3A3A3;
}
.omail-contacts-main-block .omail-links-email .allow-email-switch .mat-slide-toggle-thumb-container .mat-slide-toggle .mat-checked .mat-slide-toggle-thumb {
  background-color: #0288D9;
}
.omail-contacts-main-block .omail-links-email .allow-email-switch .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: #0288D9;
  border: 1px solid #0288D9;
}
.omail-contacts-main-block .omail-links-email .allow-email-switch .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #fff;
}
.omail-contacts-main-block .contacts-tab {
  overflow: hidden;
}
.omail-contacts-main-block .contacts-tab .mat-tab-label {
  min-width: auto;
  font-size: 12px !important;
  color: #0A2477;
  opacity: 1;
  padding: 0 14px;
}
.omail-contacts-main-block .contacts-tab .mat-tab-group.mat-primary .mat-ink-bar,
.omail-contacts-main-block .contacts-tab .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  border-bottom: 3px solid #4136F1;
}
.omail-contacts-main-block .contacts-tab .mat-tab-label-active .mat-tab-label-content {
  font-style: normal;
  font-weight: 600;
  color: #4136F1;
}
.omail-contacts-main-block .contacts-tab .mat-tab-body.mat-tab-body-active {
  overflow: hidden;
}
.omail-contacts-main-block .contacts-tab .mat-tab-label,
.omail-contacts-main-block .contacts-tab .mat-tab-link {
  font-family: "Poppins", sans-serif;
}
.omail-contacts-main-block .contacts-header-block .newcontactsadd-btn {
  align-items: center;
  width: 100%;
  gap: 12px;
  padding: 16px 12px;
  background-color: #fff;
}
.omail-contacts-main-block .contacts-header-block .newcontactsadd-btn .custom-btn {
  font-size: 14px;
}
.omail-contacts-main-block .contacts-header-block .newcontactsadd-btn .create-btn {
  width: 290px;
  margin-right: 15px;
}
@media screen and (max-width: 320px) {
  .omail-contacts-main-block .contacts-header-block .newcontactsadd-btn .create-btn {
    width: 100%;
    margin-bottom: 10px;
  }
}
.omail-contacts-main-block .contacts-header-block .newcontactsadd-btn .create-btn .omail-custom-btn {
  padding: 10px 22px;
}
@media screen and (max-width: 320px) {
  .omail-contacts-main-block .contacts-header-block .newcontactsadd-btn .d-flex {
    display: block !important;
  }
}
.omail-contacts-main-block .contacts-header-block .contacts-search-box {
  width: 100%;
  position: relative;
}
.omail-contacts-main-block .contacts-header-block .contacts-search-box .search-box {
  position: relative;
}
.omail-contacts-main-block .contacts-header-block .contacts-search-box .search-box .search-filter-block {
  position: relative;
}
.omail-contacts-main-block .contacts-header-block .contacts-search-box .search-box .search-filter-block .form-control {
  border: 1px solid #e7e4e4;
  border-radius: 4px !important;
  background-color: #fff;
  height: 44px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  position: relative;
  width: 100%;
  padding-right: 60px;
}
.omail-contacts-main-block .contacts-header-block .contacts-search-box .search-box .search-filter-block .newcontact-search-btn {
  border: none;
  position: absolute;
  right: 12px;
  top: 12px;
  height: 26px;
  width: 26px;
  background: url('contact-search-icon.svg') no-repeat 0 0;
  z-index: 1100;
  cursor: pointer;
}
.omail-contacts-main-block .contacts-header-block .contacts-search-box .search-box .search-filter-block .close-btn {
  border: none;
  background: transparent;
  position: absolute;
  right: 40px;
  top: 10px;
  height: 26px;
  width: 26px;
  cursor: pointer;
  z-index: 1100;
}
.omail-contacts-main-block .contacts-header-block .contacts-action-links {
  background: #f5f5f5;
  border-radius: 4px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 12px;
  border: 1px solid #E4E4E4;
}
.omail-contacts-main-block .contacts-header-block .contacts-action-links .select-all-block {
  font-style: normal;
  font-weight: 400;
  font-size: var(--clamp16);
  color: #334554;
}
.omail-contacts-main-block .contacts-header-block .contacts-action-links span {
  cursor: pointer;
  border-color: #A3A3A3;
  font-size: var(--clamp14);
}
.omail-contacts-main-block .contacts-header-block .contacts-action-links span:last-child {
  margin: 0;
}
.omail-contacts-main-block .contacts-header-block .contacts-action-links span img {
  filter: invert(74%) sepia(0%) saturate(0%) hue-rotate(160deg) brightness(89%) contrast(89%);
}
.omail-contacts-main-block .contacts-header-block .contacts-action-links span img:hover {
  filter: invert(36%) sepia(86%) saturate(5024%) hue-rotate(185deg) brightness(104%) contrast(98%);
}
.omail-contacts-main-block .contacts-header-block .contacts-action-links label {
  margin-bottom: 0 !important;
}
.omail-contacts-main-block .contacts-header-block .contacts-action-links .mat-checkbox {
  font-family: "Poppins", sans-serif;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .omail-contacts-main-block .contacts-header-block .d-flex {
    display: block !important;
  }
  .omail-contacts-main-block .contacts-header-block .d-flex .create-btn {
    width: 100%;
  }
  .omail-contacts-main-block .contacts-header-block .d-flex .create-btn .custom-btn {
    margin-bottom: 10px;
  }
}
/*/ ||||| Contacts Module START |||||||||*/
.omail-list-of-contacts-block {
  margin: 0;
  height: calc(100vh - 194px);
  overflow: hidden;
}
.omail-list-of-contacts-block .pannel-main {
  padding-top: 12px;
  height: calc(100vh - 194px);
  overflow: hidden;
  overflow-y: auto;
}
.omail-list-of-contacts-block .pannel-main::-webkit-scrollbar {
  width: 4px !important;
}
@media screen and (max-width: 540px) {
  .omail-list-of-contacts-block .pannel-main::-webkit-scrollbar {
    width: 2px !important;
  }
}
.omail-list-of-contacts-block .pannel-main::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
.omail-list-of-contacts-block .pannel-main h6, .omail-list-of-contacts-block .pannel-main .h6 {
  text-align: center;
  font-style: normal;
  font-weight: 600;
  font-size: var(--clamp16);
  color: var(--main-color);
}
.omail-list-of-contacts-block .pannel-main .panner-content {
  padding: 12px;
  position: relative;
  cursor: pointer;
  border-top: 1px solid #ECECEC;
  border-left: 3px solid transparent;
}
.omail-list-of-contacts-block .pannel-main .panner-content.active {
  background: #F3F3F3;
  border-left: 3px solid #37AC00;
}
.omail-list-of-contacts-block .pannel-main .panner-content.active .contacts-lable-block span {
  color: #fff;
}
.omail-list-of-contacts-block .pannel-main .panner-content.active:hover .favorites-icons span img:hover {
  filter: invert(64%) sepia(63%) saturate(454%) hue-rotate(330deg) brightness(135%) contrast(106%);
}
.omail-list-of-contacts-block .pannel-main .panner-content.active:hover .contacts-lable-block span {
  color: #464255;
}
.omail-list-of-contacts-block .pannel-main .panner-content:hover {
  background: #ECECEC;
  border-left: 3px solid #BEE49F;
}
.omail-list-of-contacts-block .pannel-main .panner-content:hover h4, .omail-list-of-contacts-block .pannel-main .panner-content:hover .h4 {
  color: #334554 !important;
}
.omail-list-of-contacts-block .pannel-main .panner-content .contact-img {
  width: 3.125vw;
}
@media screen and (max-width: 1200px) {
  .omail-list-of-contacts-block .pannel-main .panner-content .contact-img {
    width: 40px;
  }
}
.omail-list-of-contacts-block .pannel-main .panner-content .contact-text {
  padding: 0px 25px 0px 12px;
  width: 100vw;
  text-align: left;
}
@media screen and (max-width: 1440px) {
  .omail-list-of-contacts-block .pannel-main .panner-content .contact-text {
    width: 80%;
  }
}
@media screen and (max-width: 991px) {
  .omail-list-of-contacts-block .pannel-main .panner-content .contact-text {
    width: 75%;
  }
}
@media screen and (max-width: 1000px) {
  .omail-list-of-contacts-block .pannel-main .panner-content .contact-text {
    padding: 0px 0px 0px 12px;
  }
}
.omail-list-of-contacts-block .pannel-main .panner-content .contact-text h4, .omail-list-of-contacts-block .pannel-main .panner-content .contact-text .h4 {
  margin-bottom: 5px;
  font-size: var(--clamp14);
  color: #30353D;
  font-weight: 400;
  word-break: break-all;
  font-family: "Poppins", sans-serif;
  max-width: 290px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1440px) {
  .omail-list-of-contacts-block .pannel-main .panner-content .contact-text h4, .omail-list-of-contacts-block .pannel-main .panner-content .contact-text .h4 {
    width: 100%;
  }
}
.omail-list-of-contacts-block .pannel-main .panner-content .contact-text p {
  margin-bottom: 0px;
  font-size: var(--clamp14);
  color: #0A2477;
  font-weight: 400;
  word-break: break-all;
  max-width: 290px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1440px) {
  .omail-list-of-contacts-block .pannel-main .panner-content .contact-text p {
    width: 100%;
  }
}
.omail-list-of-contacts-block .pannel-main .panner-content .contactmail-text p {
  margin-bottom: 0px;
  font-size: var(--clamp14);
  color: #006BCE;
  font-weight: 500;
  word-break: break-all;
  font-family: "Poppins", sans-serif;
}
.omail-list-of-contacts-block .contacts-rounded-block {
  display: block;
  position: relative;
  padding-left: 0px;
  margin-bottom: 0px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.omail-list-of-contacts-block .contacts-rounded-block .check-img-block .contact-pic-text {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #DEDEDE;
  overflow: hidden;
}
.omail-list-of-contacts-block .contacts-rounded-block .check-img-block .contact-pic-text img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.omail-list-of-contacts-block .contacts-rounded-block .check-img-block .contact-pic-text span {
  font-size: var(--clamp14);
  font-weight: 600;
  color: var(--white-color);
}
.omail-list-of-contacts-block .contacts-rounded-block .check-img-block input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.omail-list-of-contacts-block .contacts-rounded-block .check-img-block .check-mark {
  position: absolute;
  bottom: -2px;
  left: 5px;
  height: 24px;
  width: 24px;
  opacity: 0;
}
.omail-list-of-contacts-block .contacts-rounded-block .check-img-block input:checked ~ .check-mark {
  background: url('checked.svg') no-repeat center center;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.4);
  left: 0;
  top: 0;
  width: 28px;
  height: 28px;
  border-radius: 6px;
}
.omail-list-of-contacts-block .favorites-icons {
  display: flex;
  align-items: center;
  justify-content: end;
  width: 100%;
  gap: 8px;
}
.omail-list-of-contacts-block .favorites-icons .contacts-lable-block {
  font-family: "Poppins", sans-serif;
}
.omail-list-of-contacts-block .favorites-icons .contacts-lable-block span {
  font-size: var(--clamp12);
  color: #464255;
}
.omail-list-of-contacts-block .favorites-icons span img {
  filter: invert(61%) sepia(84%) saturate(0%) hue-rotate(207deg) brightness(95%) contrast(77%);
}
.omail-list-of-contacts-block .favorites-icons span img:hover {
  filter: invert(64%) sepia(63%) saturate(454%) hue-rotate(330deg) brightness(135%) contrast(106%);
}
.omail-list-of-contacts-block .favorites-icons span img.fav-active {
  filter: invert(64%) sepia(63%) saturate(454%) hue-rotate(330deg) brightness(135%) contrast(106%);
}
.omail-selected-list-block {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 48px);
  background-color: #ffffff;
}
.omail-selected-list-block .selected-list-inner {
  display: block;
  text-align: center;
  gap: 40px;
}
.omail-selected-list-block .selected-list-inner h5, .omail-selected-list-block .selected-list-inner .h5 {
  font-style: normal;
  font-weight: 400;
  font-size: var(--clamp16);
  color: #003B93;
  margin: 18px 0 48px;
}
.omail-selected-list-block .selected-list-inner button {
  font-style: normal;
  font-weight: 400;
  font-size: var(--clamp14);
  color: #30353D;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
  text-decoration: none;
}
.omail-selected-list-block .selected-list-inner button:hover {
  text-decoration: underline;
}
.omail-selected-list-block .selected-list-inner button span {
  min-width: 30px;
}
.omail-selected-list-block .selected-list-inner button img {
  padding: 0 5px 0 0;
}
.omail-selected-list-block .selected-list-inner .omail-selected-list-main {
  height: 94px;
  background: url('selected-listcontacts-icon.svg') no-repeat center center;
}
.omail-selected-list-block .selected-list-inner .omail-selected-list-main.omail-mulselected-group {
  height: 94px;
  background: url('Lightmode_del-empty-group.svg') no-repeat center center;
}
.omail-selected-list-block.right-mailadd {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.omail-selected-maillist-main {
  width: 95px;
  height: 94px;
  background: url('mail-circle-icon.svg') no-repeat center center;
  margin: 0 auto;
}
.omail-restore-block span {
  font-style: normal;
  font-weight: 600;
  font-size: var(--clamp12);
  color: #0A2477;
}
/*/ ||||| Contacts Module END |||||||||*/
/*
  ***********************************
  * Omail App Contacts-Module CSS End
  ***********************************
*/
/*
  *************************************
  * Omail App Calendar-Module CSS Start
  **************************************
*/
/*/ ||||| Calendar Module START |||||||||*/
.omail-calendar {
  overflow: hidden;
  width: 100%;
  display: block;
}
.omail-calendar .calendar-left {
  border-radius: 8px 0px 0px 8px;
  padding: 12px;
  height: calc(100vh - 78px);
  overflow: hidden;
  overflow-y: hidden;
  background: var(--white-color);
}
.omail-calendar .calendar-left .custom-btn {
  border-radius: 6px;
}
@media screen and (max-width: 767px) {
  .omail-calendar .calendar-left .custom-btn.omail-create-calbtn-main {
    display: none;
  }
}
.omail-calendar .calendar-left .custom-btn.omail-create-calbtn-mobile {
  display: none;
}
@media screen and (max-width: 767px) {
  .omail-calendar .calendar-left .custom-btn.omail-create-calbtn-mobile {
    display: block;
  }
}
.omail-calendar .calendar-left .event-list-block {
  padding: 0;
}
.omail-calendar .calendar-left .event-list-block h3, .omail-calendar .calendar-left .event-list-block .h3 {
  font-style: normal;
  font-weight: 400;
  font-size: var(--clamp14);
  margin-bottom: 12px;
  margin-top: 24px;
  color: #464255;
}
@media screen and (max-width: 767px) {
  .omail-calendar .calendar-left .event-list-block h3, .omail-calendar .calendar-left .event-list-block .h3 {
    margin-top: 5px;
  }
}
.omail-calendar .calendar-left .event-list-block .event-list {
  overflow: hidden;
  overflow-y: auto;
  height: calc(100vh - 450px);
}
@media screen and (max-width: 991px) {
  .omail-calendar .calendar-left .event-list-block .event-list {
    height: auto;
    max-height: 300px;
    overflow-x: scroll;
    display: flex;
  }
}
.omail-calendar .calendar-left .event-list-block .event-list::-webkit-scrollbar {
  width: 4px !important;
}
@media screen and (max-width: 540px) {
  .omail-calendar .calendar-left .event-list-block .event-list::-webkit-scrollbar {
    width: 2px !important;
  }
}
.omail-calendar .calendar-left .event-list-block .event-list::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
.omail-calendar .calendar-left .event-list-block .event-list li .event-info-block {
  display: flex;
  gap: 6px;
  border-radius: 8px;
  padding: 12px;
  margin: 0 0 12px;
}
@media screen and (max-width: 991px) {
  .omail-calendar .calendar-left .event-list-block .event-list li .event-info-block {
    margin: 0 5px 0px;
  }
}
.omail-calendar .calendar-left .event-list-block .event-list li .event-info-block.newevent-status {
  background: #E8F6F0;
}
.omail-calendar .calendar-left .event-list-block .event-list li .event-info-block.cancelevent-status {
  background: #FDF3F3;
}
.omail-calendar .calendar-left .event-list-block .event-list li .event-info-block.saveevent-status {
  background: #E8F3FF;
}
.omail-calendar .calendar-left .event-list-block .event-list li .event-info-block .event-status {
  margin: 0;
}
.omail-calendar .calendar-left .event-list-block .event-list li .event-info-block .event-action-links {
  margin: 0;
  cursor: pointer;
}
.omail-calendar .calendar-left .event-list-block .event-list li .event-info-block .event-more-info {
  width: 100%;
}
.omail-calendar .calendar-left .event-list-block .event-list li .event-info-block .event-more-info .event-title-links .event-title {
  font-style: normal;
  font-weight: 400;
  font-size: var(--clamp14);
  width: auto;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #0A2477;
  white-space: nowrap;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 344px;
}
@media screen and (max-width: 1440px) {
  .omail-calendar .calendar-left .event-list-block .event-list li .event-info-block .event-more-info .event-title-links .event-title {
    max-width: 220px;
  }
}
@media screen and (max-width: 1366px) {
  .omail-calendar .calendar-left .event-list-block .event-list li .event-info-block .event-more-info .event-title-links .event-title {
    max-width: 200px;
  }
}
@media screen and (max-width: 1280px) {
  .omail-calendar .calendar-left .event-list-block .event-list li .event-info-block .event-more-info .event-title-links .event-title {
    max-width: 140px;
  }
}
@media screen and (max-width: 1024px) {
  .omail-calendar .calendar-left .event-list-block .event-list li .event-info-block .event-more-info .event-title-links .event-title {
    max-width: 120px;
  }
}
.omail-calendar .calendar-left .event-list-block .event-list li .event-info-block .event-more-info .event-locaion {
  font-weight: 400;
  font-size: var(--clamp12);
  text-transform: capitalize;
  width: auto;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #464255;
  max-width: 344px;
}
@media screen and (max-width: 1440px) {
  .omail-calendar .calendar-left .event-list-block .event-list li .event-info-block .event-more-info .event-locaion {
    max-width: 220px;
  }
}
@media screen and (max-width: 1366px) {
  .omail-calendar .calendar-left .event-list-block .event-list li .event-info-block .event-more-info .event-locaion {
    max-width: 200px;
  }
}
@media screen and (max-width: 1280px) {
  .omail-calendar .calendar-left .event-list-block .event-list li .event-info-block .event-more-info .event-locaion {
    max-width: 140px;
  }
}
@media screen and (max-width: 1024px) {
  .omail-calendar .calendar-left .event-list-block .event-list li .event-info-block .event-more-info .event-locaion {
    max-width: 120px;
  }
}
.omail-calendar .calendar-left .event-list-block .event-list li .event-info-block .event-more-info .event-date-time {
  font-style: normal;
  font-weight: 400;
  font-size: var(--clamp12);
  text-transform: capitalize;
  width: auto;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #464255;
}
.omail-calendar .calendar-left .event-list-block .event-list li .event-info-block .event-more-info .event-date-time span img {
  width: 12px;
}
@media screen and (min-width: 992px) and (max-width: 1024px) {
  .omail-calendar .calendar-left .event-list-block .event-list li .event-info-block .event-more-info .event-date-time {
    white-space: break-spaces;
  }
}
@media screen and (max-width: 767px) {
  .omail-calendar .calendar-left .event-list-block .upcomingevnts-mobile {
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .omail-calendar .calendar-left .event-list-block .upcomingevnts-mobile .omail-create-calbtn-mobile {
    min-width: 40px;
    margin-right: 10px;
  }
}
.omail-calendar .calendar-left .no-list-block {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: calc(100vh - 108px);
  flex-direction: column;
}
@media screen and (max-width: 991px) {
  .omail-calendar .calendar-left .no-list-block {
    justify-content: flex-start;
  }
}
.omail-calendar .calendar-left .no-list-block .list-icon {
  margin: 0 0 26px;
}
@media screen and (max-width: 991px) {
  .omail-calendar .calendar-left .no-list-block .list-icon {
    display: none;
  }
}
.omail-calendar .calendar-left .no-list-block .list-text {
  font-weight: 400;
  font-size: var(--clamp18);
  color: #2A3F51;
  margin: 0 0 26px;
}
@media screen and (max-width: 991px) {
  .omail-calendar .calendar-left .no-list-block .list-text {
    margin-bottom: 10px;
  }
}
.omail-calendar .calendar-left .mat-calendar-body-label {
  opacity: 0;
  height: 0px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.omail-calendar .calendar-left .mat-calendar-content {
  min-height: 212px;
}
.omail-calendar .calendar-left .mat-calendar-content tr {
  border-top: 1px solid transparent;
}
.omail-calendar .calendar-right {
  border-radius: 0;
  height: calc(100vh - 78px);
  overflow: hidden;
  overflow-y: auto;
  padding: 0px 0;
  background: #fff;
}
.omail-calendar .calendar-right .day-view-block .cal-day-view .cal-week-view {
  background-color: var(--fill-color-4);
  border: none;
}
.omail-calendar .calendar-right .day-view-block .cal-day-view .cal-week-view .cal-time-events {
  border: 1px solid #FFFFFF;
}
.omail-calendar .calendar-right .day-view-block .cal-day-view .cal-week-view .cal-time-events .cal-day-columns .cal-day-column .cal-hour {
  background-color: #FFFFFF;
  margin: 0;
  border-top: 1px solid #ECECEC;
  border-radius: 0;
}
.omail-calendar .calendar-right .day-view-block .cal-day-view .cal-week-view .cal-time-events .cal-day-columns .cal-day-column .cal-hour:last-child {
  border-bottom: 1px solid #ECECEC;
}
.omail-calendar .calendar-right .day-view-block .cal-day-view .cal-week-view .cal-time-events .cal-day-columns .cal-day-column .cal-hour.cal-hour-odd {
  background: #fff;
  border-radius: 4px;
}
.omail-calendar .calendar-right .day-view-block .cal-day-view .cal-week-view .cal-time-events .cal-day-columns .cal-day-column .cal-hour mwl-calendar-week-view-hour-segment {
  margin-left: 60px;
}
.omail-calendar .calendar-right .day-view-block .cal-day-view .cal-week-view .cal-time-events .cal-day-columns .cal-day-column .cal-hour mwl-calendar-week-view-hour-segment:first-child {
  border-bottom: 1px dashed #ECECEC;
}
.omail-calendar .calendar-right .day-view-block .cal-day-view .cal-week-view .cal-time {
  font-style: normal;
  font-weight: 400;
  font-size: var(--clamp14);
  color: #A3A3A3;
  text-transform: capitalize;
  position: relative;
  left: -60px;
  top: 12px;
}
.omail-calendar .calendar-right .day-view-block .cal-day-view .cal-week-view .cal-current-time-marker {
  background-color: transparent;
  background-color: #ea4334;
}
.omail-calendar .calendar-right .day-view-block .cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.omail-calendar .calendar-right .day-view-block .cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  border-bottom: transparent;
}
.omail-calendar .calendar-right .show-day-strip {
  background: #DFF3FF;
  color: #30353D;
  border-radius: 6px;
  padding: 7px 8px;
  position: sticky;
  top: 0;
  z-index: 1;
  margin-bottom: 16px;
}
.omail-calendar .calendar-right .show-day-strip h3, .omail-calendar .calendar-right .show-day-strip .h3 {
  font-weight: 400;
  font-size: var(--clamp14);
  color: #30353D;
}
.omail-calendar .calendar-right .omail-tab-block {
  margin: 0;
}
.omail-calendar .calendar-right .omail-tab-block .tab-event {
  padding: 12px;
}
.omail-calendar .calendar-right .omail-tab-block .tab-event .nav-tabs {
  border-bottom: none;
}
.omail-calendar .calendar-right .omail-tab-block .tab-event .nav-tabs .nav-link {
  font-weight: 400;
  font-size: var(--clamp14);
  color: #30353D;
  background: #F5F5F5;
  border: none;
  border-bottom: none;
  padding: 8px;
  border-radius: 6px;
}
.omail-calendar .calendar-right .omail-tab-block .tab-event .nav-tabs .nav-link:hover {
  background: #F1FAFF;
  border: none;
  border-bottom: none;
}
.omail-calendar .calendar-right .omail-tab-block .tab-event .nav-tabs .nav-link.active {
  font-weight: 500;
  border: none;
  border-bottom: none;
  background: #9EDAFE;
  border-radius: 6px;
  color: #30353D;
  font-size: var(--clamp14);
  padding: 8px;
}
.omail-calendar .calendar-right .omail-tab-block .tab-event .nav-tabs .nav-link.active span img {
  opacity: 0.7;
}
.omail-calendar .calendar-right .omail-tab-block .tab-event .nav-tabs li {
  padding-right: 2px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment.calendar-hide {
  display: none;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block {
  width: 100%;
  height: calc(100vh - 100px);
  overflow: hidden;
  padding: 0;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block {
  width: 100%;
  height: calc(100vh - 100px);
  overflow: hidden;
  overflow-y: auto;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .pad-t {
  padding: 0;
}
@media screen and (max-width: 1440px) {
  .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block {
    height: calc(100vh - 175px);
  }
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block::-webkit-scrollbar {
  width: 4px !important;
  height: 4px !important;
}
@media screen and (max-width: 540px) {
  .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block::-webkit-scrollbar {
    width: 2px !important;
  }
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-info-textarea {
  padding: 0px 5px 0px 0px;
}
@media screen and (max-width: 1440px) {
  .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-info-textarea {
    margin-bottom: 0;
  }
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-info-textarea textarea {
  background: #FFFFFF;
  border: 1px solid rgba(140, 130, 255, 0.2);
  border-radius: 8px;
  resize: none;
  min-height: 236px;
  margin: 12px 0px;
  font-style: normal;
  font-weight: 400;
  font-size: var(--clamp16);
  color: #334554;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-info-textarea textarea::placeholder {
  color: #9CA9B4;
  font-size: var(--clamp16);
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-info-textarea textarea:focus {
  box-shadow: none;
  border: none;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-info-textarea .invalid-feedback {
  padding-left: 12px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-info-textarea .fr-toolbar .fr-top {
  background: #F3F2FF;
  border-radius: 8px 8px 0px 0px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-info-textarea .omail-customtheam-froala-block .fr-basic .fr-toolbar {
  border: none;
  border-radius: 0;
  padding: 0 6px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-info-textarea .omail-customtheam-froala-block .fr-second-toolbar {
  border: none;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-info-textarea .omail-customtheam-froala-block .fr-box.fr-basic .fr-element {
  overflow-y: auto;
  height: calc(100vh - 550px);
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-form-action-links {
  padding: 7px 12px;
  gap: 24px;
  bottom: 16px;
  z-index: 2;
  background-color: #ffffff;
  border-top: 1px solid #ECECEC;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 33px;
}
@media screen and (max-width: 991px) {
  .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-form-action-links {
    width: 100%;
    position: inherit;
  }
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-form-action-links .custom-btn {
  background: #4136F1;
  border-radius: 8px;
  min-width: 32px;
  min-height: 32px;
  padding: 0;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-form-action-links .custom-btn i {
  margin: 0;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-form-action-links .custom-btn-outline {
  min-width: 32px;
  min-height: 32px;
  height: 32px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-form-action-links .custom-btn-link {
  border: none;
  background-color: transparent;
  margin-right: 12px;
  padding: 0;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-form-action-links .custom-btn-link:hover {
  filter: invert(49%) sepia(85%) saturate(4431%) hue-rotate(180deg) brightness(93%) contrast(98%);
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-form-action-links .custom-btn-outline {
  min-height: auto;
  padding: 4px 14px 4px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 400;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-form-action-links .custom-btn-outline.cancel-event-btn {
  margin-left: 12px;
  font-size: var(--clamp14);
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-form-action-links .cal-event-form {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-form-action-links .cal-event-form .omail-cal-rght-btns button {
  padding: 8px 24px 9px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mat-form-field-outline {
  background: #FFFFFF;
  border-radius: 8px;
  color: #e6e3fe;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 6px 0;
  border-top: 4px solid transparent;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mat-select-arrow {
  color: #fff;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: transparent;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mat-form-field-appearance-outline .mat-form-field-wrapper {
  margin: 0;
  padding: 0;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mat-form-field-appearance-outline .mat-form-field-flex {
  color: #30353D;
  font-size: var(--clamp14);
  width: 140px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0 50px 0 12px;
  background: var(--white-color);
  border-top: solid 1px #E6E6E6;
}
@media screen and (max-width: 480px) {
  .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field {
    padding-left: 0;
    padding-right: 4px;
  }
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-1 h3, .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-1 .h3 {
  font-style: normal;
  font-weight: 400;
  font-size: var(--clamp14);
  color: #A3A3A3;
  margin: 0;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 {
  display: flex;
  align-items: center;
  width: 100%;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 img {
  cursor: pointer;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block {
  display: flex;
  width: 100%;
  align-items: center;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .mat-chip-list-wrapper {
  margin: 0px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .mat-form-field-appearance-legacy .mat-form-field-infix {
  border: 0;
  padding: 0;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding: 0;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block input.mat-input-element {
  height: 40px;
  margin: 0 !important;
  padding-left: 6px;
  -webkit-appearance: none;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: transparent;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: transparent;
  opacity: 0;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .omail-clip-block {
  overflow: hidden;
  width: 100%;
  min-height: 40px;
  max-height: 60px;
  overflow-y: auto;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .omail-emailmorelist-dropdown {
  border: none;
  box-shadow: 0px 8px 17px rgba(0, 0, 0, 0.3);
  padding: 0;
  left: -223px !important;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .omail-emailmorelist-dropdown .omail-morelist-header {
  background: #DFF3FF;
  border-radius: 8px 8px 0px 0px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #30353D;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .omail-emailmorelist-dropdown .omail-morelist-header h5, .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .omail-emailmorelist-dropdown .omail-morelist-header .h5 {
  font-size: 14px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .omail-emailmorelist-dropdown .omail-morelist-header span {
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(63, 89, 114, 0.2);
  border-radius: 20px;
  width: 20px;
  height: 20px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .omail-emailmorelist-dropdown .omail-morelist-header span:hover {
  background-color: #E84C3D;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .omail-emailmorelist-dropdown .omail-morelist-header span:hover img,
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .omail-emailmorelist-dropdown .omail-morelist-header span:hover img:hover {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(269deg) brightness(150%) contrast(101%);
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .omail-emailmorelist-dropdown .event-more-mail-list {
  min-height: 100px;
  max-height: 300px;
  overflow-y: hidden;
  height: auto !important;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .omail-emailmorelist-dropdown .event-more-mail-list:hover {
  background-color: transparent !important;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .omail-emailmorelist-dropdown .event-more-mail-list .omail-clip-block {
  max-height: 256px;
  padding-left: 6px;
  padding-right: 6px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .omail-emailmorelist-dropdown .event-more-mail-list .omail-clip-block .mail-text {
  white-space: nowrap;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .location-block {
  width: 100%;
  position: relative;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .location-block input {
  width: 100%;
  border: none;
  font-weight: 400;
  font-size: var(--clamp14);
  color: #334554;
  padding: 0 0 0 6px;
  outline: 0;
  height: 40px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .location-block input::placeholder {
  font-weight: 400;
  font-size: var(--clamp14);
  color: #334554;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .location-block .invalid-feedback {
  padding-left: 6px;
  position: absolute;
  bottom: -5px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2.reminder-field {
  padding: 0 0 0 12px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2.reminder-field .custom-select {
  background: url('adressbook-select.png') no-repeat 94% center;
  font-style: normal;
  font-weight: 400;
  font-size: var(--clamp14);
  border: 1px solid #DEDEDE;
  border-radius: 4px;
  height: 32px;
  width: 124px;
  color: #0A2477;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-3 img {
  cursor: pointer;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .subject-block input {
  border: none;
  font-style: normal;
  font-weight: 400;
  font-size: var(--clamp14);
  padding: 0;
  outline: 0;
  color: #334554;
  height: 40px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .subject-block .invalid-feedback {
  padding-left: 0px;
  position: absolute;
  bottom: -5px;
}
@media screen and (max-width: 414px) {
  .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .subject-block .invalid-feedback {
    font-size: 10px;
    bottom: -3px;
  }
}
@media screen and (max-width: 330px) {
  .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .subject-block .invalid-feedback {
    font-size: 9px;
  }
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block hr {
  border-top: 1px solid #D7DDE1;
  margin: 10px 0;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .to-hr {
  margin: 0 0 10px 0;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .omail-form-field {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #E6E6E6;
  padding-left: 12px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .omail-form-field .omail-col-one {
  display: flex;
  align-items: center;
  width: 100%;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .omail-form-field .omail-col-one h3, .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .omail-form-field .omail-col-one .h3 {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #A3A3A3;
  margin: 0 8px 0 0;
  padding: 4px 10px;
  min-width: 46px;
  text-align: center;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .omail-form-field .omail-col-one input {
  border: none !important;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #30353D;
  width: 100%;
  outline: none;
  padding-left: 0;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .omail-form-field .omail-col-one .mat-chip-list-wrapper {
  overflow: auto;
  max-height: 60px;
  position: relative;
  top: 6px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .omail-form-field .omail-col-one .mat-chip-list-wrapper::-webkit-scrollbar {
  width: 4px !important;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .omail-form-field .omail-col-one .mat-chip-list-wrapper::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .omail-form-field .omail-col-two {
  display: flex;
  align-items: center;
  white-space: pre;
  gap: 4px;
  margin-left: 3px;
  padding-right: 12px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .omail-form-field .omail-col-two .contacts-user-add {
  cursor: pointer;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .omail-form-field h3, .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .omail-form-field .h3 {
  font-size: 14px;
  color: #a3a3a3;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block form {
  height: 100%;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block {
  padding: 12px 12px;
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
}
@media screen and (max-width: 650px) {
  .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block {
    overflow: hidden;
    overflow-x: auto;
    width: 96%;
  }
  .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important;
  }
}
@media screen and (max-width: 650px) and (max-width: 540px) {
  .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block::-webkit-scrollbar {
    width: 2px !important;
  }
}
@media screen and (max-width: 650px) {
  .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
    border-radius: 7px;
  }
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0 0 7px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields h3, .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .h3 {
  font-style: normal;
  font-weight: 400;
  font-size: var(--clamp14);
  color: #A3A3A3;
  margin: 0;
  width: 40px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-1 {
  width: 80px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-2 {
  display: flex;
  align-items: center;
  gap: 4px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-2 .mat-form-field-infix {
  width: 135px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-2 .mat-form-field-infix .event-icon img {
  opacity: 0.6;
}
@media screen and (max-width: 375px) {
  .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-2 .mat-form-field {
    width: 100%;
  }
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-2 .mat-form-field-infix input {
  margin-top: 2px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-3 .mat-form-field-infix {
  width: 135px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-3 .timer-field {
  padding: 0 0 0 12px;
  position: relative;
}
@media screen and (max-width: 480px) {
  .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-3 .timer-field {
    padding-left: 0;
    display: inline-block;
  }
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-3 .timer-field .custom-select {
  font-weight: 400;
  font-size: var(--clamp14);
  border-radius: 4px;
  height: 32px;
  width: 118px;
  color: #30353D;
  border: 1px solid #E6E3FE;
  background: var(--white-color);
  z-index: 1;
  position: relative;
  background: none;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-3 .timer-field .cal-time-icon {
  position: absolute;
  left: 103px;
  top: 4px;
  z-index: 0;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-4 {
  width: 100%;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-4 .omail-all-days-block .mat-slide-toggle-label .mat-slide-toggle-bar {
  background-color: transparent;
  height: 20px;
  width: 32px;
  border-radius: 12px;
  border: 1px solid #A3A3A3;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-4 .omail-all-days-block .mat-slide-toggle-thumb-container {
  top: 1px;
  left: 2px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-4 .omail-all-days-block .mat-slide-toggle-thumb-container .mat-slide-toggle-thumb {
  height: 16px;
  width: 16px;
  border-radius: 50%;
  display: block;
  background: #A3A3A3;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-4 .omail-all-days-block .all-day {
  color: #464255;
  font-size: var(--clamp14);
  font-weight: 400;
  margin-left: 12px;
  margin-right: 10px;
  white-space: nowrap;
}
@media screen and (max-width: 375px) {
  .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-4 .omail-all-days-block .all-day {
    margin-left: 0;
  }
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-4 .omail-all-days-block .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: #0288D9;
  border: 1px solid #0288D9;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-4 .omail-all-days-block .mat-slide-toggle-thumb-container .mat-slide-toggle-thumb {
  background-color: #A3A3A3;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-4 .omail-all-days-block .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #fff;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-4 .omail-all-days-block .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {
  top: 1px;
  left: -3px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .end-date-main .mat-error {
  position: absolute;
  bottom: -8px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .end-date-main .mat-error .mat-error {
  font-size: 0.875em;
  color: #dc3545;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .week-days {
  margin-left: 12px;
}
@media screen and (max-width: 375px) {
  .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .week-days {
    margin-left: 0;
  }
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .week-days ul {
  display: flex;
  align-items: center;
  gap: 4px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .week-days ul li {
  position: relative;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .week-days ul li input {
  display: none;
  width: 32px;
  height: 32px;
  border-radius: 4px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .week-days ul li input:checked + label {
  background: #9EDAFE;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .week-days ul li label {
  width: 29px;
  height: 29px;
  border-radius: 4px;
  color: #30353D;
  font-style: normal;
  font-weight: 400;
  font-size: var(--clamp12);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: none;
  border: 1px solid #9EDAFE;
}
@media screen and (max-width: 640px) {
  .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .week-days ul li label {
    width: 26px;
    height: 26px;
  }
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-attachment-block {
  border-top: solid 1px #E6E6E6;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-attachment-block ul {
  padding: 0 50px 0 10px !important;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-attachment-block ul::-webkit-scrollbar {
  width: 4px !important;
  height: 4px !important;
}
@media screen and (max-width: 540px) {
  .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-attachment-block ul::-webkit-scrollbar {
    width: 2px !important;
  }
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-attachment-block ul::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-attachment-block ul li {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  margin: 0 16px 0 0;
  line-height: 2rem;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-attachment-block ul li .attach-file-info {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #30353D;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-attachment-block ul li button {
  padding: 0;
  border: none;
  background: transparent;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-attachment-block ul li .attach-icon img {
  width: 70%;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .subject-block {
  width: 100%;
  position: relative;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .subject-block input {
  width: 100%;
  border: none;
  font-style: normal;
  font-weight: 600;
  font-size: var(--clamp18);
  color: #0A2477;
  padding: 0 0 0 6px !important;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .subject-block .invalid-feedback {
  padding-left: 6px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .omail-clip-block {
  overflow: hidden;
  width: 100%;
  min-height: 41px;
  max-height: 60px;
  overflow-y: auto;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .omail-clip-block::-webkit-scrollbar {
  width: 4px !important;
  height: 4px !important;
}
@media screen and (max-width: 540px) {
  .omail-calendar .calendar-right .omail-tab-block .omail-appointment .omail-clip-block::-webkit-scrollbar {
    width: 2px !important;
  }
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .omail-clip-block::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .omail-clip-block .mat-form-field-infix {
  margin: 0;
  padding: 0;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .omail-clip-block .mat-form-field-wrapper {
  padding-bottom: 0;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .omail-clip-block .mat-form-field-underline .mat-form-field-ripple {
  height: 0;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .calemail-more-list-block .omail-emailmorelist-dropdown {
  border: none;
  box-shadow: 0px 8px 17px rgba(0, 0, 0, 0.3);
  padding: 0;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .calemail-more-list-block .omail-emailmorelist-dropdown .omail-morelist-header {
  background: #DFF3FF;
  border-radius: 8px 8px 0px 0px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #30353D;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .calemail-more-list-block .omail-emailmorelist-dropdown .omail-morelist-header h5, .omail-calendar .calendar-right .omail-tab-block .omail-appointment .calemail-more-list-block .omail-emailmorelist-dropdown .omail-morelist-header .h5 {
  font-size: 14px;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .calemail-more-list-block .omail-emailmorelist-dropdown .omail-morelist-header span {
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(63, 89, 114, 0.2);
  border-radius: 20px;
  width: 20px;
  height: 20px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .calemail-more-list-block .omail-emailmorelist-dropdown .omail-morelist-header span:hover {
  background-color: #E84C3D;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .calemail-more-list-block .omail-emailmorelist-dropdown .omail-morelist-header span:hover img,
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .calemail-more-list-block .omail-emailmorelist-dropdown .omail-morelist-header span:hover img:hover {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(269deg) brightness(150%) contrast(101%);
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .calemail-more-list-block .omail-emailmorelist-dropdown .omail-clip-block {
  max-height: 256px;
  padding: 6px;
  overflow-y: auto;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .calemail-more-list-block .omail-emailmorelist-dropdown .omail-clip-block .mail-text {
  margin: 0;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .calemail-more-list-block .omail-emailmorelist-dropdown .omail-clip-block::-webkit-scrollbar {
  width: 4px !important;
}
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .calemail-more-list-block .omail-emailmorelist-dropdown .omail-clip-block::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
.omail-calendar .pad-right {
  padding-right: 0;
}
@media screen and (max-width: 992px) {
  .omail-calendar .pad-right {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    margin-top: 0;
  }
}
.omail-calendar .pad-left {
  padding-left: 0;
}
@media screen and (max-width: 992px) {
  .omail-calendar .pad-left {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
}
.omail-calendar .calendar-left-side {
  width: 13.3%;
}
.omail-calendar .mat-calendar .mat-calendar-header {
  background-color: #DFF3FF;
  padding-top: 0;
}
.omail-calendar .mat-calendar .mat-calendar-header .mat-calendar-controls {
  margin-top: 0;
}
.omail-calendar .mat-calendar .mat-calendar-header .mat-calendar-controls {
  color: #003B93;
  font-size: var(--clamp14);
}
.omail-calendar .mat-calendar .mat-calendar-header .mat-calendar-controls svg {
  fill: #003B93;
}
.omail-calendar .mat-calendar-table th {
  color: #003B93;
  font-size: 12px;
  font-weight: 500;
}
.omail-calendar .mat-calendar-table .mat-calendar-table-header-divider {
  display: none;
}
.omail-calendar .mat-calendar-table .mat-calendar-body-cell-content {
  color: #30353D;
}
.omail-calendar .mat-calendar-table .mat-calendar-body-today {
  background-color: #F0F9FF !important;
  border-radius: 4px;
  color: #006BCE;
  font-size: 12px;
  border-color: transparent;
  font-weight: 400;
}
.omail-event-calendar {
  padding: 0 16px 0 16px;
  background-color: transparent;
}
.omail-event-calendar .omail-month-view .event-list li .event-info-block {
  margin: 0;
  line-height: 1.2rem;
  display: flex;
}
.omail-event-calendar .omail-month-view .event-list li .event-info-block .event-status {
  margin-right: 10px;
}
@media screen and (max-width: 1440px) {
  .omail-event-calendar .omail-month-view .event-list li .event-info-block .event-status {
    margin-right: 0;
  }
}
.omail-event-calendar .omail-month-view .event-list li .event-info-block .event-status .calendar-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: none;
}
@media screen and (max-width: 640px) {
  .omail-event-calendar .omail-month-view .event-list li .event-info-block .event-status .calendar-dot {
    display: block;
  }
}
.omail-event-calendar .omail-month-view .event-list li .event-info-block .event-status .calendar-dot.green-dot-mobile {
  background-color: #37AC00;
}
.omail-event-calendar .omail-month-view .event-list li .event-info-block .event-status .calendar-dot.red-dot-mobile {
  background-color: #E84C3D;
}
.omail-event-calendar .omail-month-view .event-list li .event-info-block .event-status .calendar-dot.blue-dot-mobile {
  background-color: #009CD9;
}
@media screen and (max-width: 640px) {
  .omail-event-calendar .omail-month-view .event-list li .event-info-block .event-status img {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .omail-event-calendar .omail-month-view .event-list li .event-info-block .event-more-info {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .omail-event-calendar .omail-month-view .event-list li .event-info-block .event-action-links {
    display: none;
  }
}
.omail-event-calendar .omail-month-view .event-list li .event-info-block .event-title-links {
  margin-bottom: 2px;
}
@media screen and (max-width: 991px) {
  .omail-event-calendar .omail-month-view .event-list li .event-info-block .event-title-links {
    margin-bottom: 0;
  }
}
.omail-event-calendar .omail-month-view .event-list li .event-info-block .event-title {
  color: #0A2477;
  font-weight: 400;
  font-size: var(--clamp14);
  max-width: 112px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 1440px) {
  .omail-event-calendar .omail-month-view .event-list li .event-info-block .event-title {
    max-width: 72px;
  }
}
@media screen and (max-width: 991px) {
  .omail-event-calendar .omail-month-view .event-list li .event-info-block .event-title {
    max-width: 48px;
  }
}
.omail-event-calendar .omail-month-view .event-list li .event-info-block .event-locaion {
  color: #464255;
  font-weight: 400;
  font-size: var(--clamp14);
  margin-bottom: 7px;
  max-width: 112px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 1440px) {
  .omail-event-calendar .omail-month-view .event-list li .event-info-block .event-locaion {
    max-width: 72px;
  }
}
@media screen and (max-width: 991px) {
  .omail-event-calendar .omail-month-view .event-list li .event-info-block .event-locaion {
    font-size: 10px;
    margin-bottom: 0;
    line-height: 16px;
    max-width: 49px;
  }
}
.omail-event-calendar .omail-month-view .event-list li .event-info-block .event-date-time {
  color: #A3A3A3;
  font-weight: 400;
  font-size: var(--clamp12);
  line-height: 16px;
}
.omail-event-calendar .omail-month-view .cal-month-view {
  background-color: #fff;
  border: none;
}
.omail-event-calendar .omail-month-view .cal-month-view .cal-header {
  gap: 4px;
}
.omail-event-calendar .omail-month-view .cal-month-view .cal-header .cal-cell {
  border-radius: 6px;
  font-size: var(--clamp14);
  font-weight: 400;
  max-width: auto;
  min-width: auto;
  background: #F5F5F5;
  color: #30353D;
  padding: 7px 8px;
}
.omail-event-calendar .omail-month-view .cal-month-view .cal-header .cal-cell.cal-today {
  background: #DFF3FF;
}
.omail-event-calendar .omail-month-view .cal-month-view .cal-header .cal-cell:hover {
  background: #DFF3FF;
}
@media screen and (max-width: 1024px) {
  .omail-event-calendar .omail-month-view .cal-month-view .cal-header .cal-cell {
    max-width: initial;
    min-width: auto;
  }
}
@media screen and (max-width: 682px) {
  .omail-event-calendar .omail-month-view .cal-month-view .cal-header .cal-cell {
    max-width: 64px;
    min-width: 64px;
  }
}
.omail-event-calendar .omail-month-view .cal-month-view .cal-days {
  border: none;
}
.omail-event-calendar .omail-month-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell {
  border: none;
  border-radius: 0;
  min-height: 150px;
  max-height: 150px;
  max-width: auto;
  min-width: auto;
  position: relative;
  margin: 2px;
}
.omail-event-calendar .omail-month-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell:hover {
  background-color: #F5FBFF;
}
@media screen and (max-width: 1024px) {
  .omail-event-calendar .omail-month-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell {
    max-width: initial;
    min-width: auto;
  }
}
@media screen and (max-width: 682px) {
  .omail-event-calendar .omail-month-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell {
    max-width: 64px;
    min-width: 64px;
  }
}
.omail-event-calendar .omail-month-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell .cal-cell-top .cal-day-number {
  float: left;
  margin: 15px 0 15px 5px;
  font-weight: 400;
  font-size: 12px;
  color: #30353D;
  opacity: 1;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
}
@media screen and (max-width: 320px) {
  .omail-event-calendar .omail-month-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell .cal-cell-top .cal-day-number {
    margin: 15px 0;
  }
}
.omail-event-calendar .omail-month-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell.cal-today .cal-day-number {
  color: #30353D !important;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 20px;
}
@media screen and (max-width: 320px) {
  .omail-event-calendar .omail-month-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell.cal-today .cal-day-number {
    margin: 15px 0;
  }
}
.omail-event-calendar .omail-month-view .cal-month-view .cal-day-badge {
  visibility: hidden;
}
@media screen and (max-width: 480px) {
  .omail-event-calendar .omail-month-view .cal-month-view .cal-day-badge {
    margin: 0;
  }
}
.omail-event-calendar .d-w-m-tab {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 20px 0;
}
.omail-event-calendar .custom-btn-outline.active {
  border: none;
  color: var(--white-color);
  background: var(--primary-btn-bg);
}
.omail-event-calendar .short-view-cal {
  background: transparent;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 640px) {
  .omail-event-calendar .short-view-cal {
    justify-content: center;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 460px) {
  .omail-event-calendar .short-view-cal {
    display: block;
  }
}
.omail-event-calendar .short-view-cal .s-v-cal-text {
  font-weight: 500;
  font-size: var(--clamp18);
  color: #30353D;
  margin-left: 10px;
}
.omail-event-calendar .short-view-cal .s-v-cal-text ngb-datepicker {
  top: 28px !important;
  left: -58px !important;
  background: #FFFFFF !important;
  border-radius: 8px !important;
  border: none !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2) !important;
}
.omail-event-calendar .short-view-cal .s-v-cal-text ngb-datepicker .ngb-dp-header .custom-select {
  background: none;
  border-left: none;
  border-radius: 4px;
  background: url('adressbook-select.png') no-repeat 88% center;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: var(--text-color-2);
  border: none;
  text-transform: capitalize;
}
.omail-event-calendar .short-view-cal .s-v-cal-text ngb-datepicker .ngb-dp-header .ngb-dp-arrow-btn span {
  border-width: 2px 2px 0 0 !important;
  color: #334272 !important;
}
.omail-event-calendar .short-view-cal .s-v-cal-text ngb-datepicker .ngb-dp-months .ngb-dp-month ngb-datepicker-month .ngb-dp-weekdays {
  border: none !important;
  margin: 10px 0;
}
.omail-event-calendar .short-view-cal .s-v-cal-text ngb-datepicker .ngb-dp-months .ngb-dp-month ngb-datepicker-month .ngb-dp-weekdays .ngb-dp-weekday {
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: var(--clamp14) !important;
  color: #0A2477 !important;
  background: #E8F3FF !important;
}
.omail-event-calendar .short-view-cal .s-v-cal-text ngb-datepicker .ngb-dp-months .ngb-dp-month ngb-datepicker-month .ngb-dp-week .text-muted {
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: var(--clamp14) !important;
  color: #000000 !important;
}
.omail-event-calendar .short-view-cal .s-v-cal-text ngb-datepicker .ngb-dp-months .ngb-dp-month ngb-datepicker-month .ngb-dp-week .btn-light {
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: var(--clamp14) !important;
  color: #19181A !important;
}
.omail-event-calendar .short-view-cal .s-v-cal-text ngb-datepicker .ngb-dp-months .ngb-dp-month ngb-datepicker-month .ngb-dp-week .btn-light:hover {
  background: #E8F3FF !important;
}
.omail-event-calendar .short-view-cal .s-v-cal-text ngb-datepicker .ngb-dp-months .ngb-dp-month ngb-datepicker-month .ngb-dp-week .bg-primary {
  background: linear-gradient(180deg, #3B82F6 0%, #1D4ED8 100%) !important;
  border-radius: 4px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: var(--clamp14) !important;
  color: #FFFFFF !important;
  outline: none !important;
}
.omail-event-calendar .short-view-cal .arrows .btn-outline {
  padding: 5px 12px 4px;
  background: #006BCE;
  border-radius: 6px;
  border: 1px solid transparent;
  color: #ffffff;
  font-weight: 400;
  font-size: var(--clamp14);
  margin-right: 15px;
}
.omail-event-calendar .short-view-cal .arrows .btn-outline:hover {
  background: #0288D9;
  border: 1px solid transparent;
}
.omail-event-calendar .short-view-cal .arrows .btn img {
  filter: invert(65%) sepia(99%) saturate(0%) hue-rotate(45deg) brightness(80%) contrast(87%);
}
.omail-event-calendar .short-view-cal .arrows .btn img:hover {
  filter: invert(32%) sepia(90%) saturate(1424%) hue-rotate(179deg) brightness(97%) contrast(101%);
}
.omail-event-calendar .short-view-cal .arrows .btn:hover {
  border-color: transparent;
}
.omail-event-calendar .dwm-block {
  width: 100%;
  overflow: auto;
}
.omail-event-calendar .dwm-block::-webkit-scrollbar {
  width: 4px !important;
  height: 4px !important;
}
@media screen and (max-width: 540px) {
  .omail-event-calendar .dwm-block::-webkit-scrollbar {
    width: 2px !important;
  }
}
.omail-event-calendar .dwm-block::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
@media screen and (max-width: 992px) {
  .omail-event-calendar .dwm-block {
    overflow: auto;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 640px) {
  .omail-event-calendar .dwm-block {
    height: 100%;
  }
}
.omail-event-calendar .week-view-block .cal-week-view {
  background-color: #fff;
  border: none;
}
.omail-event-calendar .week-view-block .cal-week-view .cal-day-headers {
  border: none;
  background: transparent;
  gap: 4px;
  position: sticky;
  top: 0;
  z-index: 1;
}
.omail-event-calendar .week-view-block .cal-week-view .cal-day-headers .cal-header {
  border: none;
  background: #F5F5F5;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.omail-event-calendar .week-view-block .cal-week-view .cal-day-headers .cal-header.cal-today {
  background: #DFF3FF;
}
.omail-event-calendar .week-view-block .cal-week-view .cal-day-headers .cal-header b {
  font-weight: 400;
  font-size: var(--clamp14);
  color: #30353D;
}
@media screen and (max-width: 630px) {
  .omail-event-calendar .week-view-block .cal-week-view .cal-day-headers .cal-header b {
    white-space: nowrap;
    width: 13px;
    overflow: hidden;
    letter-spacing: 8px;
    text-align: center;
  }
}
.omail-event-calendar .week-view-block .cal-week-view .cal-day-headers .cal-header span {
  display: none;
  font-weight: 400;
  font-size: var(--clamp14);
  opacity: 1;
  padding-left: 5px;
  color: #30353D;
}
@media screen and (max-width: 630px) {
  .omail-event-calendar .week-view-block .cal-week-view .cal-day-headers .cal-header span {
    display: none;
  }
}
.omail-event-calendar .week-view-block .cal-week-view .cal-day-headers .cal-header.cal-weekend span {
  color: #30353D;
  opacity: 1;
}
.omail-event-calendar .week-view-block .cal-time {
  font-style: normal;
  font-weight: 400;
  font-size: var(--clamp14);
  color: #A3A3A3;
  text-transform: capitalize;
}
.omail-event-calendar .week-view-block .cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.omail-event-calendar .week-view-block .cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  border: 0.5vh;
}
.omail-event-calendar .week-view-block .cal-week-view .cal-day-column {
  border: 1px solid #ECECEC;
}
.omail-event-calendar .week-view-block .cal-week-view .cal-time-events {
  border: none;
  margin-top: 16px;
}
.omail-event-calendar .week-view-block .cal-week-view .cal-current-time-marker {
  background-color: transparent;
  background-color: #ea4334;
}
.omail-event-calendar .week-view-block .cal-day-columns {
  border: 1px solid #ECECEC;
  border-top: none;
  border-bottom: none;
}
.omail-event-calendar .week-view-block .cal-hour {
  border-top: 1px solid #ECECEC;
}
.omail-event-calendar .week-view-block .cal-hour:last-child {
  border-bottom: 1px solid #ECECEC;
}
.omail-event-calendar .week-view-block .cal-hour mwl-calendar-week-view-hour-segment:first-child {
  border-bottom: 1px dashed #ECECEC;
}
.omail-event-calendar .week-view-block .cal-time {
  padding-top: 20px;
}
.omail-event-calendar .week-view-block .cal-time-events .cal-time-label-column .cal-hour mwl-calendar-week-view-hour-segment:first-child {
  border-bottom: none;
}
@media screen and (max-width: 640px) {
  .omail-event-calendar .omail-date-week-month {
    display: block !important;
  }
}
@media screen and (max-width: 360px) {
  .omail-event-calendar button {
    min-width: 76px;
  }
}
.omail-event-list .event-info-block {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.omail-event-list .event-info-block .left-event {
  display: flex;
}
.omail-event-list .event-info-block .left-event .event-more-info .event-title-links .event-title {
  color: #0A2477;
  font-weight: 400;
  font-size: var(--clamp14);
}
.omail-event-list .event-info-block .left-event .event-more-info .event-locaion {
  color: #464255;
  font-weight: 400;
  font-size: var(--clamp14);
}
.omail-event-list .event-info-block .left-event .event-more-info .event-date-time {
  color: #A3A3A3;
  font-weight: 400;
  font-size: var(--clamp12);
  line-height: 12px;
}
.omail-showmore-event-link {
  justify-content: end;
  flex: 1;
  align-items: center;
  margin: 0 0;
  flex-wrap: wrap;
  display: flex;
  margin-right: 0;
}
.omail-showmore-event-link .showmore {
  display: flex;
  font-style: normal;
  font-weight: 400;
  font-size: var(--clamp14);
  color: #1877F2;
  cursor: pointer;
}
@media screen and (max-width: 640px) {
  .omail-showmore-event-link .showmore {
    font-size: 10px;
  }
}
@media screen and (max-width: 480px) {
  .omail-showmore-event-link .showmore {
    display: block;
  }
}
.omail-showmore-event-link .showmore:hover {
  color: #1877F2;
  opacity: 0.5;
}
.omail-showmore-event-link .showmore .more-no {
  margin-right: 7px;
}
.omail-showmore-event-link .showmore .show-arrow img {
  margin-top: -3px;
}
@media screen and (max-width: 640px) {
  .omail-showmore-event-link .showmore .show-arrow img {
    width: 5px;
  }
}
.omail-showmore-event-link .showmore .more-show {
  margin-left: 7px;
  margin-right: 7px;
}
.omail-drop-down-menu {
  padding: 0;
  background: transparent;
  border: none;
  min-width: auto;
}
.omail-drop-down-menu .dropdown-item {
  background: var(--white-color);
  border-radius: 6px;
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  font-size: var(--clamp14);
  font-weight: 400;
  height: 40px;
}
.omail-event-modal-link span::after {
  display: none;
}
.omail-event-list-one {
  height: auto;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .omail-event-list-one {
    margin-top: 14px !important;
  }
}
.omail-event-list-one li {
  margin: 0 0 4px;
  cursor: pointer;
}
@media screen and (max-width: 991px) {
  .omail-event-list-one li {
    margin-bottom: 0;
  }
}
.omail-event-list-one li .event-info-block {
  gap: 2px;
  padding: 0;
  width: 99%;
}
/* / ||||| Calendar Module END |||||||||*/
/*
  ***********************************
  * Omail App Calendar-Module CSS End
  ***********************************
*/
/*
  **************************************
  * Omail App Settings-Module CSS Start
  *************************************
*/
.omailapp-settings-wrap {
  overflow: hidden;
  width: 100%;
  display: flex;
  padding: 0 0px 18px 0;
}
.omailapp-settings-wrap .omail-side-settings {
  border-radius: 8px 0px 0px 8px;
  border-right: 1px solid #DEDEDE;
  padding: 12px;
  height: calc(100vh - 77px);
  overflow: hidden;
  overflow-y: auto;
  background: #fff;
  transition: 0.4s;
  z-index: 999;
  padding-top: 124px;
  width: 240px;
}
@media screen and (max-width: 1024px) {
  .omailapp-settings-wrap .omail-side-settings {
    position: relative;
    z-index: 2;
  }
}
.omailapp-settings-wrap .omail-side-settings::-webkit-scrollbar {
  width: 4px !important;
}
.omailapp-settings-wrap .omail-side-settings::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
@media screen and (max-width: 767px) {
  .omailapp-settings-wrap .omail-side-settings {
    border-radius: 8px;
    margin-top: 15px;
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);
    z-index: 3;
    padding-top: 75px;
  }
}
.omailapp-settings-wrap .omail-side-settings ul.sidenav-box li.active {
  border-radius: 6px;
  font-size: var(--clamp14);
  font-weight: 400;
  cursor: pointer;
}
.omailapp-settings-wrap .omail-side-settings ul.sidenav-box li.list {
  margin-bottom: 4px;
  cursor: pointer;
}
.omailapp-settings-wrap .omail-side-settings ul.sidenav-box li.list a {
  display: block;
  color: #30353D;
  font-weight: 400;
  font-size: var(--clamp14);
  padding: 10px 12px;
  border-radius: 6px;
}
.omailapp-settings-wrap .omail-side-settings ul.sidenav-box li.list a .settings-side-img {
  width: 20px;
  text-align: center;
  margin-right: 8px;
}
.omailapp-settings-wrap .omail-side-settings ul.sidenav-box li.list a:hover {
  background: #DFF3FF;
  color: #30353D;
}
@media screen and (max-width: 960px) {
  .omailapp-settings-wrap .omail-side-settings ul.sidenav-box li.list a {
    padding: 10px 10px;
  }
}
.omailapp-settings-wrap .omail-side-settings ul.sidenav-box li.active a {
  font-weight: 500;
  color: #006BCE;
  background: #BFE7FE;
}
.omailapp-settings-wrap .omail-side-settings ul.sidenav-box li.active a img {
  filter: invert(22%) sepia(67%) saturate(4594%) hue-rotate(186deg) brightness(102%) contrast(82%);
}
.omailapp-settings-wrap .omail-side-settings ul.sidenav-box li.active a:hover {
  background: #BFE7FE;
  color: #006BCE;
}
.omailapp-settings-wrap .omail-side-settings .sidenav-box li {
  display: block;
}
.omailapp-settings-wrap .omail-settings-tab-content {
  border-radius: 0;
  height: calc(100vh - 77px);
  overflow: hidden;
  overflow-y: auto;
  padding: 24px 24px 0 24px;
  background: #fff;
  position: relative;
  /** Auto Followup css starts here **/
  /** Auto Followup css ends here **/
}
@media screen and (max-width: 1024px) {
  .omailapp-settings-wrap .omail-settings-tab-content {
    padding-left: 90px;
  }
}
@media screen and (max-width: 640px) {
  .omailapp-settings-wrap .omail-settings-tab-content {
    padding-left: 80px;
  }
}
@media screen and (max-width: 383px) {
  .omailapp-settings-wrap .omail-settings-tab-content {
    padding-left: 70px;
    padding-right: 15px;
  }
}
.omailapp-settings-wrap .omail-settings-tab-content::-webkit-scrollbar {
  width: 4px !important;
}
@media screen and (max-width: 540px) {
  .omailapp-settings-wrap .omail-settings-tab-content::-webkit-scrollbar {
    width: 2px !important;
  }
}
.omailapp-settings-wrap .omail-settings-tab-content::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
.omailapp-settings-wrap .omail-settings-tab-content .edit-user {
  background: #F8F8F8;
  border-radius: 12px;
  padding: 24px 0;
  margin-top: 4px;
  margin-left: 4px;
  margin-right: 4px;
}
.omailapp-settings-wrap .omail-settings-tab-content .edit-user .setting-pic-block .pic-edit {
  width: 94px;
  height: 94px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 auto;
}
.omailapp-settings-wrap .omail-settings-tab-content .edit-user .setting-pic-block .pic-edit img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.omailapp-settings-wrap .omail-settings-tab-content .edit-user .setting-pic-block .pic-edit .pic-block {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transition: 0.3s ease;
  cursor: pointer;
}
.omailapp-settings-wrap .omail-settings-tab-content .edit-user .setting-pic-block .pic-edit .pic-block .pic-icon {
  width: 40px;
  height: auto;
  object-fit: inherit;
  border-radius: 0;
  position: absolute;
  bottom: -32px;
  transform: translate(85%, -62%);
  text-align: center;
  border-radius: 50%;
  padding: 8.5px 6.5px;
  overflow: hidden;
  background: #F3F2FF;
  right: 25px;
}
.omailapp-settings-wrap .omail-settings-tab-content .slide-up,
.omailapp-settings-wrap .omail-settings-tab-content .slide-down {
  overflow: hidden;
}
.omailapp-settings-wrap .omail-settings-tab-content .slide-up form,
.omailapp-settings-wrap .omail-settings-tab-content .slide-down form {
  transform: translateY(-100%);
  transition: 0.4s ease-in-out;
  opacity: 0;
}
.omailapp-settings-wrap .omail-settings-tab-content .slide-down form {
  transform: translateY(0);
  opacity: 1;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form {
  margin: 10px 0 0;
}
@media screen and (max-width: 767px) {
  .omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form {
    margin-bottom: 30px;
  }
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .form-group {
  margin-bottom: 1rem;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form label {
  font-style: normal;
  font-weight: 400;
  font-size: var(--clamp12);
  color: #6D747A;
  margin-bottom: 2px;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .form-control {
  background: #FFFFFF;
  box-shadow: 0px 1px 2px rgba(77, 64, 85, 0.1);
  border-radius: 4px;
  height: 40px;
  padding: 9.5px 12px;
  font-size: var(--clamp14);
  font-weight: 400;
  color: #30353D;
  border: none;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .form-control::placeholder {
  color: #0A2477;
  font-size: var(--clamp14);
  font-weight: 400;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .form-control:disabled {
  border: 1px solid #5EC2FE;
  cursor: no-drop;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .text-muted {
  position: absolute;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  color: #9CA9B4;
}
@media screen and (max-width: 767px) {
  .omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .text-muted {
    font-size: 10px;
  }
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form textarea {
  resize: none;
  border: 1px solid #A7C0F5;
  border-radius: 4px;
  padding: 10px;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form textarea:focus-visible {
  outline: none;
}
@media screen and (max-width: 767px) {
  .omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .setting-info-text {
    margin-bottom: 1rem;
  }
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-custom-select {
  background: url('down-arrow.svg') no-repeat 98% center;
  background-color: #fff;
  border: 1px solid #5EC2FE;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-sign-btn .custom-btn-outline {
  background: transparent;
  cursor: pointer;
  min-width: auto;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-sign-btn .custom-btn-outline:hover {
  border: 1px solid #615ADB;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-auto-followup-actions {
  display: flex;
  align-items: center;
  gap: 24px;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-form-field {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-form-field h3, .omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-form-field .h3 {
  margin-right: 6px;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-form-field .omail-col-one {
  display: flex;
  align-items: center;
  width: 100%;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-form-field .omail-col-one input {
  background-color: transparent;
  border: none;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-form-field .omail-col-one .omail-custom-btn-outline {
  padding: 1px 10px 2px;
  min-width: 46px;
  text-align: center;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-form-field .omail-col-two {
  display: flex;
  align-items: center;
  white-space: pre;
  gap: 4px;
  margin-left: 3px;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-form-field .omail-clip-block input {
  padding: 0 10px;
  border: none !important;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .ccbcc-text-links {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  gap: 8px;
  position: relative;
  right: 16px;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .ccbcc-text-links span {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #006BCE;
  cursor: pointer;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .mat-form-field-appearance-outline .mat-form-field-flex {
  min-height: 40px !important;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .mat-form-field-appearance-outline .mat-form-field-flex .settings-msg {
  position: absolute;
  bottom: -20px;
  left: -11px;
  top: inherit;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .mat-form-field-appearance-outline .mat-form-field-wrapper {
    padding-bottom: 0 !important;
  }
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .event-more-mail-list .omail-morelist-header {
  background: #DFF3FF;
  border-radius: 8px 8px 0px 0px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #30353D;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .event-more-mail-list .omail-morelist-header h5, .omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .event-more-mail-list .omail-morelist-header .h5 {
  font-size: 14px;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .event-more-mail-list .omail-morelist-header span {
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(63, 89, 114, 0.2);
  border-radius: 20px;
  width: 20px;
  height: 20px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .event-more-mail-list .omail-morelist-header span:hover {
  background-color: #E84C3D;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .event-more-mail-list .omail-morelist-header span:hover img,
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .event-more-mail-list .omail-morelist-header span:hover img:hover {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(269deg) brightness(150%) contrast(101%);
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-emailmorelist-dropdown {
  padding-top: 0;
  border: none;
  box-shadow: 0px 8px 17px rgba(0, 0, 0, 0.3);
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-emailmorelist-dropdown .omail-clip-block {
  max-height: 256px;
  padding: 6px;
  overflow-y: auto;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-emailmorelist-dropdown .omail-clip-block::-webkit-scrollbar {
  width: 4px !important;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-emailmorelist-dropdown .omail-clip-block::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .allow-limitvalidation {
  position: absolute;
  bottom: -18px;
  left: 9px;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .allow-subject-validation .allow-limitvalidation {
  position: absolute;
  bottom: -12px;
  left: 9px;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .auto-replies-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .auto-replies-footer .actions {
  display: flex;
  align-items: center;
  gap: 24px;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .auto-replies-footer .omail-sign-btn {
  cursor: pointer;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-customtheam-froala-block .fr-box.fr-basic {
  box-shadow: 0px 3px 4px rgba(63, 89, 100, 0.2);
}
@media screen and (max-width: 1024px) {
  .omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-customtheam-froala-block {
    position: relative;
    z-index: 1;
  }
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar {
  position: inherit;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-customtheam-froala-block .fr-sticky-dummy {
  display: none !important;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-customtheam-froala-block .fr-wrapper {
  max-height: 460px;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-mat-input .mat-form-field-outline {
  color: #DEDEDE;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-timer-field .timecustom-select {
  border-color: #DEDEDE !important;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-autoreplay-date mat-icon:hover img {
  filter: invert(52%) sepia(53%) saturate(7282%) hue-rotate(181deg) brightness(94%) contrast(98%);
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie {
  padding: 0px;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie h4, .omailapp-settings-wrap .omail-settings-tab-content .auto-replie .h4 {
  color: #6D747A;
  font-weight: 400;
  font-size: var(--clamp14);
  margin-bottom: 8px;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie h3, .omailapp-settings-wrap .omail-settings-tab-content .auto-replie .h3 {
  color: #003B93;
  font-weight: 400;
  font-size: var(--clamp14);
  margin-bottom: 8px;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie p {
  color: #30353D;
  font-size: var(--clamp14);
  font-weight: 400;
  margin-bottom: 24px;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .autofollowuplist-table {
  min-height: 160px;
  margin-bottom: 30px;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .autofollowuplist-table th,
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .autofollowuplist-table td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
  vertical-align: middle;
}
@media screen and (max-width: 575px) {
  .omailapp-settings-wrap .omail-settings-tab-content .auto-replie .autofollowuplist-table th,
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .autofollowuplist-table td {
    max-width: 200px;
  }
}
@media screen and (max-width: 375px) {
  .omailapp-settings-wrap .omail-settings-tab-content .auto-replie .autofollowuplist-table th,
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .autofollowuplist-table td {
    max-width: 140px;
    font-size: 12px;
  }
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .autofollowuplist-table th:first-child,
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .autofollowuplist-table td:first-child {
  width: 40%;
  padding-left: 15px;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .autofollowuplist-table th:nth-child(2),
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .autofollowuplist-table td:nth-child(2) {
  width: 20%;
  text-align: center;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .autofollowuplist-table th:last-child,
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .autofollowuplist-table td:last-child {
  width: 40%;
  text-align: end;
  padding-right: 15px;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .autofollowuplist-table tbody tr:nth-child(even) {
  background-color: #FCFCFF !important;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .autofollowuplist-table tbody tr:nth-child(odd) {
  background-color: #FAF9FF !important;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-col-one h3, .omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-col-one .h3 {
  margin-bottom: 0;
  color: #A3A3A3;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-col-one h3.schedulemail-heading, .omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-col-one .schedulemail-heading.h3 {
  width: 165px;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-col-one h3.followup-text, .omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-col-one .followup-text.h3 {
  width: auto;
  margin: 0;
  white-space: nowrap;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-col-one .omail-clip-block {
  overflow: hidden;
  width: 100%;
  min-height: 40px;
  max-height: 60px;
  overflow-y: auto;
  position: relative;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-col-one .omail-clip-block::-webkit-scrollbar {
  width: 4px !important;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-col-one .omail-clip-block::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-col-two .contacts-user-add {
  cursor: pointer;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-col-two .minus-square {
  cursor: pointer;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-col-two .mail-text {
  margin: 0;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .allow-from-group {
  margin-bottom: 0 !important;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-form-field {
  padding: 0 12px;
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
  margin-top: -1px;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-form-field .omail-clip-block input::placeholder {
  color: #A3A3A3;
  opacity: 1;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-form-field .omail-clip-block input:-ms-input-placeholder {
  color: #A3A3A3;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-form-field .omail-clip-block input::-ms-input-placeholder {
  color: #A3A3A3;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-form-field:nth-child(3) .omail-clip-block {
  width: 95%;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-form-field:nth-child(3) .email-more-list-block {
  right: 23px;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .week-days {
  margin-left: 12px;
  margin-top: 28px;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .week-days ul {
  display: flex;
  align-items: center;
  gap: 4px;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .week-days ul li {
  position: relative;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .week-days ul li input {
  display: none;
  width: 32px;
  height: 32px;
  border-radius: 4px;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .week-days ul li input:checked + label {
  background: #fff;
  color: #006BCE;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .week-days ul li label {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  color: var(--white-color);
  font-style: normal;
  font-weight: 400;
  font-size: var(--clamp14);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: #006BCE;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .week-days ul li:first-child label {
  background: #E6E3FE;
  border-radius: 8px;
  color: #006BCE;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .week-days ul li:last-child label {
  background: #E6E3FE;
  color: #006BCE;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .mat-button-toggle-group-appearance-standard {
  border: none;
  border-radius: initial;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .mat-button-toggle-group-appearance-standard .mat-button-toggle {
  border-left: none;
  margin: 0 4px;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked {
  background-color: transparent;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-button {
  background-color: #9EDAFE;
  color: #30353D;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .mat-button-toggle-group-appearance-standard .mat-button-toggle-button {
  background: transparent;
  color: #30353D;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  border: 1px solid #9EDAFE;
  border-radius: 4px;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .mat-button-toggle-group-appearance-standard .mat-button-toggle-button .mat-button-toggle-label-content {
  line-height: 30px;
  font-size: 12px;
  padding: 0 8px;
  width: 26px;
}
@media screen and (min-width: 992px) and (max-width: 1280px) {
  .omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .mat-button-toggle-group-appearance-standard .mat-button-toggle-button .mat-button-toggle-label-content {
    padding: 0 5px;
    width: 22px;
  }
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-sign-btn {
  cursor: pointer;
  margin-right: 12px;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-sign-btn span {
  cursor: pointer;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .form-group {
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .form-group {
    margin-bottom: 1rem;
  }
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .form-group .mat-icon-button.cdk-program-focused .mat-button-focus-overlay {
  opacity: 0 !important;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .form-group .omail-mat-input img:hover {
  filter: invert(22%) sepia(67%) saturate(4594%) hue-rotate(186deg) brightness(102%) contrast(82%);
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .invalid-feedback {
  white-space: nowrap;
  font-size: 11px;
  position: absolute;
  bottom: -20px;
  left: 0;
  top: inherit;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .auto-followup-sendbtn {
  padding-top: 7px;
  padding-bottom: 7px;
  border: none;
  margin-bottom: 30px;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-customtheam-froala-block .fr-box.fr-basic {
  box-shadow: 0px 3px 4px rgba(63, 89, 100, 0.2);
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form input {
  background: transparent;
  box-shadow: none;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-autofollo-upclipblock {
  overflow: hidden !important;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-autofollo-upclipblock input {
  background: transparent;
  box-shadow: none;
  border: none;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-autofollo-upclipblock .allow-limitvalidation {
  position: absolute;
  bottom: -2px;
  left: 10px;
}
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .auto-reply-heading {
  margin-bottom: 5px;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-cmn-pad {
  padding: 0;
}
@media screen and (max-width: 375px) {
  .omailapp-settings-wrap .omail-settings-tab-content .omail-cmn-pad {
    padding: 0;
  }
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-cmn-pad .omail-line {
  padding: 24px 0px;
}
@media screen and (max-width: 767px) {
  .omailapp-settings-wrap .omail-settings-tab-content .omail-cmn-pad .omail-line {
    padding-top: 0;
  }
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-cmn-pad .omail-line hr {
  border-color: #ECECEC;
  opacity: 1;
  margin: 0px;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-cmn-pad .omail-em-sign h3, .omailapp-settings-wrap .omail-settings-tab-content .omail-cmn-pad .omail-em-sign .h3 {
  color: #464255;
  font-weight: 400;
  font-size: var(--clamp14);
  margin-bottom: 12px;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-cmn-pad .omail-em-sign .form-group {
  margin-bottom: 25px;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-cmn-pad .omail-em-sign .omail-customtheam-froala-block {
  margin-bottom: 4px;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-cmn-pad .omail-em-sign .sig-action-links {
  margin-top: 20px;
}
.omailapp-settings-wrap .omail-settings-tab-content .omail-cmn-pad .email-tl h3, .omailapp-settings-wrap .omail-settings-tab-content .omail-cmn-pad .email-tl .h3 {
  color: #6D747A;
  font-weight: 400;
  font-size: var(--clamp14);
}
.omailapp-settings-wrap .omail-settings-tab-content .oesuser-profile-block {
  text-align: center;
  width: 100%;
}
.omailapp-settings-wrap .omail-settings-tab-content .oesuser-profile-block .show-pic .profile-pic {
  width: 100%;
  overflow: hidden;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}
.omailapp-settings-wrap .omail-settings-tab-content .oesuser-profile-block .show-pic .omail-settings-profile-pic {
  height: 94px;
  background: url('lightmode_SettingsProfilepic.svg') no-repeat center center;
}
.omailapp-settings-wrap .omail-settings-tab-content .oesuser-profile-block .setting-user-info h3, .omailapp-settings-wrap .omail-settings-tab-content .oesuser-profile-block .setting-user-info .h3 {
  font-weight: 400;
  font-size: var(--clamp14);
  color: #30353D;
  margin-top: 12px;
  text-transform: capitalize;
}
.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed {
  overflow-y: auto;
  max-height: 350px;
  margin-bottom: 24px;
  padding: 10px;
}
.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed::-webkit-scrollbar {
  width: 4px !important;
}
@media screen and (max-width: 540px) {
  .omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed::-webkit-scrollbar {
    width: 2px !important;
  }
}
.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed thead th {
  position: sticky;
  top: 0;
  background: #DFF3FF;
  border-radius: 0px;
}
.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table {
  width: 100%;
  overflow: hidden;
  filter: drop-shadow(0px 4px 4px rgba(63, 89, 114, 0.2));
  border-radius: 6px;
}
.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .result-empty-msg {
  text-align: center;
  font-style: normal;
  font-weight: 600;
  font-size: var(--clamp14);
  color: var(--text-color-2);
}
.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .thead-color {
  background: #E7E5FF;
  border-radius: 4px;
  height: 40px;
  line-height: 24px;
}
.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .thead-color tr th {
  font-style: normal;
  font-weight: 500;
  font-size: var(--clamp12);
  color: #30353D;
  border: none;
  z-index: 2;
}
.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .thead-color tr th:first-child {
  padding-left: 24px;
}
.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .thead-color tr th:last-child {
  padding-right: 24px;
}
.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .tbody-color tr td {
  border-bottom: 1px solid #ECECEC;
  vertical-align: middle;
  background: transparent;
  font-size: var(--clamp14);
  background-color: #ffffff;
}
.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .tbody-color tr td:first-child {
  padding-left: 24px;
}
.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .tbody-color tr td:last-child {
  padding-right: 18px;
}
.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .tbody-color tr.active {
  font-style: normal;
  font-weight: 400;
  font-size: var(--clamp-14);
  color: #003B93;
  background: #FCFCFF;
}
.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .tbody-color tr:hover {
  background: #FAF9FF;
}
.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .tbody-color .omail-emauto-switch {
  display: flex;
  align-items: center;
  gap: 8px;
}
.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .tbody-color .omail-emauto-switch .mat-slide-toggle-label .mat-slide-toggle-bar {
  background-color: transparent;
  height: 20px;
  width: 32px;
  border-radius: 12px;
  border: 1px solid #A3A3A3;
}
.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .tbody-color .omail-emauto-switch .mat-slide-toggle-thumb-container {
  top: 1px;
  left: 2px;
}
.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .tbody-color .omail-emauto-switch .mat-slide-toggle-thumb-container .mat-slide-toggle-thumb {
  height: 16px;
  width: 16px;
  border-radius: 50%;
  display: block;
  background: #A3A3A3;
}
.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .tbody-color .omail-emauto-switch .mat-slide-toggle-thumb-container .mat-slide-toggle .mat-checked .mat-slide-toggle-thumb {
  background-color: #0288D9;
}
.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .tbody-color .omail-emauto-switch .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: #0288D9;
  border: 1px solid #0288D9;
}
.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .tbody-color .omail-emauto-switch .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #fff;
}
.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .tbody-color .omail-emauto-switch .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {
  top: 1px;
  left: -2px;
}
.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .tbody-color .em-active {
  color: #37AC00;
  font-size: var(--clamp14);
  font-weight: 400;
}
.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .tbody-color .em-inactive {
  color: #A3A3A3;
  font-size: var(--clamp14);
  font-weight: 400;
}
.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table button {
  color: var(--main-color);
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0px;
  padding-right: 2px;
}
.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table button:focus {
  box-shadow: none;
}
@media screen and (max-width: 14400px) {
  .omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .email-rule-name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 580px;
  }
}
@media screen and (max-width: 1280px) {
  .omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .email-rule-name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 200px;
  }
}
@media screen and (max-width: 375px) {
  .omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .email-rule-name {
    max-width: 110px;
    font-size: 12px;
  }
}
.omailapp-settings-wrap .omail-settings-tab-content .email-rule-form-block {
  margin-bottom: 24px;
}
.omailapp-settings-wrap .omail-settings-tab-content .email-rule-form-block .rule-title {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #003B93;
  margin-bottom: 12px;
}
.omailapp-settings-wrap .omail-settings-tab-content .email-rule-form-block .email-rule-form .rule-title-text {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #003B93;
  margin: 24px 0 8px;
}
.omailapp-settings-wrap .omail-settings-tab-content .email-rule-form-block .email-rule-form .rule-title-sub-text {
  color: #30353D;
  font-size: 12px;
}
.omailapp-settings-wrap .omail-settings-tab-content .email-rule-form-block .email-rule-form .settngs-signature-block .rule-title-sub-text {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #464255;
  margin: 0 0 6px;
}
.omailapp-settings-wrap .omail-settings-tab-content .email-rule-form-block .email-rule-form .form-group label {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #003B93;
}
.omailapp-settings-wrap .omail-settings-tab-content .email-rule-form-block .email-rule-form .form-group .form-control {
  background: #FFFFFF;
  border: 1px solid #DEDEDE;
  box-shadow: 0px 1px 2px rgba(77, 64, 85, 0.1);
  border-radius: 4px;
  padding: 10px 12px;
  font-size: var(--clamp14);
  color: #A3A3A3;
}
.omailapp-settings-wrap .omail-settings-tab-content .email-rule-form-block .email-rule-form .form-group .form-control::placeholder {
  color: #A3A3A3;
}
.omailapp-settings-wrap .omail-settings-tab-content .email-rule-form-block .email-rule-form .form-group .omail-custom-select {
  background: url('down-arrow.svg') no-repeat 98% center;
  background-color: #fff;
}
.omailapp-settings-wrap .omail-settings-tab-content .email-rule-form-block .email-rule-form .omail-custom-select {
  background: url('new-down-arrow.svg') no-repeat 98% center;
  background-color: #F8F8FF;
}
@media screen and (max-width: 767px) {
  .omailapp-settings-wrap .omail-settings-tab-content .email-rule-form-block .email-rule-form .omail-custom-select {
    margin-bottom: 10px;
  }
}
.omailapp-settings-wrap .omail-settings-tab-content .email-rule-form-block .emr-action-links {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: right;
  gap: 10px;
}
.omailapp-settings-wrap .omail-settings-tab-content .email-rule-form-block .listof-contacts {
  margin: 10px 0 0;
  overflow-y: auto;
  max-height: 110px;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  padding: 4px;
}
.omailapp-settings-wrap .omail-settings-tab-content .email-rule-form-block .listof-contacts .total-list {
  resize: none;
  min-height: 70px;
  max-height: 70px;
}
.omailapp-settings-wrap .omail-settings-tab-content .email-rule-form-block .custom-select {
  background-color: #F8F8FF;
  border: none;
  border-radius: 4px;
  background: url('adressbook-select.png') no-repeat 96% center;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: var(--text-color-2);
  border: 1px solid #E6E3FE;
  text-transform: capitalize;
  -webkit-appearance: none;
          appearance: none;
  width: 100%;
  vertical-align: middle;
  padding: 10px 15px;
  display: inline-block;
}
.omailapp-settings-wrap .omail-settings-tab-content .email-rule-form-block .custom-select::placeholder {
  color: #A3A3A3;
}
.omailapp-settings-wrap .omail-settings-tab-content .showTab {
  display: block;
}
.omailapp-settings-wrap .omail-settings-tab-content .hideTab {
  display: none;
}
@media screen and (max-width: 767px) {
  .omailapp-settings-wrap .omail-settings-tab-content .settngs-signature-block .omailsignature-modal .modal-body {
    padding: 0;
  }
}
.omailapp-settings-wrap .block-user {
  padding: 36px 0 24px;
}
@media screen and (max-width: 767px) {
  .omailapp-settings-wrap .block-user {
    padding: 24px 0 24px;
  }
}
@media screen and (max-width: 640px) {
  .omailapp-settings-wrap .block-user {
    padding: 15px 0 15px;
  }
}
.omailapp-settings-wrap .common-view h3, .omailapp-settings-wrap .common-view .h3 {
  color: #6D747A;
  font-weight: 400;
  font-size: var(--clamp14);
  margin-bottom: 2px;
}
.omailapp-settings-wrap .common-view .omail-auto-switch {
  padding-top: 22px;
}
.omailapp-settings-wrap .common-view .omail-auto-switch .readrecept-block {
  display: flex;
  align-items: center;
  gap: 8px;
}
.omailapp-settings-wrap .common-view .omail-auto-switch .readrecept-block .slide-toggle-block {
  margin-top: 6px;
}
.omailapp-settings-wrap .pad-right {
  padding-right: 0px;
}
.omailapp-settings-wrap .pad-left {
  padding-left: 0px;
}
@media screen and (max-width: 767px) {
  .omailapp-settings-wrap .pad-left {
    padding-left: 10px;
  }
}
.omailapp-settings-wrap .settings-toggle-btn {
  min-width: auto;
  min-height: auto;
  border-radius: 6px;
  background: #006BCE;
  border: none;
  padding: 5px 11px;
  outline: none;
}
.omailapp-settings-wrap .settings-toggle-btn i {
  margin-right: 0;
  color: #fff;
}
.omailapp-settings-wrap .calendar-leftside {
  width: 240px;
}
@media screen and (max-width: 1440px) {
  .omailapp-settings-wrap .calendar-leftside {
    width: 252px;
  }
}
@media screen and (max-width: 1280px) {
  .omailapp-settings-wrap .calendar-leftside {
    width: 260px;
  }
}
@media screen and (max-width: 1024px) {
  .omailapp-settings-wrap .calendar-leftside {
    width: 240px;
    position: absolute;
  }
}
.omailapp-settings-wrap .calendar-rightside {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .omailapp-settings-wrap .calendar-rightside {
    width: 100%;
  }
}
.omail-mat-input .mat-form-field-flex {
  height: 40px;
}
.omail-mat-input .mat-form-field-infix {
  padding: 0px;
  line-height: 0;
}
.omail-mat-input .mat-form-field-outline {
  color: #5EC2FE;
  background: transparent;
  border-radius: 6px;
}
.omail-mat-input img {
  vertical-align: baseline;
}
.omail-mat-input .mat-form-field-suffix {
  top: -3px !important;
  right: -13px;
}
.omail-settinslistof-folders .notfolder-list {
  text-align: center;
  font-style: normal;
  font-weight: 400;
  font-size: var(--clamp14);
  color: #6D747A;
  border: 1px solid #E6E6E6;
  border-left: none;
  border-right: none;
  padding: 3px 0;
}
.omail-settinslistof-folders .notfolder-list p {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: 400;
  font-size: var(--clamp14);
  color: #6D747A;
}
.omail-settinslistof-folders li .settinslistof-folders-inner {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 24px;
}
.omail-settinslistof-folders li .settinslistof-folders-inner .folder-reset-block {
  padding: 16px 17px;
  width: 44%;
  background: #F0F9FF;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1440px) {
  .omail-settinslistof-folders li .settinslistof-folders-inner .folder-reset-block {
    width: 60%;
  }
}
@media screen and (max-width: 1280px) {
  .omail-settinslistof-folders li .settinslistof-folders-inner .folder-reset-block {
    width: 70%;
  }
}
@media screen and (max-width: 1024px) {
  .omail-settinslistof-folders li .settinslistof-folders-inner .folder-reset-block {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .omail-settinslistof-folders li .settinslistof-folders-inner .folder-reset-block {
    display: block;
    padding: 5px 17px 10px;
  }
}
@media screen and (max-width: 375px) {
  .omail-settinslistof-folders li .settinslistof-folders-inner .folder-reset-block {
    min-width: 100%;
    max-width: 100%;
    padding: 16px 10px;
  }
}
.omail-settinslistof-folders li .settinslistof-folders-inner .folder-reset-block .folder-name-text {
  font-weight: 400;
  font-size: 14px;
  color: #0A2477;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  min-width: 30%;
  max-width: 30%;
}
@media screen and (max-width: 1280px) {
  .omail-settinslistof-folders li .settinslistof-folders-inner .folder-reset-block .folder-name-text {
    max-width: 23%;
  }
}
@media screen and (max-width: 640px) {
  .omail-settinslistof-folders li .settinslistof-folders-inner .folder-reset-block .folder-name-text {
    max-width: 100%;
    margin-bottom: 3px;
  }
}
.omail-settinslistof-folders li .settinslistof-folders-inner .folder-reset-block .folder-btns {
  display: flex;
}
@media screen and (max-width: 476px) {
  .omail-settinslistof-folders li .settinslistof-folders-inner .folder-reset-block .folder-btns {
    display: block;
  }
}
.omail-settinslistof-folders li .settinslistof-folders-inner .folder-reset-block .folder-btns .omail-custom-btn {
  padding: 6px 24px;
  text-wrap: nowrap;
  max-width: 170px;
  min-width: 170px;
  text-align: center;
}
@media screen and (max-width: 476px) {
  .omail-settinslistof-folders li .settinslistof-folders-inner .folder-reset-block .folder-btns .omail-custom-btn {
    display: block;
    margin-bottom: 15px;
    padding: 6px 15px;
  }
}
.omail-settinslistof-folders li .settinslistof-folders-inner .folder-reset-block .folder-btns .omail-custom-btn-outline {
  padding: 5px 24px;
}
@media screen and (max-width: 640px) {
  .omail-settinslistof-folders li .settinslistof-folders-inner .folder-reset-block .folder-resetpasscode-input {
    float: left;
  }
}
@media screen and (max-width: 567px) {
  .omail-settinslistof-folders li .settinslistof-folders-inner .folder-reset-block .folder-resetpasscode-input {
    float: none;
    margin-bottom: 10px;
  }
}
.omail-settinslistof-folders li .settinslistof-folders-inner .folder-reset-block .folder-resetpasscode-input .form-control {
  border: 1px solid #006BCE;
  border-radius: 6px;
  max-width: 75px;
  min-width: 75px;
  min-height: 31px;
  line-height: 18px;
}
.omail-settinslistof-folders li .settinslistof-folders-inner .text-danger {
  font-size: 12px;
}
@media screen and (max-width: 567px) {
  .omail-settinslistof-folders li .settinslistof-folders-inner .text-danger {
    position: relative !important;
  }
}
/*  Analytics CSS Start */
.omail-user-analytics-block .omail-user-analytics-box {
  padding: 18px;
  margin: 0 0 20px;
  background: #FFFFFF;
  border: 1px solid #F3F2FF;
  border-radius: 8px;
}
.omail-user-analytics-block .omail-user-analytics-box h3, .omail-user-analytics-block .omail-user-analytics-box .h3 {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: #334272;
  margin: 0 0 20px;
}
.omail-user-analytics-block .omail-user-analytics-box ul {
  margin: 0 auto;
  display: grid;
  grid-gap: 1rem;
  gap: 1rem;
}
@media (min-width: 1441px) {
  .omail-user-analytics-block .omail-user-analytics-box ul {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (min-width: 1367px) and (max-width: 1440px) {
  .omail-user-analytics-block .omail-user-analytics-box ul {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 1280px) and (max-width: 1366px) {
  .omail-user-analytics-block .omail-user-analytics-box ul {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 1025px) and (max-width: 1289px) {
  .omail-user-analytics-block .omail-user-analytics-box ul {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .omail-user-analytics-block .omail-user-analytics-box ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 640px) and (max-width: 768px) {
  .omail-user-analytics-block .omail-user-analytics-box ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .omail-user-analytics-block .omail-user-analytics-box ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.omail-user-analytics-block .omail-user-analytics-box ul li {
  border-radius: 12px;
  margin: 0 0 20px;
  padding: 12px;
  display: flex;
  align-items: center;
  vertical-align: middle;
  flex-direction: column;
  word-break: break-word;
}
.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+1) {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #E6F7FF;
  border: 1px solid #D5F1FF;
}
.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+1) .list-icon {
  background: #79D1FB;
}
.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+2) {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #E6FFFB;
  border: 1px solid #C2FFF5;
}
.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+2) .list-icon {
  background: #37DFC5;
}
.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+3) {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #EFFFDE;
  border: 1px solid #E5F9CF;
}
.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+3) .list-icon {
  background: #97D77A;
}
.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+4) {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #FFF2E8;
  border: 1px solid #FFECDD;
}
.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+4) .list-icon {
  background: #FCAC6E;
}
.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+5) {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #FFF0F6;
  border: 1px solid #FFEAF2;
}
.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+5) .list-icon {
  background: #FF87B5;
}
.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+6) {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #F9F0FF;
  border: 1px solid #F7EAFF;
}
.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+6) .list-icon {
  background: #D68AF2;
}
.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+7) {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #FFF1F0;
  border: 1px solid #FFEBEA;
}
.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+7) .list-icon {
  background: #F4817B;
}
.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+8) {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #FEFAE4;
  border: 1px solid #FDF7D3;
}
.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+8) .list-icon {
  background: #EFD643;
}
.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+9) {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #F1F4FF;
  border: 1px solid #EBEFFF;
}
.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+9) .list-icon {
  background: #879BEE;
}
.omail-user-analytics-block .omail-user-analytics-box ul li .list-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #655ae6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.omail-user-analytics-block .omail-user-analytics-box ul li .list-icon img {
  filter: invert(0) sepia(0%) saturate(15%) hue-rotate(0deg) brightness(165%) contrast(100%);
}
.omail-user-analytics-block .omail-user-analytics-box ul li .list-icon .c_temail {
  filter: inherit;
}
.omail-user-analytics-block .omail-user-analytics-box ul li .list-cout {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  color: #0A2477;
  margin: 0 0 4px;
}
.omail-user-analytics-block .omail-user-analytics-box ul li .list-text {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  color: #4B576D;
  text-transform: capitalize;
  text-align: center;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.omail-user-analytics-block .omail-user-analytics-box.storage-box {
  border: none;
  padding: 0;
}
.omail-user-analytics-block .omail-user-analytics-box.storage-box ul {
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 1280px) {
  .omail-user-analytics-block .omail-user-analytics-box.storage-box ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 1024px) {
  .omail-user-analytics-block .omail-user-analytics-box.storage-box ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 480px) {
  .omail-user-analytics-block .omail-user-analytics-box.storage-box ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.omail-user-analytics-block .omail-user-analytics-box.storage-box ul .list-icon {
  margin-right: 24px;
  background-color: #576CC1;
}
@media screen and (max-width: 1366px) {
  .omail-user-analytics-block .omail-user-analytics-box.storage-box ul .list-icon {
    margin-right: 14px;
  }
}
.omail-user-analytics-block .omail-user-analytics-box.storage-box ul .list-icon img {
  filter: brightness(0) invert(1);
  width: 60%;
}
.omail-user-analytics-block .omail-user-analytics-box.storage-box ul .list-cout {
  margin-bottom: 0;
}
.omail-user-analytics-block .omail-user-analytics-box.storage-box ul li {
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 24px;
  display: block;
  background-color: #FAFDFF;
  border-color: #C1E0FF;
}
.omail-user-analytics-block .omail-user-analytics-box.storage-box .storage-usage {
  display: flex;
  align-items: center;
}
/*  Analytics CSS End */
.omail-storage-block .storage-title {
  font-style: normal;
  font-weight: 400;
  font-size: var(--clamp-14);
  color: #6D747A;
  margin-bottom: 24px;
}
.omail-storage-block .omail-storage-box {
  display: inline-flex;
  align-items: center;
  gap: 26px;
  background: #F0F9FF;
  border: 1px solid #C1E0FF;
  border-radius: 12px;
  padding: 29px 70px 29px 20px;
}
.omail-storage-block .omail-storage-box .storage-info .storage-cout {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  color: #003B93;
}
.omail-storage-block .omail-storage-box .storage-info .storage-text {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #30353D;
}
/*
  ***********************************
  * Omail App Settings-Module CSS End
  ***********************************
*/
/*
  ********************************
  * Omail App All Modal CSS Start
  ********************************
*/
/*/omail-one Modal Structure Start*/
.omail-modal-one .modal-content {
  border-radius: 8px;
  border: none;
}
.omail-modal-one .modal-content .modal-header {
  background: #DFF3FF;
  border-radius: 8px 8px 0px 0px;
  padding: 11px 16px;
}
.omail-modal-one .modal-content .modal-header h5, .omail-modal-one .modal-content .modal-header .h5 {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #30353D;
}
.omail-modal-one .modal-content .modal-header .btn-close {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(63, 89, 114, 0.2);
  line-height: 8px;
  padding: 0;
  margin: 0;
}
.omail-modal-one .modal-content .modal-header .btn-close img {
  transition: transform 0.7s ease-in-out;
}
.omail-modal-one .modal-content .modal-header .btn-close:hover {
  background-color: #E84C3D;
}
.omail-modal-one .modal-content .modal-header .btn-close:hover img {
  filter: invert(100%) sepia(75%) saturate(0%) hue-rotate(70deg) brightness(160%) contrast(101%);
  transform: rotate(90deg);
}
.omail-modal-one .modal-content .modal-body {
  background: #FFFFFF;
}
.omail-modal-one .modal-content .modal-body::-webkit-scrollbar {
  width: 4px !important;
}
@media screen and (max-width: 540px) {
  .omail-modal-one .modal-content .modal-body::-webkit-scrollbar {
    width: 2px !important;
  }
}
.omail-modal-one .modal-content .modal-body::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
.omail-modal-one .modal-content .modal-footer {
  border: none;
  gap: 24px;
}
/*/omail-one Modal Structure End*/
.omail-moreEventList-modal .omail-event-list {
  overflow-y: auto;
  min-height: 100px;
  max-height: 296px;
}
.omail-moreEventList-modal .omail-event-list::-webkit-scrollbar {
  width: 4px !important;
}
.omail-moreEventList-modal .omail-event-list::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
.omail-moreEventList-modal .omail-event-list .event-action-links span:after {
  display: none;
}
.omail-moreEventList-modal .omail-event-list li .event-info-block {
  padding: 4px;
  border-radius: 8px;
}
.omail-moreEventList-modal .omail-event-list li .event-info-block.newevent-status {
  background: #E8F6F0;
}
.omail-moreEventList-modal .omail-event-list li .event-info-block.cancelevent-status {
  background: #FDF3F3;
}
.omail-moreEventList-modal .omail-event-list li .event-info-block.saveevent-status {
  background: #E8F3FF;
}
@media screen and (max-width: 1024px) {
  .omail-moreEventList-modal .omail-event-list-one .viewevent-box .evnt-box .p-title {
    max-width: 200px;
    display: block;
  }
}
/*/Contacts Delete Modal  CSS Start*/
.omail-delete-contact-modal .modal-body p {
  font-style: normal;
  font-weight: 400;
  font-size: var(--clamp16);
  color: var(--text-color-2);
}
/*/Contacts Delete Modal  CSS End */
/*/Addres book Contacts Modal CSS Start*/
.omail-list-group-modal .modal-body {
  padding: 24px;
}
@media screen and (max-width: 360px) {
  .omail-list-group-modal .modal-body {
    padding: 12px;
  }
}
.omail-list-group-modal .modal-footer {
  padding: 24px;
}
.omail-list-group-modal .modal-footer .custom-btn-outline {
  cursor: pointer;
  margin-right: 24px;
}
.omail-list-group-modal .modal-footer .custom-btn {
  cursor: pointer;
}
.omail-list-group-modal .modal-footer .custom-btn:disabled {
  cursor: no-drop;
  opacity: 0.5;
}
.omail-list-group-modal .addressbook-table-fixed {
  overflow: auto;
  max-height: 350px;
  margin-top: 20px;
}
.omail-list-group-modal .addressbook-table-fixed::-webkit-scrollbar {
  width: 4px !important;
  height: 4px !important;
}
@media screen and (max-width: 540px) {
  .omail-list-group-modal .addressbook-table-fixed::-webkit-scrollbar {
    width: 2px !important;
    height: 2px !important;
  }
}
.omail-list-group-modal .addressbook-table-fixed::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
.omail-list-group-modal .addressbook-table-fixed thead th {
  position: sticky;
  top: -1px;
  background: #ffffff;
  border-radius: 4px;
  border-top: 1px solid #ECECEC;
  border-bottom: 1px solid #ECECEC;
}
.omail-list-group-modal .addressbook-table-fixed .addressbook-table {
  width: 100%;
  vertical-align: middle;
}
.omail-list-group-modal .addressbook-table-fixed .addressbook-table .result-empty-msg {
  text-align: center;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: var(--text-color-2);
}
.omail-list-group-modal .addressbook-table-fixed .addressbook-table .thead-color {
  background: var(--fill-color-3);
  border-radius: 4px;
}
.omail-list-group-modal .addressbook-table-fixed .addressbook-table .thead-color tr th {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #30353D;
  z-index: 1;
  height: 40px;
}
.omail-list-group-modal .addressbook-table-fixed .addressbook-table .thead-color tr td {
  border-bottom: 1px solid var(--border-color-3);
}
.omail-list-group-modal .addressbook-table-fixed .addressbook-table .user-name {
  display: flex;
  align-items: center;
  gap: 5px;
  font-style: normal;
  font-weight: 400;
  font-size: var(--clamp14);
  color: #464255;
}
.omail-list-group-modal .addressbook-table-fixed .addressbook-table .user-name img {
  width: 32px;
  height: 32px;
  border: 1px solid transparent;
  border-radius: 8px;
}
.omail-list-group-modal .addressbook-table-fixed .addressbook-table .user-email {
  font-style: normal;
  font-weight: 400;
  font-size: var(--clamp14);
  color: #464255;
}
.omail-list-group-modal .addressbook-table-fixed .addressbook-table .user-choose-cat-block {
  display: flex;
  align-items: center;
  gap: 20px;
}
.omail-list-group-modal .invaliedsearch-text {
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  color: #E84C3D;
}
.omail-list-group-modal .user-block {
  display: flex;
  align-items: center;
  gap: 10px;
}
.omail-list-group-modal .oesomailcustom-select {
  background: none;
  border-left: none;
  border-radius: 4px;
  background: url('adressbook-select.png') no-repeat 88% center;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #30353D;
  border: 1px solid #5EC2FE;
  text-transform: capitalize;
  -webkit-appearance: none;
          appearance: none;
  width: 100%;
  vertical-align: middle;
  padding: 5px 28px 5px 10px;
  display: inline-block;
}
.omail-list-group-modal .oesomailcustom-select option {
  text-transform: capitalize;
}
.omail-list-group-modal table {
  width: 100%;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #2A3F51;
}
.omail-list-group-modal table input[type=checkbox] {
  position: relative;
  cursor: pointer;
  width: 20px;
  height: 20px;
}
.omail-list-group-modal table input[type=checkbox]:before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  border: 1.5px solid #A3A3A3;
  border-radius: 3px;
}
.omail-list-group-modal table input[type=checkbox]:checked:before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  background: #006BCE;
  border: 1.5px solid #006BCE;
  border-radius: 4px;
}
.omail-list-group-modal table input[type=checkbox]:checked:after {
  content: "";
  display: block;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  position: absolute;
  top: 4px;
  left: 8px;
}
.omail-list-group-modal .usercheckmark-block {
  display: flex;
  align-items: center;
  gap: 4px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #2A3F51;
}
.omail-list-group-modal .contacts-limit-text {
  background: #FDF3F3;
  border: 1px solid #FFA6A6;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 4px 10px;
  gap: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #464255;
}
.omail-list-group-modal .contacts-limit-text i {
  color: #E84C3D;
}
.omail-list-group-modal .contact-search-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10%;
}
.omail-list-group-modal .contact-search-block .contacts-selected-text {
  text-align: right;
  width: 40%;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #0A2477;
}
.omail-list-group-modal .contact-search-block .oesobs-search {
  position: relative;
  width: 50%;
  border: 1px solid #DEDEDE;
  border-radius: 6px;
}
.omail-list-group-modal .contact-search-block .oesobs-search:hover {
  border-color: #A3A3A3;
}
.omail-list-group-modal .contact-search-block .oesobs-search .form-control {
  padding-left: 12px;
  padding-right: 0px;
  border: none;
}
.omail-list-group-modal .contact-search-block .oesobs-search .search-icon {
  background-color: transparent;
  cursor: pointer;
  border: none;
}
.omail-list-group-modal .contact-search-block .oesobs-search .close-icon {
  cursor: pointer;
  background-color: transparent;
  border: transparent;
  position: absolute;
  right: 3px;
  top: 5px;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .omail-list-group-modal .contact-search-block {
    display: block;
  }
  .omail-list-group-modal .contact-search-block .oesobs-search {
    width: 100%;
  }
  .omail-list-group-modal .contact-search-block .contacts-selected-text {
    width: 100%;
  }
}
@media screen and (max-width: 500px) {
  .omail-list-group-modal .contact-search-block {
    display: block;
  }
  .omail-list-group-modal .contact-search-block .oesobs-search {
    width: 100%;
  }
  .omail-list-group-modal .contact-search-block .contacts-selected-text {
    width: 100%;
  }
}
.omail-groups-addressbook-table .custom-select {
  border: 1px solid #006BCE !important;
  background-color: transparent !important;
}
/*/Addres book Contacts Modal CSS End*/
/* MoveToFolder Mails Modal Start*/
.omail-movetofolder-modal .selected-mail-list-block {
  padding: 0 15px;
}
.omail-movetofolder-modal .selected-mail-list-block h4, .omail-movetofolder-modal .selected-mail-list-block .h4 {
  font-style: normal;
  font-weight: normal;
  font-size: var(--clamp16);
  color: #1D284E;
  margin: 16px 0 0;
}
.omail-movetofolder-modal .selected-mail-list-block h4 span, .omail-movetofolder-modal .selected-mail-list-block .h4 span {
  font-weight: bold;
}
.omail-movetofolder-modal .modal-body {
  background-color: #F4F3FF;
}
.omail-movetofolder-modal .modal-body .omail-move-list {
  background-color: #fff;
  overflow: hidden;
  overflow-y: auto;
  min-height: 200px;
  max-height: 200px;
}
.omail-movetofolder-modal .modal-body .omail-move-list::-webkit-scrollbar {
  width: 4px !important;
}
.omail-movetofolder-modal .modal-body .omail-move-list::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
.omail-movetofolder-modal .modal-body .omail-move-list .omail-sub-sidebar .omail-sub-sidebar-layout ul {
  padding: 0;
  margin: 0;
}
.omail-movetofolder-modal .modal-body .omail-move-list .omail-sub-sidebar .omail-sub-sidebar-layout ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  cursor: pointer;
  background-color: #F0F9FF;
  border-radius: 4px;
  margin-bottom: 1px;
}
.omail-movetofolder-modal .modal-body .omail-move-list .omail-sub-sidebar .omail-sub-sidebar-layout ul li:last-child {
  border: none;
}
.omail-movetofolder-modal .modal-body .omail-move-list .omail-sub-sidebar .omail-sub-sidebar-layout ul li:hover {
  background: #DFF3FF;
}
.omail-movetofolder-modal .modal-body .omail-move-list .omail-sub-sidebar .omail-sub-sidebar-layout ul li:hover .mat-tooltip {
  display: none;
}
.omail-movetofolder-modal .modal-body .omail-move-list .omail-sub-sidebar .omail-sub-sidebar-layout ul li.activetab {
  background: #BFE7FE;
}
.omail-movetofolder-modal .modal-body .omail-move-list .omail-sub-sidebar .omail-sub-sidebar-layout ul li.activetab img {
  filter: invert(96%) sepia(100%) saturate(0%) hue-rotate(111deg) brightness(130%) contrast(104%);
}
.omail-movetofolder-modal .modal-body .omail-move-list .omail-sub-sidebar .omail-sub-sidebar-layout ul li .generate-folder {
  display: flex;
}
.omail-movetofolder-modal .modal-body .omail-move-list .omail-sub-sidebar .omail-sub-sidebar-layout ul li .generate-folder .ge-text {
  margin-left: 6px;
}
.omail-movetofolder-modal .modal-body .omail-move-create-folder {
  background-color: #fff;
  padding: 12px 10px;
  margin-bottom: 18px;
  cursor: pointer;
  border: 1px solid #9EDAFE;
  border-radius: 6px;
}
.omail-movetofolder-modal .modal-body .omail-move-create-folder h5, .omail-movetofolder-modal .modal-body .omail-move-create-folder .h5 {
  font-size: 14px;
  color: #0A2477;
  display: flex;
  align-items: center;
  font-weight: 400;
}
.omail-movetofolder-modal .modal-body .omail-move-create-folder img {
  margin-right: 7px;
}
.omail-movetofolder-modal .modal-body .omail-sub-folder-layout.active .activefolder-list {
  display: none !important;
}
/* MoveToFolder Mails Modal End*/
/* create-subfolder Modal Start*/
.omail-create-subfolder-modal .create-subfolder-form-block {
  padding: 0 15px;
}
.omail-create-subfolder-modal .form-group {
  position: relative;
}
.omail-create-subfolder-modal .form-group label {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  color: #0A2477;
  margin: 0 0 5px;
}
.omail-create-subfolder-modal .form-group .form-control {
  border: 1px solid #A7C0F5;
  border-radius: 4px;
  height: 42px;
  box-shadow: none;
  margin: 0 0 20px;
}
.omail-create-subfolder-modal .craete-sub-folder-btn {
  text-align: right;
  margin: 0 0 15px;
}
.omail-create-subfolder-modal .craete-sub-folder-btn button {
  align-items: center;
  gap: 10px;
}
.omail-create-subfolder-modal .craete-sub-folder-btn button:hover {
  text-decoration: none;
  opacity: 0.5;
}
.omail-create-subfolder-modal .invalid-feedback {
  position: absolute;
  bottom: -16px;
}
.omail-create-subfolder-modal .listof-folders {
  padding: 16px;
  border-radius: 8px;
  background-color: var(--modal-header-bgcolor);
  overflow: hidden;
  overflow-y: auto;
  min-height: 200px;
  max-height: 200px;
}
.omail-create-subfolder-modal .listof-folders::-webkit-scrollbar {
  width: 4px !important;
}
@media screen and (max-width: 540px) {
  .omail-create-subfolder-modal .listof-folders::-webkit-scrollbar {
    width: 2px !important;
  }
}
.omail-create-subfolder-modal .listof-folders::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
.omail-create-subfolder-modal .listof-folders .list-button {
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: normal;
  font-size: var(--clamp16);
  color: #0A2477;
  border: none;
  background: transparent;
  padding: 10px 20px;
  cursor: pointer;
}
.omail-create-subfolder-modal .listof-folders .list-button:hover {
  background: #E6F5FF;
  border-radius: 0 !important;
}
.omail-create-subfolder-modal .listof-folders .list-button.activeTab {
  background: #E6F5FF;
  border-radius: 0 !important;
}
.omail-create-subfolder-modal .listof-folders .list-button .icon-circle {
  width: 30px;
}
.omail-create-subfolder-modal .listof-folders .list-button:hover {
  text-decoration: none;
}
/* create-subfolder Modal End*/
/* Email-Rules Modal Start*/
.omail-email-rules-modal .modal-content .modal-header h5, .omail-email-rules-modal .modal-content .modal-header .h5 {
  font-weight: 400;
  font-size: var(--clamp14);
  color: #fff;
}
.omail-email-rules-modal .modal-content .modal-body {
  padding: 24px;
}
@media screen and (max-width: 375px) {
  .omail-email-rules-modal .modal-content .modal-body {
    padding: 12px;
  }
}
.omail-email-rules-modal .modal-content .modal-body .email-rule-form .rule-title-text {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  color: #0A2477;
  margin: 24px 0 8px;
}
.omail-email-rules-modal .modal-content .modal-body .email-rule-form .settngs-signature-block .rule-title-sub-text {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #464255;
  margin: 0 0 6px;
}
.omail-email-rules-modal .modal-content .modal-body .email-rule-form .form-group label {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #334554;
}
.omail-email-rules-modal .modal-content .modal-body .email-rule-form .form-group .form-control {
  background-color: #F8F8FF;
  border-radius: 4px;
  border: none;
  padding: 10px 12px;
  font-size: var(--clamp14);
  color: #0A2477;
}
.omail-email-rules-modal .modal-content .modal-body .email-rule-form .form-group .form-control::placeholder {
  color: #0A2477;
}
.omail-email-rules-modal .modal-content .modal-body .email-rule-form .omail-custom-select {
  background: url('new-down-arrow.svg') no-repeat 98% center;
  background-color: #F8F8FF;
}
@media screen and (max-width: 767px) {
  .omail-email-rules-modal .modal-content .modal-body .email-rule-form .omail-custom-select {
    margin-bottom: 10px;
  }
}
.omail-email-rules-modal .modal-content .modal-body .listof-contacts {
  margin: 10px 0 0;
  overflow-y: auto;
  max-height: 110px;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  padding: 4px;
}
.omail-email-rules-modal .modal-content .modal-body .listof-contacts .total-list {
  resize: none;
  min-height: 70px;
  max-height: 70px;
}
.omail-email-rules-modal .modal-content .modal-body .custom-select {
  background-color: #F8F8FF;
  border: none;
  border-radius: 4px;
  background: url('adressbook-select.png') no-repeat 96% center;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: var(--text-color-2);
  border: 1px solid #E6E3FE;
  text-transform: capitalize;
  -webkit-appearance: none;
          appearance: none;
  width: 100%;
  vertical-align: middle;
  padding: 10px 15px;
  display: inline-block;
}
.omail-email-rules-modal .modal-content .modal-body .custom-select::placeholder {
  color: #A3A3A3;
}
.omail-email-rules-modal .modal-content .modal-footer .custom-btn-outline {
  margin-right: 24px;
}
/*  Email-Rules Modal End*/
/* Create Group Modal for compose mail Start */
@media screen and (max-width: 991px) {
  .omail-compose-group-modal {
    max-width: 90%;
    margin: auto;
  }
}
.omail-compose-group-modal .modal-body .create-group-form {
  height: inherit;
  overflow: hidden;
  padding: 0;
}
.omail-compose-group-modal .modal-body .add-book-btn-block {
  margin: 24px 0 25px;
  display: flex;
  align-items: center;
  gap: 24px;
}
@media screen and (max-width: 510px) {
  .omail-compose-group-modal .modal-body .add-book-btn-block {
    display: block;
  }
  .omail-compose-group-modal .modal-body .add-book-btn-block .group-rule-info-text {
    margin-top: 24px;
  }
}
.omail-compose-group-modal .modal-body .add-book-btn-block .group-rule-info-text {
  background: #FFFBF8;
  border: 1px solid #FFB97E;
  border-radius: 6px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #464255;
  padding: 5px 8px;
}
.omail-compose-group-modal .modal-body .add-book-btn-block .group-rule-info-text .star-icon {
  color: #E84C3D;
}
/* Create Group Modal for compose mail End */
/* omailsettings-password Modal for Start */
.omailsettings-password-block .modal-content .modal-header h5 .reg-info img, .omailsettings-password-block .modal-content .modal-header .h5 .reg-info img {
  filter: invert(100%) sepia(75%) saturate(0%) hue-rotate(70deg) brightness(105%) contrast(101%);
}
.omailsettings-password-block .modal-content .modal-body {
  padding: 24px;
}
.omailsettings-password-block .modal-content .modal-body .form-group {
  margin-bottom: 24px;
}
.omailsettings-password-block .modal-content .modal-body .form-group label {
  color: #A3A3A3;
  font-size: var(--clamp-14);
  font-weight: 400;
  margin-bottom: 2px;
}
.omailsettings-password-block .modal-content .modal-body .form-group .input-group {
  background: #F8F8FF;
  border-radius: 4px;
}
.omailsettings-password-block .modal-content .modal-body .form-group .input-group .form-control {
  padding: 10px 12px;
  border: none;
}
.omailsettings-password-block .modal-content .modal-body .form-group .input-group .input-group-text {
  background: transparent;
  border-radius: 0px;
  border: none;
  padding: 12px;
}
.omailsettings-password-block .modal-content .modal-footer .custom-btn-outline {
  margin-right: 24px;
}
.omailsettings-password-block .modal-content .modal-footer .custom-btn {
  cursor: pointer;
}
/* omailsettings-password Modal for End */
/* Omail-Confirm  Modal Start */
.omail-confirm-modal .modal-content .modal-body {
  padding: 24px;
}
.omail-confirm-modal .modal-content .modal-footer {
  padding: 24px;
}
.omail-confirm-modal .modal-content .modal-footer .custom-btn-outline {
  margin-right: 10px;
  font-size: var(--clamp14);
}
.omail-confirm-modal .modal-content .modal-footer .custom-btn {
  font-size: var(--clamp14);
}
/* Omail-Confirm  Modal End */
/* omail-sendwithoutfields-modal Start*/
.omail-sendwithoutfields-modal .modal-content .modal-body {
  padding: 24px;
}
.omail-sendwithoutfields-modal .modal-content .modal-footer {
  padding: 24px;
}
/* omail-sendwithoutfields-modal End*/
/* omail-compAddGroup-modal Start*/
.omail-addgroupincomp-Modal .modal-content {
  overflow: hidden;
  overflow-y: auto;
}
.omail-addgroupincomp-Modal .create-group-form .form-group {
  margin-bottom: 1rem;
}
.omail-addgroupincomp-Modal .create-group-form .form-group .form-control {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #0A2477;
  border: 1px solid #F8F8FF;
  height: 44px;
  background-color: #F8F8FF;
}
.omail-addgroupincomp-Modal .create-group-form::-webkit-scrollbar {
  width: 4px !important;
}
@media screen and (max-width: 540px) {
  .omail-addgroupincomp-Modal .create-group-form::-webkit-scrollbar {
    width: 2px !important;
  }
}
.omail-addgroupincomp-Modal .create-group-form::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
@media screen and (max-width: 768px) {
  .omail-addgroupincomp-Modal .create-group-form {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .omail-addgroupincomp-Modal .create-group-form {
    padding: 0;
  }
}
.omail-addgroupincomp-Modal .create-group-form label {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: var(--text-color-2);
}
.omail-addgroupincomp-Modal .create-group-form .form-control {
  border: 1px solid var(--border-color-2);
  border-radius: 4px;
  background: var(--input-bg-color-1);
}
.omail-addgroupincomp-Modal .create-group-form .add-book-btn-block {
  margin: 5px 0 25px;
  display: flex;
  align-items: center;
  gap: 24px;
}
@media screen and (max-width: 510px) {
  .omail-addgroupincomp-Modal .create-group-form .add-book-btn-block {
    display: block;
  }
  .omail-addgroupincomp-Modal .create-group-form .add-book-btn-block .group-rule-info-text {
    margin-top: 24px;
  }
}
.omail-addgroupincomp-Modal .create-group-form .add-book-btn-block .group-rule-info-text {
  background: #FFFBF8;
  border: 1px solid #FFB97E;
  border-radius: 6px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #464255;
  padding: 5px 8px;
}
.omail-addgroupincomp-Modal .create-group-form .add-book-btn-block .group-rule-info-text .star-icon {
  color: #E84C3D;
}
.omail-addgroupincomp-Modal .create-group-form .invalid-feedback {
  position: absolute;
  position: inherit;
  bottom: 0;
}
.omail-addgroupincomp-Modal .create-group-form .create-group-form-actions .action-links {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 20px;
}
.omail-addgroupincomp-Modal .create-group-form .group-error-text {
  position: inherit;
}
.omail-addgroupincomp-Modal .email-catagory-block {
  margin: 20px 0 0;
}
@media screen and (max-width: 991px) {
  .omail-addgroupincomp-Modal .email-catagory-block {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .omail-addgroupincomp-Modal .email-catagory-block {
    display: block;
  }
}
.omail-addgroupincomp-Modal .email-catagory-block .email-catagory-inner {
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 12px;
  margin: 0 0 20px;
}
@media screen and (max-width: 767px) {
  .omail-addgroupincomp-Modal .email-catagory-block .email-catagory-inner {
    width: 100%;
  }
}
.omail-addgroupincomp-Modal .email-catagory-block .email-catagory-inner .sub-heading {
  background: #F0F9FF;
  border-radius: 12px 12px 0px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
}
.omail-addgroupincomp-Modal .email-catagory-block .email-catagory-inner .sub-heading h6, .omail-addgroupincomp-Modal .email-catagory-block .email-catagory-inner .sub-heading .h6 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #0A2477;
}
.omail-addgroupincomp-Modal .email-catagory-block .email-catagory-inner .sub-heading span {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #706D7A;
}
.omail-addgroupincomp-Modal .email-catagory-block .email-catagory-inner .omail-email-catagory-types {
  min-height: 295px;
  max-height: 295px;
  overflow-x: auto;
  overflow-y: auto;
  padding: 12px;
}
.omail-addgroupincomp-Modal .email-catagory-block .email-catagory-inner .omail-email-catagory-types::-webkit-scrollbar {
  width: 4px !important;
}
.omail-addgroupincomp-Modal .email-catagory-block .email-catagory-inner .omail-email-catagory-types::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
.omail-addgroupincomp-Modal .email-catagory-block .email-catagory-inner .omail-email-catagory-types mat-chip-list .mat-chip-list-wrapper {
  display: block;
}
.omail-addgroupincomp-Modal .contact-group-user-pic-block {
  margin: 0 0 20px;
  text-align: center;
  background-color: #F8F8F8;
  padding: 24px 0 10px;
}
.omail-addgroupincomp-Modal .contact-group-user-pic-block .form-group {
  margin-bottom: 1rem;
}
.omail-addgroupincomp-Modal .contact-group-user-pic-block .contact-pic-text-block .edit-block {
  position: absolute;
  top: 15px;
  right: 0;
  background: #F3F2FF;
  overflow: hidden;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
  border: none;
}
.omail-addgroupincomp-Modal .contact-group-user-pic-block .contact-pic-text-block {
  position: relative;
  text-align: center;
  display: inline-block;
  margin: 0 0 20px;
}
.omail-addgroupincomp-Modal .contact-group-user-pic-block .contact-pic-text-block .edit-block {
  position: absolute;
  top: 15px;
  right: 0;
  background: #F3F2FF;
  overflow: hidden;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
  border: none;
}
.omail-addgroupincomp-Modal .contact-group-user-pic-block .contact-pic-text-block .edit-block::after {
  border: transparent;
}
.omail-addgroupincomp-Modal .contact-group-user-pic-block .contact-pic-text-block .edit-block img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  object-fit: none;
}
.omail-addgroupincomp-Modal .contact-group-user-pic-block .contact-pic-text-block .delete-block {
  width: 36px;
  height: 36px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  right: -14px;
  z-index: 145;
  cursor: pointer;
}
.omail-addgroupincomp-Modal .contact-group-user-pic-block .contact-pic-text-block .delete-block button {
  border: none;
  background: none;
}
.omail-addgroupincomp-Modal .contact-group-user-pic-block .contact-pic-text {
  width: 94px;
  height: 94px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 auto;
  background: url('Lightmode_del-empty-contacts.svg') no-repeat center center;
}
.omail-addgroupincomp-Modal .contact-group-user-pic-block .contact-pic-text img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.omail-addgroupincomp-Modal .contact-group-user-pic-block .contact-pic-text span {
  font-size: var(--clamp18);
  font-weight: 600;
  color: var(--white-color);
}
@media screen and (max-width: 1440px) {
  .omail-addgroupincomp-Modal form {
    max-height: 500px;
    overflow-y: auto;
  }
}
/* omail-compAddGroup-modal End*/
/* omail Signature-modal End*/
.omail-mydialog-signature {
  width: 70%;
  min-width: 70%;
  margin: 0 auto;
}
.omailsignature-modal .modal-content .modal-body {
  min-height: 50vh;
  overflow: auto;
  max-height: 50vh;
}
.omailsignature-modal .modal-content .modal-body::-webkit-scrollbar {
  width: 4px !important;
}
.omailsignature-modal .modal-content .modal-body::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
@media screen and (max-width: 1700px) {
  .omailsignature-modal .modal-content .modal-body {
    max-height: 500px;
    overflow-y: auto;
  }
}
@media screen and (max-width: 767px) {
  .omailsignature-modal .modal-content .modal-body {
    padding: 12px;
  }
}
.omailsignature-modal .modal-content .modal-body .signature-info {
  margin-bottom: 24px;
}
@media screen and (max-width: 375px) {
  .omailsignature-modal .modal-content .modal-body .signature-info {
    margin-bottom: 0px;
  }
}
.omailsignature-modal .modal-content .modal-body .signature-info .form-group {
  margin-bottom: 1rem;
}
.omailsignature-modal .modal-content .modal-body .signature-info .form-group label {
  font-weight: 400;
  font-size: var(--clamp14);
  color: #A3A3A3;
  margin-bottom: 2px;
}
.omailsignature-modal .modal-content .modal-body .signature-info .form-group input {
  font-size: var(--clamp14);
  background: #F8F8FF;
  border-radius: 0;
  max-height: 40px;
  min-height: 40px;
  border: none;
  color: #0A2477;
}
.omailsignature-modal .modal-content .modal-body .signature-info .form-group input:focus {
  box-shadow: none;
}
.omailsignature-modal .modal-content .modal-body .signature-info .custom-select {
  font-size: var(--clamp14);
  background: url('adressbook-select.png') no-repeat 94% center;
  border-radius: 0;
  max-height: 40px;
  min-height: 40px;
  border: none;
  color: #0A2477;
  background-color: #F8F8FF;
  -webkit-appearance: none;
          appearance: none;
  padding: 10px 12px;
}
.omailsignature-modal .modal-content .modal-body .signature-info .custom-select:focus {
  box-shadow: none;
  border: none;
  outline: 0;
}
.omailsignature-modal .modal-content .modal-body .signature-info-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
@media screen and (max-width: 480px) {
  .omailsignature-modal .modal-content .modal-body .signature-info-status {
    display: block;
  }
}
@media screen and (max-width: 375px) {
  .omailsignature-modal .modal-content .modal-body .signature-info-status {
    flex-direction: column;
  }
}
.omailsignature-modal .modal-content .modal-body .signature-info-status label {
  font-size: var(--clamp14);
  color: var(--text-color1);
  margin: 0 10px 0 0;
}
.omailsignature-modal .modal-content .modal-body .signature-info-status label input {
  margin: 0 6px 0 0;
  vertical-align: middle;
}
@media screen and (max-width: 480px) {
  .omailsignature-modal .modal-content .modal-body .signature-info-status label {
    margin-bottom: 10px;
    display: block;
  }
}
.omailsignature-modal .modal-content .modal-body .signature-info-status .delete {
  background-color: #006BCE;
  border-radius: 50px;
  color: #fff;
  font-size: 14px;
}
.omailsignature-modal .modal-content .modal-body .signature-info-status .omail-auto-switch {
  font-size: var(--clamp14);
  display: flex;
  align-items: center;
}
@media screen and (max-width: 480px) {
  .omailsignature-modal .modal-content .modal-body .signature-info-status .omail-auto-switch label {
    display: flex;
  }
}
.omailsignature-modal .modal-content .modal-body .radio-inline,
.omailsignature-modal .modal-content .modal-body .signature_txt {
  font-family: var(--font-family) !important;
  font-style: normal;
  font-weight: normal;
  font-size: var(--clamp16);
  color: var(--main-color) !important;
  margin-left: 5px;
}
.omailsignature-modal .modal-content .modal-body .signature_name_input::placeholder {
  color: var(--main-color) !important;
}
.omailsignature-modal .modal-content .modal-footer {
  padding: 24px;
}
@media screen and (max-width: 375px) {
  .omailsignature-modal .modal-content .modal-footer {
    padding: 24px 16px;
  }
}
@media screen and (max-width: 320px) {
  .omailsignature-modal .modal-content .modal-footer {
    padding: 24px 8px;
  }
}
.omailsignature-modal .modal-content .modal-footer .custom-btn-outline {
  font-size: var(--clamp14);
  margin-right: 24px;
}
@media screen and (max-width: 320px) {
  .omailsignature-modal .modal-content .modal-footer .custom-btn-outline {
    margin-right: 4px;
  }
}
.omailsignature-modal .modal-content .modal-footer .custom-btn {
  font-size: var(--clamp14);
}
@media screen and (max-width: 500px) {
  .omailsignature-modal .modal-content .modal-footer {
    padding: 12px;
  }
  .omailsignature-modal .modal-content .modal-footer .custom-btn-outline {
    margin-right: 10px;
    min-width: auto;
  }
  .omailsignature-modal .modal-content .modal-footer .custom-btn {
    min-width: auto;
  }
}
/* omail Signature-modal-modal End*/
/* omail-passCodeModal-modal-modal Start*/
.omail-passCodeModal-modal .modal-content .modal-body .create-folder-modal .omail-folder-form {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.omail-passCodeModal-modal .modal-content .modal-body .create-folder-modal .omail-folder-form .folder-text {
  margin-right: 5px;
}
.omail-passCodeModal-modal .modal-content .modal-body .create-folder-modal .omail-folder-form .folder-input {
  position: relative;
}
.omail-passCodeModal-modal .modal-content .modal-body .create-folder-modal .omail-folder-form .folder-input input {
  max-width: 100px;
  min-width: 100px;
}
.omail-passCodeModal-modal .modal-content .modal-body .create-folder-modal .omail-folder-form .folder-input input.is-invalid {
  background-image: none;
}
.omail-passCodeModal-modal .modal-content .modal-body .create-folder-modal .omail-folder-form .folder-input .foldericon {
  position: absolute;
  top: 11px;
  left: 69px;
}
.omail-passCodeModal-modal .modal-content .modal-body .create-folder-modal .omail-folder-form .invalid-feedback {
  position: fixed;
  font-size: 10px;
}
/* omail-passCodeModal-modal-modal End*/
/* Create Folder-modal Start*/
.omail-create-folder-modal .modal-content .modal-body {
  overflow-y: hidden;
  position: inherit;
}
.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .form-group label {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #6D747A;
  margin: 0 0 2px;
}
.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .form-group .form-control {
  border-color: #5EC2FE;
  border-radius: 4px;
  height: 40px;
  box-shadow: none;
  color: #0A2477;
  font-size: 14px;
  background-color: transparent;
}
.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .create-folder-btn {
  background: #E9F0FF;
  text-align: center;
  padding: 10px;
  display: flex;
  justify-content: center;
}
.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .create-folder-btn button {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  color: #0A2477;
  display: flex;
  align-items: center;
  gap: 10px;
}
.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .create-folder-btn button:hover {
  text-decoration: none;
  opacity: 0.5;
}
.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .omail-folder-form {
  display: flex;
  gap: 11px;
  margin-top: 65px;
}
.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .omail-folder-form .folder-input {
  position: relative;
}
.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .omail-folder-form .folder-input input {
  max-width: 100px;
  min-width: 100px;
  background: none;
  border: 1px solid #ccc;
}
.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .omail-folder-form .folder-input input.is-invalid {
  background-image: none;
}
.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .omail-folder-form .folder-input .foldericon {
  position: absolute;
  top: 11px;
  left: 69px;
}
.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .omail-folder-form .folder-text .passcode-checkbox {
  margin-top: 10px;
}
.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .omail-folder-form .folder-text .passcode-checkbox .passcode-text {
  margin-left: 4px;
  font-size: 14px;
  color: #334554;
}
.omail-create-folder-modal .modal-content .modal-body .create-folder-modal select {
  font-size: 14px;
  color: #0A2477;
  height: 40px;
  background-color: #F8F8FF;
  border: none;
}
.omail-create-folder-modal .modal-content .modal-body .create-folder-modal select .select-option {
  width: 20px;
  height: 20px;
  background-color: red;
  display: block;
  border-radius: 50%;
}
.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .folder-color {
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-right: 10px;
  border-radius: 50%;
}
.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .ng-select-container {
  background-color: transparent;
  border-color: #5EC2FE;
  height: 40px;
  background: none;
  border-radius: 4px;
}
.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .ng-dropdown-panel.ng-select-bottom {
  border: 1px solid #5EC2FE;
}
.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background-color: #F0F9FF;
  color: #30353D;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
}
.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  color: #30353D;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  border-bottom: 1px solid #5EC2FE;
}
.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:last-child {
  border-bottom: none;
}
.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .ng-dropdown-panel .scroll-host {
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  display: block;
  max-height: 120px;
}
.omail-create-folder-modal .modal-content .modal-body .create-folder-modal ng-select {
  position: absolute;
  left: 15px;
  right: 15px;
}
.omail-create-folder-modal .modal-content .modal-body .create-folder-modal ng-select .ng-arrow-wrapper .ng-arrow {
  background: url('adressbook-select.png') no-repeat 97% center;
  width: 12px;
  height: 12px;
  border: none;
  opacity: 0.6;
}
.omail-create-folder-modal .modal-content .modal-body .create-folder-modal ng-select.ng-select-opened > .ng-select-container .ng-arrow {
  transform: rotate(180deg);
  top: 0;
}
.omail-create-folder-modal .modal-content .modal-body .folder-colorpicker {
  position: relative;
}
.omail-create-folder-modal .modal-content .modal-body .folder-colorpicker input[type=text] {
  float: left;
  padding-left: 45px;
}
.omail-create-folder-modal .modal-content .modal-body .folder-colorpicker button {
  float: left;
  padding: 11px 0 0 10px;
  color: white;
  border: none;
  border-left: none;
  cursor: pointer;
  position: absolute;
  left: 0;
  background: transparent;
}
.omail-create-folder-modal .modal-content .modal-body .folder-colorpicker button span {
  width: 14px;
  height: 14px;
  padding: 10px;
  float: left;
}
.omail-color-picker-main {
  max-width: 90px;
  float: left;
}
.omail-color-picker-main div {
  float: left;
}
.omail-color-picker-main div span {
  width: 14px;
  height: 14px;
  padding: 10px;
  float: left;
  margin: 0 5px 10px;
  cursor: pointer;
}
.omail-folder-edit-modal .modal-footer {
  padding-top: 68px;
}
/* Create Folder-modal  End*/
/* User Detais and send mail Modal Start */
.omail-userdetails-modal .modal-body p {
  padding: 0;
  margin: 0;
}
/* User Detais and send mail Modal End */
/* Import Contacts  Modal  Start*/
.omail-contactimports-modal .modal-body .omail-import-contacts-block .omail-import-contacts-text {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #464255;
}
.omail-contactimports-modal .modal-body .omail-import-contacts-block .omail-import-contacts-text span a {
  color: #4136F1;
  text-decoration: underline;
}
.omail-contactimports-modal .modal-body .omail-import-contacts-block .omail-import-contacts-file {
  margin: 0 0 9px;
  position: relative;
}
.omail-contactimports-modal .modal-body .omail-import-contacts-block .omail-import-contacts-file label {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #A3A3A3;
}
.omail-contactimports-modal .modal-body .omail-import-contacts-block .omail-import-contacts-file .input-group .input-group-text {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  cursor: pointer;
}
.omail-contactimports-modal .modal-body .omail-import-contacts-block .omail-import-contacts-file .file-error-text {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #E84C3D;
}
.omail-contactimports-modal .modal-body .omail-import-contacts-block .omail-import-contacts-file input[type=file]::-webkit-file-upload-button {
  width: 0;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  border: none;
  border: 0px;
}
.omail-contactimports-modal .modal-body .omail-import-contacts-block .omail-import-contacts-file input {
  line-height: 32px;
  border-radius: 4px !important;
  background: #F8F8FF;
  border: none;
}
.omail-contactimports-modal .modal-body .omail-import-contacts-block .omail-import-contacts-file .input-group label {
  margin-left: 10px !important;
  border-radius: 6px !important;
}
.omail-contactimports-modal .modal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.omail-contactimports-modal .modal-footer button {
  cursor: pointer;
}
.omail-contactimports-modal .modal-footer button img {
  margin-right: 5px;
}
/* Import Contacts  Modal  End*/
/* Video mail css starts here */
.omail-videomail-modal .modal-content .modal-header {
  background: transparent;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.omail-videomail-modal .modal-content .modal-header .btn-close {
  width: 24px;
  height: 24px;
  background-color: #8C82FF;
  border-radius: 50%;
  padding: 0;
  position: relative;
  top: 5px;
  transition: transform 0.7s ease-in-out;
}
.omail-videomail-modal .modal-content .modal-header .btn-close:hover {
  background-color: #E84C3D;
  transform: rotate(90deg);
}
.omail-videomail-modal .modal-content .modal-header .btn-close i {
  color: var(--white-color);
}
.omail-videomail-modal .modal-content .modal-body {
  min-height: 360px;
  padding: 0;
  width: 100%;
}
@media screen and (max-width: 1440px) {
  .omail-videomail-modal .modal-content .modal-body {
    max-height: 560px;
    overflow-y: hidden;
  }
}
.omail-videomail-modal .modal-content .modal-body video {
  width: 100%;
  display: block;
  margin-top: -3px;
}
.omail-videomail-modal .modal-content .modal-footer {
  background-color: rgba(255, 255, 255, 0.6);
  position: absolute;
  bottom: 0;
  width: 100%;
  justify-content: flex-start;
  padding-top: 6px;
  padding-bottom: 6px;
}
@media screen and (max-width: 640px) {
  .omail-videomail-modal .modal-content .modal-footer {
    font-size: 12px;
  }
}
@media screen and (max-width: 400px) {
  .omail-videomail-modal .modal-content .modal-footer {
    gap: 10px;
    padding: 4px;
  }
}
.omail-videomail-modal .modal-content .modal-footer .start-record {
  background: #00A542;
  font-weight: 400;
}
@media screen and (max-width: 640px) {
  .omail-videomail-modal .modal-content .modal-footer .start-record {
    font-size: 12px;
    min-width: 94px;
    padding: 0px 2px;
    min-height: 32px;
  }
}
.omail-videomail-modal .modal-content .modal-footer .end-record {
  background: #E84C3D;
  font-weight: 400;
}
@media screen and (max-width: 640px) {
  .omail-videomail-modal .modal-content .modal-footer .end-record {
    font-size: 12px;
    min-width: 94px;
    padding: 0px 2px;
    min-height: 32px;
  }
}
.omail-videomail-modal .modal-content .modal-footer .video-pause-icon,
.omail-videomail-modal .modal-content .modal-footer .video-play-icon {
  border: none;
  background-color: transparent;
  margin-left: 15px;
}
@media screen and (max-width: 320px) {
  .omail-videomail-modal .modal-content .modal-footer .video-pause-icon,
.omail-videomail-modal .modal-content .modal-footer .video-play-icon {
    margin-left: 0;
  }
}
.omail-videomail-modal .modal-content .modal-footer .center {
  margin: 0;
}
@media screen and (max-width: 320px) {
  .omail-videomail-modal .modal-content .modal-footer div {
    margin: 0;
  }
}
.omail-videomailone-modal .modal-content .modal-body {
  position: relative;
  padding: 0;
}
.omail-videomailone-modal .modal-content .modal-body .bg-img {
  width: 100%;
  height: 100%;
  z-index: 999;
}
.omail-videomailone-modal .modal-content .modal-body .bg-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  text-align: center;
}
.omail-videomailone-modal .modal-content .modal-body .video-block {
  position: absolute;
  top: 48%;
  left: 50%;
  width: 81%;
  z-index: 1000;
  transform: translate(-50%, -50%);
}
.omail-videomailone-modal .modal-content .changebg-icon {
  position: absolute;
  right: 16px;
  bottom: 16px;
}
@media screen and (max-width: 480px) {
  .omail-videomailone-modal .modal-content .changebg-icon {
    right: 6px;
    bottom: 3px;
  }
}
.omail-videomailone-modal .modal-content .changebg-icon span {
  cursor: pointer;
}
.omail-videomailone-modal .modal-content .changebg-icon .close-btn {
  width: 24px;
  height: 24px;
  background-color: #8C82FF;
  border-radius: 50%;
  padding: 0 6px;
  position: relative;
  top: 0;
  transition: transform 0.7s ease-in-out;
  cursor: pointer;
}
.omail-videomailone-modal .modal-content .changebg-icon .close-btn:hover {
  background-color: #E84C3D;
  transform: rotate(90deg);
}
.omail-videomailone-modal .modal-content .changebg-icon .close-btn i {
  color: #fff;
}
.omail-videomailone-modal .modal-content .omail-videomail-modal .modal-content .modal-body {
  min-height: auto;
  max-height: 520px;
  overflow-y: hidden;
}
@media screen and (max-width: 1024px) {
  .omail-videomailone-modal .modal-content .omail-videomail-modal .modal-content .modal-body {
    max-height: 360px;
  }
}
@media screen and (max-width: 991px) {
  .omail-videomailone-modal .modal-content .omail-videomail-modal .modal-content .modal-body {
    max-height: 226px;
  }
}
@media screen and (max-width: 480px) {
  .omail-videomailone-modal .modal-content .omail-videomail-modal .modal-content .modal-body {
    max-height: 210px;
  }
}
@media screen and (max-width: 414px) {
  .omail-videomailone-modal .modal-content .omail-videomail-modal .modal-content .modal-body {
    max-height: 180px;
  }
}
@media screen and (max-width: 360px) {
  .omail-videomailone-modal .modal-content .omail-videomail-modal .modal-content .modal-body {
    max-height: 156px;
  }
}
@media screen and (max-width: 320px) {
  .omail-videomailone-modal .modal-content .omail-videomail-modal .modal-content .modal-body {
    max-height: 138px;
  }
}
.omail-withoutbg-content .no-bg img {
  display: none;
}
.omail-withoutbg-content .changebg-icon {
  position: absolute;
  bottom: 14px;
  right: 14px;
}
.omail-withoutbg-content .omail-videomail-modal .modal-content .modal-body {
  overflow-y: auto !important;
}
@media screen and (max-width: 1440px) {
  .omail-withoutbg-content .omail-videomail-modal .modal-content .modal-body {
    max-height: 650px !important;
    overflow-y: hidden !important;
  }
}
/* Video mail css ends here */
/* Alert Modal CSS Start */
.omail-mydialog-allowed-files .omailalert-modal .modal-content .modal-body {
  padding: 20px;
}
@media screen and (max-width: 640px) {
  .omail-mydialog-allowed-files .omailalert-modal .modal-content .modal-body p {
    word-break: break-word;
  }
}
.omail-mydialog-allowed-files .omailalert-modal .modal-content .modal-footer {
  padding: 20px;
}
/* Alert Modal CSS End */
.omail-save-to-drafts-modal .modal-content .modal-body {
  text-align: center;
}
.omail-save-to-drafts-modal .modal-content .modal-body p {
  margin: 0;
}
.omail-viewcontactpic-modal .modal-content .modal-body {
  padding: 0;
}
.omail-viewcontactpic-modal .modal-content .modal-body p img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.omail-viewgrouppic-modal .modal-content .modal-body {
  padding: 0;
}
.omail-viewgrouppic-modal .modal-content .modal-body p img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*
  ********************************
  * Omail App All Modal CSS  End
  ********************************
*/
/*-----O-MailFroala CSS Start -----*/
.omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar {
  border: 1px solid rgba(140, 130, 255, 0.2);
  background: #F0F9FF;
  border-radius: 10px 10px 0 0;
}
.omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar .fr-command.fr-btn {
  background: #BFE7FE;
  border-radius: 6px;
}
.omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar .fr-command.fr-btn svg path {
  fill: #003B93;
}
.omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar .fr-command.fr-active {
  background: #2c97d4;
}
.omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar .fr-command[id*=videoMail] {
  background: #37AC00;
  fill: #ffffff;
}
.omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar .fr-command[id*=videoMail].fr-btn {
  border-radius: 50%;
}
.omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar .fr-command[id*=videoMail] svg path {
  fill: #ffffff;
}
.omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar .fr-command[id*=speechToText] {
  background: #37AC00;
  border-radius: 4px;
  padding: 0 11px;
}
.omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar .fr-command[id*=speechToText] img {
  margin: 0;
  width: auto;
  filter: brightness(0) invert(1);
}
.omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar .fr-btn-grp {
  margin: 0 4px;
}
.omail-customtheam-froala-block .fr-box.fr-basic .fr-wrapper {
  border: 1px solid rgba(140, 130, 255, 0.2);
  border-top: 1px solid transparent;
  overflow-x: hidden !important;
  padding-bottom: 40px;
}
.omail-customtheam-froala-block .fr-box.fr-basic .fr-wrapper::-webkit-scrollbar {
  width: 4px !important;
}
.omail-customtheam-froala-block .fr-box.fr-basic .fr-wrapper::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
@media screen and (max-width: 1024px) {
  .omail-customtheam-froala-block .fr-box.fr-basic .fr-wrapper {
    margin-bottom: 0px;
  }
}
.omail-customtheam-froala-block .fr-box.fr-basic .fr-wrapper p {
  margin-bottom: 0;
}
.omail-customtheam-froala-block .fr-box.fr-basic .fr-wrapper .fr-element {
  min-height: 400px;
  margin-bottom: 40px;
}
.omail-customtheam-froala-block .fr-box.fr-basic .fr-wrapper .fr-element a {
  color: #0a58ca;
}
.omail-customtheam-froala-block .fr-box .fr-second-toolbar {
  border: 1px solid rgba(140, 130, 255, 0.2);
  border-top: 0;
}
.omail-customtheam-froala-block .fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
  background: #aea9eb;
}
.omail-customtheam-froala-block .fr-desktop .fr-command.fr-selected:not(.fr-table-cell),
.omail-customtheam-froala-block .omail-customtheam-froala-block .fr-desktop .fr-command:active {
  background: #f00 !important;
}
.omail-customtheam-froala-block .fr-desktop .fr-command.fr-selected:not(.fr-table-cell) svg path,
.omail-customtheam-froala-block .omail-customtheam-froala-block .fr-desktop .fr-command:active svg path {
  fill: #fff !important;
}
.omail-customtheam-froala-block .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options,
.omail-customtheam-froala-block .fr-popup .fr-command.fr-btn.fr-dropdown.fr-options,
.omail-customtheam-froala-block .fr-modal .fr-command.fr-btn.fr-dropdown.fr-options {
  background: transparent;
}
.omail-customtheam-froala-block.fr-fullscreen-wrapper .fr-box.fr-basic .fr-toolbar {
  top: 1px !important;
}
.omail-customtheam-froala-block.fr-fullscreen-wrapper .fr-wrapper {
  max-height: inherit !important;
}
.omail-customtheam-froala-block.omail-composemail-froala, .omail-customtheam-froala-block.omail-replymail-froala {
  margin-bottom: 60px;
}
.omail-customtheam-froala-block.omail-composemail-froala .fr-box.fr-basic .fr-toolbar, .omail-customtheam-froala-block.omail-replymail-froala .fr-box.fr-basic .fr-toolbar {
  border: none;
  border-radius: 0;
  padding: 0 7px;
}
.omail-customtheam-froala-block.omail-composemail-froala .fr-wrapper, .omail-customtheam-froala-block.omail-replymail-froala .fr-wrapper {
  border: none;
}
.omail-customtheam-froala-block.omail-composemail-froala .fr-second-toolbar, .omail-customtheam-froala-block.omail-replymail-froala .fr-second-toolbar {
  border: none;
  border-radius: 0;
  background: transparent;
}
.omail-read-mail-body .fr-fic.fr-dib {
  margin: 5px auto;
  display: list-item;
  float: none;
  vertical-align: top;
}
.omail-read-mail-body .fr-fic.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
.omail-read-mail-body .fr-fic.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
.omail-read-mail-body img.fr-fic.fr-rounded {
  border-radius: 10px;
}
.omail-read-mail-body img.fr-fic.fr-bordered {
  border: solid 5px #CCC;
}
.omail-read-mail-body img.fr-fic.fr-shadow {
  box-shadow: 10px 10px 5px 0px #cccccc;
}
/*-----//O-MailFroala CSS End -----*/
@keyframes bounceListen {
  0% {
    text-shadow: 0 5px 0 #ccc, 0 2px 3px rgba(0, 0, 0, 0.3);
  }
  100% {
    transform: translateY(-5px);
  }
}
.omail-welcontact-pic-text {
  width: 32px;
  height: 32px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  background-color: #E6E6E6;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.omail-froalabg-block {
  position: relative;
  padding: 0;
}
.omail-froalabg-block .bg-img {
  width: 100%;
  height: 100%;
  z-index: 999;
}
.omail-froalabg-block .bg-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  text-align: center;
}
.omail-froalabg-block .video-block {
  position: absolute;
  top: 49%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 81%;
}
@media screen and (max-width: 991px) {
  .omail-froalabg-block .video-block {
    width: 79%;
  }
}
.omail-froalabg-block .video-block.no-bg-video-block {
  position: inherit;
  transform: none;
  width: 100%;
  left: 0;
  top: 0;
}
.omail-guide-block button {
  background: transparent;
  border: 1px solid #4136F1;
  background-color: #4136F1;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  border-radius: 8px;
  padding: 2px 10px;
  margin-right: 18px;
}
.omail-guide-block button:hover {
  opacity: 0.5;
}
.omail-guide-block button i {
  font-size: 10px;
  margin-left: 4px;
}
@media screen and (max-width: 780px) {
  .omail-guide-block {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .omail-guide-block {
    display: none;
  }
}
.introjs-tooltip.omail-tour-guide {
  background-color: transparent;
  box-shadow: none;
}
.introjs-tooltip.omail-tour-guide .introjs-tooltiptext {
  color: #fff;
  font-size: var(--clamp16);
  text-shadow: 2px 2px 6px #000;
  font-family: cursive;
  padding: 15px 0px;
  line-height: 28px;
}
.introjs-tooltip.omail-tour-guide .introjs-tooltipbuttons {
  border-top: none;
  padding: 0 0 10px;
}
.introjs-tooltip.omail-tour-guide .introjs-tooltipbuttons .introjs-button {
  background: var(--primary-btn-bg);
  border-radius: var(--border-radius2);
  color: var(--white-color);
  font-size: var(--clamp14);
  font-weight: 500;
  text-align: center;
}
.introjs-tooltip.omail-tour-guide .introjs-tooltipbuttons .introjs-prevbutton {
  margin-right: 5px;
}
.introjs-tooltip.omail-tour-guide .introjs-skipbutton i {
  font-family: "Font Awesome 5 Pro" !important;
  color: #f00;
  background-color: var(--white-color);
  width: 25px;
  height: 25px;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--clamp16);
}
.introjs-tooltip.omail-tour-guide .introjs-arrow {
  display: none !important;
}
.omail-mobile-logo {
  display: none;
}
@media screen and (max-width: 580px) {
  .omail-mobile-logo {
    display: none;
  }
}
.omail-pre-loader-pleasewait {
  flex-direction: column;
  top: 76px;
  left: 76px;
  z-index: 5;
  background-color: white;
}
@media screen and (max-width: 1024px) {
  .omail-pre-loader-pleasewait {
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .omail-pre-loader-pleasewait {
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  .omail-pre-loader-pleasewait {
    left: 0;
  }
}
@media screen and (max-width: 500px) {
  .omail-pre-loader-pleasewait {
    left: 0;
  }
}
.omail-pre-loader-pleasewait .pre-loader-box {
  flex-direction: column;
  width: 170px;
  height: 124px;
}
@media screen and (max-width: 1024px) {
  .omail-pre-loader-pleasewait .pre-loader-box {
    left: auto;
    top: auto;
  }
}
.omail-pre-loader-pleasewait .pre-loader-box .spinner-border {
  margin-bottom: 4px;
}
.omail-pre-loader-pleasewait .pre-loader-box h5, .omail-pre-loader-pleasewait .pre-loader-box .h5 {
  font-size: 16px;
}
/* -- omail-mat-autocomplete CSS Start -- */
.omail-mat-autocomplete {
  max-height: 336px !important;
  border: 1px solid #006BCE !important;
  border-radius: 6px !important;
  padding: 16px !important;
}
.omail-mat-autocomplete.mat-autocomplete-panel.mat-autocomplete-visible {
  display: block;
}
.omail-mat-autocomplete:not([class*=mat-elevation-z]) {
  box-shadow: 0px 4px 8px rgba(68, 100, 157, 0.25) !important;
  display: none;
}
.omail-mat-autocomplete::-webkit-scrollbar {
  width: 4px !important;
}
.omail-mat-autocomplete::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
.omail-mat-autocomplete .mat-option {
  padding: 7px 13px;
  height: 36px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #0A2477;
  background: #F1FAFF;
  border-radius: 4px;
  margin-bottom: 4px;
}
.omail-mat-autocomplete .mat-option:hover {
  background: #DFF3FF;
}
.omail-mat-autocomplete .mat-option.mat-active {
  background: rgba(0, 0, 0, 0.04);
}
/*-- //omail-mat-autocomplete CSS End -- */
/* -----Contact and Group pic dropdown CSS Start------*/
.cg-pic-dw-block {
  border: 1px solid transparent;
  padding: 0;
  min-width: 140px;
  border-radius: 0;
  filter: drop-shadow(0px 4px 4px rgba(63, 89, 114, 0.2));
}
.cg-pic-dw-block .dropdown-item {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #0A2477;
  cursor: pointer;
  border-bottom: 1px solid transparent;
}
.cg-pic-dw-block .dropdown-item:last-child {
  border-bottom: none;
}
.cg-pic-dw-block .dropdown-item:hover {
  background: #F0F9FF;
}
/*--------//Contact and Group pic dropdown CSS Start-------*/
/*
  ********************************
  ********************************
  * Omail App Mailbox,Calendar,
  * Contacts and Settings  End
  ********************************
  ********************************
*/
.omail-darktheam-block {
  position: absolute;
  right: 0;
  height: calc(100vh - 76px);
  top: 0;
  background-color: #ECECEC;
  padding: 14px 4px 0 4px;
}
.omail-darktheam-block img {
  cursor: pointer;
}
.omail-darktheam-block .light-icon {
  opacity: 0.5;
}
.omail-darktheam-block .light-icon:hover {
  opacity: 1;
}
.omail-contacts-main-block .omail-v-tabs {
  display: flex;
}
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav {
  width: 240px;
  background-color: #fff;
  height: calc(100vh - 76px);
  border-right: 1px solid #DEDEDE;
  padding: 12px;
  /* Deleted contact and group starts here */
  /* Deleted contact and group ends here */
}
@media screen and (max-width: 1024px) {
  .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav {
    position: absolute;
    background: #fff;
    z-index: 2;
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.3);
  }
}
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block {
  margin-top: 111px;
}
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .omail-btn-group {
  border-top: 1px solid #DEDEDE;
  margin-bottom: 18px;
}
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .omail-btn-group span {
  margin-left: 10px;
}
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .omail-btn-group .create-contact-btn,
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .omail-btn-group .create-group-btn {
  padding-left: 3px;
  padding-right: 3px;
  text-align: center;
}
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .dropdown-menu {
  transform: translate(-175px, 43px) !important;
}
@media screen and (max-width: 413px) {
  .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .dropdown-menu {
    transform: translate(0px, 43px) !important;
  }
}
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .dropdown-menu .omail-custom-btn span {
  margin-left: 5px;
}
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .dropdown-menu .create-contact-btn,
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .dropdown-menu .create-group-btn {
  text-align: left;
  padding: 9px 18px !important;
}
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .dropdown-menu .create-contact-btn span,
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .dropdown-menu .create-contact-btn img,
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .dropdown-menu .create-group-btn span,
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .dropdown-menu .create-group-btn img {
  margin-left: 5px;
}
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-list-block {
  padding-top: 18px;
  border-top: 1px solid #DEDEDE;
}
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-list-block li {
  background: #fff;
  border-radius: 6px;
  padding: 10px 12px;
  color: #30353D;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-bottom: 2px;
}
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-list-block li:hover {
  background: #DFF3FF;
}
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-list-block li.active {
  background: #000;
}
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-list-block li.activetab {
  background-color: #BFE7FE;
}
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-list-block li.activetab span {
  color: #006BCE;
  font-weight: 500;
}
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-list-block li.activetab img {
  filter: invert(25%) sepia(34%) saturate(6744%) hue-rotate(196deg) brightness(93%) contrast(100%);
}
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .delete-content {
  display: flex;
  width: 100%;
  padding: 10px 12px;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .delete-content.delete-active {
  background-color: #BFE7FE;
  border-radius: 6px;
}
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .delete-content.delete-active .delete-txt {
  font-weight: 500;
  color: #006BCE;
}
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .delete-content.delete-active .create-delete-icon img {
  filter: invert(25%) sepia(34%) saturate(6744%) hue-rotate(196deg) brightness(93%) contrast(100%);
}
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .omail-delete-list-one:hover {
  background-color: #DFF3FF;
  border-radius: 6px;
}
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .omail-delete-list-one .delete-txt {
  color: #30353D;
  font-weight: 400;
  font-size: 14px;
  margin-left: 5px;
}
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .omail-sub-delete-layout li {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 10px 10px 10px 42px;
  cursor: pointer;
  background-color: #F1FAFF;
  margin-bottom: 1px;
  border-radius: 6px;
  font-size: 14px;
}
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .omail-sub-delete-layout li:hover {
  background-color: #DFF3FF;
}
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .omail-sub-delete-layout li.activetab {
  background-color: #DFF3FF;
  font-weight: 400;
}
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .omail-sub-delete-layout.active li {
  display: none;
}
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-view {
  background-color: #fff;
  width: calc(100% - 240px);
  height: calc(100vh - 76px);
}
@media screen and (max-width: 1024px) {
  .omail-contacts-main-block .omail-v-tabs .omail-vtabs-view {
    width: 100%;
  }
}
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-view .omail-vtabs-view-block {
  display: flex;
}
@media screen and (max-width: 1024px) {
  .omail-contacts-main-block .omail-v-tabs .omail-vtabs-view .omail-vtabs-view-block {
    padding-left: 68px;
  }
}
@media screen and (max-width: 767px) {
  .omail-contacts-main-block .omail-v-tabs .omail-vtabs-view .omail-vtabs-view-block {
    text-align: center;
    margin-top: 9px;
  }
}
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-view .omail-vtabs-view-block .omail-vtabs-view-left {
  width: 30%;
  height: calc(100vh - 76px);
  border-right: 1px solid #DEDEDE;
}
@media screen and (max-width: 767px) {
  .omail-contacts-main-block .omail-v-tabs .omail-vtabs-view .omail-vtabs-view-block .omail-vtabs-view-left {
    width: 60px;
  }
}
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-view .omail-vtabs-view-block .omail-vtabs-view-right {
  width: 70%;
  height: calc(100vh - 76px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .omail-contacts-main-block .omail-v-tabs .omail-vtabs-view .omail-vtabs-view-block .omail-vtabs-view-right {
    width: 90%;
  }
}
.omail-contacts-main-block .omail-contacts-v-tabs {
  color: #000;
}
.omail-contacts-main-block .omail-contacts-v-tabs .mat-tab-labels {
  display: none;
}
.omail-sigsettings-block .signature-info label {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #30353D;
  margin-bottom: 2px;
}
.omail-sigsettings-block .signature-info .signature_name_input {
  background: #FFFFFF;
  border: 1px solid #DEDEDE;
  box-shadow: 0px 1px 2px rgba(77, 64, 85, 0.1);
  border-radius: 4px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #A3A3A3;
  height: 40px;
}
.omail-sigsettings-block .omail-customtheam-froala-block {
  margin: 26px 0 24px;
}
.omail-sigsettings-block .sig-action-links {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 24px;
}
.omail-sigsettings-block .sig-checkbox-block {
  display: flex;
  align-items: center;
  gap: 24px;
}
.omail-sigsettings-block .sig-checkbox-block label {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #30353D;
}
.omail-sigsettings-block .sig-checkbox-block label input {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  border: 1.5px solid #A3A3A3;
}
.omail-sigsettings-block .omail-customtheam-froala-block .fr-box.fr-basic {
  box-shadow: 0px 3px 4px rgba(63, 89, 100, 0.2);
}
.omail-mn-block {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.omail-mn-block .omail-mn-1 {
  width: 80px;
}
.omail-mn-block .omail-mn-1 input {
  text-align: center;
}
.omail-mn-block .omail-mn-2 {
  width: 100%;
}
.omail-more-lineksmail + * .cdk-overlay-pane .mat-menu-panel {
  min-height: auto !important;
  border-radius: 0 !important;
  min-width: 95px;
  max-width: 95px;
  padding: 8px;
  border-radius: 4px !important;
  box-shadow: 0px 4px 4px 0px rgba(63, 89, 114, 0.2);
}
.omail-more-lineksmail + * .cdk-overlay-pane .mat-menu-panel .mat-menu-content:not(:empty) {
  padding: 0;
}
.omail-more-lineksmail + * .cdk-overlay-pane .mat-menu-panel .mat-menu-content:not(:empty) button.mat-menu-item {
  color: #0A2477;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  height: 36px;
  line-height: 36px;
}
.omail-more-lineksmail + * .cdk-overlay-pane .mat-menu-panel .mat-menu-content:not(:empty) button.mat-menu-item:hover {
  background: #F0F9FF;
}
.omail-more-lineksmail + * .cdk-overlay-pane hr {
  margin: 0;
}
.omail-pre-loader-mail-list {
  top: 0;
  left: 0;
  background-color: white;
  width: 100%;
  z-index: 5;
  height: calc(100vh - 77px);
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  .omail-pre-loader-mail-list {
    align-items: center;
  }
}
.omail-pre-loader-mail-list .omail-pre-loader-box {
  width: 170px;
  height: 124px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #006BCE;
}
@media screen and (max-width: 1024px) {
  .omail-pre-loader-mail-list .omail-pre-loader-box {
    left: auto;
    top: auto;
  }
}
.omail-pre-loader-mail-list .omail-pre-loader-box .spinner-border {
  margin-bottom: 4px;
}
.omail-pre-loader-mail-list .omail-pre-loader-box h5, .omail-pre-loader-mail-list .omail-pre-loader-box .h5 {
  font-size: 16px;
}
.omail-contacts-loader {
  background: rgba(63, 89, 100, 0.2);
}
.omail-contactsgroup-sendmail-loader {
  background-color: #ffffff;
}
.omail-rfrall-remail-loader {
  top: 0;
  left: 15%;
  width: 100%;
  z-index: 998;
  z-index: 1;
  height: calc(100vh - 77px);
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  .omail-rfrall-remail-loader {
    align-items: center;
  }
}
.omail-rfrall-remail-loader .omail-pre-loader-box {
  width: 170px;
  height: 124px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #006BCE;
  gap: 10px;
}
@media screen and (max-width: 1024px) {
  .omail-rfrall-remail-loader .omail-pre-loader-box {
    left: auto;
    top: auto;
  }
}
.omail-rfrall-remail-loader .omail-pre-loader-box .spinner-border {
  margin-bottom: 4px;
}
.omail-rfrall-remail-loader .omail-pre-loader-box h5, .omail-rfrall-remail-loader .omail-pre-loader-box .h5 {
  font-size: 16px;
}
.omail-readmailchain-block {
  border-left: 2px solid #7ECEFE;
  background-color: #F0F9FF;
  padding: 6px;
}
.omail-readmailchain-block ul li {
  margin-left: 25px;
}
.omail-folder-error {
  font-size: 10px;
}
.omail-timer-field-block {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 22px;
}
@media screen and (max-width: 450px) {
  .omail-timer-field-block {
    overflow: hidden;
    overflow-x: auto;
    width: 96%;
  }
  .omail-timer-field-block::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important;
  }
}
@media screen and (max-width: 450px) and (max-width: 540px) {
  .omail-timer-field-block::-webkit-scrollbar {
    width: 2px !important;
  }
}
@media screen and (max-width: 450px) {
  .omail-timer-field-block::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
    border-radius: 7px;
  }
}
.omail-timer-field-block .mat-form-field-wrapper {
  padding-bottom: 0;
}
.omail-timer-field-block .mat-form-field-appearance-outline .mat-form-field-wrapper {
  margin: 0;
}
.omail-timer-field-block .mat-form-field {
  display: inline-flex;
}
.omail-timer-field {
  padding: 0 0 0 12px;
  position: relative;
}
@media screen and (max-width: 480px) {
  .omail-timer-field {
    padding-left: 0;
    display: inline-block;
  }
}
.omail-timer-field .timecustom-select {
  width: 122px;
  height: 34px !important;
  border: 1px solid #DEDEDE !important;
  border: 1px solid #5EC2FE !important;
  padding: 0 27px 0 10px !important;
  color: #30353D !important;
  cursor: pointer;
}
.omail-timer-field .time-icon {
  position: absolute;
  left: 103px;
  top: 4px;
}
.omail-setting-form .timelabel-text {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #A3A3A3;
  width: 50px;
  display: inline-block;
}
.omail-autoreply-froala-block {
  margin-top: 20px;
}
.omail-select-contact-errortext {
  font-size: 0.875em;
  color: #dc3545;
}
.omail-autotimer-field {
  position: relative;
}
.omail-autotimer-field .form-control {
  height: 36px !important;
  padding: 6.5px 12px !important;
}
.omail-autotimer-field .cal-time-icon {
  position: absolute;
  right: 6px;
  top: 5px;
}
.omail-calendar .calendar-right .day-view-block .cal-day-view .cal-week-view .cal-current-time-marker {
  background-color: #0175BA;
}
.omail-event-calendar .week-view-block .cal-week-view .cal-current-time-marker {
  background-color: #0175BA;
}
.omail-calendar .calendar-left-side .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: #DFF3FF !important;
  border-color: #9EDAFE;
}
.omail-calendar .calendar-left-side .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: #DFF3FF;
  border-radius: 4px;
}
.omail-calendar .calendar-left-side .mat-calendar-body-selected {
  background-color: #9EDAFE;
  border-radius: 4px;
}
.omail-c-trash {
  height: 94px;
  width: 94px;
  background: url('Lightmode_del-empty-contacts.svg') no-repeat center center;
}
.omail-c-gtrash {
  height: 94px;
  width: 94px;
  background: url('Lightmode_del-empty-group.svg') no-repeat center center;
}
.omail-c-fav {
  height: 94px;
  width: 94px;
  background: url('Lightmode-empty-favorites.svg') no-repeat center center;
}
.omail-drag-selected-mails {
  background-color: #F8F8F8;
  border: 1px solid #A3A3A3;
  border-radius: 4px;
  padding: 4px 6px 4px 17px;
  font-size: 12px;
  color: #30353D;
  font-weight: 400;
}
.omail-autoreplay-date {
  width: 155px;
}
.omail-autoreplay-date .mat-form-field-appearance-outline .mat-form-field-flex {
  width: 155px;
}
.omail-date-autofup {
  border-bottom: 1px solid #E6E6E6;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 0;
}
@media screen and (max-width: 1024px) {
  .omail-date-autofup {
    overflow: hidden;
    overflow-x: auto;
    width: 96%;
  }
  .omail-date-autofup::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important;
  }
}
@media screen and (max-width: 1024px) and (max-width: 540px) {
  .omail-date-autofup::-webkit-scrollbar {
    width: 2px !important;
  }
}
@media screen and (max-width: 1024px) {
  .omail-date-autofup::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
    border-radius: 7px;
  }
}
.omail-date-autofup .mat-form-field-wrapper {
  padding: 0;
}
.omail-date-autofup .timeselect-autore {
  border: 1px solid #DEDEDE !important;
  width: 114px;
}
.omail-date-autofup .mat-form-field-flex {
  width: 155px;
}
.omail-date-autofup .date-lable {
  color: #A3A3A3;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
/* Mail dragging css starts here */
.omail-leftside-scrollsec.cdk-drop-list-dragging .omail-drag-active:hover:after {
  content: "";
  background: url('drag-cross.svg') no-repeat;
  position: absolute;
  width: 20px;
  height: 20px;
}
.omail-leftside-scrollsec.cdk-drop-list-dragging .omail-sub-folder-layout .omail-drag-active:hover:after {
  left: 8px !important;
}
/* Mail dragging css ends here */
/* Tab Blinking starts here */
.omail-blink-btn {
  animation: pulse 400ms infinite alternate;
}
@keyframes pulse {
  0% {
    background-color: #559ecb;
  }
  100% {
    background-color: #9EDAFE;
  }
}
/* Tab Blinking ends here */
/*
	* 300+ count Mail list  CSS Start
 */
.omail-listofmailids-count {
  border-radius: 28px;
  background: #006BCE;
  padding: 1px 5px;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  color: #fff;
  margin-left: 3px;
  cursor: pointer;
}
.omail-listofmailids-count::after {
  display: none;
}
.omail-listofmailids-count-block {
  position: sticky;
  left: 0;
  top: -6px;
  background-color: #fff;
  z-index: 1;
}
.omail-listofmailids-count-block .omail-listofmailids-count-inner {
  border-radius: 4px;
  padding: 3px 10px;
  border: 1px solid #F87405;
  background: #FFF2E8;
  color: #30353D;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  text-align: left;
  display: inline;
}
.omail-listofmailids-count-list {
  margin-top: 7px;
}
/*
	* 300+ count Mail list  CSS End
 */
/*
	* Manuval input time  CSS Start
*/
.omail-inputtimer-field {
  position: relative;
}
.omail-inputtimer-field .omail-input-time {
  font-weight: 400;
  font-size: 14px;
  border-radius: 4px;
  height: 32px;
  width: 118px;
  color: #30353D;
  border: 1px solid #E6E3FE;
  z-index: 1;
  position: relative;
  background: none;
  padding-right: 27px;
  padding-left: 11px;
}
.omail-inputtimer-field .omail-input-time-icon {
  position: absolute;
  right: 5px;
  top: 3px;
  cursor: pointer;
  z-index: 4;
}
.omail-inputtimer-field .omail-input-time-icon button {
  border: none;
  background: transparent;
  cursor: pointer;
}
.omail-inputtimer-field .omail-input-time-icon button::after {
  display: none;
}
.omail-inputtimer-field .omail-input-time-icon:hover {
  filter: invert(40%) sepia(52%) saturate(5057%) hue-rotate(182deg) brightness(96%) contrast(98%);
}
.omail-light-mode .omail-timeicon-list {
  position: relative !important;
  left: -81px;
  border: 1px solid #ccc;
  background: #ffffff;
  padding: 8px;
  max-height: 289px;
  min-height: 40px;
  overflow-y: auto;
  min-width: 99px;
  box-shadow: 0px 0px 0px 0px rgba(27, 63, 80, 0.2), 0px 1px 3px 0px rgba(27, 63, 80, 0.2), 0px 6px 6px 0px rgba(27, 63, 80, 0.17), 0px 12px 7px 0px rgba(27, 63, 80, 0.1), 0px 22px 9px 0px rgba(27, 63, 80, 0.03), 0px 35px 10px 0px rgba(27, 63, 80, 0);
}
.omail-light-mode .omail-timeicon-list::-webkit-scrollbar {
  width: 4px !important;
}
.omail-light-mode .omail-timeicon-list::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
.omail-light-mode .omail-timeicon-list .dropdown-item {
  cursor: pointer;
}
.omail-light-mode .omail-timeicon-list .dropdown-item:hover {
  background-color: #DFF3FF;
}
.omail-light-mode .omail-timeicon-list .dropdown-item span {
  color: #003B93;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
/*
	* Manuval input time  CSS End
*/
.omail-reschedule-btn {
  color: #006BCE;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  display: flex;
  align-items: center;
  border-radius: 6px;
  padding: 4px 10px 5px;
}
.omail-reschedule-btn:hover {
  background-color: #F0F9FF !important;
  filter: none !important;
}
.omail-reschedule-btn img {
  margin-right: 6px;
}
.omail-appointment .event-duration-fields .event-icon:hover img {
  filter: invert(52%) sepia(53%) saturate(7282%) hue-rotate(181deg) brightness(94%) contrast(98%);
  opacity: 1 !important;
}
.omail-date-autofup mat-icon:hover img {
  filter: invert(52%) sepia(53%) saturate(7282%) hue-rotate(181deg) brightness(94%) contrast(98%);
}
.omail-future-date {
  font-size: 11px;
  position: absolute;
}
/*
	* Main Layout adding inactive class start
 */
@media screen and (max-width: 767px) {
  .omailapp-mainwrap.active {
    margin: auto;
  }
  .omailapp-mainwrap.active .omail-mailbox-module .omail-mailbox-split-block {
    width: 97%;
  }
}
@media screen and (max-width: 767px) {
  .omailapp-mainwrap.inactive {
    margin: auto;
  }
  .omailapp-mainwrap.inactive .omail-mailbox-module .omail-mailbox-split-block {
    width: 97%;
  }
}
/*
	* Main Layout adding inactive class End
 */
/* Please Don't write the styles Below 
   Please Don't write the styles Below 
   Please Don't write the styles Below 
*/
/*
	* Mobile features Hide CSS Start
 */
@media screen and (max-width: 767px) {
  .omail-mobilehide-features {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .omailapp-settings-wrap .omail-side-settings ul.sidenav-box li.omail-mobilehide-features4 {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .omailapp-settings-wrap .omail-side-settings ul.sidenav-box li.omail-mobilehide-features6 {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .omailapp-settings-wrap .omail-side-settings ul.sidenav-box li.omail-mobilehide-features8 {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .omailapp-settings-wrap .omail-side-settings ul.sidenav-box li.omail-mobilehide-features9 {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-list-block li.omail-mobilehide-features {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .omail-contacts-main-block .contacts-right-block .contacts-view-header .user-view-actions button.omail-mobilehide-features {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .omail-darktheam-block .light-icon {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .omail-darktheam-block .dark-icon {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block .text-to-speech-block {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar .fr-command[id*=speechToText] {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar .fr-command[id*=videoMail] {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .omail-mobilehide-features-btn .omail-custom-btn {
    border-radius: 6px;
  }
}
@media screen and (max-width: 767px) {
  .omail-mobilehide-features-btn .omail-mobilehide-features-btn-group {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .omail-mobilehide-features-sendbtn {
    margin: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .omail-mobilehide-features-sendbtn .msend-btn {
    width: 100% !important;
  }
}
/*
	* Mobile features Hide CSS End
 */
/* Flatpickr-Calendar CSS START */
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.omail-light-mode .flatpickr-calendar,
.omail-dark-mode .flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  box-sizing: border-box;
  touch-action: manipulation;
  background: #fff;
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}
.omail-light-mode .flatpickr-calendar .hasWeeks .dayContainer,
.omail-dark-mode .flatpickr-calendar .hasWeeks .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
}
.omail-light-mode .flatpickr-calendar .hasTime .dayContainer,
.omail-dark-mode .flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.omail-light-mode .flatpickr-calendar:before,
.omail-dark-mode .flatpickr-calendar:before {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
  border-width: 5px;
  margin: 0 -5px;
}
.omail-light-mode .flatpickr-calendar:after,
.omail-dark-mode .flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
  border-width: 4px;
  margin: 0 -4px;
}
.omail-light-mode .flatpickr-calendar:focus,
.omail-dark-mode .flatpickr-calendar:focus {
  outline: 0;
}
.omail-light-mode .flatpickr-calendar.open,
.omail-dark-mode .flatpickr-calendar.open {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
  display: inline-block;
  z-index: 99999;
}
.omail-light-mode .flatpickr-calendar.inline,
.omail-dark-mode .flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
  display: block;
  position: relative;
  top: 2px;
}
.omail-light-mode .flatpickr-calendar.animate.open,
.omail-dark-mode .flatpickr-calendar.animate.open {
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.omail-light-mode .flatpickr-calendar.static,
.omail-dark-mode .flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.omail-light-mode .flatpickr-calendar.static.open,
.omail-dark-mode .flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.omail-light-mode .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7),
.omail-dark-mode .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  box-shadow: none !important;
}
.omail-light-mode .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1),
.omail-dark-mode .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.omail-light-mode .flatpickr-calendar.hasTime .flatpickr-time,
.omail-dark-mode .flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}
.omail-light-mode .flatpickr-calendar.noCalendar.hasTime .flatpickr-time,
.omail-dark-mode .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.omail-light-mode .flatpickr-calendar.rightMost:before,
.omail-dark-mode .flatpickr-calendar.rightMost:before {
  left: auto;
  right: 22px;
}
.omail-light-mode .flatpickr-calendar.rightMost:after,
.omail-dark-mode .flatpickr-calendar.rightMost:after {
  left: auto;
  right: 22px;
}
.omail-light-mode .flatpickr-calendar.arrowRight:before,
.omail-dark-mode .flatpickr-calendar.arrowRight:before {
  left: auto;
  right: 22px;
}
.omail-light-mode .flatpickr-calendar.arrowRight:after,
.omail-dark-mode .flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}
.omail-light-mode .flatpickr-calendar.arrowCenter:before,
.omail-dark-mode .flatpickr-calendar.arrowCenter:before {
  left: 50%;
  right: 50%;
}
.omail-light-mode .flatpickr-calendar.arrowCenter:after,
.omail-dark-mode .flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
.omail-light-mode .flatpickr-calendar.arrowTop:before,
.omail-dark-mode .flatpickr-calendar.arrowTop:before {
  bottom: 100%;
  border-bottom-color: #e6e6e6;
}
.omail-light-mode .flatpickr-calendar.arrowTop:after,
.omail-dark-mode .flatpickr-calendar.arrowTop:after {
  bottom: 100%;
  border-bottom-color: #fff;
}
.omail-light-mode .flatpickr-calendar.arrowBottom:before,
.omail-dark-mode .flatpickr-calendar.arrowBottom:before {
  top: 100%;
  border-top-color: #e6e6e6;
}
.omail-light-mode .flatpickr-calendar.arrowBottom:after,
.omail-dark-mode .flatpickr-calendar.arrowBottom:after {
  top: 100%;
  border-top-color: #fff;
}
.omail-light-mode .flatpickr-wrapper,
.omail-dark-mode .flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.omail-light-mode .flatpickr-months,
.omail-dark-mode .flatpickr-months {
  display: flex;
}
.omail-light-mode .flatpickr-months .flatpickr-month,
.omail-dark-mode .flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
  flex: 1;
}
.omail-light-mode .flatpickr-months .flatpickr-prev-month,
.omail-dark-mode .flatpickr-months .flatpickr-prev-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}
.omail-light-mode .flatpickr-months .flatpickr-prev-month i,
.omail-dark-mode .flatpickr-months .flatpickr-prev-month i {
  position: relative;
}
.omail-light-mode .flatpickr-months .flatpickr-prev-month:hover,
.omail-dark-mode .flatpickr-months .flatpickr-prev-month:hover {
  color: #959ea9;
}
.omail-light-mode .flatpickr-months .flatpickr-prev-month:hover svg,
.omail-dark-mode .flatpickr-months .flatpickr-prev-month:hover svg {
  fill: #f64747;
}
.omail-light-mode .flatpickr-months .flatpickr-prev-month svg,
.omail-dark-mode .flatpickr-months .flatpickr-prev-month svg {
  width: 14px;
  height: 14px;
}
.omail-light-mode .flatpickr-months .flatpickr-prev-month svg path,
.omail-dark-mode .flatpickr-months .flatpickr-prev-month svg path {
  transition: fill 0.1s;
  fill: inherit;
}
.omail-light-mode .flatpickr-months .flatpickr-next-month,
.omail-dark-mode .flatpickr-months .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}
.omail-light-mode .flatpickr-months .flatpickr-next-month i,
.omail-dark-mode .flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.omail-light-mode .flatpickr-months .flatpickr-next-month:hover,
.omail-dark-mode .flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}
.omail-light-mode .flatpickr-months .flatpickr-next-month:hover svg,
.omail-dark-mode .flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.omail-light-mode .flatpickr-months .flatpickr-next-month svg,
.omail-dark-mode .flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.omail-light-mode .flatpickr-months .flatpickr-next-month svg path,
.omail-dark-mode .flatpickr-months .flatpickr-next-month svg path {
  transition: fill 0.1s;
  fill: inherit;
}
.omail-light-mode .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.omail-dark-mode .flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
  display: none;
}
.omail-light-mode .flatpickr-months .flatpickr-next-month.flatpickr-disabled,
.omail-dark-mode .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.omail-light-mode .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.omail-dark-mode .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
  left: 0;
}
.omail-light-mode .flatpickr-months .flatpickr-next-month.flatpickr-prev-month,
.omail-dark-mode .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  left: 0;
}
.omail-light-mode .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.omail-dark-mode .flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
  right: 0;
}
.omail-light-mode .flatpickr-months .flatpickr-next-month.flatpickr-next-month,
.omail-dark-mode .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  right: 0;
}
.omail-light-mode .numInputWrapper,
.omail-dark-mode .numInputWrapper {
  position: relative;
  height: auto;
}
.omail-light-mode .numInputWrapper input,
.omail-dark-mode .numInputWrapper input {
  display: inline-block;
  width: 100%;
}
.omail-light-mode .numInputWrapper input::-ms-clear,
.omail-dark-mode .numInputWrapper input::-ms-clear {
  display: none;
}
.omail-light-mode .numInputWrapper input::-webkit-outer-spin-button,
.omail-dark-mode .numInputWrapper input::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.omail-light-mode .numInputWrapper input::-webkit-inner-spin-button,
.omail-dark-mode .numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.omail-light-mode .numInputWrapper span,
.omail-dark-mode .numInputWrapper span {
  display: inline-block;
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  box-sizing: border-box;
}
.omail-light-mode .numInputWrapper span:hover,
.omail-dark-mode .numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}
.omail-light-mode .numInputWrapper span:active,
.omail-dark-mode .numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}
.omail-light-mode .numInputWrapper span:after,
.omail-dark-mode .numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.omail-light-mode .numInputWrapper span svg,
.omail-dark-mode .numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.omail-light-mode .numInputWrapper span svg path,
.omail-dark-mode .numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}
.omail-light-mode .numInputWrapper span.arrowUp,
.omail-dark-mode .numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.omail-light-mode .numInputWrapper span.arrowUp:after,
.omail-dark-mode .numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}
.omail-light-mode .numInputWrapper span.arrowDown,
.omail-dark-mode .numInputWrapper span.arrowDown {
  top: 50%;
}
.omail-light-mode .numInputWrapper span.arrowDown:after,
.omail-dark-mode .numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}
.omail-light-mode .numInputWrapper:hover,
.omail-dark-mode .numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}
.omail-light-mode .numInputWrapper:hover span,
.omail-dark-mode .numInputWrapper:hover span {
  opacity: 1;
}
.omail-light-mode .flatpickr-current-month,
.omail-dark-mode .flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  transform: translate3d(0px, 0px, 0px);
}
.omail-light-mode .flatpickr-current-month span.cur-month,
.omail-dark-mode .flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.omail-light-mode .flatpickr-current-month span.cur-month:hover,
.omail-dark-mode .flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}
.omail-light-mode .flatpickr-current-month .numInputWrapper,
.omail-dark-mode .flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0 ;
  display: inline-block;
}
.omail-light-mode .flatpickr-current-month .numInputWrapper span.arrowUp:after,
.omail-dark-mode .flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}
.omail-light-mode .flatpickr-current-month .numInputWrapper span.arrowDown:after,
.omail-dark-mode .flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}
.omail-light-mode .flatpickr-current-month input.cur-year,
.omail-dark-mode .flatpickr-current-month input.cur-year {
  background: transparent;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  appearance: textfield;
}
.omail-light-mode .flatpickr-current-month input.cur-year:focus,
.omail-dark-mode .flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.omail-light-mode .flatpickr-current-month input.cur-year[disabled],
.omail-dark-mode .flatpickr-current-month input.cur-year[disabled] {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}
.omail-light-mode .flatpickr-current-month input.cur-year[disabled]:hover,
.omail-dark-mode .flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}
.omail-light-mode .flatpickr-current-month .flatpickr-monthDropdown-months,
.omail-dark-mode .flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
.omail-light-mode .flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.omail-dark-mode .flatpickr-current-month .flatpickr-monthDropdown-months:focus {
  outline: none;
}
.omail-light-mode .flatpickr-current-month .flatpickr-monthDropdown-months:active,
.omail-dark-mode .flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.omail-light-mode .flatpickr-current-month .flatpickr-monthDropdown-months:hover,
.omail-dark-mode .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}
.omail-light-mode .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month,
.omail-dark-mode .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}
.omail-light-mode .flatpickr-weekdays,
.omail-dark-mode .flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  height: 28px;
}
.omail-light-mode .flatpickr-weekdays .flatpickr-weekdaycontainer,
.omail-dark-mode .flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: flex;
  flex: 1;
}
.omail-light-mode span.flatpickr-weekday,
.omail-dark-mode span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  flex: 1;
  font-weight: bolder;
}
.omail-light-mode .dayContainer,
.omail-dark-mode .dayContainer {
  padding: 1px 0 0 0;
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  box-sizing: border-box;
  display: inline-block;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: space-around;
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.omail-light-mode .dayContainer + .dayContainer,
.omail-dark-mode .dayContainer + .dayContainer {
  box-shadow: -1px 0 0 #e6e6e6;
}
.omail-light-mode .flatpickr-weeks,
.omail-dark-mode .flatpickr-weeks {
  padding: 1px 0 0 0;
}
.omail-light-mode .flatpickr-days,
.omail-dark-mode .flatpickr-days {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  width: 307.875px;
}
.omail-light-mode .flatpickr-days:focus,
.omail-dark-mode .flatpickr-days:focus {
  outline: 0;
}
.omail-light-mode .flatpickr-day,
.omail-dark-mode .flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  justify-content: center;
  text-align: center;
}
.omail-light-mode .flatpickr-day:hover,
.omail-dark-mode .flatpickr-day:hover {
  cursor: pointer;
  outline: 0;
  background: #DFF3FF;
  border-color: #DFF3FF;
  border-radius: 6px;
}
.omail-light-mode .flatpickr-day:focus,
.omail-dark-mode .flatpickr-day:focus {
  cursor: pointer;
  outline: 0;
  background: #DFF3FF;
  border-color: #DFF3FF;
}
.omail-light-mode .flatpickr-day.inRange,
.omail-dark-mode .flatpickr-day.inRange {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
  border-radius: 0;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.omail-light-mode .flatpickr-day.prevMonthDay.inRange,
.omail-dark-mode .flatpickr-day.prevMonthDay.inRange {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.omail-light-mode .flatpickr-day.nextMonthDay.inRange,
.omail-dark-mode .flatpickr-day.nextMonthDay.inRange {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.omail-light-mode .flatpickr-day.today.inRange,
.omail-dark-mode .flatpickr-day.today.inRange {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.omail-light-mode .flatpickr-day.prevMonthDay.today.inRange,
.omail-dark-mode .flatpickr-day.prevMonthDay.today.inRange {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.omail-light-mode .flatpickr-day.nextMonthDay.today.inRange,
.omail-dark-mode .flatpickr-day.nextMonthDay.today.inRange {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.omail-light-mode .flatpickr-day.prevMonthDay,
.omail-dark-mode .flatpickr-day.prevMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.omail-light-mode .flatpickr-day.prevMonthDay:hover,
.omail-dark-mode .flatpickr-day.prevMonthDay:hover {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.omail-light-mode .flatpickr-day.prevMonthDay:focus,
.omail-dark-mode .flatpickr-day.prevMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.omail-light-mode .flatpickr-day.nextMonthDay,
.omail-dark-mode .flatpickr-day.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.omail-light-mode .flatpickr-day.nextMonthDay:hover,
.omail-dark-mode .flatpickr-day.nextMonthDay:hover {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.omail-light-mode .flatpickr-day.nextMonthDay:focus,
.omail-dark-mode .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.omail-light-mode .flatpickr-day.today,
.omail-dark-mode .flatpickr-day.today {
  border-color: #9EDAFE;
  background-color: #DFF3FF;
  border-radius: 6px;
}
.omail-light-mode .flatpickr-day.selected,
.omail-dark-mode .flatpickr-day.selected {
  background: #9EDAFE;
  box-shadow: none;
  color: #30353D;
  border-color: #9EDAFE;
  border-radius: 6px;
}
.omail-light-mode .flatpickr-day.selected:focus,
.omail-dark-mode .flatpickr-day.selected:focus {
  background: #569ff7;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.omail-light-mode .flatpickr-day.selected:hover,
.omail-dark-mode .flatpickr-day.selected:hover {
  background: #9EDAFE;
  box-shadow: none;
  color: #fff;
  border-color: #9EDAFE;
}
.omail-light-mode .flatpickr-day.startRange,
.omail-dark-mode .flatpickr-day.startRange {
  background: #569ff7;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.omail-light-mode .flatpickr-day.startRange:focus,
.omail-dark-mode .flatpickr-day.startRange:focus {
  background: #569ff7;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.omail-light-mode .flatpickr-day.startRange:hover,
.omail-dark-mode .flatpickr-day.startRange:hover {
  background: #569ff7;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.omail-light-mode .flatpickr-day.endRange,
.omail-dark-mode .flatpickr-day.endRange {
  background: #569ff7;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.omail-light-mode .flatpickr-day.endRange:focus,
.omail-dark-mode .flatpickr-day.endRange:focus {
  background: #569ff7;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.omail-light-mode .flatpickr-day.endRange:hover,
.omail-dark-mode .flatpickr-day.endRange:hover {
  background: #569ff7;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.omail-light-mode .flatpickr-day.selected.inRange,
.omail-dark-mode .flatpickr-day.selected.inRange {
  background: #569ff7;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.omail-light-mode .flatpickr-day.startRange.inRange,
.omail-dark-mode .flatpickr-day.startRange.inRange {
  background: #569ff7;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.omail-light-mode .flatpickr-day.endRange.inRange,
.omail-dark-mode .flatpickr-day.endRange.inRange {
  background: #569ff7;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.omail-light-mode .flatpickr-day.selected.prevMonthDay,
.omail-dark-mode .flatpickr-day.selected.prevMonthDay {
  background: #569ff7;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.omail-light-mode .flatpickr-day.startRange.prevMonthDay,
.omail-dark-mode .flatpickr-day.startRange.prevMonthDay {
  background: #569ff7;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.omail-light-mode .flatpickr-day.endRange.prevMonthDay,
.omail-dark-mode .flatpickr-day.endRange.prevMonthDay {
  background: #569ff7;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.omail-light-mode .flatpickr-day.selected.nextMonthDay,
.omail-dark-mode .flatpickr-day.selected.nextMonthDay {
  background: #569ff7;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.omail-light-mode .flatpickr-day.startRange.nextMonthDay,
.omail-dark-mode .flatpickr-day.startRange.nextMonthDay {
  background: #569ff7;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.omail-light-mode .flatpickr-day.endRange.nextMonthDay,
.omail-dark-mode .flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.omail-light-mode .flatpickr-day.selected.startRange,
.omail-dark-mode .flatpickr-day.selected.startRange {
  border-radius: 50px 0 0 50px;
}
.omail-light-mode .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.omail-dark-mode .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: -10px 0 0 #569ff7;
}
.omail-light-mode .flatpickr-day.startRange.startRange,
.omail-dark-mode .flatpickr-day.startRange.startRange {
  border-radius: 50px 0 0 50px;
}
.omail-light-mode .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.omail-dark-mode .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: -10px 0 0 #569ff7;
}
.omail-light-mode .flatpickr-day.endRange.startRange,
.omail-dark-mode .flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.omail-light-mode .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)),
.omail-dark-mode .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: -10px 0 0 #569ff7;
}
.omail-light-mode .flatpickr-day.selected.endRange,
.omail-dark-mode .flatpickr-day.selected.endRange {
  border-radius: 0 50px 50px 0;
}
.omail-light-mode .flatpickr-day.startRange.endRange,
.omail-dark-mode .flatpickr-day.startRange.endRange {
  border-radius: 0 50px 50px 0;
}
.omail-light-mode .flatpickr-day.endRange.endRange,
.omail-dark-mode .flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.omail-light-mode .flatpickr-day.selected.startRange.endRange,
.omail-dark-mode .flatpickr-day.selected.startRange.endRange {
  border-radius: 50px;
}
.omail-light-mode .flatpickr-day.startRange.startRange.endRange,
.omail-dark-mode .flatpickr-day.startRange.startRange.endRange {
  border-radius: 50px;
}
.omail-light-mode .flatpickr-day.endRange.startRange.endRange,
.omail-dark-mode .flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.omail-light-mode .flatpickr-day.flatpickr-disabled,
.omail-dark-mode .flatpickr-day.flatpickr-disabled {
  color: #A3A3A3;
  background: transparent;
  border-color: transparent;
  cursor: default;
  cursor: not-allowed;
}
.omail-light-mode .flatpickr-day.flatpickr-disabled:hover,
.omail-dark-mode .flatpickr-day.flatpickr-disabled:hover {
  color: #A3A3A3;
  background: transparent;
  border-color: transparent;
  cursor: default;
  cursor: not-allowed;
}
.omail-light-mode .flatpickr-day.notAllowed,
.omail-dark-mode .flatpickr-day.notAllowed {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.omail-light-mode .flatpickr-day.notAllowed.prevMonthDay,
.omail-dark-mode .flatpickr-day.notAllowed.prevMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.omail-light-mode .flatpickr-day.notAllowed.nextMonthDay,
.omail-dark-mode .flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.omail-light-mode .flatpickr-day.week.selected,
.omail-dark-mode .flatpickr-day.week.selected {
  border-radius: 0;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.omail-light-mode .flatpickr-day.hidden,
.omail-dark-mode .flatpickr-day.hidden {
  visibility: hidden;
}
.omail-light-mode .rangeMode .flatpickr-day,
.omail-dark-mode .rangeMode .flatpickr-day {
  margin-top: 1px;
}
.omail-light-mode .flatpickr-weekwrapper,
.omail-dark-mode .flatpickr-weekwrapper {
  float: left;
}
.omail-light-mode .flatpickr-weekwrapper .flatpickr-weeks,
.omail-dark-mode .flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  box-shadow: 1px 0 0 #e6e6e6;
}
.omail-light-mode .flatpickr-weekwrapper .flatpickr-weekday,
.omail-dark-mode .flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.omail-light-mode .flatpickr-weekwrapper span.flatpickr-day,
.omail-dark-mode .flatpickr-weekwrapper span.flatpickr-day {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.omail-light-mode .flatpickr-weekwrapper span.flatpickr-day:hover,
.omail-dark-mode .flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.omail-light-mode .flatpickr-innerContainer,
.omail-dark-mode .flatpickr-innerContainer {
  display: block;
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
}
.omail-light-mode .flatpickr-rContainer,
.omail-dark-mode .flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  box-sizing: border-box;
}
.omail-light-mode .flatpickr-time,
.omail-dark-mode .flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
}
.omail-light-mode .flatpickr-time:after,
.omail-dark-mode .flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.omail-light-mode .flatpickr-time .numInputWrapper,
.omail-dark-mode .flatpickr-time .numInputWrapper {
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.omail-light-mode .flatpickr-time .numInputWrapper span.arrowUp:after,
.omail-dark-mode .flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.omail-light-mode .flatpickr-time .numInputWrapper span.arrowDown:after,
.omail-dark-mode .flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.omail-light-mode .flatpickr-time input,
.omail-dark-mode .flatpickr-time input {
  background: transparent;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  appearance: textfield;
}
.omail-light-mode .flatpickr-time input:focus,
.omail-dark-mode .flatpickr-time input:focus {
  outline: 0;
  border: 0;
  background: #eee;
}
.omail-light-mode .flatpickr-time input:hover,
.omail-dark-mode .flatpickr-time input:hover {
  background: #eee;
}
.omail-light-mode .flatpickr-time input.flatpickr-hour,
.omail-dark-mode .flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.omail-light-mode .flatpickr-time input.flatpickr-minute,
.omail-dark-mode .flatpickr-time input.flatpickr-minute {
  font-weight: 400;
}
.omail-light-mode .flatpickr-time input.flatpickr-second,
.omail-dark-mode .flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.omail-light-mode .flatpickr-time .flatpickr-time-separator,
.omail-dark-mode .flatpickr-time .flatpickr-time-separator {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  user-select: none;
  align-self: center;
}
.omail-light-mode .flatpickr-time .flatpickr-am-pm,
.omail-dark-mode .flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  user-select: none;
  align-self: center;
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.omail-light-mode .flatpickr-time .flatpickr-am-pm:hover,
.omail-dark-mode .flatpickr-time .flatpickr-am-pm:hover {
  background: #eee;
}
.omail-light-mode .flatpickr-time .flatpickr-am-pm:focus,
.omail-dark-mode .flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}
.omail-light-mode .flatpickr-time.hasSeconds .numInputWrapper,
.omail-dark-mode .flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.omail-light-mode .flatpickr-time.time24hr .numInputWrapper,
.omail-dark-mode .flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.omail-light-mode .flatpickr-input[readonly],
.omail-dark-mode .flatpickr-input[readonly] {
  cursor: pointer;
}
.omail-light-mode .mat-calendar-body-today.mat-calendar-body-selected,
.omail-light-mode .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.omail-dark-mode .mat-calendar-body-today.mat-calendar-body-selected,
.omail-dark-mode .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: #9EDAFE;
  background-color: #DFF3FF;
  border-radius: 6px;
  color: #393939;
  box-shadow: none;
}
.omail-light-mode .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.omail-dark-mode .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  cursor: pointer;
  outline: 0;
  background: #DFF3FF;
  border-color: #DFF3FF;
  border-radius: 6px;
}
.omail-light-mode .mat-calendar-body-selected,
.omail-dark-mode .mat-calendar-body-selected {
  background: #9EDAFE;
  box-shadow: none;
  color: #30353D;
  border-color: #9EDAFE;
  border-radius: 6px;
}
/* Flatpickr-Calendar CSS END */
.omail-dark-mode {
  /* -- Settins Page CSS Start -- */
  /* -- Settins Page CSS End -- */
  /* -- Contacts Page CSS Start -- */
  /* -- Contacts Page CSS End -- */
  /* -- MailBox Page CSS Start -- */
  /* -- MailBox Page CSS End -- */
  /* -- Calendar Page CSS Start -- */
  /* -- Calendar Page CSS End -- */
}
.omail-dark-mode .omail-email-catagory-types .mat-chip-list .mat-standard-chip {
  background: #151920;
  color: #dfe3e7;
}
.omail-dark-mode .omail-clip-block .mat-chip-list .mat-standard-chip {
  background: #151920;
  color: #dfe3e7;
}
.omail-dark-mode ::-webkit-scrollbar-thumb {
  background: rgba(109, 116, 122, 0.5) !important;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
}
.omail-dark-mode .omail-more-dropdown .dropdown-menu {
  background: #0d0f10;
  border: 1px solid #232730;
}
.omail-dark-mode .omail-more-dropdown .dropdown-menu .dropdown-item {
  color: #dfe3e7;
}
.omail-dark-mode .omail-more-dropdown .dropdown-menu .dropdown-item:hover {
  background: #1b1e25 !important;
}
.omail-dark-mode .omailsignature-modal .modal-content .modal-body .signature-info .form-group input {
  background: #1b1e25;
  border: 1px solid #232730;
  color: #dfe3e7;
}
.omail-dark-mode .omailsignature-modal .modal-content .modal-body .signature-info .form-group input::placeholder {
  color: #dfe3e7;
}
.omail-dark-mode .mat-dialog-container {
  background: transparent;
}
.omail-dark-mode .omail-modal-one .modal-content {
  background-color: transparent;
}
.omail-dark-mode .omail-modal-one .modal-content .modal-header {
  background: #151920;
  border-bottom: none;
}
.omail-dark-mode .omail-modal-one .modal-content .modal-header h5, .omail-dark-mode .omail-modal-one .modal-content .modal-header .h5 {
  color: #a0a6ab;
}
.omail-dark-mode .omail-modal-one .modal-content .modal-header .btn-close {
  background: #0d0f10;
  box-shadow: 0px 4px 4px rgba(63, 89, 114, 0.2);
}
.omail-dark-mode .omail-modal-one .modal-content .modal-header .btn-close img {
  filter: invert(100%) sepia(75%) saturate(0%) hue-rotate(70deg) brightness(160%) contrast(101%);
  transition: transform 0.7s ease-in-out;
}
.omail-dark-mode .omail-modal-one .modal-content .modal-header .btn-close:hover {
  background-color: #e84c3d;
}
.omail-dark-mode .omail-modal-one .modal-content .modal-header .btn-close:hover img {
  filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(152deg) brightness(101%) contrast(102%);
  transform: rotate(90deg);
}
.omail-dark-mode .omail-modal-one .modal-content .modal-body {
  background: #1B1E25;
  color: #dfe3e7;
}
.omail-dark-mode .omail-modal-one .modal-content .modal-footer {
  background: #232730;
  background: #1B1E25;
}
.omail-dark-mode .omail-custom-btn:disabled {
  color: #405f7c;
  background: #002950;
  cursor: no-drop;
}
.omail-dark-mode .omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar {
  background: #151920;
}
.omail-dark-mode .omail-customtheam-froala-block .fr-box.fr-basic .fr-wrapper {
  background: #0D0F10;
}
.omail-dark-mode .omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar .fr-command.fr-btn {
  background: #232730;
}
.omail-dark-mode .omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar .fr-command.fr-btn svg path {
  fill: #eef1f3;
}
.omail-dark-mode .omail-customtheam-froala-block .fr-toolbar .fr-newline {
  display: none;
}
.omail-dark-mode .omailapp-mainwrap input {
  color: #dfe3e7;
}
.omail-dark-mode .omailapp-mainwrap input::placeholder {
  color: #dfe3e7;
}
.omail-dark-mode .omail-custom-btn-outline {
  background: transparent;
}
.omail-dark-mode .omail-mat-input .mat-form-field-outline {
  color: #232730;
}
.omail-dark-mode .omail-darktheam-block {
  background: #191a1f;
}
.omail-dark-mode .omail-settings-tab-content {
  background: #0d0f10;
  border-radius: 0;
}
.omail-dark-mode .omail-settings-tab-content .auto-replie h4, .omail-dark-mode .omail-settings-tab-content .auto-replie .h4 {
  color: #6d747a;
}
.omail-dark-mode .omail-settings-tab-content .auto-replie h3, .omail-dark-mode .omail-settings-tab-content .auto-replie .h3 {
  color: #eef1f3;
}
.omail-dark-mode .omail-settings-tab-content .auto-replie p {
  color: #dfe3e7;
}
.omail-dark-mode .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table {
  border-radius: 0;
}
.omail-dark-mode .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .thead-color tr th {
  background: #151920;
  color: #dfe3e7;
}
.omail-dark-mode .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .tbody-color tr td {
  background: #1b1e25;
  border-bottom: 1px solid #1b1e25;
  color: #eef1f3;
}
.omail-dark-mode .omail-settings-tab-content .edit-user {
  background: #232730;
}
.omail-dark-mode .omail-settings-tab-content .oesuser-profile-block .setting-user-info h3, .omail-dark-mode .omail-settings-tab-content .oesuser-profile-block .setting-user-info .h3 {
  color: #dfe3e7;
}
.omail-dark-mode .omail-settings-tab-content .omail-setting-form label {
  color: #6d747a;
}
.omail-dark-mode .omail-settings-tab-content .omail-setting-form .form-control {
  color: #dfe3e7;
}
.omail-dark-mode .omail-settings-tab-content .omail-setting-form .form-control:disabled {
  background: #1b1e25;
  border: 1px solid #232730;
}
.omail-dark-mode .omail-settings-tab-content .omail-setting-form .omail-custom-select {
  background-color: #1b1e25;
  border: 1px solid #232730;
}
.omail-dark-mode .omail-settings-tab-content .omail-storage-block .storage-title {
  color: #6d747a;
}
.omail-dark-mode .omail-settings-tab-content .omail-storage-block .omail-storage-box {
  background: #151920;
  border: 1px solid #232730;
}
.omail-dark-mode .omail-settings-tab-content .omail-storage-block .omail-storage-box .storage-info .storage-cout {
  color: #fff;
}
.omail-dark-mode .omail-settings-tab-content .omail-storage-block .omail-storage-box .storage-info .storage-text {
  color: #fff;
}
.omail-dark-mode .omail-settings-tab-content .omail-user-analytics-block .omail-user-analytics-box {
  background: #151920;
  border: 1px solid #232730;
}
.omail-dark-mode .omail-settings-tab-content .omail-user-analytics-block .omail-user-analytics-box h3, .omail-dark-mode .omail-settings-tab-content .omail-user-analytics-block .omail-user-analytics-box .h3 {
  color: #dfe3e7;
}
.omail-dark-mode .omail-settings-tab-content .omail-user-analytics-block .omail-user-analytics-box ul li {
  background: #151920;
  border: 1px solid #232730;
  border-radius: 8px;
}
.omail-dark-mode .omail-settings-tab-content .omail-user-analytics-block .omail-user-analytics-box ul li .list-cout {
  color: #dfe3e7;
}
.omail-dark-mode .omail-settings-tab-content .omail-user-analytics-block .omail-user-analytics-box ul li .list-text {
  color: #a0a6ab;
}
.omail-dark-mode .omail-settings-tab-content .omail-cmn-pad .omail-line hr {
  border: 1px solid #1c1f27;
}
.omail-dark-mode .omail-settings-tab-content .omail-cmn-pad .common-view h3, .omail-dark-mode .omail-settings-tab-content .omail-cmn-pad .common-view .h3 {
  color: #6d747a;
}
.omail-dark-mode .omail-settings-tab-content .omail-cmn-pad .email-tl h3, .omail-dark-mode .omail-settings-tab-content .omail-cmn-pad .email-tl .h3 {
  color: #a0a6ab;
}
.omail-dark-mode .omail-settings-tab-content .omail-cmn-pad .omail-settinslistof-folders .settinslistof-folders-inner .folder-reset-block {
  background: #1c1f27;
  color: #eef1f3;
}
.omail-dark-mode .omail-settings-tab-content .omail-cmn-pad .omail-settinslistof-folders .settinslistof-folders-inner .folder-reset-block .folder-name-text {
  color: #eef1f3;
}
.omail-dark-mode .omail-settings-tab-content .omail-cmn-pad .omail-settinslistof-folders .settinslistof-folders-inner .folder-reset-block .folder-resetpasscode-input .form-control {
  background: #1c1f27;
  color: #dfe3e7;
}
.omail-dark-mode .omail-settings-tab-content .omail-auto-switch .readrecipt-text {
  color: #eef1f3;
}
.omail-dark-mode .omail-settings-tab-content .email-rule-form-block .rule-title {
  color: #eef1f3;
}
.omail-dark-mode .omail-settings-tab-content .email-rule-form-block .email-rule-form .form-group label {
  color: #6d747a;
}
.omail-dark-mode .omail-settings-tab-content .email-rule-form-block .email-rule-form .form-group .form-control {
  background-color: #1b1e25;
  border: 1px solid #232730;
  color: #dfe3e7;
}
.omail-dark-mode .omail-settings-tab-content .email-rule-form-block .email-rule-form .rule-title-text {
  color: #eef1f3;
}
.omail-dark-mode .omail-settings-tab-content .email-rule-form-block .email-rule-form .rule-title-sub-text {
  color: #6d747a;
}
.omail-dark-mode .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-form-field {
  border-top: 1px solid #1c1f27;
  border-bottom: 1px solid #1c1f27;
}
.omail-dark-mode .omail-settings-tab-content .omail-setting-form .omail-form-field .omail-clip-block input {
  border: none !important;
}
.omail-dark-mode .omail-settings-tab-content .omail-setting-form .form-control {
  background-color: #1b1e25;
  border: 1px solid #232730;
  color: #dfe3e7;
}
.omail-dark-mode .omail-settings-tab-content .auto-replie .omail-autofollowup-form .mat-button-toggle-group-appearance-standard .mat-button-toggle-button {
  background: transparent;
  border: 1px solid #004382;
  color: #dfe3e7;
}
.omail-dark-mode .omail-settings-tab-content .auto-replie .omail-autofollowup-form .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-button {
  background: #004382;
  border: 1px solid #004382;
  color: #dfe3e7;
}
.omail-dark-mode .omail-settings-tab-content .auto-replie .omail-autofollowup-form .mat-button-toggle-group-appearance-standard .mat-button-toggle {
  background: transparent;
}
.omail-dark-mode .omail-settings-tab-content .omail-sigsettings-block .signature-info label {
  color: #6d747a;
}
.omail-dark-mode .omail-settings-tab-content .omail-sigsettings-block .signature-info .signature_name_input {
  background: #1b1e25;
  border: 1px solid #232730;
  color: #dfe3e7;
}
.omail-dark-mode .omail-settings-tab-content .omail-sigsettings-block .sig-checkbox-block label {
  color: #dfe3e7;
}
.omail-dark-mode .omail-settings-tab-content .omail-sigsettings-block .sig-checkbox-block label input[type=checkbox]::after {
  border: 1.5px solid #a0a6ab;
  background: #0d0f10;
}
.omail-dark-mode .omail-settings-tab-content .email-rule-form-block .listof-contacts {
  border: 1px solid #232730;
}
.omail-dark-mode .omailapp-settings-wrap .omail-side-settings {
  background: #151920;
}
.omail-dark-mode .omailapp-settings-wrap .omail-side-settings ul.sidenav-box li.list a {
  color: #a0a6ab;
}
.omail-dark-mode .omailapp-settings-wrap .omail-side-settings ul.sidenav-box li.active a {
  background: #23272e;
  color: #029cf8;
}
.omail-dark-mode .omailapp-settings-wrap .omail-side-settings ul.sidenav-box li.list a:hover {
  background: #1c1f27;
}
.omail-dark-mode .omailapp-settings-wrap .omail-side-settings {
  border-color: #0d0f10;
}
.omail-dark-mode .omail-contacts-main-block .contacts-header-block {
  background: #0d0f10;
}
.omail-dark-mode .omail-contacts-main-block .contacts-header-block .newcontactsadd-btn {
  background: #0d0f10;
}
.omail-dark-mode .omail-contacts-main-block .contacts-header-block .contacts-search-box .search-box .search-filter-block .form-control {
  background: #151920;
  border: 1px solid #232730;
}
.omail-dark-mode .omail-contacts-main-block .contacts-header-block .contacts-action-links {
  background: #151920;
  border: 1px solid #232730;
}
.omail-dark-mode .omail-contacts-main-block .omail-list-of-contacts-block {
  background: #0d0f10;
}
.omail-dark-mode .omail-contacts-main-block .omail-list-of-contacts-block .pannel-main .panner-content {
  border-top: 1px solid #232730;
}
.omail-dark-mode .omail-contacts-main-block .omail-list-of-contacts-block .pannel-main .panner-content.active {
  background: #151920;
}
.omail-dark-mode .omail-contacts-main-block .omail-list-of-contacts-block .pannel-main .panner-content:hover {
  background: #151920;
}
.omail-dark-mode .omail-contacts-main-block .omail-list-of-contacts-block .check-img-block .contact-pic-text {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), #6d747a;
}
.omail-dark-mode .omail-contacts-main-block .omail-list-of-contacts-block .pannel-main .panner-content .contact-text h4, .omail-dark-mode .omail-contacts-main-block .omail-list-of-contacts-block .pannel-main .panner-content .contact-text .h4 {
  color: #dfe3e7 !important;
}
.omail-dark-mode .omail-contacts-main-block .contacts-left-block {
  background: #0d0f10;
  color: #eef1f3;
}
.omail-dark-mode .omail-contacts-main-block .contacts-left-block .no-list-block .list-text {
  color: #eef1f3;
}
.omail-dark-mode .omail-contacts-main-block .contacts-right-block {
  background: #0d0f10;
  color: #eef1f3;
  border-radius: 0;
}
.omail-dark-mode .omail-contacts-main-block .omail-v-tabs .omail-vtabs-view .omail-vtabs-view-block .omail-vtabs-view-left {
  border-right: 1px solid #232730;
}
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .omail-tab-block .nav-tabs {
  border-bottom: 1px solid #232730;
}
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .omail-tab-block .nav-tabs .nav-link.active {
  background: #004382;
  color: #dfe3e7;
}
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .omail-tab-block .nav-tabs .nav-link:hover {
  background: #151920;
  color: #dfe3e7;
}
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .omail-tab-block .nav-tabs .nav-link {
  background: #151920;
  color: #dfe3e7;
}
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .omail-tab-block .nav-tabs .nav-link span img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(345deg) brightness(103%) contrast(103%);
}
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-header {
  background: #1b1e25;
  border-bottom: 1px solid #232730;
}
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contacts-view-form-info {
  background: #0d0f10;
}
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-pic-text {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), #6d747a;
}
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text h4, .omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text .h4 {
  color: #dfe3e7;
}
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text p {
  color: #a0a6ab;
}
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-header .user-view-actions button.omail-custom-btn {
  background: #0d0f10;
}
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab label {
  color: #a0a6ab;
}
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab label .text-danger {
  color: #a0a6ab;
}
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .form-control:disabled {
  background: #1b1e25;
  border: 1px solid #232730;
  color: #6d747a;
}
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab textarea:disabled {
  background: #1b1e25;
  border: 1px solid #232730;
  color: #6d747a;
}
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contact-date-picker .date-input input:disabled {
  background: #1b1e25;
  border: 1px solid #232730;
  color: #6d747a;
}
.omail-dark-mode .omail-contacts-main-block .omail-links-email .allow-email-switch h3, .omail-dark-mode .omail-contacts-main-block .omail-links-email .allow-email-switch .h3 {
  color: #6d747a;
}
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .create-contact-maincontent .contact-group-user-pic-block {
  background: #232730 !important;
}
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .contact-pic-text-block .edit-block {
  background: #0d0f10;
}
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab label {
  color: #6d747a;
}
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .form-control {
  background-color: #1b1e25;
  border: 1px solid #232730;
  color: #dfe3e7;
}
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab textarea {
  background: #1b1e25;
  border: 1px solid #232730;
  color: #DFE3E7;
}
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contact-date-picker .date-input input {
  background: #1b1e25;
  border: 1px solid #232730;
  color: #dfe3e7;
}
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contact-date-picker .date-input input::placeholder {
  color: #dfe3e7;
  opacity: 1;
}
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contact-date-picker .date-input input:-ms-input-placeholder {
  color: #dfe3e7;
}
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contact-date-picker .date-input input::-ms-input-placeholder {
  color: #dfe3e7;
}
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-header .user-view-actions button {
  background: #0d0f10;
}
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .email-catagory-block .email-catagory-inner {
  background: #1b1e25;
}
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .email-catagory-block .email-catagory-inner .sub-heading {
  background: #151920;
}
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .create-group-form .add-book-btn-block .group-rule-info-text {
  background: #1c1f27;
  color: #eef1f3;
  border: 1px solid #232730;
}
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block {
  background: #232730;
}
.omail-dark-mode .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav {
  background: #151920;
  border-color: #232730;
}
.omail-dark-mode .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-list-block li {
  background: transparent;
  color: #a0a6ab;
}
.omail-dark-mode .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-list-block li.activetab {
  background: #23272e;
  color: #029cf8;
}
.omail-dark-mode .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-list-block li:hover {
  background: #1c1f27;
}
.omail-dark-mode .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .omail-delete-list-one .delete-txt {
  color: #a0a6ab;
}
.omail-dark-mode .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .omail-btn-group {
  border: none;
}
.omail-dark-mode .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .omail-delete-list-one:hover {
  background: #1c1f27;
}
.omail-dark-mode .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .delete-content.delete-active {
  background: #23272e;
  color: #029CF8;
}
.omail-dark-mode .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .delete-content.delete-active .delete-txt {
  color: #029CF8;
}
.omail-dark-mode .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .omail-sub-delete-layout li {
  background: transparent;
}
.omail-dark-mode .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .omail-sub-delete-layout li.activetab {
  background: #1C1F27;
}
.omail-dark-mode .omail-sub-delete-layout li {
  color: #a0a6ab;
}
.omail-dark-mode .omail-sub-delete-layout li.activetab {
  color: #a0a6ab;
}
.omail-dark-mode .delete-inactive .cursor-pointer {
  color: #fff;
}
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .contact-pic-text {
  background: #151920;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar {
  background: #101214;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block {
  background: #0D0F10;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block {
  background: #101214;
}
.omail-dark-mode .omail-mailbox-module .omail-compose-mail-block {
  background: #101214;
}
.omail-dark-mode .omail-mailbox-module .omailmailbox-readmail-mainblock {
  background: #101214 !important;
}
.omail-dark-mode .omail-mailbox-module .omailmailbox-readmail-mainblock .omail-readmail-main {
  background: #101214;
}
.omail-dark-mode .omail-app-header {
  background: #151920;
  border-right: 1px solid #232730;
}
.omail-dark-mode .omail-app-header .omail-logo {
  border-bottom: 1px solid #232730;
}
.omail-dark-mode .omail-app-header .omail-modules-link {
  border-bottom: 1px solid #232730;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .splitleftblock-partone {
  border-bottom: 1px solid #232730;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block {
  border-left: 1px solid #232730;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block {
  border-right: 1px solid #232730;
}
.omail-dark-mode .as-split-gutter {
  background-color: #232730 !important;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block {
  border: none;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li.activefolder-list {
  background: #23272e;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li {
  color: #a0a6ab;
  background-color: transparent;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li:hover {
  background: #1c1f27;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list hr {
  border: 1px solid #232730;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content.folder-inactive .folder-txt {
  color: #a0a6ab;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content.folder-active {
  background: #23272e;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one li {
  background: transparent;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one li .generate-folder .ge-text {
  color: #a0a6ab !important;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .omail-sub-folder-layout li.activefolder-list {
  background: #23272e;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omail-list-empty-block {
  color: #a0a6ab;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .trash-alert {
  color: #cb6b1a;
  background: #151920;
  border: 1px solid #232730;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-parttwo {
  background: #151920;
  border: 1px solid #232730;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .omailsearch-refresh-block .search-block input {
  background: #151920;
  border: 1px solid #232730;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .omailsearch-refresh-block .search-block .input-group-text {
  border-color: #232730;
  background-color: #151920;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .omailsearch-refresh-block .search-block .input-group-text img {
  filter: invert(76%) sepia(1%) saturate(2090%) hue-rotate(164deg) brightness(85%) contrast(103%);
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .sidebar-storage {
  background: #1c1f27;
  border-right: 1px solid #151920;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .sidebar-storage h5, .omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .sidebar-storage .h5 {
  color: #6d747a;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .sidebar-storage h5 strong, .omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .sidebar-storage .h5 strong {
  color: #a0a6ab;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box {
  background: #0d0f10;
  border-color: #1c1f27;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box:hover {
  background-color: #151920;
  border-left: 3px solid #bee49f;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-one .omail-user-name {
  color: #a0a6ab;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headertwo {
  background: #1c1f27;
  border-color: #232730;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headertwo .headertwo-left-block .read-mail-subject-text {
  color: #029cf8;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headertwo .headertwo-right-block .read-mail-timedate-text {
  color: #a0a6ab;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone {
  border-color: #232730;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-left-block .read-mail-user-text {
  color: #a0a6ab;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerthree {
  border-color: #232730;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box.activemail {
  border-left: 3px solid #37ac00;
  background-color: #151920 !important;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text {
  color: #dfe3e7;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text table div span:first-child {
  color: #DFE3E7;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text table div span:last-child {
  color: #009CD9 !important;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-user-block .maillist-rounded-block .check-img-block .contact-pic-text {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), #6d747a;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-user-block .maillist-rounded-block .check-img-block .contact-pic-text img {
  opacity: 0.25;
}
.omail-dark-mode .omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headerone h4, .omail-dark-mode .omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headerone .h4 {
  color: #dfe3e7;
}
.omail-dark-mode .omail-compose-mail-block .omailcomposemail-footer {
  border-color: #232730;
}
.omail-dark-mode .omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field {
  border-color: #232730;
}
.omail-dark-mode .omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one input {
  background: transparent;
}
.omail-dark-mode .fr-box.fr-basic .fr-element {
  color: #dfe3e7;
}
.omail-dark-mode .omail-movetofolder-modal .selected-mail-list-block h4, .omail-dark-mode .omail-movetofolder-modal .selected-mail-list-block .h4 {
  color: #eef1f3;
}
.omail-dark-mode .omail-movetofolder-modal .modal-body .omail-move-create-folder {
  background: #151920;
  border: 1px solid #232730;
}
.omail-dark-mode .omail-movetofolder-modal .modal-body .omail-move-create-folder h5, .omail-dark-mode .omail-movetofolder-modal .modal-body .omail-move-create-folder .h5 {
  color: #a0a6ab;
}
.omail-dark-mode .omail-movetofolder-modal .selected-mail-list-block {
  background: #1b1e25;
}
.omail-dark-mode .omail-movetofolder-modal .modal-body .omail-move-list .omail-sub-sidebar .omail-sub-sidebar-layout ul li {
  background: #0d0f10;
}
.omail-dark-mode .omail-movetofolder-modal .modal-body .omail-move-list {
  background: #1b1e25;
}
.omail-dark-mode .omail-movetofolder-modal .modal-body .omail-move-list .omail-sub-sidebar .omail-sub-sidebar-layout ul li .generate-folder .ge-text {
  color: #dfe3e7 !important;
}
.omail-dark-mode .omail-movetofolder-modal .modal-body .omail-move-list .omail-sub-sidebar .omail-sub-sidebar-layout ul li.activetab {
  background: #151920 !important;
}
.omail-dark-mode .omail-movetofolder-modal .modal-body .omail-move-list .omail-sub-sidebar .omail-sub-sidebar-layout ul li:hover {
  background: #151920 !important;
}
.omail-dark-mode .mat-menu-panel {
  background: #0d0f10;
  border: 1px solid #232730;
  box-shadow: none !important;
}
.omail-dark-mode .mat-menu-item {
  color: #dfe3e7;
}
.omail-dark-mode .mat-menu-item:hover:not([disabled]) {
  background: #232730;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block {
  background: #151920;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-body .attachment-list li {
  background: #0d0f10;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-body .attachment-list li a .read-attachment-filename .file-size-text {
  color: #dfe3e7;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown .omail-morelist-header {
  background: #151920;
  color: #a0a6ab;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown .omail-morelist-header span {
  background: #0d0f10;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown .omail-morelist-header span img {
  filter: invert(97%) sepia(100%) saturate(13%) hue-rotate(196deg) brightness(103%) contrast(103%);
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown .omail-clip-block {
  background: #1b1e25;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown {
  background: #0d0f10;
}
.omail-dark-mode .omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-emailmorelist-dropdown .omail-morelist-header {
  background: #151920;
  color: #a0a6ab;
}
.omail-dark-mode .omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-emailmorelist-dropdown {
  background: #0d0f10;
}
.omail-dark-mode .omail-compose-mail-block .omail-smartreplay-block ul {
  background: #0d0f10;
}
.omail-dark-mode .omail-compose-mail-block .omail-smartreplay-block ul li {
  background: #0d0f10;
  border: 1px solid #004382;
  color: #eef1f3;
}
.omail-dark-mode .omail-calendar .calendar-left {
  background: #151920;
}
.omail-dark-mode .omail-calendar .calendar-right {
  background: #1c1f27;
}
.omail-dark-mode .omail-calendar .leftblockcal {
  border-color: #232730;
}
.omail-dark-mode .omail-calendar .omail-product-event-type .titleh4 {
  color: #a0a6ab;
}
.omail-dark-mode .omail-calendar .omail-product-event-type .product-dropdown .cbtn {
  background: #151920;
  border: 1px solid #232730;
  box-shadow: 0px 1px 2px rgba(77, 64, 85, 0.1);
  color: #dfe3e7;
}
.omail-dark-mode .omail-calendar .leftblockcal .cuborder {
  border: 1px solid #232730;
}
.omail-dark-mode .omail-calendar .omail-product-event-type .completedbg {
  background: #232730;
}
.omail-dark-mode .omail-calendar .viewevent-box .evnt-box .p-title {
  color: #37ac00;
}
.omail-dark-mode .omail-calendar .viewevent-box .evnt-box .p-date-time {
  color: #a0a6ab;
}
.omail-dark-mode .omail-calendar .viewevent-box {
  background: #232730;
}
.omail-dark-mode .omailapp-mainwrap {
  background: #0d0f10;
  margin-right: 21px;
}
.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block {
  background: #0d0f10;
}
.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-form-action-links {
  background: #0d0f10;
  border-top: 1px solid #1c1f27;
}
.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .omail-form-field {
  background: #0d0f10;
  border-top: 1px solid #1c1f27;
}
.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .subject-block input {
  background: #0d0f10;
}
.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field {
  background: #0d0f10;
  border-top: 1px solid #1c1f27;
}
.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .location-block input {
  background: #0d0f10;
}
.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block {
  border-top: 1px solid #1c1f27;
  border-bottom: 1px solid #1c1f27;
}
.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2.reminder-field .custom-select {
  border: 1px solid #1c1f27;
  color: #dfe3e7;
}
.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .subject-block input {
  color: #dfe3e7;
}
.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mat-form-field-outline {
  background: #0d0f10;
}
.omail-dark-mode .omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .location-block input {
  color: #dfe3e7;
}
.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-3 .timer-field .custom-select {
  background: #0d0f10;
  border: 1px solid #151920;
  color: #dfe3e7;
}
.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-4 .omail-all-days-block .all-day {
  color: #dfe3e7;
}
.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .week-days ul li label {
  background: #0d0f10;
  border: 1px solid #004382;
  color: #dfe3e7;
}
.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .week-days ul li input:checked + label {
  background: #004382;
}
.omail-dark-mode .omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mat-form-field-outline {
  background: #0d0f10;
  border: 1px solid #151920;
}
.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mat-form-field-outline {
  color: #151920;
}
.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mat-form-field-appearance-outline .mat-form-field-flex .event-icon img {
  filter: invert(97%) sepia(100%) saturate(13%) hue-rotate(196deg) brightness(103%) contrast(103%);
}
.omail-dark-mode .omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar .fr-command[id*=videoMail] {
  background: #37ac00 !important;
}
.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .tab-event .nav-tabs .nav-link {
  background: #151920;
  color: #dfe3e7;
}
.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .tab-event .nav-tabs .nav-link.active {
  background: #004382;
  color: #dfe3e7;
}
.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .tab-event .nav-tabs .nav-link.active span img {
  filter: invert(97%) sepia(100%) saturate(13%) hue-rotate(196deg) brightness(103%) contrast(103%);
}
.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .tab-event .nav-tabs .nav-link:hover {
  background: #004382;
  color: #dfe3e7;
}
.omail-dark-mode .omail-event-list-one .viewevent-box {
  background: #232730 !important;
}
.omail-dark-mode .omail-event-list-one .viewevent-box .evnt-box .p-title {
  color: #37ac00;
}
.omail-dark-mode .omail-event-list-one .viewevent-box .evnt-box .prduct-logo {
  background: transparent;
  border: 1px solid #343943;
}
.omail-dark-mode .omail-event-list-one .viewevent-box .evnt-box .dotsview .dropdown-menu {
  background: #0d0f10;
  color: #dfe3e7;
}
.omail-dark-mode .omail-event-list-one .viewevent-box .evnt-box .dotsview .dropdown-menu .dropdown-item {
  color: #dfe3e7;
}
.omail-dark-mode .omail-event-list-one .viewevent-box .evnt-box .dotsview .dropdown-menu .dropdown-item:hover {
  color: #dfe3e7;
  background: #232730;
}
.omail-dark-mode .omail-list-group-modal .contact-search-block .oesobs-search .search-icon {
  background: #151920;
}
.omail-dark-mode .omail-list-group-modal .contact-search-block .oesobs-search .form-control {
  background: #151920;
  color: #dfe3e7;
}
.omail-dark-mode .omail-list-group-modal .contact-search-block .contacts-selected-text {
  color: #eef1f3;
}
.omail-dark-mode .omail-list-group-modal .addressbook-table-fixed .addressbook-table .thead-color tr th {
  background: #151920;
  color: #dfe3e7;
  border: transparent;
}
.omail-dark-mode .omail-list-group-modal .usercheckmark-block {
  color: #dfe3e7;
}
.omail-dark-mode .omail-list-group-modal .addressbook-table-fixed .addressbook-table .user-name {
  color: #dfe3e7;
}
.omail-dark-mode .omail-list-group-modal .addressbook-table-fixed .addressbook-table .user-email {
  color: #dfe3e7;
}
.omail-dark-mode .omail-list-group-modal .addressbook-table-fixed thead,
.omail-dark-mode tbody,
.omail-dark-mode tfoot,
.omail-dark-mode tr,
.omail-dark-mode td,
.omail-dark-mode th {
  color: #dfe3e7;
}
.omail-dark-mode .omail-list-group-modal .oesomailcustom-select {
  border: 1px solid #232730;
  color: #dfe3e7;
}
.omail-dark-mode .omail-list-group-modal .oesomailcustom-select option {
  background-color: #0D0F10;
}
.omail-dark-mode .addressbook-table .oesomailcustom-select {
  background-color: #151920;
}
.omail-dark-mode .oesomail-addressbook-modal .modal-content .modal-body .contact-search-block .oesobs-search .search-icon {
  background: #151920;
  border: 1px solid #232730 !important;
}
.omail-dark-mode .oesomail-addressbook-modal .modal-content .modal-body .contact-search-block .oesobs-search .form-control {
  background: #1b1e25;
  border: 1px solid #232730 !important;
  color: #dfe3e7;
}
.omail-dark-mode .oesomail-addressbook-modal .modal-content .modal-body .contact-search-block .contacts-selected-text {
  color: #dfe3e7;
}
.omail-dark-mode .oesomail-addressbook-modal .modal-content .modal-body .addressbook-table-fixed thead th {
  background: #0d0f10 !important;
}
.omail-dark-mode .oesomail-addressbook-modal .modal-content .modal-body .addressbook-table-fixed .usercheckmark-block {
  color: #dfe3e7 !important;
}
.omail-dark-mode .oesomail-addressbook-modal .modal-content .modal-body .contact-search-block .contacts-selected-text {
  color: #dfe3e7 !important;
}
.omail-dark-mode .omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar .fr-command[id*=speechToText] {
  background: #37ac00 !important;
}
.omail-dark-mode .schedulingmail-block .form-group .form-control {
  background: #151920;
  border: 1px solid #232730;
  color: #dfe3e7;
}
.omail-dark-mode .flatpickr-calendar {
  background: #0d0f10;
  border: 1px solid #232730;
  box-shadow: none;
}
.omail-dark-mode .flatpickr-day.selected {
  background: #004382;
  border-radius: 6px;
  color: #dfe3e7;
}
.omail-dark-mode .flatpickr-day.selected:hover {
  color: #ffffff;
}
.omail-dark-mode .flatpickr-day {
  color: #dfe3e7;
}
.omail-dark-mode .flatpickr-day:hover {
  color: #000000;
}
.omail-dark-mode .flatpickr-day.flatpickr-disabled {
  color: #dfe3e7;
  opacity: 0.5;
}
.omail-dark-mode .flatpickr-months .flatpickr-month {
  color: #dfe3e7;
}
.omail-dark-mode .flatpickr-months .flatpickr-next-month {
  filter: invert(100%) sepia(3%) saturate(7448%) hue-rotate(155deg) brightness(106%) contrast(103%);
}
.omail-dark-mode .flatpickr-months .flatpickr-prev-month {
  filter: invert(100%) sepia(3%) saturate(7448%) hue-rotate(155deg) brightness(106%) contrast(103%);
}
.omail-dark-mode .flatpickr-calendar.hasTime .flatpickr-time {
  border-top: 1px solid #232730;
}
.omail-dark-mode .flatpickr-time input {
  color: #dfe3e7;
}
.omail-dark-mode .flatpickr-time .flatpickr-time-separator {
  color: #dfe3e7;
}
.omail-dark-mode .flatpickr-time .flatpickr-am-pm {
  color: #dfe3e7;
}
.omail-dark-mode .flatpickr-time .flatpickr-am-pm:hover {
  background: #1b1e25;
}
.omail-dark-mode .flatpickr-time input:hover {
  background: #1b1e25;
}
.omail-dark-mode .flatpickr-time input:hover {
  background: #1b1e25;
}
.omail-dark-mode .flatpickr-time input:focus {
  background: #1b1e25;
}
.omail-dark-mode .flatpickr-time .flatpickr-am-pm:focus {
  background: #1b1e25;
}
.omail-dark-mode .omail-calendar .omail-product-event-type .cancelledbg .p-title {
  color: #e84c3d;
}
.omail-dark-mode .omail-calendar .omail-product-event-type .completedbg .p-title {
  color: #009cd9;
}
.omail-dark-mode .omail-calendar .omail-product-event-type .cancelledbg,
.omail-dark-mode .omail-calendar .omail-product-event-type .upcomingbg {
  background: #232730;
}
.omail-dark-mode .omail-calendar .viewevent-box .evnt-box .prduct-logo {
  border: 1px solid #343943;
  background: transparent;
}
.omail-dark-mode .omail-calendar .viewevent-box .evnt-box .dotsview .dropdown-menu {
  color: #dfe3e7;
}
.omail-dark-mode .omail-calendar .viewevent-box .evnt-box .dotsview .dropdown-menu .dropdown-item {
  color: #dfe3e7;
}
.omail-dark-mode .omail-calendar .viewevent-box .evnt-box .dotsview .dropdown-menu .dropdown-item:hover,
.omail-dark-mode .omail-calendar .viewevent-box .evnt-box .dotsview .dropdown-menu .dropdown-item:focus {
  background: #232730;
}
.omail-dark-mode .omail-dark-mode .omail-calendar .viewevent-box .evnt-box .dotsview .dropdown-menu {
  background: #1b1e25;
}
.omail-dark-mode .omail-calendar .calendar-right .show-day-strip {
  background: #232730;
  color: #dfe3e7;
}
.omail-dark-mode .omail-calendar .calendar-right .show-day-strip h3,
.omail-dark-mode .omail-calendar .calendar-right .show-day-strip .h3 {
  color: #dfe3e7;
}
.omail-dark-mode .omail-event-calendar .short-view-cal .s-v-cal-text {
  color: #dfe3e7;
}
.omail-dark-mode .omail-calendar .calendar-right .day-view-block .cal-day-view .cal-week-view .cal-time-events {
  border: none;
}
.omail-dark-mode .omail-calendar .calendar-right .day-view-block .cal-day-view .cal-week-view .cal-time-events .cal-day-columns .cal-day-column .cal-hour {
  background: transparent;
}
.omail-dark-mode .omail-calendar .calendar-right .day-view-block .cal-day-view .cal-week-view .cal-time-events .cal-day-columns .cal-day-column .cal-hour.cal-hour-odd {
  background: transparent;
}
.omail-dark-mode .omail-event-calendar .cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover {
  background: #232730;
}
.omail-dark-mode .omail-event-calendar .cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover {
  background: #232730;
}
.omail-dark-mode .omail-event-calendar .week-view-block .cal-week-view .cal-day-headers .cal-header {
  background: #1c1f27;
}
.omail-dark-mode .omail-event-calendar .week-view-block .cal-week-view .cal-day-headers .cal-header b {
  color: #dfe3e7;
}
.omail-dark-mode .omail-event-calendar .week-view-block .cal-week-view .cal-day-headers .cal-header.cal-weekend span {
  color: #dfe3e7;
}
.omail-dark-mode .omail-event-calendar .week-view-block .cal-week-view {
  background: none;
}
.omail-dark-mode .omail-event-calendar .cal-week-view .cal-hour-odd {
  background: transparent;
}
.omail-dark-mode .omail-event-calendar .week-view-block .cal-week-view .cal-day-headers .cal-header span {
  color: #dfe3e7;
}
.omail-dark-mode .omail-event-calendar .omail-month-view .cal-month-view .cal-header .cal-cell {
  background: #1c1f27;
  color: #dfe3e7;
}
.omail-dark-mode .omail-event-calendar .omail-month-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell:nth-of-type(odd) {
  background: #0d0f10;
}
.omail-dark-mode .omail-event-calendar .omail-month-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell:nth-of-type(even) {
  background: #0d0f10;
}
.omail-dark-mode .omail-event-calendar .omail-month-view .cal-month-view {
  background: transparent;
}
.omail-dark-mode .omail-event-calendar .cal-month-view .cal-cell-row:hover {
  background: #232730;
}
.omail-dark-mode .omail-event-calendar .omail-month-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell .cal-cell-top .cal-day-number {
  color: #dfe3e7;
}
.omail-dark-mode .cal-week-view .cal-all-day-events .cal-event,
.omail-dark-mode .cal-week-view .cal-time-events .cal-event {
  background: #232730;
  border: 1px solid #232730;
}
.omail-dark-mode .omail-event-calendar .cal-week-view * {
  color: #dfe3e7;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerfour .read-mail-scheduled-text {
  color: #cb6b1a;
}
.omail-dark-mode .omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one input {
  color: #dfe3e7;
}
.omail-dark-mode .omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .event-more-mail-list .omail-morelist-header {
  background: #151920;
  color: #a0a6ab;
}
.omail-dark-mode .omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-emailmorelist-dropdown {
  background: #151920;
  color: #a0a6ab;
}
.omail-dark-mode input[type=checkbox]:before {
  background: #151920;
}
.omail-dark-mode .omail-welcontact-pic-text {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), #6d747a;
  border: 1px solid #232730;
}
.omail-dark-mode .omail-create-folder-modal .modal-content .modal-body .create-folder-modal .form-group .form-control {
  background: #0d0f10;
  border: 1px solid #232730;
  color: #a0a6ab;
}
.omail-dark-mode .omail-create-folder-modal .modal-content .modal-body .create-folder-modal .form-group label {
  color: #dfe3e7;
}
.omail-dark-mode .omail-create-folder-modal .modal-content .modal-body .create-folder-modal .omail-folder-form .folder-text .passcode-checkbox .passcode-text {
  color: #dfe3e7;
}
.omail-dark-mode .mat-checkbox-frame {
  border: 1.5px solid #a0a6ab;
}
.omail-dark-mode .omail-create-folder-modal .modal-content .modal-body .create-folder-modal .omail-folder-form .folder-input input {
  background: #0d0f10;
  border: 1px solid #232730;
}
.omail-dark-mode .omail-create-folder-modal .modal-content .modal-body .create-folder-modal .ng-select-container {
  background: #0d0f10;
  border: 1px solid #232730;
  color: #a0a6ab;
}
.omail-dark-mode .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.omail-dark-mode .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
  background: #0d0f10;
  border: 1px solid #232730;
  color: #dfe3e7;
}
.omail-dark-mode .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  background: #0d0f10;
  border: 1px solid #232730;
  color: #dfe3e7;
}
.omail-dark-mode .ng-dropdown-panel.ng-select-bottom {
  border: 1px solid #232730;
}
.omail-dark-mode .omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one .attachment-list ul li {
  color: #dfe3e7;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-body .attachment-list li a .read-attachment-filename {
  color: #dfe3e7;
}
.omail-dark-mode .omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-body .attachment-list li a .read-attachment-filename .file-size-text {
  color: #a0a6ab;
}
.omail-dark-mode .cg-pic-dw-block {
  background: #0d0f10;
  border: 1px solid #0d0f10;
}
.omail-dark-mode .cg-pic-dw-block .dropdown-item {
  border-bottom: 1px solid #232730;
  color: #dfe3e7;
}
.omail-dark-mode .cg-pic-dw-block .dropdown-item:hover {
  background: #232730;
}
.omail-dark-mode .omail-passCodeModal-modal .modal-content .modal-body .create-folder-modal .omail-folder-form .folder-input input {
  background: #0d0f10;
  border: 1px solid #232730;
  color: #dfe3e7;
}
.omail-dark-mode .omail-dark-mode .omail-event-list-one .viewevent-box {
  background: #232730 !important;
}
.omail-dark-mode .omail-calendar .omail-month-view .cal-days .omail-event-list-one .viewevent-box .evnt-box .prduct-logo {
  border: 1px solid #343943;
  background: #232730;
}
.omail-dark-mode .omail-event-list-one .evnt-box .p-title {
  color: #37ac00;
}
.omail-dark-mode .omail-event-list-one .completedbg .evnt-box .p-title {
  color: #009cd9;
}
.omail-dark-mode .omail-event-list-one .cancelledbg .evnt-box .p-title {
  color: #e84c3d;
}
.omail-dark-mode .omail-popover-block {
  background: #0d0f10;
  border: 1px solid #232730;
  color: #dfe3e7;
  padding: 0;
}
.omail-dark-mode .omail-popover-block .card-body {
  background: #0d0f10;
  color: #dfe3e7;
}
.omail-dark-mode .omail-popover-block .card-body .text-truncate {
  color: #dfe3e7;
}
.omail-dark-mode .omail-popover-block .card-body .media-img {
  border: 1px solid #343943;
  background: #232730;
}
.omail-dark-mode .omail-event-list-one .viewevent-box .popover {
  background: #0d0f10;
  border: 1px solid #343943;
  filter: none;
}
.omail-dark-mode .omail-event-list-one .viewevent-box .popover .omail-popover-block {
  border: 0;
}
.omail-dark-mode .omail-event-list-one .viewevent-box .popover .omail-popover-block .title {
  color: #dfe3e7;
}
.omail-dark-mode .omail-calendar .calendar-right .day-view-block .cal-day-view .cal-week-view .cal-time-events .cal-day-columns .cal-day-column .cal-hour {
  border-top: 1px solid #232730;
}
.omail-dark-mode .omail-calendar .calendar-right .day-view-block .cal-day-view .cal-week-view .cal-time-events .cal-day-columns .cal-day-column .cal-hour mwl-calendar-week-view-hour-segment:first-child {
  border-bottom: 1px dashed #232730;
}
.omail-dark-mode .omail-event-calendar .week-view-block .cal-day-columns {
  border: 1px solid #232730;
}
.omail-dark-mode .omail-event-calendar .week-view-block .cal-week-view .cal-day-column {
  border: 1px solid #232730;
}
.omail-dark-mode .omail-event-calendar .week-view-block .cal-hour {
  border-top: 1px solid #232730;
}
.omail-dark-mode .omail-event-calendar .week-view-block .cal-hour mwl-calendar-week-view-hour-segment:first-child {
  border-bottom: 1px dashed #232730;
}
.omail-dark-mode .omail-event-calendar .cal-month-view .cal-days .cal-cell-row {
  border-bottom: 1px solid;
  border-bottom-color: #1C1F27;
}
.omail-dark-mode .omail-event-calendar .omail-month-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell.cal-today .cal-day-number {
  color: #DFE3E7 !important;
}
.omail-dark-mode .omail-event-calendar {
  background-color: #0D0F10;
}
.omail-dark-mode .omail-dark-mode .omail-event-calendar .cal-month-view .cal-cell-row:hover {
  background: transparent;
}
.omail-dark-mode .omail-event-calendar .omail-month-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell:hover {
  background-color: #232730 !important;
}
.omail-dark-mode .omail-event-calendar .week-view-block .cal-hour:last-child {
  border-bottom: 1px solid #232730;
}
.omail-dark-mode .omail-calendar .calendar-right .day-view-block .cal-day-view .cal-week-view .cal-time-events .cal-day-columns .cal-day-column .cal-hour:last-child {
  border-bottom: 1px solid #232730;
}
.omail-dark-mode .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-list-block {
  border-top: 1px solid #1C1F27;
}
.omail-dark-mode .omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text table div {
  color: #DFE3E7 !important;
}
.omail-dark-mode .omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text table div span {
  color: #DFE3E7 !important;
}
.omail-dark-mode .omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text table div p {
  color: #DFE3E7 !important;
  background-color: #0D0F10 !important;
}
.omail-dark-mode .omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text table div pre {
  background-color: #0D0F10 !important;
  border: none !important;
}
.omail-dark-mode .omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text table div pre code {
  background-color: #0D0F10 !important;
  color: #DFE3E7 !important;
}
.omail-dark-mode .omail-dark-mode .omail-compose-mail-block .omailcomposemail-footer {
  background: #0D0F10;
}
.omail-dark-mode .omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headerone {
  border-color: #232730;
}
.omail-dark-mode .mat-datepicker-content {
  background-color: #0D0F10;
  color: white;
}
.omail-dark-mode .mat-calendar-body-cell-content {
  border-radius: 6px;
}
.omail-dark-mode .mat-calendar-table-header th {
  text-align: center;
  padding: 10px 0px;
}
.omail-dark-mode .mat-calendar-table-header .mat-calendar-table-header-divider {
  display: none;
}
.omail-dark-mode .calendar-left-side .mat-calendar-content .mat-calendar-table-header th {
  padding: 0;
}
.omail-dark-mode .calendar-left-side .mat-calendar-content .mat-calendar-table-header th span {
  color: #fff;
}
.omail-dark-mode .calendar-left-side .mat-calendar-content .mat-calendar-table .mat-calendar-body-cell-content {
  color: #DFE3E7;
}
.omail-dark-mode .mat-calendar-body-selected {
  background: #004382;
}
.omail-dark-mode .mat-calendar-body-cell-content {
  color: #DFE3E7;
}
.omail-dark-mode .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(223, 227, 231, 0.5);
}
.omail-dark-mode .mat-calendar-arrow {
  fill: rgba(223, 227, 231, 0.5);
}
.omail-dark-mode .mat-calendar-table-header,
.omail-dark-mode .mat-calendar-body-label {
  color: #dfe3e7;
}
.omail-dark-mode .mat-datepicker-toggle,
.omail-dark-mode .mat-datepicker-content .mat-calendar-next-button,
.omail-dark-mode .mat-datepicker-content .mat-calendar-previous-button {
  color: #dfe3e7;
}
.omail-dark-mode .omail-settinslistof-folders .notfolder-list {
  color: #a0a6ab;
  border-top: 1px solid #232730;
  border-bottom: 1px solid #232730;
}
.omail-dark-mode .omail-settinslistof-folders .notfolder-list p {
  color: #a0a6ab;
}
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .contact-pic-text .show.dropdown .edit-block img {
  filter: brightness(0) invert(0);
}
.omail-dark-mode .omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .allow-calendar {
  border-bottom: 1px solid #1c1f27;
}
.omail-dark-mode .omail-list-group-modal .contact-search-block .oesobs-search {
  border: 1px solid #1c1f27 !important;
}
.omail-dark-mode .omail-dark-mode tr {
  border: 1px solid #1c1f27 !important;
}
.omail-dark-mode .oesomail-addressbook-modal .modal-content .modal-body .contact-search-block .oesobs-search {
  border: 1px solid #1c1f27 !important;
}
.omail-dark-mode .oesomail-addressbook-modal .modal-content .modal-body .addressbook-table-fixed tr td {
  border: 1px solid #1c1f27 !important;
  background-color: #1B1E25;
  border-bottom: 1px solid #232730 !important;
  color: #DFE3E7;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li.activefolder-list {
  color: #029CF8;
}
.omail-dark-mode .omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li:hover {
  background: #23272e;
}
.omail-dark-mode .omail-calendar .omail-product-event-type .product-dropdown .dropdown-menu {
  background-color: #0D0F10;
}
.omail-dark-mode .omail-calendar .omail-product-event-type .product-dropdown .item {
  color: #DFE3E7;
}
.omail-dark-mode .omail-calendar .omail-product-event-type .product-dropdown .item:hover {
  background-color: #1C1F27;
}
.omail-dark-mode .omail-calendar .omail-product-event-type .titleh5 {
  color: #A0A6AB;
}
.omail-dark-mode .omail-mat-autocomplete {
  border: 1px solid #1B1E25 !important;
  background: #1B1E25;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.omail-dark-mode .omail-mat-autocomplete .mat-option {
  background: #151920 !important;
  color: #DFE3E7 !important;
}
.omail-dark-mode .omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar .fr-command.fr-active {
  background: #2c97d4;
}
.omail-dark-mode .omail-more-lineksmail + * .cdk-overlay-pane .mat-menu-panel .mat-menu-content:not(:empty) button.mat-menu-item {
  background-color: #0D0F10;
  color: #DFE3E7;
}
.omail-dark-mode .omail-more-lineksmail + * .cdk-overlay-pane .mat-menu-panel .mat-menu-content:not(:empty) button.mat-menu-item:hover {
  background-color: #1C1F27;
}
.omail-dark-mode span.flatpickr-weekday {
  color: #DFE3E7;
}
.omail-dark-mode .flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(255, 255, 255, 0.9);
}
.omail-dark-mode .flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(255, 255, 255, 0.9);
}
.omail-dark-mode .flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #DFE3E7;
}
.omail-dark-mode .flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #DFE3E7;
}
.omail-dark-mode .omail-list-of-contacts-block .contacts-rounded-block .check-img-block .contact-pic-text img {
  opacity: 0.25;
}
.omail-dark-mode .omail-dark-mode .omail-list-of-contacts-block .contacts-rounded-block .check-img-block .contact-pic-text .cgpic-img {
  opacity: 1;
}
.omail-dark-mode .mail-list-dark {
  opacity: 0.25;
}
.omail-dark-mode .omail-create-folder-modal .modal-content .modal-body .create-folder-modal .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background-color: #1b1e25;
}
.omail-dark-mode .omail-create-folder-modal .modal-content .modal-body .create-folder-modal .ng-dropdown-panel .ng-dropdown-panel-items .ng-option,
.omail-dark-mode .omail-create-folder-modal .modal-content .modal-body .create-folder-modal .ng-dropdown-panel.ng-select-bottom {
  border-color: #232730;
  color: #DFE3E7;
}
.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .omail-form-field .omail-col-one input {
  background: #0d0f10;
  color: #DFE3E7;
}
.omail-dark-mode .fr-toolbar .fr-more-toolbar {
  background: #090909;
}
.omail-dark-mode .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
  background: #151920;
  color: #DFE3E7;
}
.omail-dark-mode .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
  background: #1b1e25;
  color: #DFE3E7;
}
.omail-dark-mode .fr-desktop .fr-command:hover:not(.fr-table-cell),
.omail-dark-mode .fr-desktop .fr-command:focus:not(.fr-table-cell),
.omail-dark-mode .fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell),
.omail-dark-mode .fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) {
  background: #1b1e25;
  color: #DFE3E7;
}
.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-attachment-block {
  border-top: 1px solid #1c1f27;
}
.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block hr {
  border-top: 1px solid #1c1f27;
}
.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-attachment-block ul li .attach-file-info {
  color: #DFE3E7;
}
.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-attachment-block ul li button img {
  filter: invert(96%) sepia(0%) saturate(0%) hue-rotate(143deg) brightness(105%) contrast(106%);
}
.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-attachment-block ul li .attach-icon img {
  filter: invert(96%) sepia(0%) saturate(0%) hue-rotate(143deg) brightness(105%) contrast(106%);
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text p span {
  background-color: transparent !important;
  color: #DFE3E7 !important;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text p a {
  background-color: transparent !important;
}
.omail-dark-mode .omail-replymail-froala p span {
  background-color: transparent !important;
  color: #DFE3E7 !important;
}
.omail-dark-mode .omail-replymail-froala p a {
  background-color: transparent !important;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box.newMailText .omaillist-inner-two .omail-subject-name {
  color: #029CF8 !important;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box.newMailText .omaillist-inner-one .omail-user-name {
  color: #DFE3E7 !important;
}
.omail-dark-mode .oesomail-addressbook-modal .modal-content .modal-body .addressbook-table-fixed thead th {
  background: #151920 !important;
}
.omail-dark-mode .omail-customtheam-froala-block .fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
  background: #464C59;
}
.omail-dark-mode .omail-addgroupincomp-Modal .contact-group-user-pic-block {
  background-color: #1B1E25;
  border-radius: 12px;
}
.omail-dark-mode .omail-addgroupincomp-Modal .contact-group-user-pic-block .contact-pic-text-block .edit-block {
  background: #0D0F10;
}
.omail-dark-mode .omail-addgroupincomp-Modal .modal-body label {
  color: #6D747A;
  font-size: 12px;
}
.omail-dark-mode .omail-addgroupincomp-Modal .modal-body .form-control {
  background-color: #1B1E25;
  border-color: #232730;
  color: #A0A6AB;
}
.omail-dark-mode .omail-addgroupincomp-Modal .modal-body label {
  color: #DFE3E7;
}
.omail-dark-mode .omail-compose-group-modal .modal-body .add-book-btn-block .group-rule-info-text {
  background-color: #1C1F27;
  border-color: #151920;
  color: #EEF1F3;
}
.omail-dark-mode .omail-addgroupincomp-Modal .email-catagory-block .email-catagory-inner {
  background-color: #1B1E25;
  border-color: #1B1E25;
}
.omail-dark-mode .omail-addgroupincomp-Modal .email-catagory-block .email-catagory-inner .sub-heading {
  background-color: #151920;
}
.omail-dark-mode .omail-addgroupincomp-Modal .email-catagory-block .email-catagory-inner .sub-heading h6, .omail-dark-mode .omail-addgroupincomp-Modal .email-catagory-block .email-catagory-inner .sub-heading .h6 {
  color: #006BCE;
}
.omail-dark-mode .oesomail-addressbook-modal .modal-content .modal-body .contact-search-block .oesobs-search .search-icon {
  background-color: #151920;
}
.omail-dark-mode .omail-calendar .leftblockcal .d-w-m-tab .cbtn:hover {
  color: #EEF1F3;
}
.omail-dark-mode .omail-calendar .leftblockcal .d-w-m-tab .cbtn.active {
  background-color: #004382;
  color: #EEF1F3;
}
.omail-dark-mode .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-list-block li.activetab span {
  color: #029CF8;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .trash-inactive .omail-trash-list li.activefolder-list {
  background: #23272e;
}
.omail-dark-mode .auto-date-icon img:hover {
  filter: invert(30%) sepia(90%) saturate(4433%) hue-rotate(187deg) brightness(108%) contrast(98%);
}
.omail-dark-mode .omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .mat-button-toggle-group-appearance-standard .mat-button-toggle-button .mat-button-toggle-label-content:hover {
  color: #0288D9;
}
.omail-dark-mode .omail-autofup-froala-block .fr-box.fr-basic .fr-wrapper {
  background: #1B1E25;
}
.omail-dark-mode .omail-autofup-froala-block .fr-box .fr-second-toolbar {
  background: #1B1E25;
  border: none;
}
.omail-dark-mode .omail-autofup-froala-block .fr-box.fr-basic .fr-wrapper {
  border: none;
}
.omail-dark-mode .omail-autofup-froala-block .fr-box.fr-basic .fr-toolbar {
  border: none;
}
.omail-dark-mode .omail-signature-froala-block .fr-box.fr-basic .fr-wrapper {
  background: #1B1E25;
}
.omail-dark-mode .omail-signature-froala-block .fr-box .fr-second-toolbar {
  background: #1B1E25;
  border: none;
}
.omail-dark-mode .omail-signature-froala-block .fr-box.fr-basic .fr-wrapper {
  border: none;
}
.omail-dark-mode .omail-signature-froala-block .fr-box.fr-basic .fr-toolbar {
  border: none;
}
.omail-dark-mode .omail-autoreply-froala-block .fr-box.fr-basic .fr-wrapper {
  background: #1B1E25;
}
.omail-dark-mode .omail-autoreply-froala-block .fr-box .fr-second-toolbar {
  background: #1B1E25;
  border: none;
}
.omail-dark-mode .omail-autoreply-froala-block .fr-box.fr-basic .fr-wrapper {
  border: none;
}
.omail-dark-mode .omail-autoreply-froala-block .fr-box.fr-basic .fr-toolbar {
  border: none;
}
.omail-dark-mode .omail-customtheam-froala-block .fr-box.fr-basic .fr-wrapper p > * {
  background-color: transparent !important;
  color: #dfe3e7 !important;
}
.omail-dark-mode .omail-dark-mode .fr-box.fr-basic .fr-element p span > * {
  background-color: transparent !important;
  color: #dfe3e7 !important;
}
.omail-dark-mode .omail-dark-mode .fr-box.fr-basic .fr-element div > * {
  background-color: transparent !important;
  color: #dfe3e7 !important;
}
.omail-dark-mode .omail-customtheam-froala-block .fr-box.fr-basic .fr-wrapper .fr-element > * {
  background-color: transparent !important;
  color: #dfe3e7 !important;
}
.omail-dark-mode .omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-emailmorelist-dropdown .event-more-mail-list .omail-clip-block {
  background: #1b1e25;
}
.omail-dark-mode .omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown .omail-morelist-header span:hover {
  background-color: #E84C3D;
}
.omail-dark-mode .omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown .omail-morelist-header span:hover img {
  filter: invert(6%) sepia(8%) saturate(631%) hue-rotate(155deg) brightness(90%) contrast(100%);
}
.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .calemail-more-list-block .omail-emailmorelist-dropdown .omail-morelist-header {
  background: #151920;
  color: #a0a6ab;
}
.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .calemail-more-list-block .omail-emailmorelist-dropdown .omail-clip-block {
  background: #1b1e25;
}
.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .calemail-more-list-block .omail-emailmorelist-dropdown {
  background: #1b1e25;
}
.omail-dark-mode .omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-emailmorelist-dropdown .omail-clip-block {
  background: #1b1e25;
}
.omail-dark-mode .omailmailbox-readmail-mainblock .omail-pre-loader-mail-list {
  background-color: #1c1f27;
}
.omail-dark-mode .omail-readmailchain-block {
  border-left: 2px solid #7ECEFE;
  background-color: #1B1E25;
}
.omail-dark-mode .omail-mat-autocomplete .mat-option:hover {
  background: #232730 !important;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content .folder-plush-icon {
  background-color: #232730;
}
.omail-dark-mode .fr-view strong {
  color: #dfe3e7 !important;
}
.omail-dark-mode .fr-view article {
  color: #dfe3e7 !important;
  background-color: transparent !important;
  background: transparent !important;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text p {
  background-color: transparent !important;
}
.omail-dark-mode .flatpickr-calendar.arrowTop:before {
  border-bottom-color: #0d0f10;
}
.omail-dark-mode .flatpickr-calendar.arrowTop:after {
  border-bottom-color: #0d0f10;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree .read-mail-pagenation .received-block .dropdown-menu {
  background-color: #0D0F10;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree .read-mail-pagenation .received-block .dropdown-menu .dropdown-item {
  color: #DFE3E7;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree .read-mail-pagenation .received-block .dropdown-menu .dropdown-item:hover {
  background-color: #1C1F27;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree .read-mail-pagenation .received-block .dropdown-menu .dropdown-item.disabled {
  color: #A3A3A3;
}
.omail-dark-mode .omail-dark-mode .omail-settings-tab-content .omail-setting-form .timecustom-select {
  background: #0d0f10 !important;
  border: 1px solid #232730 !important;
  color: #dfe3e7 !important;
}
.omail-dark-mode .omail-dark-mode .omail-settings-tab-content .omail-setting-form .form-control {
  background: transparent;
}
.omail-dark-mode .omail-dark-mode .omail-settings-tab-content .omail-setting-form .form-control option {
  background-color: #0D0F10;
}
.omail-dark-mode .omail-calendar .calendar-left .mat-calendar-content tr {
  border: 1px solid transparent !important;
}
.omail-dark-mode .calendar-left-side .daySelected td {
  background-color: #004382;
}
.omail-dark-mode .calendar-left-side .daySelected td:first-child {
  border-radius: 4px 0 0 4px;
}
.omail-dark-mode .calendar-left-side .daySelected td:last-child {
  border-radius: 0 4px 4px 0;
}
.omail-dark-mode .calendar-left-side .mat-calendar-content .mat-calendar-table .daySelected .mat-calendar-body-cell-content {
  color: #DFE3E7;
}
.omail-dark-mode .omail-calendar .calendar-left-side .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: #006BCE !important;
  border-color: transparent;
}
.omail-dark-mode .calendar-left-side .daySelected td {
  border-top: transparent;
}
.omail-dark-mode .omail-calendar .calendar-left-side .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: #006BCE;
}
.omail-dark-mode .omail-calendar .calendar-left-side .mat-calendar-body-active:hover .mat-calendar-body-today {
  color: #DFE3E7 !important;
}
.omail-dark-mode .calendar-left-side .calendar-left .mat-calendar .mat-calendar-header {
  background-color: #232730;
  border-radius: 3px;
}
.omail-dark-mode .calendar-left-side .calendar-left .mat-calendar .mat-calendar-header button {
  color: #DFE3E7;
}
.omail-dark-mode .omail-calendar .mat-calendar .mat-calendar-header .mat-calendar-controls svg {
  fill: #DFE3E7;
}
.omail-dark-mode .calendar-left-side .daySelected td {
  border-top: inherit !important;
}
.omail-dark-mode .omail-dark-mode .calendar-left-side .daySelected td button {
  border: 1px solid #029CF8;
  border-right: 0;
  border-left: 0;
}
.omail-dark-mode .omail-dark-mode .calendar-left-side .daySelected td:first-child button {
  border-left: 1px solid #029CF8;
  border-radius: 4px 0 0 4px;
}
.omail-dark-mode .omail-dark-mode .calendar-left-side .daySelected td:last-child button {
  border-right: 1px solid #029CF8;
  border-radius: 0 4px 4px 0;
}
.omail-dark-mode .omail-calendar .calendar-left-side .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: #232730;
}
.omail-dark-mode .omail-calendar .calendar-left-side .mat-calendar-body-selected {
  background-color: #232730;
  color: #006BCE !important;
}
.omail-dark-mode .omail-calendar .calendar-left-side .daySelected .mat-calendar-body-selected {
  background-color: #006BCE !important;
  color: #DFE3E7 !important;
}
.omail-dark-mode .omail-selected-list-block .selected-list-inner .omail-selected-list-main {
  background: url('selected-listcontacts-icon_dark.svg') no-repeat center center;
}
.omail-dark-mode .omail-selected-maillist-main {
  background: url('mail-circledark-icon.svg') no-repeat center center;
}
.omail-dark-mode .omail-selected-list-block .selected-list-inner h5, .omail-dark-mode .omail-selected-list-block .selected-list-inner .h5 {
  color: #EEF1F3;
}
.omail-dark-mode .omail-selected-list-block .selected-list-inner button {
  color: #DFE3E7;
}
.omail-dark-mode .omail-c-trash {
  background: url('Darkmode_del-empty-contacts.svg') no-repeat center center;
}
.omail-dark-mode .omail-c-gtrash {
  background: url('Darkmode_del-empty-group.svg') no-repeat center center;
}
.omail-dark-mode .omail-c-fav {
  background: url('Darkmode-empty-favorites.svg') no-repeat center center;
}
.omail-dark-mode .omail-selected-list-block .selected-list-inner .omail-selected-list-main.omail-mulselected-group {
  background: url('Darkmode_del-empty-group.svg') no-repeat center center;
}
.omail-dark-mode .omail-selected-list-block {
  background: #101214;
}
.omail-dark-mode .omailapp-settings-wrap .omail-settings-tab-content .oesuser-profile-block .show-pic .omail-settings-profile-pic {
  background: url('darkmode_SettingsProfilepic.svg') no-repeat center center;
}
.omail-dark-mode .omail-date-autofup {
  border-bottom: 1px solid #1c1f27;
}
.omail-dark-mode .omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-mat-input .mat-form-field-outline {
  color: #151920;
}
.omail-dark-mode .omail-date-autofup .timeselect-autore {
  border-color: #151920 !important;
}
.omail-dark-mode .omail-drag-selected-mails {
  background-color: #232730;
  border-color: #6D747A;
  color: #EEF1F3;
}
.omail-dark-mode .omail-addgroupincomp-Modal .modal-content .modal-body {
  background: #232730;
}
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .contact-pic-text {
  background: url('Darkmode_del-empty-contacts.svg') no-repeat center center;
}
.omail-dark-mode .omail-addgroupincomp-Modal .contact-group-user-pic-block .contact-pic-text {
  background: url('Darkmode_del-empty-contacts.svg') no-repeat center center;
}
.omail-dark-mode .omail-contactsgroup-sendmail-loader {
  background-color: #1B1E25;
}
.omail-dark-mode .flatpickr-day.today,
.omail-dark-mode .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.omail-dark-mode .mat-calendar-body-today.mat-calendar-body-selected {
  color: #DFE3E7;
  border-color: #004382;
  background-color: #004382;
}
.omail-dark-mode .flatpickr-day:hover {
  background: #DFF3FF;
  border-color: #DFF3FF;
  border-radius: 6px;
}
.omail-dark-mode .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: #000000;
}
.omail-dark-mode .omail-listofmailids-count-block {
  background-color: #1b1e25;
}
.omail-dark-mode .omail-inputtimer-field .omail-input-time {
  border: 1px solid #1c1f27;
}
.omail-dark-mode .omail-inputtimer-field .omail-timeicon-list {
  background-color: #0D0F10;
  border: 1px solid #232730;
  box-shadow: none;
}
.omail-dark-mode .omail-inputtimer-field .omail-timeicon-list li span {
  color: #DFE3E7;
}
.omail-dark-mode .omail-inputtimer-field .omail-timeicon-list li:hover {
  background-color: #232730;
}
.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-info-textarea .omail-customtheam-froala-block .fr-second-toolbar {
  background-color: #0D0F10;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block button {
  color: #006BCE;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block button:hover {
  background-color: transparent !important;
  color: #0288D9;
}
.omail-dark-mode .omail-more-lineksmail + * .cdk-overlay-pane hr {
  color: #1C1F27;
  opacity: 1;
}
.omail-dark-mode .omail-listofmailids-count-block .omail-listofmailids-count-inner {
  border: 1px solid #232730;
  background: #151920;
  color: #CB6B1A;
}
.omail-dark-mode .omail-timeicon-list {
  position: relative !important;
  left: -81px;
  border: 1px solid #232730;
  background: #0D0F10;
  padding: 8px;
  max-height: 289px;
  min-height: 289px;
  overflow-y: auto;
  min-width: 99px;
  box-shadow: none;
}
.omail-dark-mode .omail-timeicon-list::-webkit-scrollbar {
  width: 4px !important;
}
.omail-dark-mode .omail-timeicon-list::-webkit-scrollbar-thumb {
  background: #DFF3FF;
  box-sizing: border-box;
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.25);
  border-radius: 7px;
}
.omail-dark-mode .omail-timeicon-list .dropdown-item {
  cursor: pointer;
}
.omail-dark-mode .omail-timeicon-list .dropdown-item:hover {
  background-color: #151920;
}
.omail-dark-mode .omail-timeicon-list .dropdown-item span {
  color: #DFE3E7;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.omail-dark-mode .omail-app-header .omail-modules-link .omail-contact-icon img {
  filter: invert(1) sepia(9%) saturate(2101%) hue-rotate(179deg) brightness(92%) contrast(92%);
}
.omail-dark-mode .omail-app-header .omail-modules-link .omail-user-hover {
  opacity: 0;
}
.omail-dark-mode .omail-app-header .omail-modules-link ul li:nth-child(3):hover .omail-contact-icon .omail-user-hover {
  opacity: 1;
}
.omail-dark-mode .omail-app-header .omail-modules-link ul li:nth-child(3).active:hover img {
  filter: invert(1);
}
.omail-dark-mode .omail-app-header .omail-modules-link ul li:hover {
  border-bottom: 3px solid #004382;
}
.omail-dark-mode .omail-app-header .omail-modules-link ul li.active:hover {
  border-bottom: 3px solid #006BCE;
}
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerfour {
  background-color: #1C1F27;
}
.omail-dark-mode .omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerfour .read-mail-scheduled-text {
  color: #CB6B1A;
}
/* Please Don't write the styles Below 
   Please Don't write the styles Below 
   Please Don't write the styles Below 
*/
@media screen and (max-width: 1024px) {
  .my_media .left-wrapper ul li .img {
    display: none !important;
  }
}
@media screen and (max-width: 820px) {
  .profile-tab-wrapper {
    margin: 0 0.25rem !important;
  }

  .profile-tab-wrapper .nav button a {
    padding: 7px !important;
  }

  .my_media .left-wrapper .card {
    margin-bottom: 15px;
  }
  .my_media .left-wrapper .card ul {
    display: flex;
  }
  .my_media .left-wrapper .card ul li {
    padding: 5px 5px !important;
  }
  .my_media .left-wrapper .card ul li .img {
    display: none;
  }
  .my_media .left-wrapper .card ul li label {
    margin-left: 5px;
  }

  .top-view-profile {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .user_profile .tab_space4 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .user_profile .tab_space3 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }

  .allEvents .custom-search-input {
    width: 200px !important;
  }
}
@media screen and (max-width: 768px) {
  .allBlogs .card .card-footer {
    padding: 10px 10px !important;
  }
}
@media screen and (max-width: 540px) {
  .img-grid .o-img.one {
    height: 250px !important;
  }

  .addstory .createSerach {
    display: block !important;
  }
  .addstory .createSerach .srch {
    width: 100% !important;
  }

  .my_media .right-wrapper .card h5, .my_media .right-wrapper .card .h5 {
    margin-left: 10px !important;
  }
  .my_media .right-wrapper .card .card-body {
    padding: 0px 10px !important;
  }

  .top-view-profile {
    margin-left: 0rem;
    margin-right: 0rem;
  }
  .top-view-profile .cover-bg {
    min-height: 100px !important;
  }
  .top-view-profile .profile-img {
    min-width: 100px !important;
    max-width: 100px !important;
    min-height: 100px !important;
    max-height: 100px !important;
  }
  .top-view-profile .prof_thumb {
    margin-top: -50px !important;
  }

  .add-info .card_columns {
    column-count: 1 !important;
  }
  .add-info .card_columns .card_radius {
    margin-bottom: 1rem !important;
  }

  .image-upload img {
    position: relative !important;
  }

  .user_profile .tab_space4 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }

  .top-view-profile {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }

  .allClubs h5, .allClubs .h5, .myclubs h5, .myclubs .h5, .clubs_requested h5, .clubs_requested .h5, .recommend_clubs h5, .recommend_clubs .h5, .clubs_joined h5, .clubs_joined .h5 {
    font-size: 16px !important;
  }

  .clubs_block .w_70 {
    width: 100% !important;
  }

  .no_data_img {
    width: 100% !important;
  }

  .notifications-wrap .card .card-header {
    padding: 10px 1rem !important;
  }
  .notifications-wrap .card .card-header .tab-wrapper ul button {
    margin-right: 10px !important;
  }
  .notifications-wrap .card .card-header .tab-wrapper ul button a {
    padding: 5px 10px !important;
  }

  .notifications-wrap .card .card-body ul li {
    padding: 10px 10px 10px 25px !important;
  }

  .userStatus.active {
    width: 7px !important;
    height: 7px !important;
  }

  .profile-tab-wrapper {
    margin: 0 7px 5px 7px !important;
  }
  .profile-tab-wrapper .nav button {
    padding: 0 !important;
  }
  .profile-tab-wrapper .nav button a {
    padding: 5px 10px !important;
    font-size: 13px !important;
  }
}
@media screen and (max-width: 414px) {
  .onet-container {
    margin: auto 0rem !important;
  }

  .tab_wrapper {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .events-tab-wrapper ul li a {
    font-size: 12px !important;
  }

  .events_default_img .camera_icon img {
    top: 12% !important;
  }

  .allBlogs .card .card-footer {
    padding: 10px !important;
  }

  .events-img {
    top: -45px !important;
    right: 7px !important;
    width: 15px !important;
  }

  .onet-main-layout .lik-dropdown:hover .lik-dropdown-content {
    width: 290px !important;
  }

  .emj-icn .img_width, .lik-dropdown img.img_width {
    width: 25px !important;
    height: 25px !important;
  }
}
@media screen and (max-width: 375px) {
  .events_default_img .camera_icon img {
    top: 17% !important;
  }
}
:root {
  --onet-dark-bg-primary: #081827;
  --onet-dark-bg-secondary: #122333;
  --onet-dark-bg-hovered: #182b3c;
  --onet-dark-border-color: #243C51;
  --onet-primary-color: #034C53;
  --onet-secondary-color: #f3f3f3;
  --onet-label-color: #1e2730;
  --onet-text-dark-color: #5E989D;
  --onet-text-primary-color: #ffffff;
  --onet-text-secondary-color: #729B9F;
  --onet-black-color: #000000;
  --onet-white-color: #ffffff;
  --onet-btn-color: #dedede;
  --onet-btn-secondary-color: #345763;
  --onet-blue-color: #006FFF;
  --onet-light-blue: #ceddc9;
  --onet-light-green: #D8FCD8;
  --onet-banner-green: #E8FAEB;
  --onet-grey-color: #21c93842;
  --onet-link-color: #FF5D5D;
  --onet-darkgrey-color: #047a14;
  --onet-lightgrey-color: #21c93821;
  --onet-font-family: font-family: "Poppins", sans-serif !important;
}
.onet-dark-mode {
  background: var(--onet-dark-bg-primary) !important;
  background-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .logo,
.onet-dark-mode #affiliate-id {
  pointer-events: none !important;
}
.onet-dark-mode .main-layout .obs-main-layout .obs-sidebar,
.onet-dark-mode .sidebar-products-list li a,
.onet-dark-mode .sidebar-products-list-fixed li a {
  background: #0f1722 !important;
  border-bottom: 1px solid #1a2b3a !important;
}
.onet-dark-mode .main-layout .obs-main-layout .obs-sidebar .sidebar-products-list li:not(:last-child),
.onet-dark-mode .main-layout .obs-main-layout .obs-sidebar .sidebar-products-list-fixed li:not(:last-child) {
  border-bottom: 1px #1a2b3a solid !important;
}
.onet-dark-mode .main-layout > header {
  background: #0f1722 !important;
  box-shadow: 0px 1px 3px #5038f41a !important;
}
.onet-dark-mode .main-layout .obs-main-layout .obs-main-content .sub-sidebar .mobile-main-menu {
  background: #0f1722 !important;
}
.onet-dark-mode .sidebar-products-list li a.active,
.onet-dark-mode .sidebar-products-list-fixed li a.active {
  background: var(--onet-dark-bg-secondary) !important;
  box-shadow: none !important;
}
.onet-dark-mode ul.widget-fields {
  border-bottom: transparent !important;
}
.onet-dark-mode ul.widget-fields li {
  border: 0px solid transparent !important;
}
.onet-dark-mode ul.widget-fields li .list-btn {
  background-color: #171f33 !important;
}
.onet-dark-mode .sidebar-products-list li a .title,
.onet-dark-mode .sidebar-products-list-fixed li a .title {
  color: var(--white-color) !important;
}
.onet-dark-mode .widget-fields li,
.onet-dark-mode .cart-profile,
.onet-dark-mode .custom-dropdown.dropdown-menu {
  background: #0a0e19 !important;
}
.onet-dark-mode .goog-te-gadget-simple {
  background-color: #0a0e19 !important;
}
.onet-dark-mode ul.widget-fields li.credits-field .credits-content-right small, .onet-dark-mode ul.widget-fields li.credits-field .credits-content-right .small {
  color: #c5c6c7 !important;
}
.onet-dark-mode ul.widget-fields li.credits-field .credits-content-right h5, .onet-dark-mode ul.widget-fields li.credits-field .credits-content-right .h5 {
  color: #fff !important;
}
.onet-dark-mode ul.widget-fields li .list-content .user-ids-btn strong {
  color: #fff !important;
}
.onet-dark-mode ul.widget-fields li.link-copy-list .invite-btn .custom-btn {
  background: #0a0e19 !important;
  color: #fff !important;
}
.onet-dark-mode .header-right .cart-profile .profile-dropdown-details {
  color: #fff !important;
}
.onet-dark-mode .header-right .cart-profile .profile-dropdown::before {
  color: #fff !important;
}
.onet-dark-mode .custom-dropdown a {
  color: #bbb !important;
}
.onet-dark-mode .custom-dropdown a:hover {
  background: #326088 !important;
}
.onet-dark-mode .custom-dropdown a .span img {
  filter: brightness(0) invert(1) !important;
}
.onet-dark-mode .onetMobile_headerTop {
  box-shadow: none !important;
}
.onet-dark-mode .send-dropdown-menu .main-tabs .nav-pills,
.onet-dark-mode .dropdown .dropdown-menu.show {
  background: #1c3f5d !important;
  color: #cccccc !important;
  border: 1px solid transparent !important;
}
.onet-dark-mode .send-dropdown-menu .sendinvite-slide .slick-slider .slick-slide .send-template {
  background: #0e1722 !important;
  color: #cccccc !important;
}
.onet-dark-mode .send-dropdown-menu .sendinvite-slide .slick-slider .slick-slide .send-template .template-card .template-spacing .send-body .custom-btn.custom-btn-outline {
  background: #7595AE !important;
}
.onet-dark-mode .send-dropdown-menu .sendinvite-slide .slick-slider .slick-slide .send-template .template-card .template-spacing .send-body .custom-btn {
  background: #45B549 !important;
}
.onet-dark-mode .send-dropdown-menu .sendinvite-slide .slick-slider .slick-slide .send-template .template-card .template-spacing .send-body p {
  color: #cccccc !important;
}
.onet-dark-mode .send-dropdown-menu .sendinvite-slide .select-layout {
  color: #cccccc !important;
}
.onet-dark-mode .send-dropdown-menu .dropdown-menu-content .invitation-product-dropdown .mat-form-field {
  background-color: transparent !important;
}
.onet-dark-mode .send-dropdown-menu .dropdown-menu-content .dropdown-content .invitation-product-dropdown .mat-select-arrow {
  filter: brightness(10) !important;
  position: absolute;
  right: 0;
}
.onet-dark-mode .send-dropdown-menu .mat-select {
  background-color: transparent !important;
}
.onet-dark-mode .send-dropdown-menu .mat-select .mat-select-value-text {
  background-color: transparent !important;
}
.onet-dark-mode .send-dropdown-menu .example-chip-list {
  background-color: transparent !important;
}
.onet-dark-mode .send-dropdown-menu .example-chip-list .mat-input-element {
  background-color: transparent !important;
}
.onet-dark-mode .header-right .cart-profile:hover {
  background: #1c3f5d !important;
}
.onet-dark-mode .header-right ul.widget-fields li.user-ids-field:hover {
  background: #1c3f5d !important;
  transition: 0.5s;
}
.onet-dark-mode .header-right .widget-fields li.link-copy-list .invite-btn .custom-btn {
  background: #28292e !important;
  color: #ccc !important;
}
.onet-dark-mode .header-right .widget-fields li.link-copy-list .invite-btn .custom-btn:hover {
  background-color: #1c3f5d !important;
}
.onet-dark-mode .header-right .widget-fields li .list-content p {
  color: #ccc !important;
}
.onet-dark-mode .header-right .widget-fields li .list-content h6, .onet-dark-mode .header-right .widget-fields li .list-content .h6 {
  color: #808186 !important;
}
.onet-dark-mode .mat-autocomplete-panel {
  background: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .mat-autocomplete-panel .mat-option {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .mat-autocomplete-panel .inviteFrnds span {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .chips-block mat-chip-list .mat-chip {
  background-color: var(--onet-dark-bg-primary) !important;
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .chips-block mat-chip-list .mat-chip .mat-chip-remove .mat-icon {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .chips-block mat-chip-list .mat-chip .mutual_thumbs {
  align-items: center;
}
.onet-dark-mode .mat-autocomplete-panel .mat-option .mat-chip.mat-standard-chip {
  background-color: var(--onet-dark-bg-primary) !important;
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .mat-autocomplete-panel .mat-option .mat-chip.mat-standard-chip .mat-chip-remove .mat-icon {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .mat-menu-panel {
  background-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .mat-menu-panel .notif-more button {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .mat-menu-panel .mat-menu-content .mobileList-buttons {
  background-color: var(--onet-dark-bg-primary) !important;
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .mat-menu-panel.notify-drop-menu {
  background: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .mat-menu-panel.notify-drop-menu > div::before {
  border-bottom: 12px solid var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .mat-menu-panel.notify-drop-menu .notify-scroll button {
  border-top: 1px solid;
}
.onet-dark-mode .mat-menu-panel.notify-drop-menu .notif-more button {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .mat-menu-panel.notify-drop-menu .notify_text {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .mat-menu-panel.notify-drop-menu .notify-scroll button a .notTxt.unread {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .mat-menu-panel.notify-drop-menu .notify-scroll button a .notTxt.unread .dur {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .mat-menu-panel.notify-drop-menu .notify-scroll button:hover {
  background-color: var(--onet-dark-bg-hovered) !important;
}
.onet-dark-mode .mat-menu-panel.notify-drop-menu button a .userStatus.active {
  background-color: var(--bs-primary) !important;
}
.onet-dark-mode .onet-main-layout .fr-command.fr-btn {
  background-color: #7a7a7a !important;
}
.onet-dark-mode .onet-main-layout .mat-menu-panel {
  background-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-main-layout .mat-menu-panel .notif-more button {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-main-layout .mat-menu-panel.notify-drop-menu {
  background: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-main-layout .mat-menu-panel.notify-drop-menu > div::before {
  border-bottom: 12px solid var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-main-layout .mat-menu-panel.notify-drop-menu .notify-scroll button {
  border-top: 1px solid;
}
.onet-dark-mode .onet-main-layout .mat-menu-panel.notify-drop-menu .notif-more button {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-main-layout .mat-menu-panel.notify-drop-menu .notify_text {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-main-layout .mat-menu-panel.notify-drop-menu .notify-scroll button a .notTxt.unread {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-main-layout .mat-menu-panel.notify-drop-menu .notify-scroll button a .notTxt.unread .dur {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-main-layout .mat-menu-panel.notify-drop-menu .notify-scroll button:hover {
  background-color: var(--onet-dark-bg-hovered) !important;
}
.onet-dark-mode .onet-main-layout .mat-select-panel-wrap .mat-select-panel::-webkit-scrollbar-thumb,
.onet-dark-mode .onet-main-layout .notify-drop-menu .notify-scroll::-webkit-scrollbar-thumb {
  background-color: #081827 !important;
}
.onet-dark-mode .onet-main-layout.mat-menu-panel {
  background-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-main-layout.mat-menu-panel .mat-menu-content button.more {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-main-layout.mat-menu-panel button.mat-menu-item {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-main-layout.mat-menu-panel button.mat-menu-item:hover {
  background: #eeeeee08 !important;
}
.onet-dark-mode .onet-main-layout .edit-thumbs .mat-chip.mat-standard-chip {
  background-color: #00000070 !important;
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-main-layout .edit-thumbs .mutual_thumbs .mat-chip-remove {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn {
  /* S Added Styles Start*/
  /* S Added Styles End */
}
.onet-dark-mode .onet-dark-mode-inn body {
  background-color: var(--onet-dark-bg-primary) !important;
  color: var(--onet-white-color);
}
.onet-dark-mode .onet-dark-mode-inn .body_layout,
.onet-dark-mode .onet-dark-mode-inn .main_nav,
.onet-dark-mode .onet-dark-mode-inn .main_nav_inn,
.onet-dark-mode .onet-dark-mode-inn .menu-list,
.onet-dark-mode .onet-dark-mode-inn .msg-noti-access,
.onet-dark-mode .onet-dark-mode-inn .top-right-nav {
  background-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .body_layout .mat-card,
.onet-dark-mode .onet-dark-mode-inn .main_nav .mat-card,
.onet-dark-mode .onet-dark-mode-inn .main_nav_inn .mat-card,
.onet-dark-mode .onet-dark-mode-inn .menu-list .mat-card,
.onet-dark-mode .onet-dark-mode-inn .msg-noti-access .mat-card,
.onet-dark-mode .onet-dark-mode-inn .top-right-nav .mat-card {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .btn-fill {
  border: 1px solid transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn input,
.onet-dark-mode .onet-dark-mode-inn .form-select,
.onet-dark-mode .onet-dark-mode-inn .mat_select,
.onet-dark-mode .onet-dark-mode-inn .mat-select,
.onet-dark-mode .onet-dark-mode-inn .mat-form-field,
.onet-dark-mode .onet-dark-mode-inn textarea,
.onet-dark-mode .onet-dark-mode-inn .form-select option {
  -webkit-background-color: var(--onet-dark-bg-hovered) !important;
  -webkit-border-color: var(--onet-dark-border-color) !important;
  -webkit-color: var(--onet-text-secondary-color) !important;
  -moz-background-color: var(--onet-dark-bg-hovered) !important;
  -moz-border-color: var(--onet-dark-border-color) !important;
  -moz-color: var(--onet-text-secondary-color) !important;
  -o-background-color: var(--onet-dark-bg-hovered) !important;
  -o-border-color: var(--onet-dark-border-color) !important;
  -o-color: var(--onet-text-secondary-color) !important;
  background-color: var(--onet-dark-bg-hovered) !important;
  border-color: var(--onet-dark-border-color) !important;
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .mat-form-field-hide-placeholder .mat-select-placeholder {
  color: #ccc !important;
}
.onet-dark-mode .onet-dark-mode-inn .mat-icon img,
.onet-dark-mode .onet-dark-mode-inn .form-select-event::after {
  background-color: transparent !important;
  border: none !important;
  filter: contrast(0.5) !important;
}
.onet-dark-mode .onet-dark-mode-inn .mat-select-arrow {
  visibility: hidden !important;
}
.onet-dark-mode .onet-dark-mode-inn .whats-your-mind.box-layout,
.onet-dark-mode .onet-dark-mode-inn .recommend-wrapper {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .feature-notifies .notifies_card .tags {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .recomm-friends .no-data h3, .onet-dark-mode .onet-dark-mode-inn .recomm-friends .no-data .h3 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .left-wrapper .left-wrapper-inn .bg {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .left-wrapper .left-wrapper-inn .bg .capt {
  background-color: var(--onet-dark-bg-secondary) !important;
  border-bottom: 1px solid var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .left-wrapper .left-wrapper-inn .bg .capt small img, .onet-dark-mode .onet-dark-mode-inn .left-wrapper .left-wrapper-inn .bg .capt .small img {
  filter: brightness(0) invert(1);
}
.onet-dark-mode .onet-dark-mode-inn .right-nav .side-wraps {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .right-nav .side-wraps .capt {
  border-bottom: none !important;
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .right-nav .side-wraps .capt .viewAll-span {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .right-nav .side-wraps .capt .viewAll-span img {
  filter: brightness(0) invert(1);
}
.onet-dark-mode .onet-dark-mode-inn .right-nav .side-wraps .capt,
.onet-dark-mode .onet-dark-mode-inn .right-nav .side-wraps .list-inns {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .right-nav .side-wraps .list-inns {
  border-radius: unset !important;
}
.onet-dark-mode .onet-dark-mode-inn .right-nav .side-wraps .list-inns .list-tags h6, .onet-dark-mode .onet-dark-mode-inn .right-nav .side-wraps .list-inns .list-tags .h6 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .right-nav .side-wraps .list-inns .list-tags p,
.onet-dark-mode .onet-dark-mode-inn .right-nav .side-wraps .list-inns .list-tags a {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .right-nav .side-wraps .cal-wrap {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .right-nav .side-wraps .cal-wrap .calendar-wrap {
  background-color: var(--onet-dark-bg-secondary) !important;
  border-bottom: unset !important;
}
.onet-dark-mode .onet-dark-mode-inn .right-nav .side-wraps .cal-wrap .calendar-wrap .btn-group {
  background-color: var(--onet-dark-bg-hovered) !important;
}
.onet-dark-mode .onet-dark-mode-inn .right-nav .side-wraps .cal-wrap .btn-group h3, .onet-dark-mode .onet-dark-mode-inn .right-nav .side-wraps .cal-wrap .btn-group .h3 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .calendar-wrap {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-calendar .cal-month-view .cal-cell-row .cal-cell:hover {
  background-color: #fafafa00 !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-calendar .cal-month-view .cal-cell-row:hover {
  background-color: #fafafa00 !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-calendar .cal-month-view .cal-days {
  background-color: var(--onet-dark-bg-hovered) !important;
  border-color: transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-calendar .cal-month-view .cal-day-cell.cal-today {
  background-color: transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-calendar .cal-month-view .cal-day-number {
  color: #ffffff !important;
}
.onet-dark-mode .onet-dark-mode-inn .gm-user .gm-user-inn {
  box-shadow: none !important;
  background-color: #5b5b5b77 !important;
}
.onet-dark-mode .onet-dark-mode-inn .gm-user .gm-user-inn .prof-name {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .gm-user .gm-user-inn .prof-name .prof-name-inn h6, .onet-dark-mode .onet-dark-mode-inn .gm-user .gm-user-inn .prof-name .prof-name-inn .h6 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .gm-user .gm-user-inn .prof-name .prof-name-inn small, .onet-dark-mode .onet-dark-mode-inn .gm-user .gm-user-inn .prof-name .prof-name-inn .small {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .gm-user .gm-user-inn .prof-name .prof-name-inn img {
  filter: brightness(0) saturate(100%) invert(56%) sepia(41%) saturate(328%) hue-rotate(136deg) brightness(92%) contrast(91%) !important;
}
.onet-dark-mode .onet-dark-mode-inn .gm-user .public-user-inn .public-name-wrap {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .gm-user .public-user-inn .public-name-wrap .public-mutual-friends h6, .onet-dark-mode .onet-dark-mode-inn .gm-user .public-user-inn .public-name-wrap .public-mutual-friends .h6 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .gm-user .public-user-inn .public-name-wrap .public-mutual-friends label {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .gm-user .public-user-inn .public-name-wrap .more-acts {
  background-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .box-layout {
  background-color: var(--onet-dark-bg-secondary) !important;
  box-shadow: unset !important;
}
.onet-dark-mode .onet-dark-mode-inn .box-layout .d-flex.justify-content-between p {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .box-layout mat-card-header {
  border-bottom: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .box-layout mat-card-header .mat-card-title {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .box-layout mat-card-header .mat-card-subtitle,
.onet-dark-mode .onet-dark-mode-inn .box-layout mat-card-header .privacy-wrap span {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .box-layout .more-acts {
  background-color: var(--onet-dark-bg-primary) !important;
  border-radius: 4px !important;
}
.onet-dark-mode .onet-dark-mode-inn .box-layout .mat-card-content {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .onet-sidemenu ul li span.title {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .onet-sidemenu ul li.active span.title, .onet-dark-mode .onet-dark-mode-inn .onet-sidemenu ul li:hover span.title {
  color: var(--onet-white-color) !important;
  box-shadow: 0px 3px 0px 0px var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .onet-sidemenu ul li.myMenu-out0 .nav-icn {
  border: none !important;
}
.onet-dark-mode .onet-dark-mode-inn .onet-sidemenu .sidenav-inn .get_more .get_more_btn {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .post-share-links ul li a {
  background: transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .post-share-links ul li .circle-c img {
  background-color: transparent !important;
  filter: brightness(2) contrast(0.5) !important;
}
.onet-dark-mode .onet-dark-mode-inn .post-share-links ul li .circle-c.like-icn div img {
  filter: none !important;
}
.onet-dark-mode .onet-dark-mode-inn .post-share-links ul li .like-icn.circle-c.like-icn div img.liked-icn {
  filter: none !important;
}
.onet-dark-mode .onet-dark-mode-inn .post-share-links ul li span {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .post-share-links ul li span a {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .post-share-links ul li a:hover .actve_comm_inn,
.onet-dark-mode .onet-dark-mode-inn .post-share-links ul li .shareIcn:hover {
  background-color: transparent !important;
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .custom-search-input {
  background-color: var(--onet-dark-bg-hovered) !important;
  box-shadow: none !important;
  border: 1px solid var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .custom-search-input .input-group-btn button {
  background-color: var(--onet-dark-bg-hovered) !important;
}
.onet-dark-mode .onet-dark-mode-inn .noData {
  background-color: var(--onet-dark-bg-secondary);
}
.onet-dark-mode .onet-dark-mode-inn .fr-toolbar,
.onet-dark-mode .onet-dark-mode-inn .fr-box.fr-basic .fr-wrapper,
.onet-dark-mode .onet-dark-mode-inn .fr-second-toolbar {
  background-color: var(--onet-dark-bg-hovered) !important;
}
.onet-dark-mode .onet-dark-mode-inn .fr-box.fr-basic {
  border: none !important;
  background-color: var(--onet-dark-bg-hovered) !important;
  border-radius: 10px !important;
}
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .create-event-btns .icn label {
  background-color: var(--onet-dark-bg-hovered) !important;
}
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .create-event-btns .icn label img {
  filter: brightness(50) contrast(10);
}
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .create-event-btns .icn label.active {
  background-color: var(--onet-primary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .create-event-btns .icn label.active:hover {
  background-color: var(--onet-primary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .create-event-btns .icn label:hover {
  background-color: #54626f !important;
}
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .upload_blk .custom-dropzone,
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .createPodcast .upload_blk {
  background-color: var(--onet-dark-bg-hovered) !important;
  border: 1px solid #20374b !important;
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .upload_blk .custom-dropzone .uploadwrap label img,
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .createPodcast .upload_blk .uploadwrap label img {
  filter: invert(1);
}
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .upload_blk .custom-dropzone .uploadwrap img,
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .createPodcast .upload_blk .uploadwrap img {
  filter: invert(1);
}
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .upload_blk .custom-dropzone .uploadwrap div .thumb_img,
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .createPodcast .upload_blk .uploadwrap div .thumb_img {
  filter: invert(0);
}
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .upload_blk .custom-dropzone .uploadwrap h6, .onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .upload_blk .custom-dropzone .uploadwrap .h6,
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .createPodcast .upload_blk .uploadwrap h6,
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .createPodcast .upload_blk .uploadwrap .h6 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .upload_blk .custom-dropzone .thumb-inn-audio,
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .createPodcast .upload_blk .thumb-inn-audio {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .upload_blk .custom-dropzone .thumb-inn-audio ngx-dropzone-remove-badge,
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .createPodcast .upload_blk .thumb-inn-audio ngx-dropzone-remove-badge {
  opacity: 1;
  top: 12px;
  right: 0px;
  background-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .upload_blk .custom-dropzone .thumb-inn-audio ngx-dropzone-remove-badge svg line,
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .createPodcast .upload_blk .thumb-inn-audio ngx-dropzone-remove-badge svg line {
  stroke: var(--onet-primary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .upload_blk .custom-dropzone .addaudio .ad h6, .onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .upload_blk .custom-dropzone .addaudio .ad .h6,
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .createPodcast .upload_blk .addaudio .ad h6,
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .createPodcast .upload_blk .addaudio .ad .h6 {
  color: var(--onet-white-color);
}
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .upload_blk .custom-dropzone .addaudio .ad small, .onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .upload_blk .custom-dropzone .addaudio .ad .small,
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .createPodcast .upload_blk .addaudio .ad small,
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .createPodcast .upload_blk .addaudio .ad .small {
  color: var(--onet-text-dark-color);
}
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .upload_blk .custom-dropzone .addaudio .audio-upload-wrap img,
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .createPodcast .upload_blk .addaudio .audio-upload-wrap img {
  filter: brightness(0) saturate(100%) invert(90%) sepia(41%) saturate(328%) hue-rotate(136deg) brightness(92%) contrast(91%) !important;
}
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .createPost .add-media .uploaded-thumbs .thumb-inn {
  background-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .createPost .add-media .uploaded-thumbs .uploadwrap {
  background-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .createPost_wrap .createPost .add-media .uploaded-thumbs .uploadwrap img {
  filter: brightness(2) !important;
}
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .form-fields .fr-box.fr-inline {
  background-color: var(--onet-dark-bg-hovered) !important;
  border-color: var(--onet-dark-border-color) !important;
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .post-profile .post-name h3, .onet-dark-mode .onet-dark-mode-inn .addstory .createSerach .post-profile .post-name .h3 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .addstory .termsAndConditions a {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .notify-drop .notif-icn,
.onet-dark-mode .onet-dark-mode-inn .msg-wrap button .msg-icn,
.onet-dark-mode .onet-dark-mode-inn .onet-guide,
.onet-dark-mode .onet-dark-mode-inn .dark-mode {
  background-color: var(--onet-dark-bg-hovered) !important;
}
.onet-dark-mode .onet-dark-mode-inn .recommend-wrapper .recommend-tabs {
  box-shadow: none !important;
  background-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .recommend-wrapper .recommend-tabs .active button {
  color: var(--onet-white-color) !important;
  box-shadow: inset 0px -5px 0px 0px var(--onet-primary-color);
}
.onet-dark-mode .onet-dark-mode-inn .recommend-wrapper .recommend-content .recomm-card .tags h3, .onet-dark-mode .onet-dark-mode-inn .recommend-wrapper .recommend-content .recomm-card .tags .h3 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .recommend-wrapper .recommend-content .recomm-card .tags small, .onet-dark-mode .onet-dark-mode-inn .recommend-wrapper .recommend-content .recomm-card .tags .small {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .feature-notifies .notifies_card {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .addstory .pp {
  background-color: var(--onet-primary-color) !important;
  border: 1px solid transparent;
  border-radius: 5px !important;
}
.onet-dark-mode .onet-dark-mode-inn .addstory .pp a {
  color: var(--white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .addstory .pp select {
  filter: brightness(10) contrast(50) !important;
  background-color: transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .left-wrapper-inn .bg,
.onet-dark-mode .onet-dark-mode-inn .left-wrapper-inn-friend .bg {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .left-wrapper-inn .bg .capt,
.onet-dark-mode .onet-dark-mode-inn .left-wrapper-inn-friend .bg .capt {
  background-color: var(--onet-dark-bg-secondary) !important;
  border-bottom: 1px solid var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .left-wrapper-inn .bg .capt h6, .onet-dark-mode .onet-dark-mode-inn .left-wrapper-inn .bg .capt .h6,
.onet-dark-mode .onet-dark-mode-inn .left-wrapper-inn .bg .capt small,
.onet-dark-mode .onet-dark-mode-inn .left-wrapper-inn .bg .capt .small,
.onet-dark-mode .onet-dark-mode-inn .left-wrapper-inn-friend .bg .capt h6,
.onet-dark-mode .onet-dark-mode-inn .left-wrapper-inn-friend .bg .capt .h6,
.onet-dark-mode .onet-dark-mode-inn .left-wrapper-inn-friend .bg .capt small,
.onet-dark-mode .onet-dark-mode-inn .left-wrapper-inn-friend .bg .capt .small {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .left-wrapper-inn .bg .capt-inn,
.onet-dark-mode .onet-dark-mode-inn .left-wrapper-inn-friend .bg .capt-inn {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .left-wrapper-inn .bg .capt-inn small, .onet-dark-mode .onet-dark-mode-inn .left-wrapper-inn .bg .capt-inn .small,
.onet-dark-mode .onet-dark-mode-inn .left-wrapper-inn-friend .bg .capt-inn small,
.onet-dark-mode .onet-dark-mode-inn .left-wrapper-inn-friend .bg .capt-inn .small {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .media-tags-group .media-tags a span {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .media-tags-group li .icn img {
  filter: brightness(10) contrast(0.5) !important;
}
.onet-dark-mode .onet-dark-mode-inn .post_text p {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .newsFeedsBlog-view .card {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .newsFeedsBlog-view .card .card-body .cards-wrap .card {
  background-color: var(--onet-dark-bg-hovered) !important;
}
.onet-dark-mode .onet-dark-mode-inn .newsFeedsBlog-view .card .card-body .cards-wrap .card h6 p, .onet-dark-mode .onet-dark-mode-inn .newsFeedsBlog-view .card .card-body .cards-wrap .card .h6 p {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .newsFeedsBlog-view .card .card-body .cards-wrap .card p {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .newsFeedsBlog-view .card .card-body .cards-wrap .card .card-body {
  background-color: var(--onet-dark-bg-hovered) !important;
}
.onet-dark-mode .onet-dark-mode-inn .textExtend_froala p {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .scroll-inn:hover::-webkit-scrollbar-thumb,
.onet-dark-mode .onet-dark-mode-inn .left-wrapper-inn:hover::-webkit-scrollbar-thumb {
  background: #2b4257 !important;
}
.onet-dark-mode .onet-dark-mode-inn .fr-toolbar .fr-command.fr-btn svg path {
  fill: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .mat-select-value-text {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .carousel .nav-btn {
  border-color: #5E989D !important;
  box-shadow: 0px 2px 2px #0000005e !important;
  background-color: #034c538c !important;
}
.onet-dark-mode .onet-dark-mode-inn .carousel .nav-btn img {
  filter: brightness(10) contrast(0.5) !important;
}
.onet-dark-mode .onet-dark-mode-inn .posted_comment,
.onet-dark-mode .onet-dark-mode-inn .reply_posted_comment {
  background-color: transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .posted_comment h6, .onet-dark-mode .onet-dark-mode-inn .posted_comment .h6,
.onet-dark-mode .onet-dark-mode-inn .reply_posted_comment h6,
.onet-dark-mode .onet-dark-mode-inn .reply_posted_comment .h6 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .posted_comment p,
.onet-dark-mode .onet-dark-mode-inn .reply_posted_comment p {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .posted_comment .whenTo,
.onet-dark-mode .onet-dark-mode-inn .reply_posted_comment .whenTo {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .posted_comment span,
.onet-dark-mode .onet-dark-mode-inn .reply_posted_comment span {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .comment_width .posted_comment div p span {
  background-color: transparent !important;
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .sub_comments .bg-border {
  background-color: var(--onet-dark-bg-primary) !important;
  border-color: var(--onet-dark-bg-hovered) !important;
}
.onet-dark-mode .onet-dark-mode-inn .sub_comments .bg-border .digi,
.onet-dark-mode .onet-dark-mode-inn .sub_comments .bg-border a {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .sub_comments span {
  color: var(--onet-white-color) !important;
  font-size: 12px !important;
}
.onet-dark-mode .onet-dark-mode-inn .sub_comments span a h4, .onet-dark-mode .onet-dark-mode-inn .sub_comments span a .h4 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .custom-search-input input,
.onet-dark-mode .onet-dark-mode-inn .custom-search-input .mat-form-field,
.onet-dark-mode .onet-dark-mode-inn .custom-search-input .mat-select {
  color: var(--onet-text-secondary-color) !important;
  background: transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .custom-search-input .mat-select-arrow {
  visibility: visible !important;
  border-top-color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .edit-cover .more-acts {
  background-color: transparent !important;
  border-radius: unset !important;
}
.onet-dark-mode .onet-dark-mode-inn .edit-profile .more-acts button,
.onet-dark-mode .onet-dark-mode-inn .edit-cover .more-acts button {
  background-color: var(--onet-dark-bg-primary) !important;
  box-shadow: 0px 1px 2px 0px #0000005e !important;
}
.onet-dark-mode .onet-dark-mode-inn .edit-profile .more-acts .more,
.onet-dark-mode .onet-dark-mode-inn .edit-cover .more-acts .more {
  background-color: var(--onet-dark-bg-primary) !important;
  box-shadow: 0px 1px 2px 0px #0000005e !important;
}
.onet-dark-mode .onet-dark-mode-inn .u-name {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .hidePost p {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .hidePost span {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .hidePost .icn {
  filter: brightness(10);
}
.onet-dark-mode .onet-dark-mode-inn .hidePost .mat-card-title small, .onet-dark-mode .onet-dark-mode-inn .hidePost .mat-card-title .small {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .hidePost .user-prof .u-name {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .hidePost .user-prof .privacy-wrap {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .hidePost .user-prof .privacy-wrap span {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .default-mode {
  background-color: var(--onet-dark-bg-hovered) !important;
}
.onet-dark-mode .onet-dark-mode-inn .default-mode img {
  filter: invert(48%) sepia(13%) saturate(3207%) hue-rotate(130deg) brightness(65%) contrast(70%);
}
.onet-dark-mode .onet-dark-mode-inn .bg-white {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .lik-dropdown:hover .lik-dropdown-content {
  background-color: var(--onet-dark-bg-primary) !important;
  border-color: var(--onet-dark-bg-secondary) !important;
  box-shadow: none !important;
}
.onet-dark-mode .onet-dark-mode-inn .img-grid .o-img.x-one {
  border: none !important;
  background: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .tab-wrapper .nav {
  border-bottom: 1px solid var(--onet-dark-border-color) !important;
}
@media screen and (max-width: 768px) {
  .onet-dark-mode .onet-dark-mode-inn .tab-wrapper .nav {
    border-bottom: none !important;
  }
}
.onet-dark-mode .onet-dark-mode-inn .tab-wrapper .nav button.active,
.onet-dark-mode .onet-dark-mode-inn .tab-wrapper .nav button:hover {
  color: #ffffff !important;
  box-shadow: inset 0px -3px 0px 0px #ffffff !important;
}
.onet-dark-mode .onet-dark-mode-inn .tab-wrapper .nav .moduleTitle {
  color: #ffffff !important;
}
.onet-dark-mode .onet-dark-mode-inn .single_template .card,
.onet-dark-mode .onet-dark-mode-inn .podcast-view .card {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .single_template .card .inner-card,
.onet-dark-mode .onet-dark-mode-inn .podcast-view .card .inner-card {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .single_template .card .card-body .cards-wrap .card,
.onet-dark-mode .onet-dark-mode-inn .single_template .card .card-body .cards-wrap .card .card-body,
.onet-dark-mode .onet-dark-mode-inn .podcast-view .card .card-body .cards-wrap .card,
.onet-dark-mode .onet-dark-mode-inn .podcast-view .card .card-body .cards-wrap .card .card-body {
  background-color: var(--onet-dark-bg-hovered) !important;
}
.onet-dark-mode .onet-dark-mode-inn .single_template .card .card-body .cards-wrap .card .card-body h6, .onet-dark-mode .onet-dark-mode-inn .single_template .card .card-body .cards-wrap .card .card-body .h6,
.onet-dark-mode .onet-dark-mode-inn .podcast-view .card .card-body .cards-wrap .card .card-body h6,
.onet-dark-mode .onet-dark-mode-inn .podcast-view .card .card-body .cards-wrap .card .card-body .h6 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .single_template .card .card-body .cards-wrap .card .card-body h6 p, .onet-dark-mode .onet-dark-mode-inn .single_template .card .card-body .cards-wrap .card .card-body .h6 p,
.onet-dark-mode .onet-dark-mode-inn .podcast-view .card .card-body .cards-wrap .card .card-body h6 p,
.onet-dark-mode .onet-dark-mode-inn .podcast-view .card .card-body .cards-wrap .card .card-body .h6 p {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .single_template .card p,
.onet-dark-mode .onet-dark-mode-inn .podcast-view .card p {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .single_template .card .blogPostText p,
.onet-dark-mode .onet-dark-mode-inn .podcast-view .card .blogPostText p {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .public_main_row {
  background-color: var(--onet-dark-bg-secondary) !important;
  border: 1px solid var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .public_main_row h6, .onet-dark-mode .onet-dark-mode-inn .public_main_row .h6 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .public_main_row h6 span, .onet-dark-mode .onet-dark-mode-inn .public_main_row .h6 span {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .public_main_row .card_wrap_main {
  background: var(--onet-dark-bg-primary) !important;
  border: 1px solid var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .public_main_row .card-wrap .more-acts button {
  background-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .public_main_row .card-wrap .card {
  background-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .public_main_row .card-wrap .card .prof_capts {
  background-color: var(--onet-dark-bg-primary) !important;
  background: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .public_main_row .card-wrap .card .prof_capts h5, .onet-dark-mode .onet-dark-mode-inn .public_main_row .card-wrap .card .prof_capts .h5 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .public_main_row .card-wrap .card .prof_capts label {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .main_frnds_heading h5, .onet-dark-mode .onet-dark-mode-inn .main_frnds_heading .h5 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .card-col .card_wrap_main {
  border: 1px solid var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .date_devider {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .allBlogs h5, .onet-dark-mode .onet-dark-mode-inn .allBlogs .h5 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .allBlogs .custom-search-input {
  background-color: var(--onet-dark-bg-hovered) !important;
}
.onet-dark-mode .onet-dark-mode-inn .schedulePost-dropbox.scheduletooltip,
.onet-dark-mode .onet-dark-mode-inn .tagfriends-wrap.tagfriendstooltip {
  box-shadow: none !important;
  background-color: var(--onet-dark-bg-hovered) !important;
}
.onet-dark-mode .onet-dark-mode-inn .schedulePost-dropbox.scheduletooltip .schedulePost-inn,
.onet-dark-mode .onet-dark-mode-inn .schedulePost-dropbox.scheduletooltip .tag_friends_inn,
.onet-dark-mode .onet-dark-mode-inn .tagfriends-wrap.tagfriendstooltip .schedulePost-inn,
.onet-dark-mode .onet-dark-mode-inn .tagfriends-wrap.tagfriendstooltip .tag_friends_inn {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .schedulePost-dropbox.scheduletooltip .schedulePost-inn .custom-search-input .srch img,
.onet-dark-mode .onet-dark-mode-inn .schedulePost-dropbox.scheduletooltip .tag_friends_inn .custom-search-input .srch img,
.onet-dark-mode .onet-dark-mode-inn .tagfriends-wrap.tagfriendstooltip .schedulePost-inn .custom-search-input .srch img,
.onet-dark-mode .onet-dark-mode-inn .tagfriends-wrap.tagfriendstooltip .tag_friends_inn .custom-search-input .srch img {
  filter: brightness(3);
}
.onet-dark-mode .onet-dark-mode-inn .schedulePost-dropbox.scheduletooltip .schedulePost-inn p,
.onet-dark-mode .onet-dark-mode-inn .schedulePost-dropbox.scheduletooltip .tag_friends_inn p,
.onet-dark-mode .onet-dark-mode-inn .tagfriends-wrap.tagfriendstooltip .schedulePost-inn p,
.onet-dark-mode .onet-dark-mode-inn .tagfriends-wrap.tagfriendstooltip .tag_friends_inn p {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .schedulePost-dropbox.scheduletooltip .schedulePost-inn label,
.onet-dark-mode .onet-dark-mode-inn .schedulePost-dropbox.scheduletooltip .tag_friends_inn label,
.onet-dark-mode .onet-dark-mode-inn .tagfriends-wrap.tagfriendstooltip .schedulePost-inn label,
.onet-dark-mode .onet-dark-mode-inn .tagfriends-wrap.tagfriendstooltip .tag_friends_inn label {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .schedulePost-dropbox.scheduletooltip .schedulePost-inn .form .schedule-postTimer img,
.onet-dark-mode .onet-dark-mode-inn .tagfriends-wrap.tagfriendstooltip .schedulePost-inn .form .schedule-postTimer img {
  filter: invert(1) !important;
}
.onet-dark-mode .onet-dark-mode-inn .schedulePost-dropbox.scheduletooltip .schedulePost-inn .form mat-datepicker-toggle button svg,
.onet-dark-mode .onet-dark-mode-inn .tagfriends-wrap.tagfriendstooltip .schedulePost-inn .form mat-datepicker-toggle button svg {
  filter: invert(1) !important;
}
.onet-dark-mode .onet-dark-mode-inn .schedulePost-dropbox.scheduletooltip .tag_friends,
.onet-dark-mode .onet-dark-mode-inn .tagfriends-wrap.tagfriendstooltip .tag_friends {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .schedulePost-dropbox.scheduletooltip .tag_friends .tag_suggestions h6, .onet-dark-mode .onet-dark-mode-inn .schedulePost-dropbox.scheduletooltip .tag_friends .tag_suggestions .h6,
.onet-dark-mode .onet-dark-mode-inn .tagfriends-wrap.tagfriendstooltip .tag_friends .tag_suggestions h6,
.onet-dark-mode .onet-dark-mode-inn .tagfriends-wrap.tagfriendstooltip .tag_friends .tag_suggestions .h6 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .schedulePost-dropbox.scheduletooltip .tag_friends .tag_suggestions .lis,
.onet-dark-mode .onet-dark-mode-inn .tagfriends-wrap.tagfriendstooltip .tag_friends .tag_suggestions .lis {
  border-bottom: 1px solid #e3e3e347 !important;
}
.onet-dark-mode .onet-dark-mode-inn .schedulePost-dropbox.scheduletooltip .tag_friends .tag_suggestions .lis .check-wrap span,
.onet-dark-mode .onet-dark-mode-inn .tagfriends-wrap.tagfriendstooltip .tag_friends .tag_suggestions .lis .check-wrap span {
  color: #cbcbcb !important;
}
.onet-dark-mode .onet-dark-mode-inn .schedulePost-dropbox.scheduletooltip .tag_friends .tag_suggestions .lis .check-wrap .round input[type=checkbox]:checked + label,
.onet-dark-mode .onet-dark-mode-inn .tagfriends-wrap.tagfriendstooltip .tag_friends .tag_suggestions .lis .check-wrap .round input[type=checkbox]:checked + label {
  background-color: var(--onet-primary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .schedulePost-dropbox.scheduletooltip .tag_friends .tag_suggestions .lis .check-wrap .round label,
.onet-dark-mode .onet-dark-mode-inn .tagfriends-wrap.tagfriendstooltip .tag_friends .tag_suggestions .lis .check-wrap .round label {
  background-color: transparent !important;
  border: 1px solid #fff !important;
}
.onet-dark-mode .onet-dark-mode-inn .main-card .stick-head {
  box-shadow: 0px 2px 4px -2px #0000007a !important;
}
.onet-dark-mode .onet-dark-mode-inn .notifications-wrap .card {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .checkmark {
  border: 1px solid var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .checkmark:after {
  left: 4px !important;
  top: 1px !important;
}
@media screen and (max-width: 767.98px) {
  .onet-dark-mode .onet-dark-mode-inn .onetMobile_headerTop {
    background-color: var(--onet-dark-bg-primary) !important;
  }
}
.onet-dark-mode .onet-dark-mode-inn .my_media .right-wrapper .myMedia-card .card {
  border-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .friends-search .inn .globalSearch-title h4, .onet-dark-mode .onet-dark-mode-inn .friends-search .inn .globalSearch-title .h4 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .friends-search .inn .globalSearch-title h4 span, .onet-dark-mode .onet-dark-mode-inn .friends-search .inn .globalSearch-title .h4 span {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .friends-search .inn .card {
  background-color: var(--onet-dark-bg-hovered) !important;
}
.onet-dark-mode .onet-dark-mode-inn .friends-search .inn .card.globalSearch-people h5, .onet-dark-mode .onet-dark-mode-inn .friends-search .inn .card.globalSearch-people .h5, .onet-dark-mode .onet-dark-mode-inn .friends-search .inn .card.globalSearch-club h5, .onet-dark-mode .onet-dark-mode-inn .friends-search .inn .card.globalSearch-club .h5 {
  color: var(--white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .friends-search .inn .card .globalSearch-peopledetails h5, .onet-dark-mode .onet-dark-mode-inn .friends-search .inn .card .globalSearch-peopledetails .h5,
.onet-dark-mode .onet-dark-mode-inn .friends-search .inn .card .globalSearch-peopledetails h5 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .friends-search .inn .card .globalSearch-peopledetails p span,
.onet-dark-mode .onet-dark-mode-inn .friends-search .inn .card .globalSearch-peopledetails p span {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .friends-search .inn .card .card-body ul li h6, .onet-dark-mode .onet-dark-mode-inn .friends-search .inn .card .card-body ul li .h6 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .friends-search .inn .card .card-body ul li p,
.onet-dark-mode .onet-dark-mode-inn .friends-search .inn .card .card-body ul li p span {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .recommend_clubs .default_img {
  background-color: var(--onet-dark-bg-hovered) !important;
}
.onet-dark-mode .onet-dark-mode-inn .message-blog::-webkit-scrollbar-thumb,
.onet-dark-mode .onet-dark-mode-inn .msg_wrap .right-pannel .card .card_scroll::-webkit-scrollbar-thumb,
.onet-dark-mode .onet-dark-mode-inn .searchList ul:hover::-webkit-scrollbar-thumb,
.onet-dark-mode .onet-dark-mode-inn .proffesional-info-view .inn_scroll::-webkit-scrollbar-thumb {
  background: #607082 !important;
}
.onet-dark-mode .onet-dark-mode-inn .request-group ul li {
  background: var(--onet-dark-bg-hovered) !important;
}
.onet-dark-mode .onet-dark-mode-inn .request-group ul li:hover, .onet-dark-mode .onet-dark-mode-inn .request-group ul li.active {
  background-color: var(--onet-primary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .request-group ul li .r-icn {
  filter: brightness(10);
}
.onet-dark-mode .onet-dark-mode-inn .request-group ul li label {
  color: var(--white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .request-group ul li label span {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .play-icn,
.onet-dark-mode .onet-dark-mode-inn .img-grid .o-img .vedioPlay::before {
  background: url('play-dark.svg') !important;
  background-color: var(--onet-primary-color) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.onet-dark-mode .onet-dark-mode-inn .play-icn {
  height: 50px;
  width: 50px;
}
.onet-dark-mode .onet-dark-mode-inn .play-icn img {
  display: none !important;
}
.onet-dark-mode .onet-dark-mode-inn .lik-dropdown-content .tool_tip .tooltiptext::after,
.onet-dark-mode .onet-dark-mode-inn .emoji_tool_tip .tooltiptext::after {
  border-color: var(--onet-dark-border-color) transparent transparent transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .multiple_template .txt {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .no_data_block h6, .onet-dark-mode .onet-dark-mode-inn .no_data_block .h6 {
  color: #fff !important;
}
.onet-dark-mode .onet-dark-mode-inn .post_text a {
  text-decoration: underline !important;
}
.onet-dark-mode .onet-dark-mode-inn .blogPostText a {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .noDataProfImg h4, .onet-dark-mode .onet-dark-mode-inn .noDataProfImg .h4, .onet-dark-mode .onet-dark-mode-inn .noDataProfImg h6, .onet-dark-mode .onet-dark-mode-inn .noDataProfImg .h6 {
  color: #fff !important;
}
.onet-dark-mode .onet-dark-mode-inn .createPost_wrap .createEvents .searchList {
  background-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .createPost_wrap .createEvents .searchList::-webkit-scrollbar-thumb {
  background: #7b7b7b !important;
}
.onet-dark-mode .onet-dark-mode-inn .createPost_wrap .createEvents .searchList ul {
  background-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .createPost_wrap .createEvents .searchList ul li {
  color: var(--onet-white-color);
}
.onet-dark-mode .onet-dark-mode-inn .createPost_wrap .createEvents form div small.ms-1, .onet-dark-mode .onet-dark-mode-inn .createPost_wrap .createEvents form div .ms-1.small {
  color: #dc3545 !important;
}
.onet-dark-mode .onet-dark-mode-inn .createPost_wrap .createEvents .form-select-event .form-select {
  background-image: none !important;
}
.onet-dark-mode .onet-dark-mode-inn .create_event .searchList {
  background-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .create_event .searchList::-webkit-scrollbar-thumb {
  background: #7b7b7b !important;
}
.onet-dark-mode .onet-dark-mode-inn .create_event .searchList ul {
  background-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .create_event .searchList ul li {
  color: var(--onet-white-color);
}
.onet-dark-mode .onet-dark-mode-inn .create_event form div small.ms-1, .onet-dark-mode .onet-dark-mode-inn .create_event form div .ms-1.small {
  color: #dc3545 !important;
}
.onet-dark-mode .onet-dark-mode-inn .border_top {
  border-color: var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .public-profile-section .prof-content .friendRequest .friendRequest-inn {
  background-color: var(--onet-dark-bg-secondary) !important;
  box-shadow: unset !important;
}
.onet-dark-mode .onet-dark-mode-inn .public-profile-section .prof-content .friendRequest .friendRequest-inn .inc img {
  filter: brightness(0) saturate(100%) invert(23%) sepia(11%) saturate(4413%) hue-rotate(143deg) brightness(93%) contrast(98%);
}
.onet-dark-mode .onet-dark-mode-inn .public-profile-section .prof-content .friendRequest .friendRequest-inn .txt h6, .onet-dark-mode .onet-dark-mode-inn .public-profile-section .prof-content .friendRequest .friendRequest-inn .txt .h6 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .public-profile-section .prof-content .friendRequest .friendRequest-inn .txt p {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .public-profile-section .prof-content .friendRequest .friendRequest-inn .btn-outline {
  background: var(--onet-text-secondary-color) !important;
  color: var(--onet-primary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .public-profile-section .prof-content .privacy_height h6, .onet-dark-mode .onet-dark-mode-inn .public-profile-section .prof-content .privacy_height .h6 {
  color: var(--onet-white-color);
}
.onet-dark-mode .onet-dark-mode-inn .public-profile-section .prof-content .privacy_height div {
  color: var(--onet-text-dark-color);
}
.onet-dark-mode .onet-dark-mode-inn .public-profile-section .prof-content .grid-view .card {
  background-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .public-profile-section .prof-content .grid-view .card .card-body label,
.onet-dark-mode .onet-dark-mode-inn .public-profile-section .prof-content .grid-view .card .card-body h5,
.onet-dark-mode .onet-dark-mode-inn .public-profile-section .prof-content .grid-view .card .card-body .h5 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .public-profile-section .prof-content .grid-view .card .card-body p {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .public-profile-section .prof-content .grid-view .card .card-body a {
  color: var(--bs-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .public-profile-section .prof-content .grid-view .card .card-footer {
  background-color: var(--onet-dark-bg-primary) !important;
  padding: 0px 20px 25px !important;
}
.onet-dark-mode .onet-dark-mode-inn .public-profile-section .prof-content .grid-view .card .card-footer img {
  filter: brightness(10) contrast(0.5) !important;
}
.onet-dark-mode .onet-dark-mode-inn .public-profile-section .prof-content .grid-view .card .card-footer span {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-tab-wrapper,
.onet-dark-mode .onet-dark-mode-inn .inner-tab-wrapper {
  border-bottom: 1px solid var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-tab-wrapper .moduleTitle,
.onet-dark-mode .onet-dark-mode-inn .inner-tab-wrapper .moduleTitle {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-tab-wrapper ::ng-deep .nav-tabs .nav-item.show .nav-link,
.onet-dark-mode .onet-dark-mode-inn .inner-tab-wrapper ::ng-deep .nav-tabs .nav-item.show .nav-link {
  background-color: transparent;
  color: #FFF !important;
  border-bottom: 3px solid #fff !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-tab-wrapper ::ng-deep .nav-tabs .nav-item .nav-link.active,
.onet-dark-mode .onet-dark-mode-inn .inner-tab-wrapper ::ng-deep .nav-tabs .nav-item .nav-link.active {
  background-color: transparent;
  color: #FFF !important;
  border-bottom: 3px solid #fff !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-tab-wrapper .nav-tabs .nav-link.active,
.onet-dark-mode .onet-dark-mode-inn .events-tab-wrapper .nav-tabs .nav-link:hover {
  color: #ffffff !important;
  border-bottom: 3px solid #ffffff !important;
}
.onet-dark-mode .onet-dark-mode-inn .allEvents.bg-white {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .allEvents.bg-white h4, .onet-dark-mode .onet-dark-mode-inn .allEvents.bg-white .h4 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .allEvents.bg-white h5, .onet-dark-mode .onet-dark-mode-inn .allEvents.bg-white .h5 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .allEvents.bg-white .d-flex.justify-content-between a {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .allEvents.bg-white .d-flex.justify-content-between a .img-fluid {
  filter: brightness(0) invert(1);
}
.onet-dark-mode .onet-dark-mode-inn .allEvents.bg-white .custom-search-input {
  border: 1px solid #404f5c !important;
  background-color: var(--onet-dark-bg-hovered) !important;
}
.onet-dark-mode .onet-dark-mode-inn .allEvents.bg-white .custom-search-input .inner-group button {
  padding: 4px 14px !important;
}
.onet-dark-mode .onet-dark-mode-inn .allEvents.bg-white .custom-search-input .inner-group input {
  color: #fff;
}
.onet-dark-mode .onet-dark-mode-inn .allEvents.bg-white .select_category_wrap .mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: #034c53;
  border: 1px solid #034c53;
}
.onet-dark-mode .onet-dark-mode-inn .allEvents.bg-white .select_category_wrap .mat-form-field-appearance-fill .mat-form-field-flex .filer-icon {
  filter: brightness(0) invert(1);
}
.onet-dark-mode .onet-dark-mode-inn .allEvents.bg-white .select_category_wrap .mat-form-field-appearance-fill .mat-form-field-flex .mat-select {
  opacity: 0;
}
.onet-dark-mode .onet-dark-mode-inn .allEvents.bg-white .card {
  background-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .allEvents.bg-white .card .card-body .name_strip {
  color: var(--onet-white-color);
}
.onet-dark-mode .onet-dark-mode-inn .allEvents.bg-white .card .card-body .name_strip-p {
  color: var(--onet-text-secondary-color);
}
.onet-dark-mode .onet-dark-mode-inn .allEvents.bg-white .card .card-body .location-created span {
  color: var(--onet-text-secondary-color);
}
.onet-dark-mode .onet-dark-mode-inn .allEvents.bg-white .card .card-body .location-created span img {
  filter: brightness(0) saturate(100%) invert(61%) sepia(14%) saturate(613%) hue-rotate(137deg) brightness(93%) contrast(90%);
}
.onet-dark-mode .onet-dark-mode-inn .allEvents .bg-white {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .allEvents .card-body .row .btn_wrapper button.btn-fill {
  border: 1px solid var(--onet-primary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-events .card-body .row .btn_wrapper button.btn-fill {
  border: 1px solid var(--onet-primary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-events .myEvents-new .card {
  background: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-events .myEvents-new .tab-wrapper .nav {
  border-bottom: none !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-events .myEvents-new .tab-wrapper .nav button {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-events .myEvents-new .tab-wrapper .nav button:hover, .onet-dark-mode .onet-dark-mode-inn .my-events .myEvents-new .tab-wrapper .nav button.active {
  box-shadow: none !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-events .myEvents-new .tab-wrapper .nav button:hover a, .onet-dark-mode .onet-dark-mode-inn .my-events .myEvents-new .tab-wrapper .nav button.active a {
  color: var(--onet-white-color) !important;
  border-bottom: 3px solid var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-events .myEvents-new .tab-wrapper .snooztime_span {
  background-color: #081827 !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-events .myEvents-new .tab-wrapper .snooztime_span img {
  filter: brightness(0) saturate(100%) invert(61%) sepia(14%) saturate(613%) hue-rotate(137deg) brightness(93%) contrast(90%);
}
.onet-dark-mode .onet-dark-mode-inn .my-events .myEvents-new .tab-wrapper .more-acts button.more {
  background-color: #081827 !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-events .myEvents-new .tab-wrapper .more-acts button.more img {
  filter: brightness(0) saturate(100%) invert(61%) sepia(14%) saturate(613%) hue-rotate(137deg) brightness(93%) contrast(90%);
}
.onet-dark-mode .onet-dark-mode-inn .my-events .myEvents-new .about_card .card {
  background: var(--onet-dark-bg-secondary) !important;
  border-top: 1px solid var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-events .myEvents-new .about_card .card .card-body p {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-events .myEvents-new .about_card .card .card-body h6, .onet-dark-mode .onet-dark-mode-inn .my-events .myEvents-new .about_card .card .card-body .h6 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-events .myEvents-new .about_card .card .card-body .publicPrivateIcons img {
  filter: brightness(0) saturate(100%) invert(61%) sepia(14%) saturate(613%) hue-rotate(137deg) brightness(93%) contrast(90%);
}
.onet-dark-mode .onet-dark-mode-inn .my-events .myEvents-new .about_card .card .card-body .myEventsInvite-cancel .btn-outline {
  background: transparent !important;
  color: var(--onet-text-secondary-color) !important;
  border: 1px solid var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-events .myEvents-new .about_card.guest_wrap .card .card-body .hosts_block,
.onet-dark-mode .onet-dark-mode-inn .my-events .myEvents-new .about_card.guest_wrap .card .card-body .guests_block,
.onet-dark-mode .onet-dark-mode-inn .my-events .myEvents-new .about_card.guest_wrap .card .card-body .guests_block_rows {
  border-color: var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-events .myEvents-new .about_card.guest_wrap .card .card-body .hosts_block h5, .onet-dark-mode .onet-dark-mode-inn .my-events .myEvents-new .about_card.guest_wrap .card .card-body .hosts_block .h5,
.onet-dark-mode .onet-dark-mode-inn .my-events .myEvents-new .about_card.guest_wrap .card .card-body .guests_block h5,
.onet-dark-mode .onet-dark-mode-inn .my-events .myEvents-new .about_card.guest_wrap .card .card-body .guests_block .h5,
.onet-dark-mode .onet-dark-mode-inn .my-events .myEvents-new .about_card.guest_wrap .card .card-body .guests_block_rows h5,
.onet-dark-mode .onet-dark-mode-inn .my-events .myEvents-new .about_card.guest_wrap .card .card-body .guests_block_rows .h5 {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-events .myEvents-new .about_card.guest_wrap .card .card-body label {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-events .myEvents-new .about_card.guest_wrap .card .card-footer {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .myeventNoContentData .no_data_available {
  background-color: var(--onet-dark-bg-secondary) !important;
  box-shadow: unset !important;
}
.onet-dark-mode .onet-dark-mode-inn .myeventNoContentData .no_data_available h5, .onet-dark-mode .onet-dark-mode-inn .myeventNoContentData .no_data_available .h5 {
  color: var(--white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .myeventNoContentData .txt {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .birthdays-wrap .card {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .birthdays-wrap .card .card-header {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .birthdays-wrap .card .card-header h5, .onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .birthdays-wrap .card .card-header .h5 {
  color: var(--onet-white-color);
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .birthdays-wrap .card .card-header span {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .birthdays-wrap .card .card-body .blue_card {
  background: var(--onet-dark-bg-secondary) !important;
  box-shadow: 0px 0px 0px;
  border: 1px solid #1E384E !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .birthdays-wrap .card .card-body .blue_card p,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .birthdays-wrap .card .card-body .blue_card .blue_color,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .birthdays-wrap .card .card-body .blue_card .fw-light,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .birthdays-wrap .card .card-body .blue_card a {
  color: var(--onet-text-dark-color) !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .birthdays-wrap .card .card-body .blue_card .bday-icn {
  width: 30px !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .birthdays-wrap .card .card-body .blue_card .msg_box .msg_inp {
  background-color: var(--onet-dark-bg-hovered) !important;
  border: 1px solid #1E384E !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .birthdays-wrap .card .card-body .blue_card .msg_box .msg_inp input {
  color: var(--onet-white-color);
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .birthdays-wrap .card .card-body .blue_card .birthDayWishesCard .birthDayWishesCardImg {
  background-color: var(--onet-dark-bg-hovered) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .birthdays-wrap .card .card-body .blue_card .birthDayWishesCard .birthDayWishesCardImg .close-btn.c_pointer {
  background-color: #cbcbcb;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .calendar-wrap .btn-group.eventsCalendarBtns {
  border: 1px solid var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .calendar-wrap .btn-group.eventsCalendarBtns .btn-plain {
  background-color: transparent !important;
  color: var(--onet-text-dark-color);
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .calendar-wrap .btn-group.eventsCalendarBtns .btn-plain img {
  filter: brightness(0) invert(1) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .calendar-wrap .btn-group.eventsCalendarBtns .btn-plain.active, .onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .calendar-wrap .btn-group.eventsCalendarBtns .btn-plain:hover {
  color: var(--white-color);
  background-color: var(--onet-primary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .calendar-wrap .btn-group.eventsCalendarBtns .btn-plain.active img, .onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .calendar-wrap .btn-group.eventsCalendarBtns .btn-plain:hover img {
  filter: brightness(0) invert(1) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .calendar-wrap .btn-outline-secondary {
  border-color: transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .calendar-wrap .btn-outline-secondary:hover {
  background-color: transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .calendar-wrap .btn-outline-secondary h3, .onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .calendar-wrap .btn-outline-secondary .h3 {
  color: var(--onet-white-color);
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .calendar-wrap .btn-group .btn-none img {
  filter: brightness(0) saturate(100%) invert(67%) sepia(12%) saturate(1175%) hue-rotate(136deg) brightness(81%) contrast(83%);
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .cal-month-view .cal-days,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .cal-month-view .cal-days .cal-cell-row {
  border-color: var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-header .cal-cell {
  background-color: var(--onet-dark-bg-primary) !important;
  color: var(--onet-white-color) !important;
  border-color: var(--onet-dark-border-color) !important;
  text-align: center;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-cell-row .cal-day-cell,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-day-column .cal-day-cell,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-events-row .cal-day-cell,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-cell-row .cal-day-cell,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-day-column .cal-day-cell,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-events-row .cal-day-cell,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-cell-row .cal-day-cell,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-day-column .cal-day-cell,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-events-row .cal-day-cell {
  background-color: var(--onet-dark-bg-hovered) !important;
  border-color: var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-cell-row .cal-day-cell .cell-totals .calendarEvent-details .calendarEvent-span .calendarEvent-spanText,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-day-column .cal-day-cell .cell-totals .calendarEvent-details .calendarEvent-span .calendarEvent-spanText,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-events-row .cal-day-cell .cell-totals .calendarEvent-details .calendarEvent-span .calendarEvent-spanText,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-cell-row .cal-day-cell .cell-totals .calendarEvent-details .calendarEvent-span .calendarEvent-spanText,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-day-column .cal-day-cell .cell-totals .calendarEvent-details .calendarEvent-span .calendarEvent-spanText,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-events-row .cal-day-cell .cell-totals .calendarEvent-details .calendarEvent-span .calendarEvent-spanText,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-cell-row .cal-day-cell .cell-totals .calendarEvent-details .calendarEvent-span .calendarEvent-spanText,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-day-column .cal-day-cell .cell-totals .calendarEvent-details .calendarEvent-span .calendarEvent-spanText,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-events-row .cal-day-cell .cell-totals .calendarEvent-details .calendarEvent-span .calendarEvent-spanText {
  color: #015391;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-cell-row .cal-day-cell .cell-totals .calendarEvent-details .calendarEvent-span small, .onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-cell-row .cal-day-cell .cell-totals .calendarEvent-details .calendarEvent-span .small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-day-column .cal-day-cell .cell-totals .calendarEvent-details .calendarEvent-span small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-day-column .cal-day-cell .cell-totals .calendarEvent-details .calendarEvent-span .small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-events-row .cal-day-cell .cell-totals .calendarEvent-details .calendarEvent-span small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-events-row .cal-day-cell .cell-totals .calendarEvent-details .calendarEvent-span .small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-cell-row .cal-day-cell .cell-totals .calendarEvent-details .calendarEvent-span small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-cell-row .cal-day-cell .cell-totals .calendarEvent-details .calendarEvent-span .small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-day-column .cal-day-cell .cell-totals .calendarEvent-details .calendarEvent-span small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-day-column .cal-day-cell .cell-totals .calendarEvent-details .calendarEvent-span .small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-events-row .cal-day-cell .cell-totals .calendarEvent-details .calendarEvent-span small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-events-row .cal-day-cell .cell-totals .calendarEvent-details .calendarEvent-span .small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-cell-row .cal-day-cell .cell-totals .calendarEvent-details .calendarEvent-span small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-cell-row .cal-day-cell .cell-totals .calendarEvent-details .calendarEvent-span .small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-day-column .cal-day-cell .cell-totals .calendarEvent-details .calendarEvent-span small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-day-column .cal-day-cell .cell-totals .calendarEvent-details .calendarEvent-span .small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-events-row .cal-day-cell .cell-totals .calendarEvent-details .calendarEvent-span small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-events-row .cal-day-cell .cell-totals .calendarEvent-details .calendarEvent-span .small {
  color: #333333;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-cell-row .cal-cell-top .cal-day-number,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-day-column .cal-cell-top .cal-day-number,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-events-row .cal-cell-top .cal-day-number,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-cell-row .cal-cell-top .cal-day-number,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-day-column .cal-cell-top .cal-day-number,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-events-row .cal-cell-top .cal-day-number,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-cell-row .cal-cell-top .cal-day-number,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-day-column .cal-cell-top .cal-day-number,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-events-row .cal-cell-top .cal-day-number {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-cell-row .cal-cell-top .cal-day-number .calendarEvent-details .calendarEvent-span .calendarEvent-spanText,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-day-column .cal-cell-top .cal-day-number .calendarEvent-details .calendarEvent-span .calendarEvent-spanText,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-events-row .cal-cell-top .cal-day-number .calendarEvent-details .calendarEvent-span .calendarEvent-spanText,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-cell-row .cal-cell-top .cal-day-number .calendarEvent-details .calendarEvent-span .calendarEvent-spanText,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-day-column .cal-cell-top .cal-day-number .calendarEvent-details .calendarEvent-span .calendarEvent-spanText,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-events-row .cal-cell-top .cal-day-number .calendarEvent-details .calendarEvent-span .calendarEvent-spanText,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-cell-row .cal-cell-top .cal-day-number .calendarEvent-details .calendarEvent-span .calendarEvent-spanText,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-day-column .cal-cell-top .cal-day-number .calendarEvent-details .calendarEvent-span .calendarEvent-spanText,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-events-row .cal-cell-top .cal-day-number .calendarEvent-details .calendarEvent-span .calendarEvent-spanText {
  color: #015391;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-cell-row .cal-cell-top .cal-day-number .calendarEvent-details .calendarEvent-span small, .onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-cell-row .cal-cell-top .cal-day-number .calendarEvent-details .calendarEvent-span .small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-day-column .cal-cell-top .cal-day-number .calendarEvent-details .calendarEvent-span small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-day-column .cal-cell-top .cal-day-number .calendarEvent-details .calendarEvent-span .small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-events-row .cal-cell-top .cal-day-number .calendarEvent-details .calendarEvent-span small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-events-row .cal-cell-top .cal-day-number .calendarEvent-details .calendarEvent-span .small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-cell-row .cal-cell-top .cal-day-number .calendarEvent-details .calendarEvent-span small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-cell-row .cal-cell-top .cal-day-number .calendarEvent-details .calendarEvent-span .small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-day-column .cal-cell-top .cal-day-number .calendarEvent-details .calendarEvent-span small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-day-column .cal-cell-top .cal-day-number .calendarEvent-details .calendarEvent-span .small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-events-row .cal-cell-top .cal-day-number .calendarEvent-details .calendarEvent-span small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-events-row .cal-cell-top .cal-day-number .calendarEvent-details .calendarEvent-span .small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-cell-row .cal-cell-top .cal-day-number .calendarEvent-details .calendarEvent-span small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-cell-row .cal-cell-top .cal-day-number .calendarEvent-details .calendarEvent-span .small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-day-column .cal-cell-top .cal-day-number .calendarEvent-details .calendarEvent-span small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-day-column .cal-cell-top .cal-day-number .calendarEvent-details .calendarEvent-span .small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-events-row .cal-cell-top .cal-day-number .calendarEvent-details .calendarEvent-span small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-events-row .cal-cell-top .cal-day-number .calendarEvent-details .calendarEvent-span .small {
  color: #333333;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-cell-row .cell-totals .calendarEvent-details .btn-view-more img,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-day-column .cell-totals .calendarEvent-details .btn-view-more img,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-events-row .cell-totals .calendarEvent-details .btn-view-more img,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-cell-row .cell-totals .calendarEvent-details .btn-view-more img,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-day-column .cell-totals .calendarEvent-details .btn-view-more img,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-events-row .cell-totals .calendarEvent-details .btn-view-more img,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-cell-row .cell-totals .calendarEvent-details .btn-view-more img,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-day-column .cell-totals .calendarEvent-details .btn-view-more img,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-events-row .cell-totals .calendarEvent-details .btn-view-more img {
  filter: brightness(0) invert(1);
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-cell-row .cell-totals .calendarEvent-details .calendarEvent-span .calendarEvent-spanText,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-day-column .cell-totals .calendarEvent-details .calendarEvent-span .calendarEvent-spanText,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-events-row .cell-totals .calendarEvent-details .calendarEvent-spanText .calendarEvent-spanText,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-cell-row .cell-totals .calendarEvent-details .calendarEvent-span .calendarEvent-spanText,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-day-column .cell-totals .calendarEvent-details .calendarEvent-span .calendarEvent-spanText,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-events-row .cell-totals .calendarEvent-details .calendarEvent-span .calendarEvent-spanText,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-cell-row .cell-totals .calendarEvent-details .calendarEvent-span .calendarEvent-spanText,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-day-column .cell-totals .calendarEvent-details .calendarEvent-span .calendarEvent-spanText,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-events-row .cell-totals .calendarEvent-details .calendarEvent-span .calendarEvent-spanText {
  color: #015391;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-cell-row .cell-totals .calendarEvent-details .calendarEvent-span small, .onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-cell-row .cell-totals .calendarEvent-details .calendarEvent-span .small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-day-column .cell-totals .calendarEvent-details .calendarEvent-span small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-day-column .cell-totals .calendarEvent-details .calendarEvent-span .small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-events-row .cell-totals .calendarEvent-details .calendarEvent-spanText small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-days .cal-events-row .cell-totals .calendarEvent-details .calendarEvent-spanText .small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-cell-row .cell-totals .calendarEvent-details .calendarEvent-span small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-cell-row .cell-totals .calendarEvent-details .calendarEvent-span .small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-day-column .cell-totals .calendarEvent-details .calendarEvent-span small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-day-column .cell-totals .calendarEvent-details .calendarEvent-span .small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-events-row .cell-totals .calendarEvent-details .calendarEvent-span small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-events-row .cell-totals .calendarEvent-details .calendarEvent-span .small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-cell-row .cell-totals .calendarEvent-details .calendarEvent-span small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-cell-row .cell-totals .calendarEvent-details .calendarEvent-span .small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-day-column .cell-totals .calendarEvent-details .calendarEvent-span small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-day-column .cell-totals .calendarEvent-details .calendarEvent-span .small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-events-row .cell-totals .calendarEvent-details .calendarEvent-span small,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-all-day-events .cal-events-row .cell-totals .calendarEvent-details .calendarEvent-span .small {
  color: #333333;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-day-column {
  border-color: var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-day-column .cal-hour {
  background-color: var(--onet-dark-bg-hovered) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-day-columns .cal-day-column .cal-hour mwl-calendar-week-view-hour-segment {
  background-color: var(--onet-dark-bg-hovered) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-week-view {
  border-color: var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-week-view .cal-time-label-column,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-week-view .cal-hour-odd {
  background-color: var(--onet-dark-bg-primary) !important;
  border-color: var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-week-view .cal-time-events {
  border-color: var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-week-view .cal-all-day-events {
  border-color: var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-week-view .cal-all-day-events .cal-events-row {
  background-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-week-view .cal-day-headers,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-week-view .cal-header.cal-today {
  background-color: var(--onet-dark-bg-primary) !important;
  color: var(--onet-white-color) !important;
  border-color: var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-week-view .cal-day-headers b,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-week-view .cal-header.cal-today b {
  font-weight: 400;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-week-view .cal-day-headers span,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-week-view .cal-header.cal-today span {
  color: var(--onet-text-dark-color) !important;
  opacity: 1 !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-week-view .cal-day-headers .cal-header,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-week-view .cal-header.cal-today .cal-header {
  border-color: var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-week-view .cal-day-headers .cal-header:hover,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-week-view .cal-header.cal-today .cal-header:hover {
  background-color: var(--onet-dark-bg-hovered) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-week-view .cal-hour-segment.cal-after-hour-start .cal-time,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-week-view .cal-time {
  background-color: var(--onet-dark-bg-hovered) !important;
  border-right-color: var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-week-view .cal-hour-segment.cal-after-hour-start .cal-time {
  color: transparent;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-week-view mwl-calendar-week-view-hour-segment,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-week-view .cal-hour-segment {
  color: var(--onet-white-color) !important;
  border-bottom-color: var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-week-view mwl-calendar-week-view-hour-segment:hover,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventCalendar-view .cal-week-view .cal-hour-segment:hover {
  background-color: var(--onet-dark-bg-hovered) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .myCalendarEvents-rightStrip {
  background-color: var(--onet-dark-bg-hovered) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .myCalendarEvents-rightStrip h3, .onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .myCalendarEvents-rightStrip .h3 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .myCalendarEvents-rightStrip .myCalendarEvents-rightStripRow h5, .onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .myCalendarEvents-rightStrip .myCalendarEvents-rightStripRow .h5 {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .myCalendarEvents-rightStrip .myCalendarEvents-rightStripRow.cancelled-Events h5, .onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .myCalendarEvents-rightStrip .myCalendarEvents-rightStripRow.cancelled-Events .h5 {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .myCalendarEvents-rightStrip .myCalendarEvents-rightStripRow span {
  color: var(--onet-white-color) !important;
  text-decoration: none !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .myCalendarEvents-rightStrip .myCalendarEvents-rightStripRow .myCalendarEvents-rightStripItem {
  background-color: var(--onet-dark-bg-primary) !important;
  box-shadow: 0px 0px 0px;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .myCalendarEvents-rightStrip .myCalendarEvents-rightStripRow .myCalendarEvents-rightStripItem .media-img {
  width: 50px;
  height: 50px;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .myCalendarEvents-rightStrip .myCalendarEvents-rightStripRow .myCalendarEvents-rightStripItem .media-body .title {
  color: var(--onet-white-color);
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .myCalendarEvents-rightStrip .myCalendarEvents-rightStripRow .myCalendarEvents-rightStripItem .media-body ul {
  background-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .myCalendarEvents-rightStrip .myCalendarEvents-rightStripRow .myCalendarEvents-rightStripItem .media-body ul li {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .tab-wrapper ul {
  background: transparent;
  border: 1px solid var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .tab-wrapper ul button {
  color: var(--onet-text-dark-color) !important;
  border-right: 1px solid var(--onet-dark-border-color);
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .tab-wrapper ul button.btn-upcoming.active, .onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .tab-wrapper ul button.btn-completed.active, .onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .tab-wrapper ul button.btn-cancelled.active, .onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .tab-wrapper ul button.btn-upcoming:hover, .onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .tab-wrapper ul button.btn-completed:hover, .onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .tab-wrapper ul button.btn-cancelled:hover {
  background: var(--onet-primary-color) !important;
  color: var(--white-color) !important;
  box-shadow: unset !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .calendar-date-field {
  border: 1px solid var(--onet-dark-bg-secondary) !important;
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .calendar-date-field .custom-filter.date-field {
  background: var(--onet-dark-bg-secondary) !important;
  color: var(--onet-text-dark-color) !important;
  border: 1px solid var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .calendar-date-field .custom-filter .right-icon {
  background: transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .calendar-date-field .custom-filter .right-icon i {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .calendar-date-field .custom-filter input {
  background: var(--onet-dark-bg-hovered) !important;
  color: var(--onet-text-dark-color) !important;
  border: 1px solid var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .calendar-date-field .custom-filter input ::placeholder {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .calendar-date-field .custom-filter ::placeholder {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .calendar-date-field .custom-filter :-ms-input-placeholder {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .calendar-date-field .custom-filter ::-ms-input-placeholder {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .calendar-date-field .custom-filter .md-drppicker .calendar-table {
  border: 1px solid var(--onet-primary-color) !important;
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .calendar-date-field .custom-filter .md-drppicker th,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .calendar-date-field .custom-filter .md-drppicker td {
  color: #ffffff;
  font-weight: 400;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .calendar-date-field .custom-filter .md-drppicker th:hover,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .calendar-date-field .custom-filter .md-drppicker td:hover {
  background-color: var(--onet-primary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .calendar-date-field .custom-filter .md-drppicker th.available.prev,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .calendar-date-field .custom-filter .md-drppicker th.available.next {
  filter: brightness(0) invert(1);
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .calendar-date-field .custom-filter .md-drppicker td.off,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .calendar-date-field .custom-filter .md-drppicker td.off.end-date,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .calendar-date-field .custom-filter .md-drppicker td.off.in-range,
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .calendar-date-field .custom-filter .md-drppicker td.off.start-date {
  background-color: #000 !important;
  color: var(--primary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .calendar-date-field .custom-filter .md-drppicker td.active {
  background-color: var(--primary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .calendar-date-field .custom-filter .md-drppicker td.in-range {
  background-color: var(--onet-primary-color) !important;
  border-color: transparent;
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .calendar-date-field .custom-filter .md-drppicker .buttons_input button {
  background-color: var(--onet-primary-color) !important;
  color: var(--onet-white-color) !important;
  border: 1px solid var(--onet-primary-color) !important;
  margin: 0px !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .calendar-date-field .custom-filter .md-drppicker .buttons_input button.btn-default {
  color: var(--onet-primary-color) !important;
  background-color: var(--onet-dark-bg-primary) !important;
  border: 1px solid var(--onet-dark-border-color) !important;
  margin-right: 10px !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .calendar-date-field .custom-filter .md-drppicker .buttons_input button.btn-default svg {
  color: #034c53 !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .calendar-date-field .md-drppicker {
  background-color: var(--onet-dark-bg-primary);
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .calendar-date-field .md-drppicker .ranges ul li:hover {
  background-color: var(--onet-primary-color);
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .calendar-date-field .md-drppicker .ranges ul li button {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .calendar-date-field .md-drppicker .ranges ul li button.active {
  background-color: var(--onet-primary-color);
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .eventsCalendar-statusRow .eventsCalendar-statusCard {
  background: var(--onet-dark-bg-primary);
  border: 1px solid var(--onet-dark-border-color);
  box-shadow: 0px 0px 0px;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .eventsCalendar-statusRow .eventsCalendar-statusCard .eventsCalendar-img span {
  width: 100%;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .eventsCalendar-statusRow .eventsCalendar-statusCard .eventsCalendar-content .eventsStatusDateMonth {
  background-color: var(--onet-dark-bg-hovered) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .eventsCalendar-statusRow .eventsCalendar-statusCard .eventsCalendar-content .eventsStatusDateMonth span {
  color: var(--onet-white-color);
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .eventsCalendar-statusRow .eventsCalendar-statusCard .eventsCalendar-content div span {
  color: var(--onet-text-dark-color);
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .eventsCalendar-statusRow .eventsCalendar-statusCard .eventsCalendar-content div span img {
  filter: brightness(0) saturate(100%) invert(61%) sepia(14%) saturate(613%) hue-rotate(137deg) brightness(93%) contrast(90%);
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .eventsCalendar-statusRow .eventsCalendar-statusCard .eventsCalendar-content div p {
  color: var(--onet-text-dark-color);
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .eventsCalendar-statusRow .eventsCalendar-statusCard .eventsCalendar-content h5 span, .onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .eventsCalendar-statusRow .eventsCalendar-statusCard .eventsCalendar-content .h5 span {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .eventsCalendar-statusRow .eventsCalendar-statusCard .eventsCalendar-content h5 label, .onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .eventsCalendar-statusRow .eventsCalendar-statusCard .eventsCalendar-content .h5 label {
  background-color: var(--onet-dark-bg-hovered) !important;
}
.onet-dark-mode .onet-dark-mode-inn .events-dashBoard-wrapper .tab-content .eventsCalendar-status .eventsCalendar-statusRow .no-activites {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .event-create {
  background-color: var(--onet-dark-bg-secondary);
}
.onet-dark-mode .onet-dark-mode-inn .event-create h4, .onet-dark-mode .onet-dark-mode-inn .event-create .h4 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .event-create .events_default_img {
  background-color: var(--onet-dark-bg-hovered) !important;
}
.onet-dark-mode .onet-dark-mode-inn .event-create .events_default_img .camera_icon img {
  filter: brightness(0) invert(1);
}
.onet-dark-mode .onet-dark-mode-inn .event-create .events_default_img .camera_icon h6, .onet-dark-mode .onet-dark-mode-inn .event-create .events_default_img .camera_icon .h6 {
  color: var(--onet-white-color);
}
.onet-dark-mode .onet-dark-mode-inn .event-create .form-control,
.onet-dark-mode .onet-dark-mode-inn .event-create select {
  background-color: var(--onet-dark-bg-hovered) !important;
  background: var(--onet-dark-bg-hovered) !important;
  border: 1px solid var(--onet-dark-border-color) !important;
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .event-create .custom-search-input {
  background-color: var(--onet-dark-bg-hovered) !important;
  border: 1px solid var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .event-create .custom-search-input .form-control {
  background-color: transparent !important;
  border-color: transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .event-create .date_filelds .form-select::before {
  background-color: var(--onet-dark-bg-hovered) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my_media .tab-wrapper .card {
  border-color: var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my_media .tab-wrapper .moduleTitle {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my_media .tab-wrapper .myMedia-tabs li.active label,
.onet-dark-mode .onet-dark-mode-inn .my_media .tab-wrapper .myMedia-tabs li:hover label {
  color: var(--onet-white-color) !important;
  box-shadow: 0px 3px 0px 0px var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my_media .right-wrapper .card {
  background-color: var(--onet-dark-bg-secondary);
}
.onet-dark-mode .onet-dark-mode-inn .my_media .right-wrapper .card h5, .onet-dark-mode .onet-dark-mode-inn .my_media .right-wrapper .card .h5 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my_media .right-wrapper .card .mymedia_photo {
  border: 1px solid var(--onet-dark-border-color);
  box-shadow: unset;
}
.onet-dark-mode .onet-dark-mode-inn .my_media .right-wrapper .card .mymedia_photo .more-acts .more {
  background-color: var(--onet-dark-bg-primary) !important;
  opacity: 1 !important;
}
.onet-dark-mode .onet-dark-mode-inn .myMedia-viewPost .more-acts {
  background-color: transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .myMedia-viewPost .more-acts .more {
  background-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .podcasts-tabsdiv .tab-wrapper .nav {
  border-bottom: none !important;
}
.onet-dark-mode .onet-dark-mode-inn .podcasts-tabsdiv .tab-wrapper ul button.active,
.onet-dark-mode .onet-dark-mode-inn .podcasts-tabsdiv .tab-wrapper ul button:hover {
  box-shadow: unset !important;
}
.onet-dark-mode .onet-dark-mode-inn .podcasts-tabsdiv .tab-wrapper ul button.active a,
.onet-dark-mode .onet-dark-mode-inn .podcasts-tabsdiv .tab-wrapper ul button:hover a {
  border-bottom: none !important;
  color: var(--onet-white-color) !important;
  box-shadow: inset 0px -3px 0px 0px #ffffff !important;
}
.onet-dark-mode .onet-dark-mode-inn .podcasts-tabsdiv .tab-wrapper .podcast-create .btn-fill {
  background-color: transparent !important;
  color: var(--onet-text-dark-color) !important;
  border: 1px solid var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .podcasts-tabsdiv .tab-wrapper .podcast-create .btn-fill img {
  filter: brightness(0) saturate(100%) invert(67%) sepia(12%) saturate(1175%) hue-rotate(136deg) brightness(81%) contrast(83%);
}
.onet-dark-mode .onet-dark-mode-inn .podcasts-tabsdiv .tab-wrapper .podcast-create .btn-outline {
  background-color: var(--onet-primary-color) !important;
  color: var(--onet-white-color) !important;
  border: 1px solid var(--onet-primary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .podcasts-tabsdiv .tab-wrapper .podcast-create .btn-outline img {
  filter: none !important;
}
.onet-dark-mode .onet-dark-mode-inn .all-podcast .row_pcast {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .all-podcast .row_pcast .heading-wrap h5, .onet-dark-mode .onet-dark-mode-inn .all-podcast .row_pcast .heading-wrap .h5 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .all-podcast .row_pcast .heading-wrap .podcat_viewall a {
  background-color: var(--onet-dark-bg-secondary);
  color: var(--onet-white-color);
}
.onet-dark-mode .onet-dark-mode-inn .all-podcast .row_pcast .cards-wrap .card {
  background: var(--onet-dark-bg-hovered);
}
.onet-dark-mode .onet-dark-mode-inn .all-podcast .row_pcast .cards-wrap .card .image_main .save-img .podCost-likeReport .savedPodcost11,
.onet-dark-mode .onet-dark-mode-inn .all-podcast .row_pcast .cards-wrap .card .image_main .save-img .podCost-likeReport .reportpdIcon {
  background: var(--onet-primary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .all-podcast .row_pcast .cards-wrap .card .image_main .save-img .podCost-likeReport .savedPodcost11 img,
.onet-dark-mode .onet-dark-mode-inn .all-podcast .row_pcast .cards-wrap .card .image_main .save-img .podCost-likeReport .reportpdIcon img {
  filter: brightness(0) saturate(100%) invert(61%) sepia(14%) saturate(613%) hue-rotate(137deg) brightness(93%) contrast(90%);
}
.onet-dark-mode .onet-dark-mode-inn .all-podcast .row_pcast .cards-wrap .card .card-body {
  background: var(--onet-dark-bg-primary);
}
.onet-dark-mode .onet-dark-mode-inn .all-podcast .row_pcast .cards-wrap .card .card-body .playbtn-duration .playbtn-duration-bg {
  background-color: var(--onet-primary-color) !important;
  border-radius: 50%;
}
.onet-dark-mode .onet-dark-mode-inn .all-podcast .row_pcast .cards-wrap .card .card-body .playbtn-duration .playbtn-duration-bg img {
  filter: brightness(0) saturate(100%) invert(61%) sepia(14%) saturate(613%) hue-rotate(137deg) brightness(93%) contrast(90%);
}
.onet-dark-mode .onet-dark-mode-inn .all-podcast .row_pcast .cards-wrap .card .card-body .playbtn-duration p {
  color: var(--onet-text-dark-color) !important;
  text-align: center;
}
.onet-dark-mode .onet-dark-mode-inn .all-podcast .row_pcast .cards-wrap .card .card-body .playbtn-duration .podcast-audio-progress .mat-progress-spinner svg {
  stroke: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .all-podcast .row_pcast .cards-wrap .card .card-body .playbtn-duration .podcast-audio-progress .mat-progress-spinner svg circle {
  stroke: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .all-podcast .row_pcast .cards-wrap .card .card-body h6, .onet-dark-mode .onet-dark-mode-inn .all-podcast .row_pcast .cards-wrap .card .card-body .h6 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .all-podcast .row_pcast .cards-wrap .card .card-body p,
.onet-dark-mode .onet-dark-mode-inn .all-podcast .row_pcast .cards-wrap .card .card-body .date_block span {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .all-podcast .row_pcast .cards-wrap .card .card-body .date_block img {
  filter: brightness(0) saturate(100%) invert(61%) sepia(14%) saturate(613%) hue-rotate(137deg) brightness(93%) contrast(90%) !important;
}
.onet-dark-mode .onet-dark-mode-inn .all-podcast .all-podcasts-main .row_pcast,
.onet-dark-mode .onet-dark-mode-inn .all-podcast .catgory-overviewAll .row_pcast {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .all-podcast .all-podcasts-main .row_pcast .heading-wrap h5, .onet-dark-mode .onet-dark-mode-inn .all-podcast .all-podcasts-main .row_pcast .heading-wrap .h5,
.onet-dark-mode .onet-dark-mode-inn .all-podcast .catgory-overviewAll .row_pcast .heading-wrap h5,
.onet-dark-mode .onet-dark-mode-inn .all-podcast .catgory-overviewAll .row_pcast .heading-wrap .h5 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .all-podcast .all-podcasts-main .row_pcast .heading-wrap .podcat_viewall a,
.onet-dark-mode .onet-dark-mode-inn .all-podcast .catgory-overviewAll .row_pcast .heading-wrap .podcat_viewall a {
  background-color: var(--onet-dark-bg-secondary);
  color: var(--onet-white-color);
}
.onet-dark-mode .onet-dark-mode-inn .all-podcast .all-podcasts-main .row_pcast .cards-wrap .card,
.onet-dark-mode .onet-dark-mode-inn .all-podcast .catgory-overviewAll .row_pcast .cards-wrap .card {
  background: var(--onet-dark-bg-hovered);
}
.onet-dark-mode .onet-dark-mode-inn .all-podcast .all-podcasts-main .row_pcast .cards-wrap .card .image_main .save-img .podCost-likeReport .savedPodcost11,
.onet-dark-mode .onet-dark-mode-inn .all-podcast .all-podcasts-main .row_pcast .cards-wrap .card .image_main .save-img .podCost-likeReport .reportpdIcon,
.onet-dark-mode .onet-dark-mode-inn .all-podcast .catgory-overviewAll .row_pcast .cards-wrap .card .image_main .save-img .podCost-likeReport .savedPodcost11,
.onet-dark-mode .onet-dark-mode-inn .all-podcast .catgory-overviewAll .row_pcast .cards-wrap .card .image_main .save-img .podCost-likeReport .reportpdIcon {
  background: var(--onet-primary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .all-podcast .all-podcasts-main .row_pcast .cards-wrap .card .image_main .save-img .podCost-likeReport .savedPodcost11 img,
.onet-dark-mode .onet-dark-mode-inn .all-podcast .all-podcasts-main .row_pcast .cards-wrap .card .image_main .save-img .podCost-likeReport .reportpdIcon img,
.onet-dark-mode .onet-dark-mode-inn .all-podcast .catgory-overviewAll .row_pcast .cards-wrap .card .image_main .save-img .podCost-likeReport .savedPodcost11 img,
.onet-dark-mode .onet-dark-mode-inn .all-podcast .catgory-overviewAll .row_pcast .cards-wrap .card .image_main .save-img .podCost-likeReport .reportpdIcon img {
  filter: brightness(0) saturate(100%) invert(61%) sepia(14%) saturate(613%) hue-rotate(137deg) brightness(93%) contrast(90%);
}
.onet-dark-mode .onet-dark-mode-inn .all-podcast .all-podcasts-main .row_pcast .cards-wrap .card .card-body,
.onet-dark-mode .onet-dark-mode-inn .all-podcast .catgory-overviewAll .row_pcast .cards-wrap .card .card-body {
  background: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .all-podcast .all-podcasts-main .row_pcast .cards-wrap .card .card-body .playbtn-duration .playbtn-duration-bg,
.onet-dark-mode .onet-dark-mode-inn .all-podcast .catgory-overviewAll .row_pcast .cards-wrap .card .card-body .playbtn-duration .playbtn-duration-bg {
  background-color: var(--onet-primary-color) !important;
  border-radius: 50%;
}
.onet-dark-mode .onet-dark-mode-inn .all-podcast .all-podcasts-main .row_pcast .cards-wrap .card .card-body .playbtn-duration .playbtn-duration-bg img,
.onet-dark-mode .onet-dark-mode-inn .all-podcast .catgory-overviewAll .row_pcast .cards-wrap .card .card-body .playbtn-duration .playbtn-duration-bg img {
  filter: brightness(0) saturate(100%) invert(61%) sepia(14%) saturate(613%) hue-rotate(137deg) brightness(93%) contrast(90%);
}
.onet-dark-mode .onet-dark-mode-inn .all-podcast .all-podcasts-main .row_pcast .cards-wrap .card .card-body .playbtn-duration p,
.onet-dark-mode .onet-dark-mode-inn .all-podcast .catgory-overviewAll .row_pcast .cards-wrap .card .card-body .playbtn-duration p {
  color: var(--onet-text-dark-color) !important;
  text-align: center;
}
.onet-dark-mode .onet-dark-mode-inn .all-podcast .all-podcasts-main .row_pcast .cards-wrap .card .card-body .playbtn-duration .podcast-audio-progress .mat-progress-spinner svg,
.onet-dark-mode .onet-dark-mode-inn .all-podcast .catgory-overviewAll .row_pcast .cards-wrap .card .card-body .playbtn-duration .podcast-audio-progress .mat-progress-spinner svg {
  stroke: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .all-podcast .all-podcasts-main .row_pcast .cards-wrap .card .card-body .playbtn-duration .podcast-audio-progress .mat-progress-spinner svg circle,
.onet-dark-mode .onet-dark-mode-inn .all-podcast .catgory-overviewAll .row_pcast .cards-wrap .card .card-body .playbtn-duration .podcast-audio-progress .mat-progress-spinner svg circle {
  stroke: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .all-podcast .all-podcasts-main .row_pcast .cards-wrap .card .card-body h6, .onet-dark-mode .onet-dark-mode-inn .all-podcast .all-podcasts-main .row_pcast .cards-wrap .card .card-body .h6,
.onet-dark-mode .onet-dark-mode-inn .all-podcast .catgory-overviewAll .row_pcast .cards-wrap .card .card-body h6,
.onet-dark-mode .onet-dark-mode-inn .all-podcast .catgory-overviewAll .row_pcast .cards-wrap .card .card-body .h6 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .all-podcast .all-podcasts-main .row_pcast .cards-wrap .card .card-body p,
.onet-dark-mode .onet-dark-mode-inn .all-podcast .all-podcasts-main .row_pcast .cards-wrap .card .card-body .date_block span,
.onet-dark-mode .onet-dark-mode-inn .all-podcast .catgory-overviewAll .row_pcast .cards-wrap .card .card-body p,
.onet-dark-mode .onet-dark-mode-inn .all-podcast .catgory-overviewAll .row_pcast .cards-wrap .card .card-body .date_block span {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .all-podcast .all-podcasts-main .row_pcast .cards-wrap .card .card-body .date_block img,
.onet-dark-mode .onet-dark-mode-inn .all-podcast .catgory-overviewAll .row_pcast .cards-wrap .card .card-body .date_block img {
  filter: brightness(0) saturate(100%) invert(61%) sepia(14%) saturate(613%) hue-rotate(137deg) brightness(93%) contrast(90%) !important;
}
.onet-dark-mode .onet-dark-mode-inn .podcast-view-wrapper {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .podcast-view-wrapper .comments_card {
  box-shadow: unset !important;
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .podcast-view-wrapper .comments_card span a {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .podcast-view-wrapper .play-wrapper-right {
  background-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .podcast-view-wrapper .play-wrapper-right .title span {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .podcast-view-wrapper .play-wrapper-right .releted_block {
  background-color: var(--onet-dark-bg-primary) !important;
  margin-top: 0px;
}
.onet-dark-mode .onet-dark-mode-inn .podcast-view-wrapper .play-wrapper-right .releted_block .play-inns {
  margin-bottom: 0px;
}
.onet-dark-mode .onet-dark-mode-inn .podcast-view-wrapper .play-wrapper-right .releted_block .play-inns:hover {
  background-color: transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .podcast-view-wrapper .play-wrapper-right .releted_block .play-inns .tags_thumbs h4, .onet-dark-mode .onet-dark-mode-inn .podcast-view-wrapper .play-wrapper-right .releted_block .play-inns .tags_thumbs .h4 {
  color: var(--onet-white-color) !important;
  font-weight: 400 !important;
  font-size: var(--clamp14) !important;
}
.onet-dark-mode .onet-dark-mode-inn .podcast-view-wrapper .play-wrapper-right .releted_block .play-inns .tags_thumbs p {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .podcast-view-wrapper .play-wrapper-left .playBox .audio-content .play-btns button span img,
.onet-dark-mode .onet-dark-mode-inn .podcast-view-wrapper .play-wrapper-left .playBox .audio-content .valumeBtn button span img {
  filter: brightness(0) saturate(100%) invert(61%) sepia(14%) saturate(613%) hue-rotate(137deg) brightness(93%) contrast(90%) !important;
}
.onet-dark-mode .onet-dark-mode-inn .podcast-view-wrapper .play-wrapper-left .playBox .audio-content .range-block .tracks span {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .podcast-view-wrapper .play-wrapper-left .playBox .podcast-audio-titles .title_tags p {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .podcast-view-wrapper .play-wrapper-left .playBox .podcast-audio-titles .podcast-audio-icons ul li a img {
  filter: brightness(0) saturate(100%) invert(61%) sepia(14%) saturate(613%) hue-rotate(137deg) brightness(93%) contrast(90%) !important;
}
.onet-dark-mode .onet-dark-mode-inn .podcast-view-wrapper .play-wrapper-left .playBox .podcast-audio-titles .podcast-audio-icons ul li span {
  color: var(--onet-text-dark-color);
}
.onet-dark-mode .onet-dark-mode-inn .my-podcast-wrap .my-podcast-module {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-podcast-wrap .my-podcast-module .heading-wrap a {
  background-color: var(--onet-dark-bg-secondary) !important;
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-podcast-wrap .my-podcast-module .heading-wrap h5, .onet-dark-mode .onet-dark-mode-inn .my-podcast-wrap .my-podcast-module .heading-wrap .h5 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-podcast-wrap .my-podcast-module .heading-wrap .podcat_viewall a {
  background-color: var(--onet-dark-bg-secondary) !important;
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-podcast-wrap .cards-wrap {
  position: relative;
}
.onet-dark-mode .onet-dark-mode-inn .my-podcast-wrap .cards-wrap .card {
  background-color: var(--onet-dark-bg-hovered) !important;
  border: 1px solid var(--onet-dark-border-color);
}
.onet-dark-mode .onet-dark-mode-inn .my-podcast-wrap .cards-wrap .card .image_main .save-img .podCost-likeReport .savedPodcost11,
.onet-dark-mode .onet-dark-mode-inn .my-podcast-wrap .cards-wrap .card .image_main .save-img .podCost-likeReport .reportpdIcon,
.onet-dark-mode .onet-dark-mode-inn .my-podcast-wrap .cards-wrap .card .image_main .save-img .podCost-likeReport .deletepdIcon {
  background: var(--onet-primary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-podcast-wrap .cards-wrap .card .image_main .save-img .podCost-likeReport .savedPodcost11 img,
.onet-dark-mode .onet-dark-mode-inn .my-podcast-wrap .cards-wrap .card .image_main .save-img .podCost-likeReport .reportpdIcon img,
.onet-dark-mode .onet-dark-mode-inn .my-podcast-wrap .cards-wrap .card .image_main .save-img .podCost-likeReport .deletepdIcon img {
  filter: brightness(0) saturate(100%) invert(61%) sepia(14%) saturate(613%) hue-rotate(137deg) brightness(93%) contrast(90%);
}
.onet-dark-mode .onet-dark-mode-inn .my-podcast-wrap .cards-wrap .card .card-body {
  background-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-podcast-wrap .cards-wrap .card .card-body .playbtn-duration .playbtn-duration-bg {
  background-color: var(--onet-primary-color) !important;
  border-radius: 50% !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-podcast-wrap .cards-wrap .card .card-body .playbtn-duration .playbtn-duration-bg img {
  filter: brightness(0) saturate(100%) invert(61%) sepia(14%) saturate(613%) hue-rotate(137deg) brightness(93%) contrast(90%);
}
.onet-dark-mode .onet-dark-mode-inn .my-podcast-wrap .cards-wrap .card .card-body .playbtn-duration p {
  color: var(--onet-text-dark-color) !important;
  text-align: center;
}
.onet-dark-mode .onet-dark-mode-inn .my-podcast-wrap .cards-wrap .card .card-body .playbtn-duration .podcast-audio-progress .mat-progress-spinner svg {
  stroke: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-podcast-wrap .cards-wrap .card .card-body .playbtn-duration .podcast-audio-progress .mat-progress-spinner svg circle {
  stroke: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-podcast-wrap .cards-wrap .card .card-body h6, .onet-dark-mode .onet-dark-mode-inn .my-podcast-wrap .cards-wrap .card .card-body .h6 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-podcast-wrap .cards-wrap .card .card-body p,
.onet-dark-mode .onet-dark-mode-inn .my-podcast-wrap .cards-wrap .card .card-body .date_block span {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-podcast-wrap .cards-wrap .card .card-body .date_block img {
  filter: brightness(0) saturate(100%) invert(61%) sepia(14%) saturate(613%) hue-rotate(137deg) brightness(93%) contrast(90%) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper .left-card-wrpper .card .card-header {
  background: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper .left-card-wrpper .card .card-header h5, .onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper .left-card-wrpper .card .card-header .h5 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper .left-card-wrpper .card .card-header h5 .myChannel-count, .onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper .left-card-wrpper .card .card-header .h5 .myChannel-count {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper .left-card-wrpper .card .card-body {
  background: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper .left-card-wrpper .card .card-body ul li:hover, .onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper .left-card-wrpper .card .card-body ul li.active {
  background: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper .left-card-wrpper .card .card-body ul li label {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper .podcast-view-wrapper {
  padding: 0px 0px;
  margin: 0px 0px 30px;
  margin-top: 0px;
}
.onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper .podcast-view-wrapper .channel_cover .channel_descript {
  background-color: var(--onet-dark-bg-secondary) !important;
  border: 1px solid var(--onet-dark-border-color);
  padding: 1rem;
}
.onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper .podcast-view-wrapper .channel_cover .channel_descript h5, .onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper .podcast-view-wrapper .channel_cover .channel_descript .h5 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper .podcast-view-wrapper .channel_cover .channel_descript p {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper .podcast-view-wrapper .row_pcast {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper .podcast-view-wrapper .row_pcast .cards-wrap {
  position: relative;
}
.onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper .podcast-view-wrapper .row_pcast .cards-wrap .card {
  background-color: var(--onet-dark-bg-hovered) !important;
  border: 1px solid var(--onet-dark-border-color);
}
.onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper .podcast-view-wrapper .row_pcast .cards-wrap .card .image_main .save-img .podCost-likeReport .savedPodcost11,
.onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper .podcast-view-wrapper .row_pcast .cards-wrap .card .image_main .save-img .podCost-likeReport .reportpdIcon,
.onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper .podcast-view-wrapper .row_pcast .cards-wrap .card .image_main .save-img .podCost-likeReport .deletepdIcon {
  background: var(--onet-primary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper .podcast-view-wrapper .row_pcast .cards-wrap .card .image_main .save-img .podCost-likeReport .savedPodcost11 img,
.onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper .podcast-view-wrapper .row_pcast .cards-wrap .card .image_main .save-img .podCost-likeReport .reportpdIcon img,
.onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper .podcast-view-wrapper .row_pcast .cards-wrap .card .image_main .save-img .podCost-likeReport .deletepdIcon img {
  filter: brightness(0) saturate(100%) invert(61%) sepia(14%) saturate(613%) hue-rotate(137deg) brightness(93%) contrast(90%);
}
.onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper .podcast-view-wrapper .row_pcast .cards-wrap .card .card-body {
  background-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper .podcast-view-wrapper .row_pcast .cards-wrap .card .card-body .playbtn-duration .playbtn-duration-bg {
  background-color: var(--onet-primary-color) !important;
  border-radius: 50% !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper .podcast-view-wrapper .row_pcast .cards-wrap .card .card-body .playbtn-duration .playbtn-duration-bg img {
  filter: brightness(0) saturate(100%) invert(61%) sepia(14%) saturate(613%) hue-rotate(137deg) brightness(93%) contrast(90%);
}
.onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper .podcast-view-wrapper .row_pcast .cards-wrap .card .card-body .playbtn-duration p {
  color: var(--onet-text-dark-color) !important;
  text-align: center;
}
.onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper .podcast-view-wrapper .row_pcast .cards-wrap .card .card-body .playbtn-duration .podcast-audio-progress .mat-progress-spinner svg {
  stroke: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper .podcast-view-wrapper .row_pcast .cards-wrap .card .card-body .playbtn-duration .podcast-audio-progress .mat-progress-spinner svg circle {
  stroke: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper .podcast-view-wrapper .row_pcast .cards-wrap .card .card-body h6, .onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper .podcast-view-wrapper .row_pcast .cards-wrap .card .card-body .h6 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper .podcast-view-wrapper .row_pcast .cards-wrap .card .card-body p,
.onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper .podcast-view-wrapper .row_pcast .cards-wrap .card .card-body .date_block span {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .my-channels-wrapper .podcast-view-wrapper .row_pcast .cards-wrap .card .card-body .date_block img {
  filter: brightness(0) saturate(100%) invert(61%) sepia(14%) saturate(613%) hue-rotate(137deg) brightness(93%) contrast(90%) !important;
}
.onet-dark-mode .onet-dark-mode-inn .create-channel h5, .onet-dark-mode .onet-dark-mode-inn .create-channel .h5 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .create-channel .upload_photo {
  background-color: var(--onet-dark-bg-primary);
  border: 1px solid var(--onet-dark-border-color);
}
.onet-dark-mode .onet-dark-mode-inn .create-channel .upload_photo .uploadwrap label img {
  filter: brightness(0) saturate(100%) invert(67%) sepia(12%) saturate(1175%) hue-rotate(136deg) brightness(81%) contrast(83%);
}
.onet-dark-mode .onet-dark-mode-inn .create-channel .upload_photo .uploadwrap h6, .onet-dark-mode .onet-dark-mode-inn .create-channel .upload_photo .uploadwrap .h6 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .create-channel .upload_blk {
  background-color: var(--onet-dark-bg-primary);
  border: 1px solid var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .create-channel .upload_blk .custom-dropzone {
  background-color: var(--onet-dark-bg-hovered) !important;
  border: 1px dashed var(--onet-dark-border-color) !important;
  box-shadow: unset !important;
  border-radius: 8px !important;
}
.onet-dark-mode .onet-dark-mode-inn .create-channel .upload_blk .custom-dropzone h6, .onet-dark-mode .onet-dark-mode-inn .create-channel .upload_blk .custom-dropzone .h6 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .create-channel .upload_blk .custom-dropzone label img {
  filter: brightness(0) saturate(100%) invert(67%) sepia(12%) saturate(1175%) hue-rotate(136deg) brightness(81%) contrast(83%);
}
.onet-dark-mode .onet-dark-mode-inn .create-channel .upload_blk .addaudio .ad h6, .onet-dark-mode .onet-dark-mode-inn .create-channel .upload_blk .addaudio .ad .h6 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .create-channel .upload_blk .addaudio .ad small, .onet-dark-mode .onet-dark-mode-inn .create-channel .upload_blk .addaudio .ad .small {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .create-channel .upload_blk .addaudio .uploaded-thumbs {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .create-channel .upload_blk .addaudio .uploaded-thumbs ngx-dropzone-preview ngx-dropzone-remove-badge {
  opacity: 1;
  background: var(--onet-dark-bg-secondary) !important;
  color: var(--onet-primary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .create-channel .upload_blk .addaudio .uploaded-thumbs ngx-dropzone-preview ngx-dropzone-remove-badge svg line {
  stroke: var(--onet-primary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .create-channel .upload_blk .addaudio .h-100.bg-transparent {
  background-color: #034c53 !important;
  border-radius: 50%;
  width: 35px;
  height: 35px !important;
  justify-content: center;
  display: flex;
  align-items: center;
}
.onet-dark-mode .onet-dark-mode-inn .create-channel .upload_blk .addaudio .h-100.bg-transparent img {
  filter: brightness(0) saturate(100%) invert(90%) sepia(41%) saturate(328%) hue-rotate(136deg) brightness(92%) contrast(91%) !important;
}
.onet-dark-mode .onet-dark-mode-inn .create-channel .termsConditions span {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .audio-upload h5, .onet-dark-mode .onet-dark-mode-inn .audio-upload .h5 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .audio-upload .upload_blk {
  background-color: var(--onet-dark-bg-primary);
  border: 1px solid var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .audio-upload .upload_blk .custom-dropzone {
  box-shadow: unset;
  border-color: var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .audio-upload .upload_blk .custom-dropzone h6, .onet-dark-mode .onet-dark-mode-inn .audio-upload .upload_blk .custom-dropzone .h6 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .audio-upload .upload_blk .custom-dropzone label img {
  filter: brightness(0) saturate(100%) invert(67%) sepia(12%) saturate(1175%) hue-rotate(136deg) brightness(81%) contrast(83%);
}
.onet-dark-mode .onet-dark-mode-inn .audio-upload .addaudio .uploaded-thumbs {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .audio-upload .addaudio .uploaded-thumbs ngx-dropzone-preview ngx-dropzone-remove-badge {
  opacity: 1;
  background: var(--onet-dark-bg-primary) !important;
  color: var(--onet-primary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .audio-upload .addaudio .uploaded-thumbs ngx-dropzone-preview ngx-dropzone-remove-badge svg line {
  stroke: var(--onet-primary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .audio-upload .termsConditions span {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .audio-upload .addaudio {
  background-color: var(--onet-dark-bg-hovered) !important;
  border-color: var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .audio-upload .addaudio .ad h6, .onet-dark-mode .onet-dark-mode-inn .audio-upload .addaudio .ad .h6 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .audio-upload .addaudio .ad small, .onet-dark-mode .onet-dark-mode-inn .audio-upload .addaudio .ad .small {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .audio-upload .addaudio .uplploadAudioIcon {
  background-color: var(--onet-primary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .audio-upload .addaudio .uplploadAudioIcon img {
  filter: brightness(0) saturate(100%) invert(90%) sepia(41%) saturate(328%) hue-rotate(136deg) brightness(92%) contrast(91%) !important;
}
.onet-dark-mode .onet-dark-mode-inn .audio-upload .addaudio .bg-transparent {
  background-color: var(--onet-primary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .schedulepost-wrap .search_icon {
  top: 7px !important;
  right: 8px;
  filter: brightness(0) saturate(100%) invert(67%) sepia(12%) saturate(1175%) hue-rotate(136deg) brightness(81%) contrast(83%);
}
.onet-dark-mode .onet-dark-mode-inn .schedulepost-wrap .schedulePostDate .mat-form-field-appearance-fill .mat-form-field-flex {
  background: var(--onet-dark-bg-secondary) !important;
  border: 1px solid var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .schedulepost-wrap .schedulePostDate .mat-form-field-appearance-fill .mat-form-field-flex button .mat-datepicker-toggle-default-icon {
  filter: brightness(0) saturate(100%) invert(67%) sepia(12%) saturate(1175%) hue-rotate(136deg) brightness(81%) contrast(83%);
}
.onet-dark-mode .onet-dark-mode-inn .schedulepost-wrap .schelude_post_wrap {
  border: 1px solid var(--onet-dark-bg-secondary);
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .schedulepost-wrap .schelude_post_wrap .main-card .table-responsive {
  border: 1px solid transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .schedulepost-wrap .schelude_post_wrap .main-card table tr td {
  background-color: var(--onet-dark-bg-primary) !important;
  color: var(--onet-text-dark-color) !important;
  border-bottom: 1px solid var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .schedulepost-wrap .schelude_post_wrap .main-card table tr td .action-btns button {
  background: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .schedulepost-wrap .schelude_post_wrap .main-card table tr td .action-btns button img {
  filter: brightness(0) saturate(100%) invert(67%) sepia(12%) saturate(1175%) hue-rotate(136deg) brightness(81%) contrast(83%);
}
.onet-dark-mode .onet-dark-mode-inn .schedulepost-wrap .schelude_post_wrap .main-card table .bg-white {
  background-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .schedulepost-wrap .schelude_post_wrap ul.pagination li a {
  background-color: var(--onet-dark-bg-primary) !important;
  color: var(--onet-white-color) !important;
  border-color: var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .schedulepost-wrap .schelude_post_wrap ul.pagination li.active a {
  background-color: var(--onet-primary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .edit-schedule-post.main-card .privacy_wrap select {
  border: 1px solid var(--onet-dark-border-color) !important;
  background-color: var(--onet-dark-bg-primary) !important;
  color: var(--onet-white-color) !important;
  padding: 6px 6px;
}
.onet-dark-mode .onet-dark-mode-inn .edit-schedule-post.main-card .editSchedulePostPhotos .media-tags a .icn img {
  filter: brightness(0) saturate(100%) invert(67%) sepia(12%) saturate(1175%) hue-rotate(136deg) brightness(81%) contrast(83%) !important;
}
.onet-dark-mode .onet-dark-mode-inn .edit-schedule-post.main-card .editSchedulePostPhotos .media-tags a span {
  color: var(--onet-white-color);
}
.onet-dark-mode .onet-dark-mode-inn .edit-schedule-post.main-card .editTagfriends .tagFrndBlog a label .icn {
  filter: brightness(0) saturate(100%) invert(67%) sepia(12%) saturate(1175%) hue-rotate(136deg) brightness(81%) contrast(83%) !important;
}
.onet-dark-mode .onet-dark-mode-inn .edit-schedule-post.main-card .editTagfriends .tagFrndBlog a label span {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .noData-reportpost .no_data_available {
  background-color: var(--onet-dark-bg-secondary) !important;
  box-shadow: unset !important;
}
.onet-dark-mode .onet-dark-mode-inn .noData-reportpost .no_data_available h5, .onet-dark-mode .onet-dark-mode-inn .noData-reportpost .no_data_available .h5 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .noData-reportpost .no_data_available .txt {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .moduleTitleDiv {
  border-color: var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .moduleTitleDiv .moduleTitle {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-fluid .left-nav .card, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-sm .left-nav .card, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-md .left-nav .card, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-lg .left-nav .card, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-xl .left-nav .card, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-xxl .left-nav .card {
  background: var(--onet-dark-bg-secondary);
  border-radius: 8px;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-fluid .left-nav .card .card-header .custom-search-input, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-sm .left-nav .card .card-header .custom-search-input, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-md .left-nav .card .card-header .custom-search-input, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-lg .left-nav .card .card-header .custom-search-input, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-xl .left-nav .card .card-header .custom-search-input, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-xxl .left-nav .card .card-header .custom-search-input {
  border-radius: 8px;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-fluid .left-nav .card .card-header .custom-search-input .input-group-btn button img, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-sm .left-nav .card .card-header .custom-search-input .input-group-btn button img, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-md .left-nav .card .card-header .custom-search-input .input-group-btn button img, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-lg .left-nav .card .card-header .custom-search-input .input-group-btn button img, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-xl .left-nav .card .card-header .custom-search-input .input-group-btn button img, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-xxl .left-nav .card .card-header .custom-search-input .input-group-btn button img {
  filter: brightness(0) saturate(100%) invert(67%) sepia(12%) saturate(1175%) hue-rotate(136deg) brightness(81%) contrast(83%) !important;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-fluid .left-nav .card .card-body h4, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-sm .left-nav .card .card-body h4, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-md .left-nav .card .card-body h4, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-lg .left-nav .card .card-body h4, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-xl .left-nav .card .card-body h4, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-xxl .left-nav .card .card-body h4, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-fluid .left-nav .card .card-body .h4, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-sm .left-nav .card .card-body .h4, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-md .left-nav .card .card-body .h4, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-lg .left-nav .card .card-body .h4, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-xl .left-nav .card .card-body .h4, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-xxl .left-nav .card .card-body .h4 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-fluid .left-nav .card .card-body .start_conversation ul li, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-sm .left-nav .card .card-body .start_conversation ul li, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-md .left-nav .card .card-body .start_conversation ul li, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-lg .left-nav .card .card-body .start_conversation ul li, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-xl .left-nav .card .card-body .start_conversation ul li, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-xxl .left-nav .card .card-body .start_conversation ul li {
  background-color: var(--onet-dark-bg-hovered) !important;
  box-shadow: 1px 0px 1px 0px #e7e7e7b0 !important;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-fluid .left-nav .card .card-body .start_conversation ul li:hover, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-sm .left-nav .card .card-body .start_conversation ul li:hover, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-md .left-nav .card .card-body .start_conversation ul li:hover, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-lg .left-nav .card .card-body .start_conversation ul li:hover, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-xl .left-nav .card .card-body .start_conversation ul li:hover, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-xxl .left-nav .card .card-body .start_conversation ul li:hover, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-fluid .left-nav .card .card-body .start_conversation ul li.active, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-sm .left-nav .card .card-body .start_conversation ul li.active, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-md .left-nav .card .card-body .start_conversation ul li.active, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-lg .left-nav .card .card-body .start_conversation ul li.active, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-xl .left-nav .card .card-body .start_conversation ul li.active, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-xxl .left-nav .card .card-body .start_conversation ul li.active {
  background-color: var(--onet-primary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-fluid .left-nav .card .card-body .start_conversation ul li label, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-sm .left-nav .card .card-body .start_conversation ul li label, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-md .left-nav .card .card-body .start_conversation ul li label, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-lg .left-nav .card .card-body .start_conversation ul li label, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-xl .left-nav .card .card-body .start_conversation ul li label, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-xxl .left-nav .card .card-body .start_conversation ul li label {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-fluid .left-nav .card .card-body .start_conversation ul li label span, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-sm .left-nav .card .card-body .start_conversation ul li label span, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-md .left-nav .card .card-body .start_conversation ul li label span, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-lg .left-nav .card .card-body .start_conversation ul li label span, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-xl .left-nav .card .card-body .start_conversation ul li label span, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-xxl .left-nav .card .card-body .start_conversation ul li label span {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-fluid .left-nav .card .card-body .no-conversations, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-sm .left-nav .card .card-body .no-conversations, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-md .left-nav .card .card-body .no-conversations, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-lg .left-nav .card .card-body .no-conversations, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-xl .left-nav .card .card-body .no-conversations, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-xxl .left-nav .card .card-body .no-conversations {
  background-color: var(--onet-dark-bg-secondary) !important;
  padding: 25px 0px;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-fluid .left-nav .card .card-body .no-conversations h2, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-sm .left-nav .card .card-body .no-conversations h2, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-md .left-nav .card .card-body .no-conversations h2, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-lg .left-nav .card .card-body .no-conversations h2, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-xl .left-nav .card .card-body .no-conversations h2, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-xxl .left-nav .card .card-body .no-conversations h2, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-fluid .left-nav .card .card-body .no-conversations .h2, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-sm .left-nav .card .card-body .no-conversations .h2, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-md .left-nav .card .card-body .no-conversations .h2, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-lg .left-nav .card .card-body .no-conversations .h2, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-xl .left-nav .card .card-body .no-conversations .h2, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-xxl .left-nav .card .card-body .no-conversations .h2 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .msg_wrap .right-pannel {
  background-color: var(--onet-dark-bg-secondary) !important;
  border-radius: 8px;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .msg_wrap .right-pannel .card {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .msg_wrap .right-pannel .card .card-header {
  border-radius: 8px 8px 0px 0px;
  background: var(--onet-dark-bg-secondary) !important;
  border-color: var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .msg_wrap .right-pannel .card .card-header label span {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .msg_wrap .right-pannel .card .card-header .mob_back i {
  filter: brightness(0.5) invert(1) !important;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .msg_wrap .right-pannel .card .card-body .sender_mainwrap .sender_msg p {
  background-color: var(--onet-dark-bg-primary) !important;
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .msg_wrap .right-pannel .card .card-body .sender_mainwrap .sender_msg p::after {
  border-left: 50px solid var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .msg_wrap .right-pannel .card .card-body .send_msg_time {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .msg_wrap .right-pannel .card .card-body .receiver_msg {
  position: relative;
  top: -5px;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .msg_wrap .right-pannel .card .card-body .receiver_msg p {
  background-color: var(--onet-dark-bg-primary) !important;
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .msg_wrap .right-pannel .card .card-body .receiver_msg p::after {
  border-right: 50px solid var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .msg_wrap .right-pannel .card .card-body .receive_msg_time {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .msg_wrap .right-pannel .card .card-footer .msg_box .msg_inp input {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .msg_wrap .right-pannel .card .card-footer .msg_box .msg_inp span .more img {
  filter: brightness(0) saturate(100%) invert(67%) sepia(12%) saturate(1175%) hue-rotate(136deg) brightness(81%) contrast(83%);
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .msg_wrap .right-pannel .card .card-footer .msg_box .msg_inp span .send-button img {
  filter: brightness(1) invert(0);
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .msg_wrap .right-pannel .card .card_scroll {
  border-bottom: var(--onet-dark-border-color) !important;
}
@media screen and (max-width: 575px) {
  .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .mob-responce .custom-search-input-mob {
    border: 1px solid var(--onet-dark-border-color) !important;
    background-color: var(--onet-dark-bg-hovered) !important;
  }
  .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-fluid .left-nav .card-body ul li, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-sm .left-nav .card-body ul li, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-md .left-nav .card-body ul li, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-lg .left-nav .card-body ul li, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-xl .left-nav .card-body ul li, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .messages .container-xxl .left-nav .card-body ul li {
    border-bottom: 1px solid var(--onet-dark-bg-secondary) !important;
  }
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .onet-right-wrapper .msg-right {
  background-color: var(--onet-dark-bg-secondary) !important;
  border-radius: 8px;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .onet-right-wrapper .msg-right .nodata {
  color: var(--onet-white-color);
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .onet-right-wrapper .msg-right .message-wrap .message-blog {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .onet-right-wrapper .msg-right .message-wrap .message-blog .img-about-section {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .onet-right-wrapper .msg-right .message-wrap .message-blog .about-me,
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .onet-right-wrapper .msg-right .message-wrap .message-blog .photos,
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .onet-right-wrapper .msg-right .message-wrap .message-blog .videos,
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .onet-right-wrapper .msg-right .message-wrap .message-blog .Mutual-frds {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .onet-right-wrapper .msg-right .message-wrap .message-blog .about-me ul,
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .onet-right-wrapper .msg-right .message-wrap .message-blog .photos ul,
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .onet-right-wrapper .msg-right .message-wrap .message-blog .videos ul,
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .onet-right-wrapper .msg-right .message-wrap .message-blog .Mutual-frds ul {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .onet-right-wrapper .msg-right .message-wrap .message-blog .about-me p.info {
  color: var(--white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .onet-right-wrapper .msg-right .message-wrap .message-blog .about-me p {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .onet-right-wrapper .msg-right .message-wrap .message-blog .about-me h4, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .onet-right-wrapper .msg-right .message-wrap .message-blog .about-me .h4 {
  color: var(--white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .onet-right-wrapper .msg-right .message-wrap .message-blog .profile-blcok ul li span {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .onet-right-wrapper .msg-right .message-wrap .message-blog .profile-blcok ul li span:first-child {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .onet-right-wrapper .msg-right .message-wrap .message-blog .imgcl h4, .onet-dark-mode .onet-dark-mode-inn .msg-left-content .onet-right-wrapper .msg-right .message-wrap .message-blog .imgcl .h4,
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .onet-right-wrapper .msg-right .message-wrap .message-blog h6,
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .onet-right-wrapper .msg-right .message-wrap .message-blog .h6 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .onet-right-wrapper .msg-right .message-wrap .message-blog .aclass {
  color: #2692FF !important;
  font-size: var(--clamp14);
  margin-top: 0px !important;
}
.onet-dark-mode .onet-dark-mode-inn .msg-left-content .onet-right-wrapper .msg-right .message-wrap .message-blog .photos-blcok-one span {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .selectCoverPhotos .main-card .title-capts h4, .onet-dark-mode .onet-dark-mode-inn .selectCoverPhotos .main-card .title-capts .h4 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .selectCoverPhotos .main-card .card {
  background-color: var(--onet-dark-bg-hovered);
  border: 1px solid var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .selectCoverPhotos .main-card .card .image_main {
  background-color: var(--onet-dark-bg-hovered);
  border: 1px solid var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .btn-outline {
  background: transparent !important;
  color: var(--onet-text-secondary-color) !important;
  border: 1px solid var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .tab_wrapper .mat-tab-header {
  background-color: var(--onet-dark-bg-primary) !important;
  border-bottom: 1px solid var(--onet-dark-bg-secondary);
}
.onet-dark-mode .onet-dark-mode-inn .tab_wrapper .main-content .card-wrap .card .prof_capts {
  background-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .tab_wrapper .main-content .horiz_view .card {
  background-color: var(--onet-dark-bg-primary) !important;
  border: 1px solid #1E384E !important;
}
.onet-dark-mode .onet-dark-mode-inn .tab_wrapper .main-content .card-wrap .card .img_width {
  border-radius: 10px 10px 0px 0px !important;
  border-bottom: 1px solid #1e384e2b !important;
}
.onet-dark-mode .onet-dark-mode-inn .tab_wrapper .main-content .horiz_view .card .prof_capts h5, .onet-dark-mode .onet-dark-mode-inn .tab_wrapper .main-content .horiz_view .card .prof_capts .h5 {
  color: var(--onet-text-primary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .tab_wrapper .main-content .card-wrap .card .friend_block label {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .tab_wrapper .main-content .title-capts h4, .onet-dark-mode .onet-dark-mode-inn .tab_wrapper .main-content .title-capts .h4 {
  color: var(--onet-text-primary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .tab_wrapper .main-content .title-capts h4 small, .onet-dark-mode .onet-dark-mode-inn .tab_wrapper .main-content .title-capts .h4 small, .onet-dark-mode .onet-dark-mode-inn .tab_wrapper .main-content .title-capts h4 .small, .onet-dark-mode .onet-dark-mode-inn .tab_wrapper .main-content .title-capts .h4 .small {
  color: var(--onet-text-primary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .moduleTitleDiv h4, .onet-dark-mode .onet-dark-mode-inn .moduleTitleDiv .h4 {
  color: var(--onet-text-primary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .main-card {
  background-color: var(--onet-dark-bg-secondary) !important;
  border: 1px solid transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .blogs-tab-wrapper.main-card .custom-search-input .input-group-btn button,
.onet-dark-mode .onet-dark-mode-inn .allBlogs.main-card .custom-search-input .input-group-btn button {
  background-color: #ffffff00 !important;
}
.onet-dark-mode .onet-dark-mode-inn .clubs_tab_wrapper .main-card {
  background-color: var(--onet-dark-bg-secondary) !important;
  border: 1px solid transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .tab-group .main-content .card-wrap .card .more-acts .more {
  background: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .tab-group .main-content .card-wrap .card {
  background-color: var(--onet-dark-bg-primary) !important;
  border: 1px solid #1E384E !important;
}
.onet-dark-mode .onet-dark-mode-inn .tab-group .main-content .card-wrap .card .prof_capts .name_strip {
  color: var(--onet-text-primary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .friends-right-wrap .friends-right-inn {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .friends-right-wrap .friends-right-inn h4, .onet-dark-mode .onet-dark-mode-inn .friends-right-wrap .friends-right-inn .h4 {
  color: var(--onet-text-primary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .friends-right-wrap .right_friends_content h4, .onet-dark-mode .onet-dark-mode-inn .friends-right-wrap .right_friends_content .h4 {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .friend_content .custom-search-input {
  background-color: var(--onet-dark-bg-secondary) !important;
  box-shadow: none !important;
  border: 1px solid var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .friend_content .custom-search-input .form-control {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .tab-group .main-content .title-capts a {
  color: var(--onet-text-primary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .tab-group .main-content .title-capts a img {
  filter: brightness(0) invert(1);
}
.onet-dark-mode .onet-dark-mode-inn .custom-search-input .inner-group button img {
  filter: brightness(7) contrast(0.4) !important;
}
.onet-dark-mode .onet-dark-mode-inn .title-capts .mat-form-field-flex {
  background-color: var(--onet-dark-bg-secondary) !important;
  border: 1px solid var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .friends-right-wrap .right_friends_item_btn a {
  color: var(--onet-text-primary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .friends-right-wrap .right_friends_item_btn a img {
  filter: brightness(0) invert(1);
}
.onet-dark-mode .onet-dark-mode-inn ::ng-deep .mat-select-arrow {
  color: #fff !important;
}
.onet-dark-mode .onet-dark-mode-inn .tab_wrapper .mat-tab-label.mat-tab-label-active .mat-tab-label-content {
  color: var(--onet-white-color) !important;
  border-bottom: 3px solid var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .friends-sort-wrap mat-select::placeholder {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .no_data_block {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .main-content .card {
  border: 1px solid #1E384E !important;
  background: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .main-content .card .name_strip {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .clubs_count {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .allClubs a {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .allClubs a img {
  filter: brightness(0) invert(1);
}
.onet-dark-mode .onet-dark-mode-inn .clubs_block .members_count {
  background: var(--onet-primary-color) !important;
  color: var(--onet-white-color) !important;
  filter: none !important;
}
.onet-dark-mode .onet-dark-mode-inn .create_club .main-card .img-upload-block {
  background: var(--onet-dark-bg-primary) !important;
  border: 1px solid #1E384E !important;
}
.onet-dark-mode .onet-dark-mode-inn .img-upload-block img {
  filter: brightness(0) invert(1);
}
.onet-dark-mode .onet-dark-mode-inn .img-upload-block h6, .onet-dark-mode .onet-dark-mode-inn .img-upload-block .h6 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .img-upload-block h6 small, .onet-dark-mode .onet-dark-mode-inn .img-upload-block .h6 small, .onet-dark-mode .onet-dark-mode-inn .img-upload-block h6 .small, .onet-dark-mode .onet-dark-mode-inn .img-upload-block .h6 .small {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .invite_friends .custom-search-input {
  background-color: var(--onet-dark-bg-primary) !important;
  border: #1E384E !important;
}
.onet-dark-mode .onet-dark-mode-inn .create_club .main-card .form-control,
.onet-dark-mode .onet-dark-mode-inn .create_club .main-card .form-select {
  border: 1px solid #1E384E !important;
  background-color: var(--onet-dark-bg-primary) !important;
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .create_club .custom-search-input .form-control {
  border: none !important;
}
.onet-dark-mode .onet-dark-mode-inn .create_club .custom-search-input .inner-group {
  border: 1px solid #1E384E !important;
  border-radius: 10px !important;
}
.onet-dark-mode .onet-dark-mode-inn .club-content-inn .card .card-body {
  background-color: var(--onet-dark-bg-secondary) !important;
  margin: 0 !important;
}
.onet-dark-mode .onet-dark-mode-inn .club-content-inn .card .card-body .club_name h3, .onet-dark-mode .onet-dark-mode-inn .club-content-inn .card .card-body .club_name .h3 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .club-content-inn .box-layout .more-acts {
  background-color: transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .club-content-inn .openText h2, .onet-dark-mode .onet-dark-mode-inn .club-content-inn .openText .h2 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .club_members .main-card .inn-card .card-body h5, .onet-dark-mode .onet-dark-mode-inn .club_members .main-card .inn-card .card-body .h5 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .club_members .main-card .main-head h5, .onet-dark-mode .onet-dark-mode-inn .club_members .main-card .main-head .h5 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .club_members .main-card .main-head h5 span, .onet-dark-mode .onet-dark-mode-inn .club_members .main-card .main-head .h5 span {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .club_members .main-card .inn-card .card-body h6, .onet-dark-mode .onet-dark-mode-inn .club_members .main-card .inn-card .card-body .h6 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .club_members .main-card .inn-card .members_card .card {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .club_members .main-card .inn-card .members_card .card h5, .onet-dark-mode .onet-dark-mode-inn .club_members .main-card .inn-card .members_card .card .h5 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .club_more button img {
  background-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .club_members .inn-card .card_block .more-acts img {
  background: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .view-all a {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .view-all a img {
  filter: brightness(0) invert(1) !important;
}
.onet-dark-mode .onet-dark-mode-inn .club-members .members-main-card {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .club-members .members-main-card h5, .onet-dark-mode .onet-dark-mode-inn .club-members .members-main-card .h5 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .club-members .members-main-card .members-inn-card {
  background: var(--onet-dark-bg-primary) !important;
  border: 1px solid #1E384E !important;
  box-shadow: none !important;
}
.onet-dark-mode .onet-dark-mode-inn .club-members .members-main-card .members-inn-card h5, .onet-dark-mode .onet-dark-mode-inn .club-members .members-main-card .members-inn-card .h5 {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .club-members .members-main-card .members-inn-card h6, .onet-dark-mode .onet-dark-mode-inn .club-members .members-main-card .members-inn-card .h6 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .left-wrapper .left-wrapper-inn .bg .capt-inn small, .onet-dark-mode .onet-dark-mode-inn .left-wrapper .left-wrapper-inn .bg .capt-inn .small {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .left-wrapper .left-wrapper-inn .bg .capt-inn .txt {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .left-wrapper .left-wrapper-inn .bg .capt-inn .text-desc {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .profile-main-wrapper .profile-right-content .profile-right-wrapper {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .profile-main-wrapper .profile-right-content .profile-right-wrapper label {
  color: #fff !important;
}
.onet-dark-mode .onet-dark-mode-inn .profile-main-wrapper .profile-left-wrapper {
  background-color: var(--onet-dark-bg-secondary) !important;
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .profile-view .form-control,
.onet-dark-mode .onet-dark-mode-inn .profile-view .form-select,
.onet-dark-mode .onet-dark-mode-inn .education-view .form-control,
.onet-dark-mode .onet-dark-mode-inn .education-view .form-select,
.onet-dark-mode .onet-dark-mode-inn .proffesional-info-view .form-control,
.onet-dark-mode .onet-dark-mode-inn .proffesional-info-view .form-select,
.onet-dark-mode .onet-dark-mode-inn .address-view .form-control,
.onet-dark-mode .onet-dark-mode-inn .address-view .form-select {
  background-color: var(--onet-dark-bg-hovered) !important;
  color: var(--onet-text-secondary-color) !important;
  border: transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .profile-view .date_wrap .mat-form-field-appearance-fill .mat-form-field-infix,
.onet-dark-mode .onet-dark-mode-inn .education-view .date_wrap .mat-form-field-appearance-fill .mat-form-field-infix,
.onet-dark-mode .onet-dark-mode-inn .proffesional-info-view .date_wrap .mat-form-field-appearance-fill .mat-form-field-infix,
.onet-dark-mode .onet-dark-mode-inn .address-view .date_wrap .mat-form-field-appearance-fill .mat-form-field-infix {
  background-color: var(--onet-dark-bg-hovered) !important;
  color: var(--onet-text-secondary-color) !important;
  border: transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .about-view .card {
  background-color: var(--onet-dark-bg-hovered) !important;
  color: var(--onet-text-secondary-color) !important;
  border: transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .profile-right-wrapper .form-control,
.onet-dark-mode .onet-dark-mode-inn .form-selct {
  background-color: var(--onet-dark-bg-hovered) !important;
  color: var(--onet-text-secondary-color) !important;
  border: transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .date_wrap .mat-form-field-appearance-fill .mat-form-field-infix {
  background-color: var(--onet-dark-bg-hovered) !important;
  color: var(--onet-text-secondary-color) !important;
  border: transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .profile-info-right .card .img-crop-wrap {
  background-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .privacy-wrap .ng-select.ng-select-single .ng-select-container {
  color: var(--onet-white-color);
  background: var(--onet-primary-color) !important;
  border: none !important;
}
.onet-dark-mode .onet-dark-mode-inn .privacy-wrap img {
  filter: brightness(0) saturate(100%) invert(67%) sepia(12%) saturate(1175%) hue-rotate(136deg) brightness(81%) contrast(83%) !important;
}
.onet-dark-mode .onet-dark-mode-inn .privacy-wrap .ng-dropdown-panel {
  background-color: transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .privacy-view img {
  filter: brightness(0) invert(1) !important;
}
.onet-dark-mode .onet-dark-mode-inn .privacy-view label {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .profile-main-wrapper .profile-right-content .profile-right-wrapper h6, .onet-dark-mode .onet-dark-mode-inn .profile-main-wrapper .profile-right-content .profile-right-wrapper .h6 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .date_wrap .mat-input-element {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .delete-profile-wrap label {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .professional-information label,
.onet-dark-mode .onet-dark-mode-inn .profile-main-wrapper .form-check-label,
.onet-dark-mode .onet-dark-mode-inn .date_wrap input::placeholder,
.onet-dark-mode .onet-dark-mode-inn .profile-right-wrapper input::placeholder,
.onet-dark-mode .onet-dark-mode-inn .date_wrap .mat-datepicker-toggle,
.onet-dark-mode .onet-dark-mode-inn .mat-datepicker-content .mat-calendar-next-button,
.onet-dark-mode .onet-dark-mode-inn .mat-datepicker-content .mat-calendar-previous-button,
.onet-dark-mode .onet-dark-mode-inn .mat-select-wrap .mat-form-field-label,
.onet-dark-mode .onet-dark-mode-inn .mat-select-wrap .mat-select-value-text {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .profile-info-left .mat-select,
.onet-dark-mode .onet-dark-mode-inn .mat-select-wrap .mat-select {
  background-color: transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .date_wrap input,
.onet-dark-mode .onet-dark-mode-inn .date_wrap .mat-form-field {
  background-color: transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .date_wrap .mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .heading-wrap h5, .onet-dark-mode .onet-dark-mode-inn .heading-wrap .h5,
.onet-dark-mode .onet-dark-mode-inn .allBlogs h5,
.onet-dark-mode .onet-dark-mode-inn .allBlogs .h5 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .grid-view .card,
.onet-dark-mode .onet-dark-mode-inn .grid-view .card .blog_body .card-footer {
  background-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .grid-view .card .blog_body .card-body label.name_label {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .grid-view .card .blog_body .card-body label.name_label span {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .grid-view .card .blog_body .card-body label,
.onet-dark-mode .onet-dark-mode-inn .grid-view .card .blog_body .card-body h5 > p,
.onet-dark-mode .onet-dark-mode-inn .grid-view .card .blog_body .card-body .h5 > p {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .grid-view .card .blog_body .card-body .card-text p,
.onet-dark-mode .onet-dark-mode-inn .grid-view .card .blog_body .card-body .card-text p font {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .grid-view .card .blog_body .card-footer img {
  filter: brightness(10) contrast(0.5) !important;
}
.onet-dark-mode .onet-dark-mode-inn .grid-view .card .blog_body .card-footer span {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .drafted_blogs .blog_card {
  border: transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .card-footer .btn-two {
  background-color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .card-footer .btn-two a {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .create_blog .main-card .img-upload-block,
.onet-dark-mode .onet-dark-mode-inn .createBlog-Titlediv .fr-box {
  background: var(--onet-dark-bg-primary) !important;
  border: 1px solid #1E384E !important;
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .create_blog .fr-box.fr-basic {
  background: var(--onet-dark-bg-primary) !important;
  border: 1px solid #1E384E !important;
}
.onet-dark-mode .onet-dark-mode-inn .create_blog .fr-toolbar,
.onet-dark-mode .onet-dark-mode-inn .create_blog .fr-box.fr-basic .fr-wrapper,
.onet-dark-mode .onet-dark-mode-inn .create_blog .fr-second-toolbar {
  background: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .create_blog .main-card h5, .onet-dark-mode .onet-dark-mode-inn .create_blog .main-card .h5 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .draft_link a {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .allBlogs .custom-search-input,
.onet-dark-mode .onet-dark-mode-inn .my-drafts .custom-search-input {
  background-color: var(--onet-dark-bg-primary) !important;
  border: 1px solid #1E384E !important;
}
.onet-dark-mode .onet-dark-mode-inn .custom-search-input .inner-group input::placeholder {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .grid-view .card .blog_body .card-body a {
  color: #2692FF !important;
}
.onet-dark-mode .onet-dark-mode-inn .view-blog .main-card label {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .view-blog .main-card .blog_desc p {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .view-blog .main-card h2 > p, .onet-dark-mode .onet-dark-mode-inn .view-blog .main-card .h2 > p {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .view-blog .more_icon {
  background: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .social-btns .lik-dropdown .like-icn img,
.onet-dark-mode .onet-dark-mode-inn .blog_icons button img {
  filter: brightness(10) contrast(0.5) !important;
}
.onet-dark-mode .onet-dark-mode-inn .social-btns .like-icn.circle-c img {
  filter: none !important;
}
.onet-dark-mode .onet-dark-mode-inn .social-btns .icn label {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .social-btns .dropdown.dropup a {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .social-btns .icn > div {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .grid-view .card {
  border: 1px solid #1E384E !important;
}
.onet-dark-mode .onet-dark-mode-inn .social-btns .reaction_count {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .blog_comments_wrap {
  background: var(--onet-dark-bg-secondary) !important;
  border-radius: 10px;
}
.onet-dark-mode .onet-dark-mode-inn .schelude_post_wrap {
  border: 1px solid transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .schelude_post_wrap table tr td {
  border-bottom: 1px solid var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .schelude_post_wrap .bg-white {
  background-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .schelude_post_wrap .table-responsive {
  border: 1px solid transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .schedulePostDate .mat-form-field {
  background-color: transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .schedulepost-wrap .schedulePostDate .mat-form-field-appearance-fill .mat-form-field-flex,
.onet-dark-mode .onet-dark-mode-inn .schedulepost-wrap .searchInput input {
  background: var(--onet-dark-bg-hovered) !important;
  border: 1px solid #1E384E !important;
}
.onet-dark-mode .onet-dark-mode-inn .schedulePostDate ::placeholder,
.onet-dark-mode .onet-dark-mode-inn .schedulePostDate input {
  background-color: var(--onet-dark-bg-hovered) !important;
}
.onet-dark-mode .onet-dark-mode-inn .schedulePostDate .mat-date-range-input-separator {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .schelude_post_wrap table tr td {
  background-color: var(--onet-dark-bg-primary) !important;
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .schelude_post_wrap table tr td .action-btns button {
  background: var(--onet-dark-bg-hovered) !important;
  border: 1px solid #1E384E !important;
}
.onet-dark-mode .onet-dark-mode-inn .media-tags li .icn img,
.onet-dark-mode .onet-dark-mode-inn .tagFrndBlog .icn img {
  filter: brightness(10) contrast(0.5) !important;
}
.onet-dark-mode .onet-dark-mode-inn .media-tags a span,
.onet-dark-mode .onet-dark-mode-inn .editTagfriends .tagFrndBlog a label span {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .edit-schedule-post .media_uploads {
  border: 1px solid #182B3C !important;
}
.onet-dark-mode .onet-dark-mode-inn .edit-schedule-post .add-media .custom-dropzone {
  background-color: #182B3C !important;
  border: 1px solid #182B3C !important;
}
.onet-dark-mode .onet-dark-mode-inn .edit-schedule-post .add-media .uploaded-thumbs .uploadwrap {
  background-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .edit-thumbs .mutual_thumbs .mat-chip-remove {
  color: var(--onet-text-secondary-color) !important;
  opacity: 1 !important;
}
.onet-dark-mode .onet-dark-mode-inn .edit-thumbs .mat-chip.mat-standard-chip {
  background-color: var(--onet-dark-bg-primary) !important;
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .club-content-inn .card .card-body .privacy_wrap {
  background-color: var(--onet-primary-color) !important;
  color: var(--onet-white-color) !important;
  border: 1px solid transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .club-content-inn .card .card-body .privacy_wrap img {
  filter: brightness(10) contrast(0.5) !important;
}
.onet-dark-mode .onet-dark-mode-inn .friends-sort-wrap .mat-select {
  background-color: transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .no_data_block {
  background-color: transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .editTag_friends .tag_friends .custom-search-input .w-100.position-relative.d-flex {
  border: 1px solid transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .tagFrndBlog .dropdown-menu.show {
  background-color: var(--onet-dark-bg-hovered) !important;
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .about-view .card label {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .about-view .card p {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .delete_icn {
  background-color: var(--onet-primary-color) !important;
  border: 1px solid var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .delete_icn img {
  filter: brightness(10) contrast(0.5) !important;
}
.onet-dark-mode .onet-dark-mode-inn .notify-warp .tab-wrapper,
.onet-dark-mode .onet-dark-mode-inn .notify-warp .tab-wrapper ul button {
  background-color: transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .notify-warp .tab-wrapper .nav {
  border-bottom: none !important;
}
.onet-dark-mode .onet-dark-mode-inn .all-notifications .tab-wrapper ul button.active {
  border-bottom: none !important;
}
.onet-dark-mode .onet-dark-mode-inn .all-notifications .tab-wrapper ul button {
  margin: 0px 15px !important;
}
.onet-dark-mode .onet-dark-mode-inn .notify-warp .tab-wrapper h3, .onet-dark-mode .onet-dark-mode-inn .notify-warp .tab-wrapper .h3 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .notifications-wrap .main-card .list-head .list-group-item {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .notifications-wrap .main-card .list-head .list-group-item label {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .notifications-wrap .main-card .list-head .list-group-item .mobileList-btns .mobileListmore {
  background-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .all-notifications .main-card .list-head .list-group-item .list-btns button {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .notifications-wrap .card .card-body .notify-content p {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .notifications-wrap .card .card-body .notify-content label {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .all-notifications .tab-wrapper {
  border-bottom: 1px solid var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .notifications-wrap .card .card-body ul li {
  border-bottom: 0.6px solid #243C51 !important;
}
.onet-dark-mode .onet-dark-mode-inn .main-card .stick-head {
  border-bottom: 0.6px solid #243C51 !important;
  box-shadow: none !important;
}
.onet-dark-mode .onet-dark-mode-inn .notifications-wrap .card {
  background-color: transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .notifications-wrap .card .card-body .notify-content .report_notify .report_read {
  background-color: var(--onet-dark-bg-primary) !important;
  box-shadow: 2px 2px 2px 0px var(--onet-dark-bg-primary) !important;
  border: 1px solid var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .notifications-wrap .card .card-body .notify-content .report_notify .report_read h5, .onet-dark-mode .onet-dark-mode-inn .notifications-wrap .card .card-body .notify-content .report_notify .report_read .h5 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .notifications-wrap .card .card-body .notify-content .report_notify .report_read p {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .schedulepost-wrap .schelude_post_wrap .main-card table tr {
  border-bottom: 0.6px solid #243C51 !important;
}
.onet-dark-mode .onet-dark-mode-inn .schedulepost-wrap .schelude_post_wrap .main-card table tr:last-child {
  border-bottom: none !important;
}
.onet-dark-mode .onet-dark-mode-inn .schedulepost-wrap .schelude_post_wrap .main-card table tr td {
  border-bottom: none !important;
}
.onet-dark-mode .onet-dark-mode-inn .mat-select-wrap .mat-select-arrow {
  visibility: visible !important;
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .mat-select-wrap .mat-select-trigger {
  height: 30px !important;
}
.onet-dark-mode .onet-dark-mode-inn .mat-select-wrap .mat-form-field {
  padding: 0px 13px !important;
}
.onet-dark-mode .onet-dark-mode-inn .mat-select-wrap .mat-form-field-label {
  font-size: var(--clamp14) !important;
}
.onet-dark-mode .onet-dark-mode-inn .date_wrap mat-label,
.onet-dark-mode .onet-dark-mode-inn .mat-stroked-button.mat-accent.mat-button-disabled {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .tab_wrapper .mat-tab-label.mat-tab-label .mat-tab-label-content:hover {
  font-weight: normal !important;
  border-bottom: 3px solid var(--onet-white-color) !important;
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .profile-main-wrapper .profile-left-wrapper ul li img {
  filter: brightness(0) saturate(100%) invert(53%) sepia(37%) saturate(383%) hue-rotate(136deg) brightness(97%) contrast(84%);
}
.onet-dark-mode .onet-dark-mode-inn .education-view .inn_scroll .outer-card,
.onet-dark-mode .onet-dark-mode-inn .proffesional-info-view .inn_scroll .outer-card,
.onet-dark-mode .onet-dark-mode-inn .address-view .inn_scroll .outer-card {
  border: 1px solid #1E384E !important;
}
.onet-dark-mode .onet-dark-mode-inn .education-wrap form,
.onet-dark-mode .onet-dark-mode-inn .add-professional-information form {
  border: 1px solid #1E384E !important;
  padding: 10px;
  margin-top: 15px;
  border-radius: 8px;
  background: var(--onet-dark-bg-primary);
}
.onet-dark-mode .onet-dark-mode-inn .education-wrap .date_wrap .mat-form-field-appearance-fill .mat-form-field-flex {
  background: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .education-wrap .btn-wrap,
.onet-dark-mode .onet-dark-mode-inn .professional-information .btn-wrap {
  margin-top: 3rem !important;
}
.onet-dark-mode .onet-dark-mode-inn .date_wrap mat-label {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .clubs_tab_wrapper .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.onet-dark-mode .onet-dark-mode-inn .mat-tab-header-pagination-chevron {
  border-color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .tab-wrapper ul button.active,
.onet-dark-mode .onet-dark-mode-inn .tab-wrapper ul button:hover {
  border-bottom: none !important;
}
.onet-dark-mode .onet-dark-mode-inn .date_wrap .mat-icon-button.mat-button-disabled.mat-button-disabled {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .tool_tip .tooltiptext {
  background: var(--onet-dark-border-color) !important;
  color: #fff !important;
}
.onet-dark-mode .onet-dark-mode-inn .tool_tip .tooltiptext ul li span {
  color: var(--white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .tool_tip .tooltiptext::after {
  border-color: transparent transparent var(--onet-dark-border-color) transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .title-capts p {
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .friends-sort-wrap .mat-select-arrow {
  visibility: visible !important;
}
.onet-dark-mode .onet-dark-mode-inn .start_conversation .msg_count {
  background-color: #FF5E3A !important;
}
.onet-dark-mode .onet-dark-mode-inn .members-inn-card .more-acts button {
  background: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .form_label label {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .edit-cover .more-acts .more img,
.onet-dark-mode .onet-dark-mode-inn .edit-profile .more-acts .more img {
  filter: brightness(0) saturate(100%) invert(64%) sepia(31%) saturate(311%) hue-rotate(137deg) brightness(87%) contrast(83%);
}
.onet-dark-mode .onet-dark-mode-inn .edit-cover .more-acts .more {
  background-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .edit-cover .more-acts .more img {
  filter: brightness(0) saturate(100%) invert(64%) sepia(31%) saturate(311%) hue-rotate(137deg) brightness(87%) contrast(83%);
}
.onet-dark-mode .onet-dark-mode-inn .user_camera {
  background-color: var(--onet-dark-bg-primary) !important;
  box-shadow: 0px 1px 2px 0px #0000005e !important;
}
.onet-dark-mode .onet-dark-mode-inn .user_camera img {
  filter: brightness(0) saturate(100%) invert(64%) sepia(31%) saturate(311%) hue-rotate(137deg) brightness(87%) contrast(83%);
}
.onet-dark-mode .onet-dark-mode-inn .profile-info-right .card .prof_default_img {
  background-color: var(--onet-dark-bg-primary) !important;
}
.onet-dark-mode .onet-dark-mode-inn .profile-info-right .card .prof_default_img img {
  filter: brightness(0) saturate(100%) invert(57%) sepia(63%) saturate(239%) hue-rotate(136deg) brightness(86%) contrast(83%);
}
.onet-dark-mode .onet-dark-mode-inn .club_members .main-card .main-head h5, .onet-dark-mode .onet-dark-mode-inn .club_members .main-card .main-head .h5,
.onet-dark-mode .onet-dark-mode-inn .club_members .main-card .inn-card {
  border-bottom: 1px solid var(--onet-dark-border-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.onet-dark-mode .onet-dark-mode-inn .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
  background-color: var(--onet-dark-bg-primary) !important;
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  background-color: var(--onet-dark-bg-secondary) !important;
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .edit-schedule-post h6, .onet-dark-mode .onet-dark-mode-inn .edit-schedule-post .h6 {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .friend_content .custom-search-input .input-group-btn button {
  background-color: transparent !important;
}
.onet-dark-mode .onet-dark-mode-inn .msg_wrap .right-pannel .card .card-footer .req_msg {
  color: var(--white-color) !important;
}
.onet-dark-mode .onet-dark-mode-inn .addstory .pp select option {
  background-color: var(--onet-dark-bg-hovered) !important;
  border-color: var(--onet-dark-border-color) !important;
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode input,
.onet-dark-mode .form-select,
.onet-dark-mode .mat_select,
.onet-dark-mode .mat-select,
.onet-dark-mode .mat-select .mat-select-value-text,
.onet-dark-mode .mat-select option,
.onet-dark-mode .mat-form-field,
.onet-dark-mode textarea,
.onet-dark-mode .form-select option,
.onet-dark-mode select option,
.onet-dark-mode .addstory .pp select,
.onet-dark-mode .addstory .pp select option {
  -webkit-background-color: var(--onet-dark-bg-hovered) !important;
  -webkit-border-color: var(--onet-dark-border-color) !important;
  -webkit-color: var(--onet-text-secondary-color) !important;
  -moz-background-color: var(--onet-dark-bg-hovered) !important;
  -moz-border-color: var(--onet-dark-border-color) !important;
  -moz-color: var(--onet-text-secondary-color) !important;
  -o-background-color: var(--onet-dark-bg-hovered) !important;
  -o-border-color: var(--onet-dark-border-color) !important;
  -o-color: var(--onet-text-secondary-color) !important;
  background-color: var(--onet-dark-bg-hovered) !important;
  border-color: var(--onet-dark-border-color) !important;
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode input,
.onet-dark-mode .form-select,
.onet-dark-mode .mat_select,
.onet-dark-mode .mat-select,
.onet-dark-mode .mat-select .mat-select-value-text,
.onet-dark-mode .mat-select option,
.onet-dark-mode .mat-form-field,
.onet-dark-mode textarea,
.onet-dark-mode .form-select option,
.onet-dark-mode select option,
.onet-dark-mode .addstory .pp select,
.onet-dark-mode .addstory .pp select option {
  -webkit-background-color: var(--onet-dark-bg-hovered) !important;
  -webkit-border-color: var(--onet-dark-border-color) !important;
  -webkit-color: var(--onet-text-secondary-color) !important;
  -moz-background-color: var(--onet-dark-bg-hovered) !important;
  -moz-border-color: var(--onet-dark-border-color) !important;
  -moz-color: var(--onet-text-secondary-color) !important;
  -o-background-color: var(--onet-dark-bg-hovered) !important;
  -o-border-color: var(--onet-dark-border-color) !important;
  -o-color: var(--onet-text-secondary-color) !important;
  background-color: var(--onet-dark-bg-hovered) !important;
  border-color: var(--onet-dark-border-color) !important;
  color: var(--onet-text-secondary-color) !important;
}
.onet-dark-mode .media-tags-group .media-post-btn .homeCreateposTypeMat {
  background-color: transparent !important;
}
.onet-dark-mode .media-tags-group .media-post-btn .homeCreateposTypeMat .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select {
  background-color: transparent !important;
  background-image: url(/assets/onet/img/dropdown-arrow-dark.svg) !important;
  background-repeat: no-repeat;
  background-position: right 0.25rem center;
}
.onet-dark-mode .media-tags-group .media-post-btn .homeCreateposTypeMat .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select .mat-select-value-text {
  background-color: transparent !important;
}
.onet-dark-mode .media-tags-group .media-post-btn .homeCreateposTypeMat .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select .mat-select-value-text mat-select-trigger {
  color: var(--onet-white-color) !important;
}
.onet-dark-mode .media-tags-group .media-post-btn .homeCreateposTypeMat .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select .mat-select-value-text mat-select-trigger img {
  filter: brightness(0.5) invert(1);
}
.onet-dark-mode .media-tags-group .media-post-btn .homeCreateposTypeMat .mat-form-field-wrapper .mat-form-field-flex .mat-select-arrow-wrapper .mat-select-arrow {
  display: block !important;
}
.onet-dark-mode .no-birthdays {
  color: var(--onet-text-dark-color) !important;
}
.onet-dark-mode .blocked_msg {
  color: var(--white-color) !important;
}
.onet-dark-mode .blocked_msg a {
  color: var(--onet-text-secondary-color) !important;
  text-decoration: underline !important;
}
.onet-dark-mode .user-block-content a {
  color: var(--white-color) !important;
  text-decoration: underline !important;
}
.onet-dark-mode .blocked_user_name {
  color: var(--white-color) !important;
}
.onet-dark-mode .blocked_usr_msg p {
  color: var(--white-color) !important;
}
.onet-dark-mode .msg_wrap .right-pannel .card .card-footer {
  border-top: 0.5px solid var(--onet-dark-bg-hovered) !important;
}
.onet-dark-mode .msg_wrap .right-pannel .card .card-footer .req_msg {
  border-bottom: 0.5px solid var(--onet-dark-bg-hovered) !important;
}
.onet-dark-mode .blocked_profile h5, .onet-dark-mode .blocked_profile .h5, .onet-dark-mode .blocked_profile h6, .onet-dark-mode .blocked_profile .h6 {
  color: var(--white-color) !important;
}
.onet-dark-mode .msg_wrap .right-pannel .card .card-footer {
  background-color: var(--onet-dark-bg-secondary) !important;
}
.onet-dark-mode .msg-left-content .messages .msg_wrap .right-pannel .card .card-footer {
  background-color: var(--onet-dark-bg-secondary) !important;
}
:root {
  --onet-primary-color: #034c53;
  --onet-secondary-color: #f3f3f3;
  --onet-label-color: #1e2730;
  --onet-text-color: #0c8c98;
  --onet-title-color: #2E3744;
  --onet-black-color: #000000;
  --onet-white-color: #ffffff;
  --onet-btn-color: #dedede;
  --onet-blue-color: #1f4393;
  --onet-light-blue: #ceddc9;
  --onet-light-green: #D8FCD8;
  --onet-banner-green: #E8FAEB;
  --onet-grey-color: #21c93842;
  --onet-link-color: #ff5e3a;
  --onet-darkgrey-color: #047a14;
  --onet-lightgrey-color: #21c93821;
  --onet-link-blue-color: #2692FF;
  --onet-font-family: font-family: "Poppins", sans-serif !important;
}
.onet-dark-mode .cdk-overlay-container,
.onet-light-mode .cdk-overlay-container {
  z-index: 9999 !important;
}
.w-large.show .modal-dialog {
  min-width: 800px !important;
}
@media screen and (max-width: 1366px) {
  .w-large.show .modal-dialog {
    min-width: 700px !important;
  }
}
@media screen and (max-width: 575px) {
  .w-large.show .modal-dialog {
    min-width: 95% !important;
  }
}
.events_modal.show .modal-dialog {
  min-width: 1000px !important;
}
@media screen and (max-width: 1366px) {
  .events_modal.show .modal-dialog {
    min-width: 900px !important;
  }
}
@media screen and (max-width: 575px) {
  .events_modal.show .modal-dialog {
    min-width: 95% !important;
  }
}
.onet-main-layout {
  /* HTML5 display-role reset for older browsers  */
  /*  LOGINS FORM START */
  /* ng-otp overlapping wrapper */
  /******** Main Content **********/
  /******** Middle Content **********/
  /*** 2.0 - Global Styles ***/
  /*  Multilanguage Styles*/
  /*Media Queries */
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.onet-main-layout .cdk-overlay-pane {
  transform: translate(0px, 0) !important;
  min-width: auto !important;
}
.onet-main-layout.mat-menu-panel {
  min-height: 40px !important;
}
.onet-main-layout html,
.onet-main-layout body,
.onet-main-layout applet,
.onet-main-layout object,
.onet-main-layout iframe,
.onet-main-layout h1,
.onet-main-layout .h1,
.onet-main-layout h2,
.onet-main-layout .h2,
.onet-main-layout h3,
.onet-main-layout .h3,
.onet-main-layout h4,
.onet-main-layout .h4,
.onet-main-layout h5,
.onet-main-layout .h5,
.onet-main-layout h6,
.onet-main-layout .h6,
.onet-main-layout p,
.onet-main-layout blockquote,
.onet-main-layout pre,
.onet-main-layout a,
.onet-main-layout abbr,
.onet-main-layout acronym,
.onet-main-layout address,
.onet-main-layout big,
.onet-main-layout cite,
.onet-main-layout code,
.onet-main-layout del,
.onet-main-layout dfn,
.onet-main-layout em,
.onet-main-layout img,
.onet-main-layout ins,
.onet-main-layout kbd,
.onet-main-layout q,
.onet-main-layout s,
.onet-main-layout samp,
.onet-main-layout small,
.onet-main-layout .small,
.onet-main-layout strike,
.onet-main-layout sub,
.onet-main-layout sup,
.onet-main-layout tt,
.onet-main-layout var,
.onet-main-layout b,
.onet-main-layout u,
.onet-main-layout i,
.onet-main-layout center,
.onet-main-layout dl,
.onet-main-layout dt,
.onet-main-layout dd,
.onet-main-layout ol,
.onet-main-layout ul,
.onet-main-layout li,
.onet-main-layout fieldset,
.onet-main-layout form,
.onet-main-layout label,
.onet-main-layout legend,
.onet-main-layout table,
.onet-main-layout caption,
.onet-main-layout tbody,
.onet-main-layout tfoot,
.onet-main-layout thead,
.onet-main-layout tr,
.onet-main-layout th,
.onet-main-layout td,
.onet-main-layout article,
.onet-main-layout aside,
.onet-main-layout canvas,
.onet-main-layout details,
.onet-main-layout embed,
.onet-main-layout figure,
.onet-main-layout figcaption,
.onet-main-layout footer,
.onet-main-layout header,
.onet-main-layout hgroup,
.onet-main-layout menu,
.onet-main-layout nav,
.onet-main-layout output,
.onet-main-layout ruby,
.onet-main-layout section,
.onet-main-layout summary,
.onet-main-layout time,
.onet-main-layout mark,
.onet-main-layout .mark,
.onet-main-layout audio,
.onet-main-layout video {
  margin: 0;
  padding: 0;
  border: 0;
}
.onet-main-layout article,
.onet-main-layout aside,
.onet-main-layout details,
.onet-main-layout figcaption,
.onet-main-layout figure,
.onet-main-layout footer,
.onet-main-layout header,
.onet-main-layout hgroup,
.onet-main-layout menu,
.onet-main-layout nav,
.onet-main-layout section {
  display: block;
}
.onet-main-layout body {
  height: 100vh;
  font-family: "Poppins", sans-serif !important;
  top: 0 !important;
  font-size: var(--clamp16);
  scroll-behavior: smooth;
}
.onet-main-layout p {
  font-size: var(--clamp16);
  word-break: break-word;
}
.onet-main-layout a,
.onet-main-layout a:hover {
  color: #0375d3;
}
.onet-main-layout ol,
.onet-main-layout ul {
  list-style: none;
}
.onet-main-layout blockquote,
.onet-main-layout q {
  quotes: none;
}
.onet-main-layout blockquote:before,
.onet-main-layout blockquote:after,
.onet-main-layout q:before,
.onet-main-layout q:after {
  content: "";
  content: none;
}
.onet-main-layout .mat-menu-item {
  font-family: "Poppins", sans-serif !important;
}
.onet-main-layout table {
  border-collapse: collapse;
  border-spacing: 0;
}
.onet-main-layout body.modal-open {
  height: 100vh;
  overflow-y: hidden;
}
.onet-main-layout button:focus {
  outline: none !important;
  box-shadow: none !important;
}
.onet-main-layout .onet-container {
  margin: auto 10px;
}
.onet-main-layout .pointer {
  cursor: pointer;
}
.onet-main-layout .modal-header {
  border: 0px solid transparent !important;
  top: 0;
  transition: all 0.2s;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 9;
}
.onet-main-layout .modal-header:hover {
  opacity: 0.8;
}
.onet-main-layout .modal-header h5, .onet-main-layout .modal-header .h5 {
  margin-left: 20px;
}
.onet-main-layout .modal-header button {
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  right: 0px;
  top: 0px;
  z-index: 99;
  position: relative;
}
.onet-main-layout .modal-header button img {
  width: auto !important;
}
.onet-main-layout .model-hdr {
  position: relative !important;
  border-bottom: 1px solid #ddd !important;
  display: flex;
  justify-content: space-between;
}
.onet-main-layout .model-hdr img {
  cursor: pointer;
}
.onet-main-layout .model-hdr button {
  border: none;
  background: transparent;
}
.onet-main-layout .model-hdr h5, .onet-main-layout .model-hdr .h5 {
  font-size: var(--clamp20);
  color: #000000;
}
.onet-main-layout .gallery-post-modal .modal-dialog {
  display: flex;
  align-items: center;
  height: 100% !important;
  margin: auto !important;
}
.onet-main-layout .modal-content {
  border: none !important;
  border-radius: 10px !important;
  padding: 15px !important;
}
.onet-main-layout .preview-wrap {
  border-radius: 5px !important;
  background-color: #fff;
}
.onet-main-layout .preview-wrap .carousel-inner .carousel-item {
  float: none !important;
  margin: auto !important;
  transition: all 0s !important;
  height: calc(100vh - 55px);
  padding: 20px;
  position: relative;
}
.onet-main-layout .preview-wrap .carousel-inner .carousel-item .image {
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.onet-main-layout .preview-wrap .carousel-inner .carousel-item .image img {
  object-fit: scale-down;
  z-index: 5;
  position: relative;
  width: auto !important;
  height: 100% !important;
  max-width: 100%;
  margin: auto;
}
.onet-main-layout .preview-wrap .carousel-inner .carousel-item .video {
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  align-items: center;
  display: flex;
  background-color: #b5b5b5;
}
.onet-main-layout .preview-wrap .carousel-inner .carousel-item .blurBgImg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  filter: blur(10px) brightness(0.6) drop-shadow(0px 4px 4px #000);
  z-index: 0;
  opacity: 0.5;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.onet-main-layout .img-blurred .blurBgImg-wrap {
  position: relative;
  height: -webkit-fill-available;
  z-index: 1;
}
.onet-main-layout .img-blurred .blurBgImg-wrap .blurBgImg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  filter: blur(10px) brightness(0.6) drop-shadow(0px 4px 4px #000);
  z-index: 0;
  opacity: 0.5;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.onet-main-layout .img-blurred .bg-image img {
  object-fit: contain;
  z-index: 1;
  position: absolute;
  max-width: 100%;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
}
.onet-main-layout .login-bg {
  display: flex;
  width: 100%;
  background: url('onet-bg.jpg') no-repeat center center fixed;
  background-size: cover;
  min-height: 100vh;
  height: 100%;
  overflow-y: auto;
}
.onet-main-layout .login-bg::-webkit-scrollbar {
  width: 8px;
}
.onet-main-layout .login-bg::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(77, 77, 77, 0.35);
}
.onet-main-layout .login-bg::-webkit-scrollbar-thumb {
  background: #a5a5a5;
  outline: none;
  border-radius: 5px;
}
.onet-main-layout .login-bg.signup {
  display: inline-block !important;
}
.onet-main-layout .login-bg > div {
  align-self: center;
}
.onet-main-layout .login-form-bg {
  width: 100%;
  margin: auto;
  background-color: var(--white-color);
  border-radius: 6px;
}
.onet-main-layout .login-form-bg form .form-group label {
  color: #0A2477;
  font-weight: 400;
}
.onet-main-layout .login-form-bg .form-control,
.onet-main-layout .login-form-bg .form-select {
  border: 1px solid #7688C2 !important;
  border-radius: 0.25rem !important;
}
.onet-main-layout .login-form-bg .form-select {
  color: #6e6e6e;
}
.onet-main-layout .login-form-bg .form-check-input {
  width: 1em;
  height: 1em;
  border: 1px solid #1f4393;
}
.onet-main-layout .login-bg h1, .onet-main-layout .login-bg .h1 {
  font-size: 1.2rem;
  color: var(--blue-color);
  font-weight: 500;
}
.onet-main-layout .txt-lnk {
  color: var(--blue-color) !important;
}
.onet-main-layout .txt-lnk:hover {
  text-decoration: none;
  color: #3562c4;
}
.onet-main-layout .f-siz {
  font-size: 0.9em;
}
.onet-main-layout .mrg-dic {
  margin-top: -30px;
}
.onet-main-layout .img-fit img {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  opacity: 1 !important;
}
.onet-main-layout .custom-dropzone {
  height: auto !important;
  padding: 10px !important;
}
.onet-main-layout .ng2-pdf-viewer-container {
  height: 300px !important;
  width: 100% !important;
}
.onet-main-layout .cdk-global-overlay-wrapper,
.onet-main-layout .cdk-overlay-container {
  z-index: 99999 !important;
}
.onet-main-layout .mat-form-field-infix {
  border-top: 0 !important;
}
.onet-main-layout .mat-datepicker-close-button {
  position: absolute !important;
}
.onet-main-layout .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: orangered;
}
.onet-main-layout .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: #04455f;
}
.onet-main-layout .otp_wrapper .wrapper {
  font: inherit !important;
  min-height: inherit !important;
  overflow: inherit !important;
  background: inherit !important;
}
.onet-main-layout .otp-input {
  width: 35px !important;
  height: 35px !important;
  font-size: var(--clamp14) !important;
  margin: 0px 12px 0px 0px !important;
}
.onet-main-layout .otp_wrapper .wrapper .otp-input:focus {
  border-color: #04a3ff !important;
  outline: none;
}
.onet-main-layout a,
.onet-main-layout a:hover,
.onet-main-layout a:focus,
.onet-main-layout a:active {
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
.onet-main-layout ul {
  padding: 0;
  margin: 0;
}
.onet-main-layout ul li {
  list-style-type: none;
}
.onet-main-layout h1, .onet-main-layout .h1,
.onet-main-layout h2,
.onet-main-layout .h2,
.onet-main-layout h3,
.onet-main-layout .h3,
.onet-main-layout h4,
.onet-main-layout .h4 {
  font-weight: 600;
}
.onet-main-layout h3, .onet-main-layout .h3 {
  font-size: var(--clamp24);
}
.onet-main-layout h4, .onet-main-layout .h4 {
  font-size: var(--clamp18);
}
.onet-main-layout #loader {
  position: absolute;
}
.onet-main-layout .btn-primary,
.onet-main-layout .btn-primary:focus,
.onet-main-layout .btn-primary:active {
  background-color: #28abb9 !important;
  border-color: #28abb9 !important;
  padding: 3px 10px;
}
.onet-main-layout .block {
  background: #fff;
  width: 100%;
  border-radius: 15px;
  padding: 15px;
}
.onet-main-layout .wrapper {
  font: 15px/24px "Poppins", sans-serif;
  min-height: 100vh;
  overflow-x: hidden;
  background: #2d6187;
}
.onet-main-layout .main_content {
  width: calc(100% - 80px);
  left: 80px;
  position: relative;
  height: 100vh;
  background: #f6f6f6;
  border-radius: 50px 0 0 50px;
}
.onet-main-layout .main_content > div {
  width: 100%;
}
.onet-main-layout .sidebar_maximize .main_content {
  width: calc(100% - 200px);
  left: 200px;
}
.onet-main-layout .middle_content {
  width: calc(100% - 360px);
  /* max-width: 1100px; */
  margin: 0 auto;
  left: -130px;
  position: relative;
}
.onet-main-layout .middle_content.minimize {
  left: 130px;
}
@media screen and (max-width: 767px) {
  .onet-main-layout .wrapper {
    background: #fff;
  }
  .onet-main-layout .main_content {
    width: 100%;
    left: 0;
    top: 0;
  }
  .onet-main-layout .middle_content {
    width: 100%;
    left: 0;
    position: relative;
  }
}
@media screen and (min-width: 768px) {
  .onet-main-layout .main_content {
    overflow-y: auto;
    overflow-x: hidden;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .onet-main-layout .middle_content.minimize {
    left: 110px;
  }
  .onet-main-layout .middle_content {
    width: calc(100% - 300px);
  }
}
.onet-main-layout .fit_img {
  height: 100%;
  width: 100%;
  object-position: center;
  object-fit: cover;
  background-position: 50%;
  background-size: cover;
}
.onet-main-layout .mark_ht {
  font-weight: bold;
  background-color: yellow;
  padding: 0px 4px;
}
.onet-main-layout .goog-text-highlight {
  background-color: inherit !important;
  box-shadow: inherit !important;
}
.onet-main-layout .goog-logo-link {
  display: none !important;
}
.onet-main-layout .goog-te-gadget {
  color: transparent !important;
}
.onet-main-layout .goog-te-banner-frame.skiptranslate {
  display: none !important;
}
.onet-main-layout .card_left span span img {
  display: block;
  width: 100% !important;
  height: 112px;
  margin-bottom: 20px;
}
.onet-main-layout .dropdown-toggle::after {
  display: none !important;
}
.onet-main-layout a {
  text-decoration: none;
}
.onet-main-layout a:hover {
  text-decoration: none;
}
.onet-main-layout textarea {
  resize: none;
  width: 100%;
  border-radius: 4px;
  background: #f6f9fc;
  border: 1px solid #dbdbdb;
  height: 70px;
}
.onet-main-layout ul {
  margin-bottom: 0 !important;
}
.onet-main-layout li {
  list-style: none;
}
.onet-main-layout body {
  font-family: "Poppins", sans-serif !important;
  font-size: var(--clamp16) !important;
}
.onet-main-layout h1, .onet-main-layout .h1,
.onet-main-layout h2,
.onet-main-layout .h2,
.onet-main-layout h3,
.onet-main-layout .h3,
.onet-main-layout h4,
.onet-main-layout .h4,
.onet-main-layout h5,
.onet-main-layout .h5,
.onet-main-layout h6,
.onet-main-layout .h6 {
  font-family: "Poppins", sans-serif !important;
}
.onet-main-layout .box-shadow {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}
.onet-main-layout .button-bg {
  background: var(--onet-btn-color);
}
.onet-main-layout .button-bg:hover {
  background: #04b95d;
}
.onet-main-layout .bg-hash {
  background: #F6F9FC;
}
.onet-main-layout .bg-light-blue.posted_comment,
.onet-main-layout .bg-light-gray.reply_posted_comment {
  background-color: #fff;
}
.onet-main-layout .reply_posted_comment span {
  font-weight: 400;
  font-family: var(--font-family) !important;
  font-size: var(--clamp16);
}
.onet-main-layout .bg-light-blue {
  background: #e8faeb6b;
}
.onet-main-layout .bg-light-gray {
  background: rgba(206, 221, 200, 0.32);
}
.onet-main-layout .bg-blue {
  background: #2E87DF;
}
.onet-main-layout .bg-orange {
  background: #FE9900;
}
.onet-main-layout .bg-lighten-blue {
  background: var(--onet-banner-green);
}
.onet-main-layout .bg-light-pink {
  background: #FFF6FD;
}
.onet-main-layout .bg-light-yellow {
  background: #FFF9F1;
}
.onet-main-layout .text-green {
  color: var(--onet-btn-color) !important;
}
.onet-main-layout .border-green {
  border: 1px solid var(--onet-btn-color);
}
.onet-main-layout .color-blue {
  color: #0A2477 !important;
}
.onet-main-layout .mat-body,
.onet-main-layout .mat-body-1,
.onet-main-layout .mat-typography {
  font-family: "Poppins", sans-serif !important;
}
.onet-main-layout .story-input::placeholder {
  color: #C6D5F2;
}
.onet-main-layout .story-input:focus {
  box-shadow: none;
}
.onet-main-layout .dropdown-menu {
  /* min-width: 236px !important; */
  min-width: 205px !important;
  inset: 22px auto auto 0px !important;
  box-shadow: 0px 5px 8px #0000004D;
  border-radius: 8px;
}
.onet-main-layout .update {
  border: 1px solid #0000001A;
}
.onet-main-layout .more {
  border: 0px;
  background-color: transparent;
}
.onet-main-layout .more .mat-menu-panel {
  font-family: "Poppins", sans-serif !important;
}
.onet-main-layout .recommended-friends .carousel-control-next,
.onet-main-layout .recommended-friends .carousel-control-prev {
  top: 38% !important;
  opacity: 1 !important;
  background: var(--onet-btn-color) !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 50% !important;
  border-radius: 50% !important;
  border: 2px solid #fff !important;
  box-shadow: 0px 3px 6px #00000029 !important;
}
.onet-main-layout .recommended-friends .carousel-control-next {
  right: -15px !important;
}
.onet-main-layout .recommended-friends .carousel-control-prev {
  left: -15px !important;
}
.onet-main-layout .action-btn .outline-btn {
  border: 1px solid var(--onet-btn-color);
  border-radius: 21px;
  color: var(--onet-btn-color) !important;
}
.onet-main-layout .action-btn .bg-green {
  background: var(--onet-btn-color);
  border-radius: 21px;
  color: var(--white-color) !important;
}
.onet-main-layout .goog-te-combo {
  background: none;
  border: 0;
  max-width: 46px;
}
.onet-main-layout .trans_elm_div {
  width: 100px !important;
}
.onet-main-layout .form-control:focus,
.onet-main-layout .form-select {
  box-shadow: none !important;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .onet-main-layout .photos-videos a {
    margin-right: 12px !important;
  }
  .onet-main-layout .side-menu ul li,
.onet-main-layout .photos-videos a {
    line-height: 48px !important;
  }
  .onet-main-layout .password_eye {
    top: 34px !important;
  }
}
.onet-main-layout .mat-menu-panel {
  min-width: 112px;
  max-width: 312px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  max-height: calc(100vh - 48px);
  border-radius: 4px !important;
  outline: 0;
  min-height: 40px !important;
  margin-top: 15px;
}
@media screen and (min-width: 991px) {
  .onet-main-layout .mat-menu-panel {
    overflow: initial !important;
  }
}
.onet-main-layout .mat-menu-panel:before {
  content: "";
  position: absolute;
  right: 5px;
  top: 5px;
  border-radius: 20px !important;
  border-bottom: 10px solid #aaa;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  z-index: 11;
}
@media screen and (min-width: 991px) {
  .onet-main-layout .mat-menu-panel:before {
    overflow: initial !important;
  }
}
.onet-main-layout .mat-menu-panel:after {
  content: "";
  position: absolute;
  right: 5px;
  top: 5px;
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  z-index: 11;
}
@media screen and (min-width: 991px) {
  .onet-main-layout .mat-menu-panel:after {
    overflow: initial !important;
  }
}
.onet-main-layout .sharePost-panel:before {
  right: auto !important;
  left: 5px;
}
.onet-main-layout .sharePost-panel:after {
  right: auto !important;
  left: 5px;
}
.onet-main-layout .sharePost-panel button .img_width {
  width: 17px;
  margin-right: 7px;
}
.onet-main-layout .sub_comments span {
  font-family: var(--font-family) !important;
}
.onet-main-layout .sub_comments .bg-border {
  background-color: #f3f3f3;
  border: 1px solid #e5e5e5 !important;
  padding: 0 5px;
  border-radius: 15px;
  line-height: 22px;
}
.onet-main-layout .sub_comments .bg-border .icn img {
  width: 13px;
}
.onet-main-layout .sub_comments .bg-border .digi,
.onet-main-layout .sub_comments .bg-border a {
  font-size: var(--clamp14) !important;
}
.onet-main-layout .whenTo {
  font-weight: 300 !important;
  color: #979797;
  font-size: var(--clamp14) !important;
}
.onet-main-layout .reply-btn {
  font-family: var(--font-family) !important;
  font-weight: 500 !important;
  cursor: pointer;
}
.onet-main-layout .lik-dropdown {
  position: relative;
  display: inline-block;
}
.onet-main-layout .lik-dropbtn {
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}
.onet-main-layout .lik-dropdown-content {
  display: none;
  position: absolute;
  top: -25px;
  background-color: transparent;
  z-index: 9;
}
.onet-main-layout .lik-dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.onet-main-layout .lik-dropdown-content a:hover {
  background-color: #ddd;
}
.onet-main-layout .lik-dropdown:hover .lik-dropdown-content {
  display: inline-block;
  background: #fff;
  border-radius: 20px;
  width: 350px;
  top: -50px;
  left: -5px;
  padding: 5px;
  border: 1px solid #f2f2f2;
  box-shadow: 0px 0px 8px rgba(142, 142, 142, 0.4);
}
.onet-main-layout .lik-dropdown-content::-webkit-scrollbar {
  width: 5px;
}
.onet-main-layout .lik-dropdown-content::-webkit-scrollbar-track {
  background: #bfdefa;
}
.onet-main-layout .lik-dropdown-content::-webkit-scrollbar-thumb {
  background: #2d4cb1;
}
.onet-main-layout .lik-dropdown-content::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.onet-main-layout .emj-icn img {
  width: 25px;
  height: 25px;
  display: inline-grid;
  margin: 0.2rem 0.2rem;
}
.onet-main-layout .lst-dw-img img {
  max-width: 40px;
  height: 40px;
}
.onet-main-layout .box-layout {
  border-radius: 30px;
  background: #fff;
  box-shadow: 0px 0px 8px rgba(142, 142, 142, 0.05);
  margin-bottom: 1rem;
  position: relative;
}
.onet-main-layout .box-layout .mat-card-header .mat-card-title {
  font-size: var(--clamp16) !important;
  color: var(--onet-title-color) !important;
  font-family: var(--font-family) !important;
  cursor: pointer;
}
.onet-main-layout .box-layout .mat-card-subtitle,
.onet-main-layout .box-layout .mat-card-content {
  font-size: var(--clamp14) !important;
  font-family: var(--font-family) !important;
}
.onet-main-layout .drk-blu {
  color: #1F4393;
}
.onet-main-layout .modal-header .cls-siz {
  font-size: 0.7rem !important;
  padding: 0.3rem 0.3rem !important;
}
.onet-main-layout ::ng-deep .mat-card {
  font-family: var(--font-family) !important;
}
.onet-main-layout .invalid-feedback {
  color: #e91e63;
}
.onet-main-layout .invalid-feedback {
  display: block;
}
.onet-main-layout .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #E91E63;
  background-color: #E91E63;
}
.onet-main-layout .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none;
}
.onet-main-layout .btn-fill {
  background-color: var(--onet-primary-color) !important;
  color: #fff !important;
}
.onet-main-layout .btn-outline {
  background: #fff !important;
  color: var(--onet-primary-color) !important;
  border: 1px solid var(--onet-primary-color) !important;
}
.onet-main-layout .btn {
  font-size: var(--clamp16) !important;
  line-height: 1.4 !important;
  border-radius: 5px;
  transition: all 0.2s;
  margin: auto 2px;
  font-family: var(--font-family) !important;
  padding: 8px 15px;
}
@media screen and (max-width: 1366px) {
  .onet-main-layout .btn {
    padding: 8px 10px;
    font-size: var(--clamp14) !important;
  }
}
.onet-main-layout .btn:hover {
  opacity: 0.8;
}
.onet-main-layout .btn-sm, .onet-main-layout .btn-group-sm > .btn {
  padding: 0.3rem 0.5rem !important;
  font-size: 0.8rem !important;
  border-radius: 0.25rem !important;
}
.onet-main-layout .btn.disabled,
.onet-main-layout .btn:disabled,
.onet-main-layout fieldset:disabled .btn {
  pointer-events: auto !important;
  cursor: not-allowed !important;
}
.onet-main-layout .mat-drawer .main-logo,
.onet-main-layout .mat-drawer .gm-user {
  display: none;
}
.onet-main-layout .sidemenu {
  width: 58px;
  margin-left: 0rem;
  box-shadow: 4px 1px 6px -7px #565656 inset;
}
.onet-main-layout .sidemenu .sidenav-inn {
  overflow: auto;
  height: calc(100vh - 80px);
}
.onet-main-layout .sidemenu .sidenav-inn::-webkit-scrollbar {
  width: 3px;
}
@media screen and (max-width: 1024px) {
  .onet-main-layout .sidemenu .sidenav-inn::-webkit-scrollbar {
    width: 3px;
  }
}
.onet-main-layout .sidemenu .sidenav-inn::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
}
.onet-main-layout .sidemenu .sidenav-inn::-webkit-scrollbar-thumb {
  background: #62a5e7;
  outline: none;
  border-radius: 5px;
}
@media screen and (max-width: 1024px) {
  .onet-main-layout .sidemenu .sidenav-inn::-webkit-scrollbar-thumb {
    background: #62a5e7a1;
  }
}
.onet-main-layout .sidemenu .sidenav-inn ul {
  margin-left: 2px;
  margin-top: 10px;
}
.onet-main-layout .sidemenu .media {
  justify-content: center;
}
.onet-main-layout .media span {
  display: none;
}
@media screen and (max-width: 1024px) {
  .onet-main-layout .sidemenu {
    margin-left: 0rem !important;
  }
  .onet-main-layout .sidemenu .media {
    justify-content: center;
  }
  .onet-main-layout .mat-drawer {
    width: 60px;
  }
  .onet-main-layout .mat-drawer span {
    display: none;
  }
  .onet-main-layout .mat-drawer ul li {
    margin-left: 0rem !important;
    justify-content: center;
  }
  .onet-main-layout .mat-drawer ul li .nav-icn {
    margin-right: 0px !important;
  }
}
.onet-main-layout .sidemenu ul li {
  margin-left: 0rem !important;
  justify-content: center;
}
.onet-main-layout .sidemenu ul li .nav-icn {
  margin-right: 0px !important;
}
@media screen and (max-width: 1024px) {
  .onet-main-layout .mat-drawer.mat-drawer-opened .sidemenu {
    width: auto !important;
  }
  .onet-main-layout .mat-drawer.mat-drawer-opened .sidemenu ul li {
    margin-left: auto !important;
    justify-content: start !important;
  }
  .onet-main-layout .mat-drawer.mat-drawer-opened .sidemenu ul li span {
    display: block !important;
  }
  .onet-main-layout .mat-drawer.mat-drawer-opened .sidemenu ul li .nav-icn {
    margin-right: 10px;
  }
}
.onet-main-layout .mat-drawer.mat-drawer-opened .sidemenu ul li {
  justify-content: flex-start;
}
.onet-main-layout .mat-drawer.mat-drawer-opened .sidemenu ul li .nav-icn {
  margin-right: 10px !important;
}
.onet-main-layout .round_pic {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  flex-shrink: 0;
  object-fit: cover;
}
.onet-main-layout .fw-bold {
  font-weight: 600 !important;
}
.onet-main-layout .cke_chrome {
  border-color: #cccccc !important;
  margin: 10px 0 !important;
  border-radius: 2px !important;
}
.onet-main-layout .tool_tip {
  position: relative;
  cursor: pointer;
  display: inline-block;
}
.onet-main-layout .tool_tip:hover .tooltiptext {
  visibility: visible;
  padding: 5px 10px !important;
}
.onet-main-layout .tool_tip .tooltiptext {
  visibility: hidden;
  margin-top: 5px;
  margin-left: -30px;
  padding: 0px 10px !important;
  color: #034c53;
  background-color: #e0e9ea;
  line-height: 1.5;
  min-width: max-content;
  text-align: left;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  font-size: var(--clamp13) !important;
}
@media screen and (max-width: 1199px) {
  .onet-main-layout .tool_tip .tooltiptext {
    margin-left: auto;
    left: auto;
    right: 0px;
  }
}
.onet-main-layout ::ng-deep .drop-sm button {
  line-height: 35px !important;
  height: 35px !important;
}
.onet-main-layout ::ng-deep .drop-sm button:hover {
  background-color: #FFF9F1 !important;
}
.onet-main-layout .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  display: none !important;
}
.onet-main-layout .custom-loader {
  position: absolute;
  z-index: 999999999;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.onet-main-layout .mt-25 {
  margin-top: 25px;
}
.onet-main-layout .mt-50 {
  margin-top: 50px;
}
.onet-main-layout .mt-100 {
  margin-top: 100px;
}
.onet-main-layout .mt-150 {
  margin-top: 150px;
}
.onet-main-layout .mt-200 {
  margin-top: 200px;
}
.onet-main-layout .mat-menu-content:not(:empty) {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.onet-main-layout .mat-menu-item:hover:not([disabled]) {
  background: #eeeeee;
}
.onet-main-layout button.mat-menu-item {
  height: -moz-fit-content;
  height: fit-content;
  line-height: 40px !important;
}
.onet-main-layout .modal-header h5, .onet-main-layout .modal-header .h5 {
  font-size: var(--clamp20) !important;
  position: relative;
  z-index: 1;
  color: #2E3744 !important;
  font-weight: 600;
}
.onet-main-layout .modal-header img {
  cursor: pointer;
  width: 27px;
}
.onet-main-layout .modal-header button {
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
}
.onet-main-layout ::ng-deep .create-post-popup .modal-dialog {
  min-width: 700px !important;
  height: 90%;
  width: 100%;
  justify-content: center;
}
.onet-main-layout ::ng-deep .edit-post-modal .modal-dialog {
  min-width: 700px !important;
  height: 90%;
  width: 100%;
  justify-content: center;
}
.onet-main-layout .delete-modal {
  margin-top: 150px !important;
}
.onet-main-layout .cke_resizer_ltr {
  display: none;
}
.onet-main-layout .delete-modal .modal-dialog {
  min-width: 320px !important;
}
@media screen and (max-width: 1440px) {
  .onet-main-layout .delete-modal .modal-dialog {
    min-width: 340px !important;
  }
}
@keyframes slideFlip {
  0% {
    left: 50px;
    top: 10px;
  }
  50% {
    transform: rotateY(90deg);
  }
  100% {
    left: 250px;
    top: 10px;
  }
}
.onet-main-layout .form-signup,
.onet-main-layout .forget-pwd {
  animation: 1s ease-out 0s slideFlip;
}
@keyframes slideInFromRight {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
.onet-main-layout .lets-connect,
.onet-main-layout .form-signin {
  animation: 1s ease-out 0s slideInFromRight;
}
.onet-main-layout .login-bg {
  overflow: hidden;
}
.onet-main-layout .log_capts {
  text-align: center;
  position: relative;
  right: 90px;
}
@media screen and (max-width: 1440px) {
  .onet-main-layout .log_capts {
    right: 30px;
  }
}
@media screen and (max-width: 1366px) {
  .onet-main-layout .log_capts {
    right: 60px;
  }
}
@media screen and (max-width: 1200px) {
  .onet-main-layout .log_capts {
    right: 0px;
  }
}
@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%);
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
.onet-main-layout .log_capts .capts {
  animation: 2s ease-out 0s 1 slideInFromLeft;
  margin-bottom: 4rem;
}
@keyframes slideUpDownA {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
.onet-main-layout .log_capts .capts h2, .onet-main-layout .log_capts .capts .h2 {
  animation: slideUpDownA 1s alternate;
  animation-delay: 1.5s;
  color: #0A2477;
  font-weight: 700;
  font-size: var(--clamp36);
  margin-bottom: 1.5rem;
}
.onet-main-layout .log_capts .capts p {
  font-weight: 600;
  color: #0A2477;
  font-size: var(--clamp20);
}
@media screen and (max-width: 1200px) {
  .onet-main-layout .log_capts .capts p {
    font-size: var(--clamp18);
  }
}
.onet-main-layout .log_capts .anim_icns {
  display: flex;
}
.onet-main-layout .log_capts .anim_icns .icn {
  border-radius: 100%;
  display: inline-block;
  width: 90px;
  height: 90px;
  background: #fff;
  line-height: 90px;
  text-align: center;
  box-shadow: 0px 5px 10px 0px #8b8b8b8f;
  margin-right: 30px;
}
@media screen and (max-width: 1366px) {
  .onet-main-layout .log_capts .anim_icns .icn {
    width: 70px;
    height: 70px;
    line-height: 65px;
    margin-right: auto;
  }
}
.onet-main-layout .log_capts .anim_icns .icn img {
  width: 90px;
  height: 90px;
  margin: auto;
}
@media screen and (max-width: 1366px) {
  .onet-main-layout .log_capts .anim_icns .icn img {
    width: 70px;
    height: 70px;
  }
}
.onet-main-layout .log_capts .anim_icns .commentt,
.onet-main-layout .log_capts .anim_icns .share {
  position: relative;
  top: 30px;
}
.onet-main-layout .log_capts .anim_icns .commentt img,
.onet-main-layout .log_capts .anim_icns .share img {
  width: 50px;
  height: 50px;
}
@media screen and (max-width: 1366px) {
  .onet-main-layout .log_capts .anim_icns .commentt img,
.onet-main-layout .log_capts .anim_icns .share img {
    width: 30px;
    height: 30px;
  }
}
.onet-main-layout .log_capts .anim_icns .circle {
  position: relative;
  top: -30px;
}
.onet-main-layout .log_capts .anim_icns .circle img {
  border-radius: 100%;
}
@keyframes slideUpDown {
  0%, 100% {
    transform: translateY(-20px);
  }
  50% {
    transform: translateY(0px);
  }
}
.onet-main-layout .icn_top1 {
  animation: slideUpDown 2s alternate infinite;
  animation-delay: 0.5s;
}
@keyframes slideUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}
.onet-main-layout .icn_top2 {
  animation: slideUpDown 2s alternate infinite;
  animation-delay: 0.75s;
}
@keyframes slideUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}
.onet-main-layout .icn_top3 {
  animation: slideUpDown 2s alternate infinite;
  animation-delay: 1s;
}
@keyframes slideUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}
.onet-main-layout .icn_top4 {
  animation: slideUpDown 2s alternate infinite;
  animation-delay: 1.25s;
}
@keyframes slideUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}
.onet-main-layout .icn_top5 {
  animation: slideUpDown 2s alternate infinite;
  animation-delay: 1.5s;
}
@keyframes slideDownUp {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(20px);
  }
}
.onet-main-layout .icn_bott1111 {
  animation: slideDownUp 3s linear infinite;
}
.onet-main-layout .cke_inner .cke_contents {
  height: 140px !important;
}
.onet-main-layout .grayFont {
  color: #ababab;
  font-weight: normal;
  font-weight: 600;
  font-style: italic;
}
.onet-main-layout .globe_chat {
  display: flex;
  position: fixed;
  align-items: center;
  bottom: 10px;
  left: 250px;
  z-index: 999;
  cursor: move;
}
@media screen and (min-width: 540px) and (max-width: 1024px) {
  .onet-main-layout .globe_chat {
    left: 40px;
  }
}
.onet-main-layout .globe_chat:hover .btns {
  display: block;
  margin-left: -30px;
}
.onet-main-layout .globe_chat:hover .btns .btns-inn {
  display: flex;
  z-index: -1;
  transition: all 0.3s ease-out;
}
.onet-main-layout .globe_chat .icon-globe img {
  width: 60px;
}
.onet-main-layout .globe_chat .btns {
  display: none;
}
.onet-main-layout .globe_chat .btns .btns-inn {
  position: absolute;
  top: 30px;
  z-index: -1;
  padding: 7px 10px;
  padding-left: 35px;
  background: var(--onet-primary-color);
  border-radius: 20px;
  box-shadow: 0px 2px 10px 2px #0000005e;
  overflow: hidden;
}
.onet-main-layout .globe_chat .btns .btns-inn::after {
  position: absolute;
  content: "";
  background-image: url(/assets/onet/images/sidenav-icons/sidenav-patch.png);
  background-repeat: no-repeat;
  width: 160px;
  background-size: cover;
  right: 0;
  z-index: 1;
  top: 0;
  bottom: 0;
}
.onet-main-layout .globe_chat .btns .btns-inn button {
  border: transparent;
  background: #027b24;
  margin: auto 5px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  box-shadow: 1px 1px 3px 0px #ffffff91;
  z-index: 2;
}
.onet-main-layout .globe_chat .btns .btns-inn button:hover {
  opacity: 0.7;
}
.onet-main-layout .globe_chat .btns .btns-inn button img {
  width: 20px;
  padding: 3px;
  transition: all 0.4s;
  filter: brightness(10);
}
.onet-main-layout .globe_chat .btns .btns-inn button:hover {
  transition: all 0.4s;
}
.onet-main-layout .globe_chat .btns .btns-inn button:hover img {
  transform: rotate(360deg);
}
@media screen and (max-width: 640px) {
  .onet-main-layout .select-lang {
    margin-right: 20px;
  }
}
@media screen and (max-width: 480px) {
  .onet-main-layout .select-lang {
    margin-right: -15px;
  }
}
.onet-main-layout .select-lang .trans_elm_div {
  display: block;
  min-width: 160px !important;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  border: 1px solid #B2CFE9;
  border-radius: 20px;
  padding: 0px 5px;
  position: relative;
  cursor: pointer;
  background: #fff;
}
@media screen and (max-width: 1600px) {
  .onet-main-layout .select-lang .trans_elm_div {
    min-width: 160px !important;
  }
}
.onet-main-layout .select-lang .trans_elm_div::after {
  position: absolute;
  content: "";
  border-top: solid 7px #747474;
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
  top: 11px;
  right: 10px;
}
.onet-main-layout .select-lang .goog-te-gadget {
  position: relative;
  color: transparent;
}
.onet-main-layout .select-lang select {
  outline: none;
  font-weight: 400;
  border: none;
  box-shadow: inset 0px -5px 5px rgba(255, 255, 255, 0.15), inset 0px 10px 10px rgba(255, 255, 255, 0.15);
  border-radius: 4px;
  background-color: transparent !important;
  font-size: var(--clamp14);
  --webkit-appearance: none;
  --moz-appearance: none;
  padding: 0 15px;
}
.onet-main-layout .select-lang select option {
  color: var(--main-color) !important;
}
@media screen and (max-width: 460px) {
  .onet-main-layout .select-lang {
    position: absolute;
    top: 5px;
    left: 17px;
  }
}
@media screen and (max-width: 280px) {
  .onet-main-layout .select-lang {
    left: auto;
  }
}
.onet-main-layout .select-lang select {
  box-shadow: none !important;
}
.onet-main-layout .select-lang .goog-text-highlight {
  background-color: inherit !important;
  box-shadow: inherit !important;
}
.onet-main-layout .select-lang .goog-logo-link {
  display: none !important;
}
.onet-main-layout .select-lang .goog-te-gadget {
  color: transparent !important;
}
.onet-main-layout .select-lang .goog-te-banner-frame.skiptranslate {
  display: none !important;
}
.onet-main-layout .select-lang .goog-te-combo {
  background: none;
  border: 0;
  padding: 0 0.5em;
  position: relative;
  z-index: 9;
  max-height: 20px;
  line-height: 20px;
}
.onet-main-layout input,
.onet-main-layout select {
  font-size: var(--clamp16) !important;
}
.onet-main-layout .create-tagged-friends-popup.tag-inn {
  background: #00000073 !important;
}
.onet-main-layout .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: var(--onet-primary-color) !important;
}
.onet-main-layout .mat-radio-button.mat-accent .mat-radio-inner-circle {
  background-color: var(--onet-primary-color) !important;
}
.onet-main-layout .mat-radio-outer-circle {
  border-color: var(--onet-primary-color) !important;
}
.onet-main-layout .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple {
  background-color: var(--onet-primary-color) !important;
}
.onet-main-layout .cat_items .tool_tip {
  position: relative !important;
  display: inline-block !important;
}
.onet-main-layout .cat_items .tool_tip:hover .tooltiptext {
  visibility: visible !important;
}
.onet-main-layout .cat_items .tool_tip .tooltiptext {
  visibility: hidden !important;
  background-color: #e0e9ea !important;
  text-align: center !important;
  line-height: 2 !important;
  border-radius: 5px !important;
  bottom: 40px !important;
  top: auto !important;
}
.onet-main-layout .cat_items .tool_tip .tooltiptext::after {
  top: 100% !important;
  left: 30% !important;
  bottom: auto !important;
  border-color: #48547B transparent transparent transparent !important;
}
.onet-main-layout .schedulePost .tool_tip .icn {
  background-color: var(--onet-btn-color);
  padding: 5px;
  line-height: 27px;
  margin-left: 1px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.onet-main-layout .schedulePost .tool_tip .tooltiptext {
  bottom: -38px !important;
  margin-left: -82px !important;
  background: #fff9f1 !important;
  color: rgba(0, 0, 0, 0.87);
  opacity: 1 !important;
  font-size: var(--clamp16) !important;
  line-height: 2;
  cursor: pointer;
}
.onet-main-layout .schedulePost .tool_tip .tooltiptext::after {
  top: -27% !important;
  left: 85% !important;
  border-color: transparent transparent #fff9f1 transparent !important;
}
.onet-main-layout .textdotted {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.onet-main-layout .w-250 {
  width: 250px !important;
}
.onet-main-layout .w-95 {
  width: 95% !important;
}
.onet-main-layout .mw-25 {
  max-width: 25% !important;
}
.onet-main-layout .mw-50 {
  max-width: 50% !important;
}
.onet-main-layout .mw-75 {
  max-width: 75% !important;
}
.onet-main-layout .mw-100 {
  max-width: 100% !important;
}
@media screen and (max-width: 767.98px) {
  .onet-main-layout .w-md-100 {
    width: 100% !important;
  }
}
@media screen and (max-width: 575.98px) {
  .onet-main-layout .w-sm-100 {
    width: 100% !important;
  }
}
.onet-main-layout .c-scroll .mat-tab-body-wrapper {
  height: calc(100vh - 220px);
  overflow-y: auto;
  overflow-x: hidden;
  display: block;
  margin-top: 1rem;
}
@media screen and (max-width: 540px) {
  .onet-main-layout .c-scroll .mat-tab-body-wrapper {
    overflow-y: overlay !important;
  }
  .onet-main-layout .c-scroll .mat-tab-body-wrapper::-webkit-scrollbar {
    width: 0px !important;
  }
}
.onet-main-layout .c-scroll .mat-tab-body-wrapper::-webkit-scrollbar {
  width: 8px;
}
.onet-main-layout .c-scroll .mat-tab-body-wrapper::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
}
.onet-main-layout .c-scroll .mat-tab-body-wrapper::-webkit-scrollbar-thumb {
  background: #b4bcc9;
  outline: none;
  border-radius: 5px;
}
.onet-main-layout .c-scroll .mat-tab-body-wrapper .mat-tab-body.mat-tab-body-active {
  margin-right: 10px;
}
@media screen and (max-width: 540px) {
  .onet-main-layout .c-scroll .mat-tab-body-wrapper .mat-tab-body.mat-tab-body-active {
    margin-right: 0 !important;
  }
}
.onet-main-layout .createSch.date-wrap .mat-datepicker-toggle button {
  position: absolute;
  right: 0;
  top: -4px;
}
.onet-main-layout .createSch.date-wrap .mat-datepicker-toggle button .mat-datepicker-toggle-default-icon {
  width: 20px !important;
}
.onet-main-layout .fr-command.fr-btn {
  height: 25px !important;
  background-color: #ceddc927 !important;
}
.onet-main-layout .fr-command.fr-btn svg {
  margin: 0px 5px !important;
  width: 18px !important;
}
.onet-main-layout .fr-popup .fr-command.fr-btn {
  height: auto !important;
}
.onet-main-layout .post-share-links .fr-box.fr-basic .fr-element {
  min-height: 40px !important;
  padding: 0 15px;
}
.onet-main-layout .post-share-links .fr-wrapper.show-placeholder .fr-placeholder {
  margin-top: 0px !important;
  padding-top: 10px !important;
}
.onet-main-layout .textExtend_froala p {
  margin-top: 5px !important;
  word-break: break-word;
}
.onet-main-layout .posted_comment span,
.onet-main-layout .reply_posted_comment span {
  font-family: var(--font-family) !important;
}
.onet-main-layout .posted_comment p,
.onet-main-layout .reply_posted_comment p {
  font-size: var(--clamp16) !important;
  font-family: "Poppins", sans-serif !important;
  margin-top: 5px;
  font-weight: 400;
  word-break: break-word;
  color: #67696B;
}
@media screen and (max-width: 767px) {
  .onet-main-layout .posted_comment p,
.onet-main-layout .reply_posted_comment p {
    font-size: 12px !important;
  }
}
.onet-main-layout .posted_comment p em,
.onet-main-layout .reply_posted_comment p em {
  font-weight: 600;
}
.onet-main-layout .posted_comment p img,
.onet-main-layout .reply_posted_comment p img {
  width: 110px !important;
}
@media screen and (max-width: 990px) {
  .onet-main-layout .posted_comment p img,
.onet-main-layout .reply_posted_comment p img {
    width: 70px !important;
  }
}
.onet-main-layout .posted_comment h6, .onet-main-layout .posted_comment .h6,
.onet-main-layout .reply_posted_comment h6,
.onet-main-layout .reply_posted_comment .h6 {
  font-weight: 600;
  font-size: var(--clamp16);
  cursor: pointer;
}
.onet-main-layout .reply-btn {
  font-size: var(--clamp16);
}
.onet-main-layout .reply-btn:hover {
  opacity: 0.9;
}
.onet-main-layout .mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 0 !important;
}
.onet-main-layout .fr-emoticon-img {
  background-repeat: no-repeat !important;
  display: inline-block !important;
  width: 25px;
  height: 20px;
}
.onet-main-layout .post_text {
  font-size: var(--clamp16) !important;
}
.onet-main-layout .post_text p {
  display: block;
  font-size: var(--clamp16) !important;
}
.onet-main-layout .post_text p span {
  display: block;
  background-repeat: no-repeat !important;
}
.onet-main-layout .post_text p em {
  font-weight: 600;
}
.onet-main-layout .smily-tool-tip {
  width: 25px;
  font-size: 13px !important;
}
.onet-main-layout .smily-tool-tip .tooltiptext {
  visibility: hidden;
  background-color: #48547B;
  opacity: 0.5;
  min-width: max-content;
  color: #fff;
  text-align: left;
  padding: 3px 1px !important;
  border-radius: 6px;
  position: absolute;
  z-index: 999;
  margin-left: 0;
  line-height: 2;
  font-size: var(--clamp12) !important;
}
.onet-main-layout .smily-tool-tip .tooltiptext::after {
  border: none;
}
.onet-main-layout ul.pagination li.page-item:not(:first-child) .page-link {
  margin-left: 3px !important;
}
.onet-main-layout ul.pagination li a {
  padding: 2px 10px !important;
  text-align: center !important;
  font-size: var(--clamp20) !important;
}
.onet-main-layout .textExtend_froala .fr-wrapper .fr-element.fr-view {
  overflow: auto !important;
  max-height: 160px !important;
  padding-top: 2px !important;
  min-height: 100px;
}
.onet-main-layout .textExtend_froala .fr-wrapper .fr-element.fr-view::-webkit-scrollbar {
  width: 7px;
}
@media screen and (max-width: 640px) {
  .onet-main-layout .textExtend_froala .fr-wrapper .fr-element.fr-view::-webkit-scrollbar {
    width: 0;
  }
}
.onet-main-layout .textExtend_froala .fr-wrapper .fr-element.fr-view::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px #4d4d4d18;
}
.onet-main-layout .textExtend_froala .fr-wrapper .fr-element.fr-view::-webkit-scrollbar-thumb {
  background: #cfcfcf;
  outline: none;
  border-radius: 5px;
}
.onet-main-layout .textExtend_froala span {
  font-weight: 400 !important;
  font-family: var(--font-family) !important;
}
.onet-main-layout .edt-cmt .fr-wrapper .fr-element.fr-view {
  min-height: 20px;
  padding-bottom: 0;
}
.onet-main-layout .main-card {
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  margin-top: 24px;
}
.onet-main-layout .onet-left-wrapper-frnds {
  position: sticky !important;
  top: 80px;
  height: 100%;
  margin-top: 90px;
}
@media screen and (max-width: 991px) {
  .onet-main-layout .onet-left-wrapper-frnds {
    margin-right: 0px;
    overflow-x: hidden;
  }
}
@media screen and (max-width: 767px) {
  .onet-main-layout .onet-left-wrapper-frnds {
    width: 0px;
    display: none;
  }
}
.onet-main-layout .onet-left-wrapper {
  width: 312px;
  position: absolute;
  left: 0;
  margin-right: 0px;
  top: 15px;
  z-index: 8;
  height: 100%;
}
@media screen and (max-width: 1536px) {
  .onet-main-layout .onet-left-wrapper {
    width: 290px;
  }
}
@media screen and (max-width: 1366px) {
  .onet-main-layout .onet-left-wrapper {
    width: 260px;
  }
}
@media screen and (max-width: 991px) {
  .onet-main-layout .onet-left-wrapper {
    margin-right: 0px;
    overflow-x: hidden;
  }
}
@media screen and (max-width: 767px) {
  .onet-main-layout .onet-left-wrapper {
    width: 0px;
    display: none;
  }
}
.onet-main-layout .onet-right-wrapper {
  width: 312px;
  margin-left: -312px;
  height: 100%;
}
@media screen and (max-width: 1536px) {
  .onet-main-layout .onet-right-wrapper {
    width: 290px;
    margin-left: -290px;
  }
}
@media screen and (max-width: 1366px) {
  .onet-main-layout .onet-right-wrapper {
    width: 260px;
    margin-left: -260px;
  }
}
@media screen and (max-width: 991px) {
  .onet-main-layout .onet-right-wrapper {
    margin-left: -260px;
    overflow-x: hidden;
  }
}
@media screen and (max-width: 1199px) {
  .onet-main-layout .onet-right-wrapper {
    width: 260px;
  }
}
@media screen and (max-width: 860px) {
  .onet-main-layout .onet-right-wrapper {
    width: 0px;
    display: none;
  }
}
.onet-main-layout .mat_select {
  font-family: var(--font-family) !important;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  padding: 5px 0px;
  color: #212529;
  font-weight: 500;
}
.onet-main-layout .schedulePost-dropbox .schedulePost_inn button {
  min-width: 400px !important;
  max-width: 400px !important;
}
.onet-main-layout .schedulePost-dropbox .schedulePost_inn button .schedulePost_inn .btns {
  display: flex !important;
  align-items: center !important;
}
.onet-main-layout .secondary-btn {
  border-radius: 10px;
  background: #f3f3f3;
  border: 1px solid #dedede;
  color: var(--onet-title-color);
  font-size: var(--clamp14) !important;
  padding: 8px 15px;
}
.onet-main-layout .secondary-btn:hover {
  color: var(--onet-title-color);
  opacity: 0.8;
}
.onet-main-layout .img-grid .o-img {
  width: 50%;
  height: 350px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  padding: 5px;
  cursor: pointer;
  transition: 0.2s all ease-in-out;
  overflow: hidden;
}
@media screen and (max-width: 1366px) {
  .onet-main-layout .img-grid .o-img {
    height: 300px;
  }
}
@media screen and (max-width: 767px) {
  .onet-main-layout .img-grid .o-img {
    width: 100%;
  }
}
.onet-main-layout .img-grid .o-img:last-child::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.onet-main-layout .img-grid .o-img:hover {
  opacity: 0.9;
}
.onet-main-layout .img-grid .o-img img,
.onet-main-layout .img-grid .o-img video {
  width: 100%;
  object-fit: cover;
  height: 100%;
  border-radius: 10px;
  box-shadow: 0 0 5px -2px #6f6f6f;
}
.onet-main-layout .img-grid .o-img .vedioPlay {
  position: relative;
  height: 100%;
  transition: all 0.3s;
  border-radius: 10px;
  overflow: hidden;
  margin: 0px auto;
  text-align: center;
}
.onet-main-layout .img-grid .o-img .vedioPlay::before {
  transition: all 0.3s;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9;
  width: 45px;
  height: 45px;
  margin: auto;
  background: url('play.svg');
  background-repeat: no-repeat;
  background-color: #fff;
  border-radius: 50%;
  background-position: center;
}
.onet-main-layout .img-grid .o-img .vedioPlay::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #0c0c0c;
  opacity: 0.5;
}
.onet-main-layout .img-grid .o-img .vedioPlay:hover {
  transition: all 0.3s;
}
.onet-main-layout .img-grid .o-img .vedioPlay:hover::before {
  transform: scale(1.1);
  transition: all 0.3s;
}
.onet-main-layout .img-grid .o-img video {
  height: 100% !important;
}
.onet-main-layout .img-grid .o-img video .controls progress {
  display: block;
  width: 100%;
  height: 81%;
  margin-top: 0.125rem;
  border: none;
  color: #0095dd;
  border-radius: 2px;
}
.onet-main-layout .img-grid .o-img .more_img {
  position: absolute;
  font-size: var(--clamp48);
  left: 5px;
  right: 5px;
  top: 5px;
  bottom: 5px;
  margin: auto;
  z-index: 1;
  text-align: center;
  color: #fff;
  line-height: 4;
  font-family: var(--font-family) !important;
}
@media screen and (max-width: 1366px) {
  .onet-main-layout .img-grid .o-img .more_img {
    line-height: 5;
  }
}
@media screen and (max-width: 991px) {
  .onet-main-layout .img-grid .o-img .more_img {
    font-size: var(--clamp70);
    line-height: 2.5;
  }
}
@media screen and (max-width: 767px) {
  .onet-main-layout .img-grid .o-img .more_img {
    font-size: var(--clamp70);
    line-height: 2.5;
  }
}
.onet-main-layout .img-grid .o-img .more_img::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #000;
  opacity: 0.6;
  z-index: -1;
  border-radius: 10px;
}
@media screen and (max-width: 991px) {
  .onet-main-layout .img-grid .o-img .more_img::before {
    background: radial-gradient(#000000c4, transparent);
    background-color: #10d3ba;
  }
}
.onet-main-layout .img-grid .o-img .more_img span {
  position: absolute;
  width: 30%;
  height: 30%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: #fff;
  margin: auto;
}
.onet-main-layout .img-grid .o-img .blurBgImg,
.onet-main-layout .img-grid .o-img .blurBgImgTag {
  display: none;
}
.onet-main-layout .img-grid .o-img.x-one {
  width: 100% !important;
  height: 350px;
  background: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  padding: 0;
  border: 1px solid #ebebeb;
}
@media screen and (max-width: 1366px) {
  .onet-main-layout .img-grid .o-img.x-one {
    height: 300px;
  }
}
@media screen and (max-width: 540px) {
  .onet-main-layout .img-grid .o-img.x-one {
    height: 100% !important;
  }
}
.onet-main-layout .img-grid .o-img.x-one .blurBgImg {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  filter: blur(10px) brightness(0.6) drop-shadow(0px 4px 4px #000);
  z-index: 0;
  opacity: 0.5;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  object-fit: cover !important;
}
.onet-main-layout .img-grid .o-img.x-one img {
  height: 100% !important;
  width: 100% !important;
  max-width: 100%;
  margin: auto;
  object-fit: contain !important;
}
.onet-main-layout .img-grid .o-img.x-one .blurBgImgTag {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  filter: blur(10px) brightness(0.6) drop-shadow(0px 4px 4px #000);
  z-index: 0;
  opacity: 0.5;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.onet-main-layout .img-grid .o-img.x-one img,
.onet-main-layout .img-grid .o-img.x-one video {
  height: auto;
  display: block;
  position: relative;
}
.onet-main-layout .img-grid .o-img.x-one .vedioPlay {
  position: relative;
}
.onet-main-layout .img-grid .o-img.x-one .vedioPlay::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9;
  width: 50px;
  height: 50px;
  margin: auto;
  background: url('play.svg');
  background-repeat: no-repeat;
  background-color: #fff;
  border-radius: 50%;
  background-position: center;
}
.onet-main-layout .img-grid .o-img.x-one .vedioPlay::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #0c0c0c;
  opacity: 0.5;
}
.onet-main-layout .img-grid .o-img.x-one .vedioPlay video {
  border-radius: 10px !important;
}
.onet-main-layout .img-grid .o-img.xxx-two {
  height: 175px;
}
@media screen and (max-width: 1366px) {
  .onet-main-layout .img-grid .o-img.xxx-two {
    height: 150px;
  }
}
@media screen and (max-width: 767px) {
  .onet-main-layout .img-grid .o-img.xxx-two {
    height: 260px;
    width: 50%;
  }
}
.onet-main-layout .img-grid .o-img.xxx-three {
  height: 175px;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 1366px) {
  .onet-main-layout .img-grid .o-img.xxx-three {
    height: 150px;
  }
}
@media screen and (max-width: 767px) {
  .onet-main-layout .img-grid .o-img.xxx-three {
    height: 260px;
    width: 50%;
  }
}
.onet-main-layout .img-grid .o-img.xxxx-two,
.onet-main-layout .img-grid .o-img.xxxxx-two {
  height: 175px;
}
@media screen and (max-width: 1366px) {
  .onet-main-layout .img-grid .o-img.xxxx-two,
.onet-main-layout .img-grid .o-img.xxxxx-two {
    height: 150px;
  }
}
@media screen and (max-width: 767px) {
  .onet-main-layout .img-grid .o-img.xxxx-two,
.onet-main-layout .img-grid .o-img.xxxxx-two {
    width: 50%;
    height: 260px;
  }
}
.onet-main-layout .img-grid .o-img.xxxx-three,
.onet-main-layout .img-grid .o-img.xxxxx-three {
  height: 175px;
  position: absolute;
  bottom: 0;
  right: 25%;
  width: 25%;
}
@media screen and (max-width: 1366px) {
  .onet-main-layout .img-grid .o-img.xxxx-three,
.onet-main-layout .img-grid .o-img.xxxxx-three {
    height: 150px;
  }
}
@media screen and (max-width: 767px) {
  .onet-main-layout .img-grid .o-img.xxxx-three,
.onet-main-layout .img-grid .o-img.xxxxx-three {
    position: initial;
    width: 50%;
    height: 130px;
  }
}
.onet-main-layout .img-grid .o-img.xxxx-four,
.onet-main-layout .img-grid .o-img.xxxxx-four {
  height: 175px;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 25%;
}
@media screen and (max-width: 1366px) {
  .onet-main-layout .img-grid .o-img.xxxx-four,
.onet-main-layout .img-grid .o-img.xxxxx-four {
    height: 150px;
  }
}
@media screen and (max-width: 767px) {
  .onet-main-layout .img-grid .o-img.xxxx-four,
.onet-main-layout .img-grid .o-img.xxxxx-four {
    width: 50%;
    height: 130px;
  }
}
.onet-main-layout .play-icn {
  transition: all 0.2s;
  position: absolute;
  cursor: pointer;
  z-index: 9;
  box-shadow: 0px 0px 40px -3px #000;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 10px;
  border-radius: 50%;
}
.onet-main-layout .play-icn:hover {
  transition: all 0.2s;
  box-shadow: 0px 0px 20px 2px #000;
  border-radius: 50%;
}
.onet-main-layout .nowrap {
  white-space: nowrap;
}
.onet-main-layout .text-dot-limit {
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-break: break-word;
  font-family: var(--font-family) !important;
  max-height: 45px;
  line-height: 22px;
}
.onet-main-layout .text-dot-limit-oneLine {
  -webkit-line-clamp: 1 !important;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-break: break-word;
  font-family: var(--font-family) !important;
  line-height: 22px;
}
.onet-main-layout .write-your-story > div,
.onet-main-layout .textExtend_froala > div {
  border: 1px solid #ccc;
  border-radius: 10px;
  font-family: var(--font-family) !important;
  font-weight: 500 !important;
}
.onet-main-layout .fr-toolbar .fr-newline {
  display: none;
}
.onet-main-layout .fr-second-toolbar,
.onet-main-layout .fr-box.fr-basic .fr-wrapper,
.onet-main-layout .fr-toolbar {
  border: none !important;
}
.onet-main-layout .fr-box.fr-basic .fr-wrapper {
  border-radius: 10px !important;
}
.onet-main-layout .onet-right-content {
  width: 100%;
  padding-left: 312px;
}
@media screen and (max-width: 1536px) {
  .onet-main-layout .onet-right-content {
    padding-left: 290px;
  }
}
@media screen and (max-width: 1366px) {
  .onet-main-layout .onet-right-content {
    padding-left: 260px;
  }
}
@media screen and (max-width: 1199px) {
  .onet-main-layout .onet-right-content {
    padding-left: 0px;
    position: relative;
    z-index: 9;
  }
}
.onet-main-layout .onet-left-content {
  width: 100%;
  padding-right: 312px;
}
@media screen and (max-width: 1536px) {
  .onet-main-layout .onet-left-content {
    padding-right: 290px;
  }
}
@media screen and (max-width: 1366px) {
  .onet-main-layout .onet-left-content {
    padding-right: 260px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199) {
  .onet-main-layout .onet-left-content {
    margin-top: 56px;
  }
}
@media screen and (max-width: 1199px) {
  .onet-main-layout .onet-left-content {
    padding-right: 0px;
    position: relative;
    z-index: 2;
  }
}
.onet-main-layout .onet-left-content-inn {
  position: relative;
  top: 0;
}
.onet-main-layout .onet-public-left-content {
  width: 100%;
  padding-right: 312px;
  padding-left: 312px;
}
@media screen and (max-width: 1536px) {
  .onet-main-layout .onet-public-left-content {
    padding-left: 290px;
    padding-right: 290px;
  }
}
@media screen and (max-width: 1366px) {
  .onet-main-layout .onet-public-left-content {
    padding-right: 260px;
    padding-left: 260px;
  }
}
@media screen and (max-width: 1199px) {
  .onet-main-layout .onet-public-left-content {
    padding-right: 0;
  }
}
@media screen and (max-width: 640px) {
  .onet-main-layout .onet-public-left-content {
    padding-left: 0;
  }
}
.onet-main-layout .onet-public-left-content .onet-public-left-content-inn {
  margin: 0 1.5rem;
}
@media screen and (max-width: 1199px) {
  .onet-main-layout .onet-public-left-content .onet-public-left-content-inn {
    margin: 0 1rem;
    margin-right: 0;
  }
}
@media screen and (max-width: 640px) {
  .onet-main-layout .onet-public-left-content .onet-public-left-content-inn {
    margin: 0 0rem;
  }
}
.onet-main-layout .onet-public-left-content .onet-right-wrapper {
  top: 80px !important;
  right: 0;
}
.onet-main-layout .frnd-profile {
  height: 200px !important;
  top: 0 !important;
}
@media screen and (max-width: 1199px) {
  .onet-main-layout .frnd-profile {
    height: 164px !important;
    margin-top: 0px !important;
  }
}
.onet-main-layout .frnd-profile .c_img {
  height: 200px !important;
}
@media screen and (max-width: 1199px) {
  .onet-main-layout .frnd-profile .c_img {
    height: 164px !important;
  }
}
.onet-main-layout .frnd-profile .c_img .coverPhoto_middleImg {
  height: 200px !important;
}
@media screen and (max-width: 1199px) {
  .onet-main-layout .frnd-profile .c_img .coverPhoto_middleImg {
    height: 164px !important;
  }
}
.onet-main-layout .frnd-profile .c_img .coverPhoto_middleImg img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.onet-main-layout .cover-bg-inner {
  height: 200px !important;
  top: 0 !important;
}
@media screen and (max-width: 1199px) {
  .onet-main-layout .cover-bg-inner {
    height: 140px !important;
  }
}
@media screen and (max-width: 767px) {
  .onet-main-layout .cover-bg-inner {
    height: 0px !important;
  }
}
.onet-main-layout .cover-bg-inner .gm-user .gm-user-inn .profile-wrap .profile-pic {
  width: 170px !important;
  height: 170px !important;
  margin-bottom: 10px !important;
}
@media screen and (max-width: 1199px) {
  .onet-main-layout .cover-bg-inner .gm-user .gm-user-inn .profile-wrap .profile-pic {
    width: 100px !important;
    height: 100px !important;
    margin: auto !important;
  }
}
@media screen and (max-width: 1199px) {
  .onet-main-layout .cover-bg-inner .gm-user .gm-user-inn {
    height: 140px !important;
  }
}
.onet-main-layout .cover-bg-inner .c_img {
  height: 200px !important;
}
@media screen and (max-width: 1199px) {
  .onet-main-layout .cover-bg-inner .c_img {
    height: 140px !important;
  }
}
.onet-main-layout .cover-bg-inner .c_img .coverPhoto_middleImg {
  height: 200px !important;
}
@media screen and (max-width: 1199px) {
  .onet-main-layout .cover-bg-inner .c_img .coverPhoto_middleImg {
    height: 140px !important;
  }
}
.onet-main-layout .cover-bg-inner .c_img .coverPhoto_middleImg img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.onet-main-layout .privacy-wrap .ng-select {
  font-size: 12px !important;
  width: auto !important;
  outline: none !important;
  font-family: var(--font-family) !important;
}
.onet-main-layout .privacy-wrap .ng-select .ng-value {
  font-size: 12px !important;
  font-family: var(--font-family) !important;
}
.onet-main-layout .removeCard {
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 3px;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s;
}
.onet-main-layout .removeCard img {
  opacity: 1;
  width: 17px;
}
.onet-main-layout .removeCard:hover {
  background: var(--onet-primary-color) !important;
}
.onet-main-layout .removeCard:hover img {
  opacity: 1;
  filter: brightness(20.5) saturate(0.5) contrast(20.5);
}
.onet-main-layout .ndImg {
  text-align: center;
  margin: 0px auto;
  padding: 20px 0;
}
.onet-main-layout .ndImg .nodata_img {
  max-width: 40%;
}
@media screen and (min-width: 2560px) {
  .onet-main-layout .body_layout {
    width: 1920px;
    margin: 0px auto;
  }
}
.onet-main-layout .c-pointer {
  cursor: pointer;
}
.onet-main-layout .card-col {
  width: 25%;
}
@media screen and (max-width: 1599px) {
  .onet-main-layout .card-col {
    width: 33.33%;
  }
}
@media screen and (max-width: 767.98px) {
  .onet-main-layout .card-col {
    width: 50%;
  }
}
@media screen and (max-width: 540px) {
  .onet-main-layout .card-col {
    width: 100%;
  }
}
.onet-main-layout .card-col-inn {
  width: 33.33%;
}
@media screen and (max-width: 1199px) {
  .onet-main-layout .card-col-inn {
    width: 50%;
  }
}
@media screen and (max-width: 640px) {
  .onet-main-layout .card-col-inn {
    width: 50%;
  }
}
@media screen and (max-width: 540px) {
  .onet-main-layout .card-col-inn {
    width: 100%;
  }
}
.onet-main-layout .mat-elevation-z5 {
  box-shadow: none !important;
}
.onet-main-layout .tab_wrapper .mat-tab-header {
  border-bottom: 1px solid #ccc;
  border-radius: 0px;
  background-color: #f1f1ef;
  padding: 0;
  border-top: 0;
  color: #707070;
  position: relative;
  top: 0;
  z-index: 2;
  height: 75px;
}
.onet-main-layout .tab_wrapper .mat-tab-header .moduleTitle {
  font-weight: 500;
  font-size: var(--clamp24);
  color: var(--onet-title-color);
}
@media screen and (max-width: 1199px) {
  .onet-main-layout .tab_wrapper .mat-tab-header .moduleTitle {
    margin-left: 10px;
  }
}
@media screen and (max-width: 575.98px) {
  .onet-main-layout .tab_wrapper .mat-tab-header .moduleTitle {
    margin-left: 0px;
  }
}
@media screen and (max-width: 1199px) {
  .onet-main-layout .tab_wrapper .mat-tab-header {
    margin-left: 0px;
  }
}
@media screen and (max-width: 767px) {
  .onet-main-layout .tab_wrapper .mat-tab-header {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 991px) {
  .onet-main-layout .tab_wrapper .friends_bodyContent .mat-tab-header {
    margin-top: 3rem;
  }
}
.onet-main-layout .inner-tab-wrapper,
.onet-main-layout .events-tab-wrapper {
  border-bottom: 1px solid #b5b5b5;
  border-radius: 0px;
  background-color: transparent;
  border-top: 0;
  color: #707070;
  position: relative;
  top: 0;
  z-index: 2;
  margin-left: 335px;
  padding: 10px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 75px;
}
.onet-main-layout .inner-tab-wrapper .moduleTitle,
.onet-main-layout .events-tab-wrapper .moduleTitle {
  font-weight: 400;
  font-size: var(--clamp24);
  color: var(--onet-title-color);
  margin-left: 0px;
  margin-top: 25px;
}
@media screen and (max-width: 1199px) {
  .onet-main-layout .inner-tab-wrapper .moduleTitle,
.onet-main-layout .events-tab-wrapper .moduleTitle {
    margin-left: 10px;
  }
}
@media screen and (max-width: 575.98px) {
  .onet-main-layout .inner-tab-wrapper .moduleTitle,
.onet-main-layout .events-tab-wrapper .moduleTitle {
    margin-left: 0px;
  }
}
@media screen and (max-width: 1536px) {
  .onet-main-layout .inner-tab-wrapper,
.onet-main-layout .events-tab-wrapper {
    margin-left: 310px;
  }
}
@media screen and (max-width: 1366px) {
  .onet-main-layout .inner-tab-wrapper,
.onet-main-layout .events-tab-wrapper {
    margin-left: 275px;
  }
}
@media screen and (max-width: 1199px) {
  .onet-main-layout .inner-tab-wrapper,
.onet-main-layout .events-tab-wrapper {
    margin-left: 0px;
  }
}
@media screen and (max-width: 767px) {
  .onet-main-layout .inner-tab-wrapper,
.onet-main-layout .events-tab-wrapper {
    display: block;
    margin-top: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .onet-main-layout .scrollMobile {
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  .onet-main-layout .scrollMobile .col-auto.card-col {
    width: 65%;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 575px) {
  .onet-main-layout .scrollMobile .col-auto.card-col {
    width: 85%;
  }
}
@media screen and (max-width: 767px) {
  .onet-main-layout .moduleTitleDiv {
    top: 20px;
    left: 20px;
  }
  .onet-main-layout .create_btn {
    top: 10px;
    right: 7px;
  }
}
.onet-main-layout .pp select {
  padding: 0.375rem 1.25rem 0.375rem 0.75rem !important;
  background-position: right 0.3rem center !important;
}
.onet-main-layout .rev-arrow {
  transform: rotate(180deg);
}
.onet-main-layout .bg-white {
  border-radius: 8px;
}
.onet-main-layout .section-wrapper-inn {
  max-width: 1320px;
  margin: auto;
}
@media screen and (max-width: 1440px) {
  .onet-main-layout .section-wrapper-inn {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
@media screen and (max-width: 1199px) {
  .onet-main-layout .section-wrapper-inn {
    max-width: initial;
  }
}
@media screen and (max-width: 767px) {
  .onet-main-layout .section-wrapper-inn {
    margin-top: 4rem;
  }
}
.onet-main-layout .home_loads {
  overflow: auto;
  height: calc(100vh - 77px);
}
.onet-main-layout .section-wrapper.friend-section-wrapper .left-wrapper {
  top: -10px !important;
}
.onet-main-layout .mat-card-avatar {
  width: 52px !important;
  height: 52px !important;
}
@media screen and (max-width: 767px) {
  .onet-main-layout .mat-card-avatar {
    width: 35px !important;
    height: 35px !important;
  }
}
.onet-main-layout .check-box {
  position: relative;
}
.onet-main-layout .check-box input {
  opacity: 0;
}
.onet-main-layout .check-box .checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 15px;
  width: 15px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.onet-main-layout .check-box .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 5px;
  top: 2px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
}
.onet-main-layout .check-box input:checked ~ .checkmark {
  background-color: var(--onet-primary-color);
  border: none;
}
.onet-main-layout .check-box input:checked ~ .checkmark:after {
  display: block;
}
.onet-main-layout .form_label label {
  font-size: 12px;
  color: #2E3744;
  font-weight: 400;
  margin-top: 15px;
  line-height: 18px;
}
.onet-main-layout .audio-upload .form_label label,
.onet-main-layout .create-channel .form_label label {
  margin-top: 0px;
}
.onet-main-layout .hide_caret .mat-select-arrow {
  display: none !important;
}
.onet-main-layout .hide_caret .mat-form-field-label {
  top: 25px;
  left: 10px;
  color: #383838;
}
.onet-main-layout .media-tags-group .media-post-btn .homeCreateposTypeMat .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select .mat-select-value-text mat-select-trigger {
  font-family: var(--font-family) !important;
}
.onet-main-layout .blue-color {
  color: var(--onet-link-blue-color) !important;
}
.onet-main-layout .text-decoration-underline {
  text-decoration: underline !important;
}
.onet-main-layout .post_text a {
  text-decoration: underline !important;
  color: var(--onet-link-blue-color) !important;
}
.onet-main-layout .custom-search-input button i {
  color: #999;
}
.collapseMenu .body_layout {
  padding-left: 0 !important;
}
@media screen and (max-width: 1024px) {
  .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1 !important;
  }
}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/intro.js/introjs.css ***!
  \***************************************************************************************************************************************************************************************************************************/
.introjs-overlay{position:absolute;box-sizing:content-box;z-index:999999;opacity:0;transition:all .3s ease-out}.introjs-showElement{z-index:9999999!important}tr.introjs-showElement>td{z-index:9999999!important;position:relative}tr.introjs-showElement>th{z-index:9999999!important;position:relative}.introjs-disableInteraction{z-index:99999999!important;position:absolute;background-color:#fff;opacity:0}.introjs-relativePosition{position:relative}.introjs-helperLayer{box-sizing:content-box;position:absolute;z-index:9999998;border-radius:4px;transition:all .3s ease-out}.introjs-helperLayer *{box-sizing:content-box}.introjs-helperLayer :before{box-sizing:content-box}.introjs-helperLayer :after{box-sizing:content-box}.introjs-tooltipReferenceLayer{font-family:"Helvetica Neue",Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif;box-sizing:content-box;position:absolute;visibility:hidden;z-index:100000000;background-color:transparent;transition:all .3s ease-out}.introjs-tooltipReferenceLayer *{font-family:"Helvetica Neue",Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.introjs-helperNumberLayer{font-family:"Helvetica Neue",Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif;color:#9e9e9e;text-align:center;padding-top:10px;padding-bottom:10px}.introjs-arrow{border:5px solid transparent;content:"";position:absolute}.introjs-arrow.top{top:-10px;left:10px;border-bottom-color:#fff}.introjs-arrow.top-right{top:-10px;right:10px;border-bottom-color:#fff}.introjs-arrow.top-middle{top:-10px;left:50%;margin-left:-5px;border-bottom-color:#fff}.introjs-arrow.right{right:-10px;top:10px;border-left-color:#fff}.introjs-arrow.right-bottom{bottom:10px;right:-10px;border-left-color:#fff}.introjs-arrow.bottom{bottom:-10px;left:10px;border-top-color:#fff}.introjs-arrow.bottom-right{bottom:-10px;right:10px;border-top-color:#fff}.introjs-arrow.bottom-middle{bottom:-10px;left:50%;margin-left:-5px;border-top-color:#fff}.introjs-arrow.left{left:-10px;top:10px;border-right-color:#fff}.introjs-arrow.left-bottom{left:-10px;bottom:10px;border-right-color:#fff}.introjs-tooltip{box-sizing:content-box;position:absolute;visibility:visible;background-color:#fff;min-width:250px;max-width:300px;border-radius:5px;box-shadow:0 3px 30px rgba(33,33,33,.3);transition:opacity .1s ease-out}.introjs-tooltiptext{padding:20px}.introjs-dontShowAgain{padding-left:20px;padding-right:20px}.introjs-dontShowAgain input{padding:0;margin:0;margin-bottom:2px;display:inline;width:10px;height:10px}.introjs-dontShowAgain label{font-size:14px;display:inline-block;font-weight:400;margin:0 0 0 5px;padding:0;background-color:#fff;color:#616161;-webkit-user-select:none;user-select:none}.introjs-tooltip-title{font-size:18px;width:90%;min-height:1.5em;margin:0;padding:0;font-weight:700;line-height:1.5}.introjs-tooltip-header{position:relative;padding-left:20px;padding-right:20px;padding-top:10px;min-height:1.5em}.introjs-tooltipbuttons{border-top:1px solid #e0e0e0;padding:10px;text-align:right;white-space:nowrap}.introjs-tooltipbuttons:after{content:"";visibility:hidden;display:block;height:0;clear:both}.introjs-button{box-sizing:content-box;position:relative;overflow:visible;padding:.5rem 1rem;border:1px solid #bdbdbd;text-decoration:none;text-shadow:1px 1px 0 #fff;font-size:14px;color:#424242;white-space:nowrap;cursor:pointer;outline:0;background-color:#f4f4f4;border-radius:.2em;zoom:1;display:inline}.introjs-button:hover{outline:0;text-decoration:none;border-color:#9e9e9e;background-color:#e0e0e0;color:#212121}.introjs-button:focus{outline:0;text-decoration:none;background-color:#eee;box-shadow:0 0 0 .2rem rgba(158,158,158,.5);border:1px solid #616161;color:#212121}.introjs-button:active{outline:0;text-decoration:none;background-color:#e0e0e0;border-color:#9e9e9e;color:#212121}.introjs-button::-moz-focus-inner{padding:0;border:0}.introjs-skipbutton{position:absolute;top:0;right:0;display:inline-block;width:45px;height:45px;line-height:45px;color:#616161;font-size:22px;cursor:pointer;font-weight:700;text-align:center;text-decoration:none}.introjs-skipbutton:focus,.introjs-skipbutton:hover{color:#212121;outline:0;text-decoration:none}.introjs-prevbutton{float:left}.introjs-nextbutton{float:right}.introjs-disabled{color:#9e9e9e;border-color:#bdbdbd;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;text-decoration:none}.introjs-disabled:focus,.introjs-disabled:hover{color:#9e9e9e;border-color:#bdbdbd;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;text-decoration:none}.introjs-hidden{display:none}.introjs-bullets{text-align:center;padding-top:10px;padding-bottom:10px}.introjs-bullets ul{box-sizing:content-box;clear:both;margin:0 auto 0;padding:0;display:inline-block}.introjs-bullets ul li{box-sizing:content-box;list-style:none;float:left;margin:0 2px}.introjs-bullets ul li a{transition:width .1s ease-in;box-sizing:content-box;display:block;width:6px;height:6px;background:#ccc;border-radius:10px;text-decoration:none;cursor:pointer}.introjs-bullets ul li a:focus,.introjs-bullets ul li a:hover{width:15px;background:#999;text-decoration:none;outline:0}.introjs-bullets ul li a.active{width:15px;background:#999}.introjs-progress{box-sizing:content-box;overflow:hidden;height:10px;margin:10px;border-radius:4px;background-color:#e0e0e0}.introjs-progressbar{box-sizing:content-box;float:left;width:0%;height:100%;font-size:10px;line-height:10px;text-align:center;background-color:#08c}.introjsFloatingElement{position:absolute;height:0;width:0;left:50%;top:50%}.introjs-fixedTooltip{position:fixed}.introjs-hint{box-sizing:content-box;position:absolute;background:0 0;width:20px;height:15px;cursor:pointer}.introjs-hint:focus{border:0;outline:0}.introjs-hint:hover>.introjs-hint-pulse{background-color:rgba(60,60,60,.57)}.introjs-hidehint{display:none}.introjs-fixedhint{position:fixed}@keyframes introjspulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(0,0,0,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px transparent}100%{transform:scale(.95);box-shadow:0 0 0 0 transparent}}.introjs-hint-pulse{box-sizing:content-box;width:15px;height:15px;border-radius:30px;background-color:rgba(136,136,136,.24);z-index:10;position:absolute;transition:all .2s ease-out;animation:introjspulse 2s infinite}.introjs-hint-no-anim .introjs-hint-pulse{animation:none}.introjs-hint-dot{box-sizing:content-box;background:0 0;border-radius:60px;height:50px;width:50px;position:absolute;top:-18px;left:-18px;z-index:1;opacity:0}/*# sourceMappingURL=introjs.css.map */
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@ctrl/ngx-emoji-mart/picker.css ***!
  \**************************************************************************************************************************************************************************************************************************************/
.emoji-mart,
.emoji-mart * {
  box-sizing: border-box;
  line-height: 1.15;
}

.emoji-mart {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  font-size: 16px;
  display: inline-block;
  color: #222427;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background: #fff;
}

.emoji-mart .emoji-mart-emoji {
  padding: 6px;
}

.emoji-mart-bar {
  border: 0 solid #d9d9d9;
}

.emoji-mart-bar:first-child {
  border-bottom-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.emoji-mart-bar:last-child {
  border-top-width: 1px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.emoji-mart-anchors {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 6px;
  line-height: 0;
}

.emoji-mart-anchor {
  position: relative;
  display: block;
  flex: 1 1 auto;
  color: #858585;
  text-align: center;
  padding: 12px 4px;
  overflow: hidden;
  transition: color .1s ease-out;
  margin: 0;
  box-shadow: none;
  background: none;
  border: none;
}

.emoji-mart-anchor:focus { outline: 0 }

.emoji-mart-anchor:hover,
.emoji-mart-anchor:focus,
.emoji-mart-anchor-selected {
  color: #464646;
}

.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
  bottom: 0;
}

.emoji-mart-anchor-bar {
  position: absolute;
  bottom: -3px; left: 0;
  width: 100%; height: 3px;
  background-color: #464646;
}

.emoji-mart-anchors i {
  display: inline-block;
  width: 100%;
  max-width: 22px;
}

.emoji-mart-anchors svg,
.emoji-mart-anchors img {
  fill: currentColor;
  height: 18px;
}

.emoji-mart-scroll {
  overflow-y: scroll;
  height: 270px;
  padding: 0 6px 6px 6px;
  will-change: transform; /* avoids "repaints on scroll" in mobile Chrome */
}

.emoji-mart-search {
  margin-top: 6px;
  padding: 0 6px;
  position: relative;
}

.emoji-mart-search input {
  font-size: 16px;
  display: block;
  width: 100%;
  padding: 5px 25px 6px 10px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  outline: 0;
}

.emoji-mart-search input,
.emoji-mart-search input::-webkit-search-decoration,
.emoji-mart-search input::-webkit-search-cancel-button,
.emoji-mart-search input::-webkit-search-results-button,
.emoji-mart-search input::-webkit-search-results-decoration {
  /* remove webkit/blink styles for <input type="search">
   * via https://stackoverflow.com/a/9422689 */
  -webkit-appearance: none;
}

.emoji-mart-search-icon {
  position: absolute;
  top: 3px;
  right: 11px;
  z-index: 2;
  padding: 2px 5px 1px;
  border: none;
  background: none;
}

.emoji-mart-category .emoji-mart-emoji span {
  z-index: 1;
  position: relative;
  text-align: center;
  cursor: default;
}

.emoji-mart-category .emoji-mart-emoji:hover:before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: #f4f4f4;
  border-radius: 100%;
}

.emoji-mart-category-label {
  z-index: 2;
  position: relative;
  position: sticky;
  top: 0;
}

.emoji-mart-category-label span {
  display: block;
  width: 100%;
  font-weight: 500;
  padding: 5px 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, .95);
}

.emoji-mart-category-list {
  margin: 0;
  padding: 0;
}

.emoji-mart-category-list li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.emoji-mart-emoji {
  position: relative;
  display: inline-block;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
}

.emoji-mart-emoji-native {
  font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "Android Emoji";
}

.emoji-mart-no-results {
  font-size: 14px;
  text-align: center;
  padding-top: 70px;
  color: #858585;
}

.emoji-mart-no-results .emoji-mart-category-label {
  display: none;
}

.emoji-mart-no-results .emoji-mart-no-results-label {
  margin-top: .2em;
}

.emoji-mart-no-results .emoji-mart-emoji:hover:before {
  content: none;
}

.emoji-mart-preview {
  position: relative;
  height: 70px;
}

.emoji-mart-preview-emoji,
.emoji-mart-preview-data,
.emoji-mart-preview-skins {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.emoji-mart-preview-emoji {
  left: 12px;
}

.emoji-mart-preview-data {
  left: 68px; right: 12px;
  word-break: break-all;
}

.emoji-mart-preview-skins {
  right: 30px;
  text-align: right;
}

.emoji-mart-preview-skins.custom {
  right: 10px;
  text-align: right;
}

.emoji-mart-preview-name {
  font-size: 14px;
}

.emoji-mart-preview-shortname {
  font-size: 12px;
  color: #888;
}

.emoji-mart-preview-shortname + .emoji-mart-preview-shortname,
.emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,
.emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
  margin-left: .5em;
}

.emoji-mart-preview-emoticon {
  font-size: 11px;
  color: #bbb;
}

.emoji-mart-title span {
  display: inline-block;
  vertical-align: middle;
}

.emoji-mart-title .emoji-mart-emoji {
  padding: 0;
}

.emoji-mart-title-label {
  color: #999A9C;
  font-size: 26px;
  font-weight: 300;
}

.emoji-mart-skin-swatches {
  font-size: 0;
  padding: 2px 0;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  background-color: #fff;
}

.emoji-mart-skin-swatches.custom {
  font-size: 0;
  border: none;
  background-color: #fff;
}

.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch {
  width: 16px;
  padding: 0 2px;
}

.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after {
  opacity: .75;
}

.emoji-mart-skin-swatch {
  display: inline-block;
  width: 0;
  vertical-align: middle;
  transition-property: width, padding;
  transition-duration: .125s;
  transition-timing-function: ease-out;
}

.emoji-mart-skin-swatch:nth-child(1) { transition-delay: 0s }

.emoji-mart-skin-swatch:nth-child(2) { transition-delay: .03s }

.emoji-mart-skin-swatch:nth-child(3) { transition-delay: .06s }

.emoji-mart-skin-swatch:nth-child(4) { transition-delay: .09s }

.emoji-mart-skin-swatch:nth-child(5) { transition-delay: .12s }

.emoji-mart-skin-swatch:nth-child(6) { transition-delay: .15s }

.emoji-mart-skin-swatch.selected {
  position: relative;
  width: 16px;
  padding: 0 2px;
}

.emoji-mart-skin-swatch.selected:after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 4px; height: 4px;
  margin: -2px 0 0 -2px;
  background-color: #fff;
  border-radius: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s ease-out;
}

.emoji-mart-skin-swatch.custom {
  display: inline-block;
  width: 0;
  height: 38px;
  overflow: hidden;
  vertical-align: middle;
  transition-property: width, height;
  transition-duration: .125s;
  transition-timing-function: ease-out;
  cursor: default;
}

.emoji-mart-skin-swatch.custom.selected {
  position: relative;
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}

.emoji-mart-skin-swatch.custom.selected:after {
  content: "";
  width: 0;
  height: 0;
}

.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {
  background-color: #f4f4f4;
  border-radius: 10%;
}

.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}

.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after {
  opacity: .75;
}

.emoji-mart-skin-text.opened {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  color: #888;
  font-size: 11px;
  padding: 5px 2px;
  width: 95px;
  height: 40px;
  border-radius: 10%;
  background-color: #fff;
}

.emoji-mart-skin {
  display: inline-block;
  width: 100%;
  padding-top: 100%;
  max-width: 12px;
  border-radius: 100%;
}

.emoji-mart-skin-tone-1 { background-color: #ffc93a }

.emoji-mart-skin-tone-2 { background-color: #fadcbc }

.emoji-mart-skin-tone-3 { background-color: #e0bb95 }

.emoji-mart-skin-tone-4 { background-color: #bf8f68 }

.emoji-mart-skin-tone-5 { background-color: #9b643d }

.emoji-mart-skin-tone-6 { background-color: #594539 }

/* For screenreaders only, via https://stackoverflow.com/a/19758620 */

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

/*
 * Dark mode styles
 */

.emoji-mart-dark {
  color: #fff;
  border-color: #555453;
  background-color: #222;
}

.emoji-mart-dark .emoji-mart-bar {
  border-color: #555453;
}

.emoji-mart-dark .emoji-mart-search input {
  color: #fff;
  border-color: #555453;
  background-color: #2f2f2f;
}

.emoji-mart-dark .emoji-mart-search-icon svg {
  fill: #fff;
}

.emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before {
  background-color: #444;
}

.emoji-mart-dark .emoji-mart-category-label span {
  background-color: #222;
  color: #fff;
}

.emoji-mart-dark .emoji-mart-skin-swatches {
  border-color: #555453;
  background-color: #222;
}

.emoji-mart-dark .emoji-mart-anchor:hover,
.emoji-mart-dark .emoji-mart-anchor:focus,
.emoji-mart-dark .emoji-mart-anchor-selected {
  color: #bfbfbf;
}


/*# sourceMappingURL=styles.css.map*/