@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css);
@import url(https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap);
:root {
    --jbutton-color: #298BA8; 
    --jactive-color: #007aff;
    --jsafe-area-top: env(safe-area-inset-top);
    --jsafe-area-bottom: env(safe-area-inset-bottom);
}

[data-visible="false"], .row[data-visible="false"] {
    display: none;
}


div[data-before]:before {
    content: attr(data-before);
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.jreadonly {
    pointer-events: none;
}

.jdragging {
    opacity:0.2;
    filter: alpha(opacity=20);
}

.jupload.input {
    position: relative;
    box-sizing: border-box;
    background-size: initial;
    height: 33px;
    min-height: initial;
    padding: 6px;
    padding-right: 30px;
}

.jupload.input:before {
    content: "save";
    font-size: 18px;
    font-family: "Material Icons";
    color: #000;
    position: absolute;
    right: 5px;
}

.jupload:empty:before {
    z-index: 0;
}

.jupload img {
    width: 100%;
} 

.jupload.input img {
    width: initial;
    max-width: 100%;
    height: 100%;
}

.jupload[data-multiple] {
    padding: 10px;
}

.jupload[data-multiple] img {
    height: 70px;
    width: 100px;
    object-fit: cover;
    margin-right: 5px;
    margin-bottom: 5px;
}

.jupload {
    position: relative;
    border: 1px dotted #eee;
    cursor: pointer;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    min-height: 180px;
}

.jupload:not(.input):empty:before {
    content: "\e2c3";
    font-family: "Material Icons";
    font-size: 90px;
    color: #eee;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
}

.jupload-item {
    padding-right: 22px;
    border-radius: 1px;
    display: inline-block;
    position: relative;
}

.jphoto {
    position: relative;
    border: 1px dotted #eee;
    cursor: pointer;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.jphoto:empty:before {
    content: "\e2c3";
    font-family: "Material Icons";
    font-size: 90px;
    color: #eee;
    width: 100%;
    height: 100%;
    text-align: center;
}

.jremove {
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.round img {
    border-radius: 1000px;
}

.jtooltip {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 5;

    font-family: initial;
    font-size: 12px;
    color: #000;
    background-color: #fff;
    border: 1px solid black;
    padding: 8px;
    margin: 10px;

    display: block;
    animation: jfadeIn 0.5s;
    pointer-events: none;
}

.jtooltip:empty {
    display: none;
}

@keyframes jfadeIn {
     0% {
          opacity: 0;
     }
     100% {
          opacity: 1;
     }
}

.jpanel {
    position: absolute;
    box-sizing: border-box;
    z-index: 10;
}

.jpanel:focus {
    outline: 2px solid black;
    outline-offset: -1px;
}

.jpanel-action {
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: white;
    border:1px solid black;
    box-sizing: border-box;
    pointer-events: auto;
    z-index: 1000;
}

.jpanel-action[data-position="n-resize"] {
    top: -4px;
    left: calc(50% - 4px);
}

.jpanel-action[data-position="ne-resize"] {
    top: -4px;
    left: calc(100% - 4px);
}

.jpanel-action[data-position="e-resize"] {
    top: calc(50% - 4px);
    left: calc(100% - 4px);
}

.jpanel-action[data-position="se-resize"] {
    top: calc(100% - 4px);
    left: calc(100% - 4px);
}

.jpanel-action[data-position="s-resize"] {
    top: calc(100% - 4px);
    left: calc(50% - 4px);
}

.jpanel-action[data-position="sw-resize"] {
    top: calc(100% - 4px);
    left: -4px;
}

.jpanel-action[data-position="w-resize"] {
    top: calc(50% - 4px);
    left: -4px;
}

.jpanel-action[data-position="nw-resize"] {
    top: -4px;
    left: -4px;
}

.jpanel-action[data-position="nw-resize"] {
    top: -4px;
    left: -4px;
}

.jpanel-action[data-action="rotate"] {
    top: -50px;
    left: calc(50% - 12px);
    width: 24px;
    height: 24px;
    border: 0;
    cursor: move;
    background-color: transparent;
}

.jpanel-action[data-action="rotate"]:before {
    content: 'refresh';
    font-family: 'Material Icons';
    font-size: 24px;
}

.jpanel-action[data-action="rotate"]:after {
    position: absolute;
    content: '';
    bottom: -22px;
    left: calc(50%);
    width: 1px;
    height: 28px;
    background-color: black;
}
/** Loading */
.jloading {
    position:fixed;
    z-index:10001;
    width:100%;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-color: rgba(0,0,0,0.7);
}

.jloading::after {
    content:'';
    display:block;
    margin:0 auto;
    margin-top:50vh;
    width:40px;
    height:40px;
    border-style:solid;
    border-color:white;
    border-top-color:transparent;
    border-width:4px;
    border-radius:50%;
    -webkit-animation: jspin .8s linear infinite;
    animation: jspin .8s linear infinite;
}

.jloading.jspin {
    background-color:transparent;
}

.jloading.jspin::after {
    margin:0 auto;
    margin-top:80px;
    border-color:#aaa;
    border-top-color:transparent;
}

/** Animations **/
.jfade-in {
    animation: jfade-in 2s forwards;
}

.jfade-out {
    animation: jfade-out 1s forwards;
}

.jslide-left-in {
    position: relative;
    animation: jslide-left-in 0.4s forwards;
}

.jslide-left-out {
    position: relative;
    animation: jslide-left-out 0.4s forwards;
}

.jslide-right-in {
    position: relative;
    animation: jslide-right-in 0.4s forwards;
}

.jslide-right-out {
    position: relative;
    animation: jslide-right-out 0.4s forwards;
}

.jslide-top-in {
    position: relative;
    animation: jslide-top-in 0.4s forwards;
}

.jslide-top-out {
    position: relative;
    animation: jslide-top-out 0.2s forwards;
}

.jslide-bottom-in {
    position: relative;
    animation: jslide-bottom-in 0.4s forwards;
}

.jslide-bottom-out {
    position: relative;
    animation: jslide-bottom-out 0.1s forwards;
}

.jslide-left-in > div {
    -webkit-transform: translateZ(0px);
    -webkit-transform: translate3d(0,0,0);
}

.jslide-left-out > div {
    -webkit-transform: translateZ(0px);
    -webkit-transform: translate3d(0,0,0);
}

.jslide-right-in > div {
    -webkit-transform: translateZ(0px);
    -webkit-transform: translate3d(0,0,0);
}

.jslide-right-out > div {
    -webkit-transform: translateZ(0px);
    -webkit-transform: translate3d(0,0,0);
}

.jspin {
    animation: jspin 2s infinite linear;
}

/** Fadein and Fadeout **/
@keyframes jfade-in {
    0% { opacity: 0; }
    100% { opacity: 100; }
}

@-webkit-keyframes jfade-in {
    0% { opacity: 0; }
    100% { opacity: 100; }
}

@keyframes jfade-out {
    0% { opacity: 100; }
    100% { opacity: 0; }
}

@-webkit-keyframes jfade-out {
    0% { opacity: 100; }
    100% { opacity: 0; }
}

/** Keyframes Left to Right **/
@keyframes jslide-left-in {
    0% { left: -100%; }
    100% { left: 0%; }
}

@-webkit-keyframes jslide-left-in {
    0% { left: -100%; }
    100% { left: 0%; }
}

@keyframes jslide-left-out {
    0% { left: 0%; }
    100% { left: -100%; }
}

@-webkit-keyframes jslide-left-out {
    0% { left: 0%; }
    100% { left: -100%; }
}

/** Keyframes Right to Left **/
@keyframes jslide-right-in {
    0% { left: 100%; }
    100% { left: 0%; }
}

@-webkit-keyframes jslide-right-in
{
    0% { left: 100%; }
    100% { left: 0%; }
}

@keyframes jslide-right-out {
    0% { left: 0%; }
    100% { left: 100%; }
}

@-webkit-keyframes jslide-right-out {
    0% { left: 0%; }
    100% { left: 100%; }
}

/** Keyframes Top to Bottom **/
@keyframes jslide-top-in {
    0% { transform: translateY(-100%); }
    100% { transform: translateY(0%); }
}

@-webkit-keyframes jslide-top-in {
    0% { transform: translateY(-100%); }
    100% { -webkit-transform: translateY(0%); }
}

@keyframes jslide-top-out {
    0% { transform: translateY(0%); }
    100% { transform: translateY(-100%); }
}

@-webkit-keyframes jslide-top-out {
    0% { -webkit-transform: translateY(0%); }
    100% { -webkit-transform: translateY(-100%); }
}

/** Keyframes Bottom to Top **/
@keyframes jslide-bottom-in {
    0% { transform: translateY(100%); }
    100% { transform: translateY(0%); }
}

@-webkit-keyframes jslide-bottom-in {
    0% { transform: translateY(100%); }
    100% { -webkit-transform: translateY(0%); }
}

@keyframes jslide-bottom-out {
    0% { transform: translateY(0%); }
    100% { transform: translateY(100%); }
}

@-webkit-keyframes jslide-bottom-out {
    0% { -webkit-transform: translateY(0%); }
    100% { -webkit-transform: translateY(100%); }
}

@-webkit-keyframes jspin {
    from {
        -webkit-transform:rotate(0deg);
    }
    to {
        -webkit-transform:rotate(359deg);
    }
}

@keyframes jspin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(359deg);
    }
}
.jcalendar {
    position:absolute;
    z-index:9000;
    display:none;
    box-sizing:border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    min-width:280px;
}

.jcalendar.jcalendar-focus {
    display:block;
}

.jcalendar .jcalendar-backdrop {
    position:fixed;
    top:0px;
    left:0px;
    z-index:9000;
    min-width:100%;
    min-height:100%;
    background-color:rgba(0,0,0,0.5);
    border:0px;
    padding:0px;
    display:none;
}

.jcalendar .jcalendar-container {
    position:relative;
    box-sizing:border-box;
}

.jcalendar .jcalendar-content {
    position:absolute;
    z-index:9001;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.39);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.39);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.39);
    background-color:#fff;
}

.jcalendar-header {
    text-align:center;
}

.jcalendar-header span {
    margin-right:4px;
    font-size:1.1em;
    font-weight:bold;
}

.jcalendar-prev {
    cursor:pointer;
    background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z%27 fill=%27%23000%27 /%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3C/svg%3E");
    background-position:center;
    background-repeat:no-repeat;
}

.jcalendar-next {
    cursor:pointer;
    background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z%27 fill=%27%23000%27 /%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3C/svg%3E");
    background-position:center;
    background-repeat:no-repeat;
}

.jcalendar-weekday {
    font-weight: 600;
    background-color: #fcfcfc;
    padding: 14px;
}

.jcalendar-table {
    padding: 10px;
}

.jcalendar-table > table {
    width:100%;
    background-color:#fff;
}

.jcalendar-table > table > thead {
    cursor: pointer;
}

.jcalendar-table thead td {
    padding: 10px;
    height: 40px;
}

.jcalendar-table > table > tbody > tr {
    height: 34px;
}

.jcalendar-table > table > tbody td {
    box-sizing:border-box;
    cursor:pointer;
    padding:9px;
    font-size:0.9em;
}

.jcalendar-table tfoot td {
    padding:10px;
}

.jcalendar-months td, .jcalendar-years td {
    height:24px;
}

.jcalendar-input {
    padding-right:18px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 24 24%27 fill=%27gray%27%3E%3Cpath d=%27M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z%27/%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0z%27/%3E%3C/svg%3E");
    background-position:top 50% right 5px;
    background-repeat:no-repeat;
    box-sizing: border-box;
}

.jcalendar-done {
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.39);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.39);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.39);
    background-color:#fff;
}

.jcalendar-update {
    border:1px solid #ccc;
    background-color:#fff;
    border-radius:4px;
    padding:5px;
    width:100%;
}

.jcalendar-container select {
    width:55px;
    display:inline-block;
    border:0px;
    padding:4px;
    text-align:center;
    font-size:1.1em;
    user-select:none;
    margin-right:10px;
}

.jcalendar-container select:first-child {
    margin-right:2px;
}

.jcalendar-selected {
    background-color:#eee;
}

.jcalendar-reset, .jcalendar-confirm {
    text-transform:uppercase;
    cursor:pointer;
    color: var(--jactive-color);
}

.jcalendar-controls {
    padding:15px;

    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align:middle;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-flow: row wrap;
    justify-content: space-between;
    align-items:center;
}

.jcalendar-controls div {
    font-weight:bold;
}

.jcalendar-fullsize  {
    position:fixed;
    width:100%;
    top:0px;
    left:0px;
}

.jcalendar-fullsize .jcalendar-content
{
    position:fixed;
    width:100%;
    left:0px;
    bottom:0px;
}

.jcalendar-focus.jcalendar-fullsize .jcalendar-backdrop {
    display:block;
}

.jcalendar-sunday {
    color: red;
}
.jcalendar-disabled {
    color: #ccc;
}

.jcalendar-time {
    display:flex;
}

.jcalendar_warning {
    color: red;
}

.jcalendar-hide-controls .jcalendar-controls {
    display: none;
}

.jcolor {
    display: none;
    outline: none;
    position: absolute;
}

.jcolor-input {
    padding-right: 24px !important;
    background: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27black%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z%27/%3E%3C/svg%3E") top 50% right 4px no-repeat, content-box;
    box-sizing: border-box;
}

.jcolor-content {
    position: absolute;
    z-index: 9000;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    letter-spacing: .2px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    background-color:#fff;
    box-sizing: border-box;
    min-width: 260px;
}

.jmodal .jcolor-content {
    position: fixed;
}

.jcolor-controls {
    display: flex;
    padding: 10px;
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
}

.jcolor-controls div {
    flex: 1;
    font-size: 1em;
    color: var(--jactive-color);
    text-transform: uppercase;
    font-weight: bold;
    box-sizing: border-box;
}

.jcolor-content table {
    border-collapse: collapse;
    box-sizing: border-box;
}

.jcolor-focus {
    display:block;
}

.jcolor table {
    width:100%;
    height:100%;
    min-height: 160px;
}

.jcolor td {
    padding: 7px;
}

.jcolor-selected {
    background-repeat:no-repeat;
    background-size: 16px;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z%27 fill=%27white%27/%3E%3C/svg%3E");
}

.jcolor-fullscreen {
    position: fixed;
    left: 0px;
    bottom: 0px;
    width:100%;
    max-height: 290px;
    border-radius: 0px;
    box-sizing: border-box;
}

.jcolor-fullscreen .jcolor-controls {
    padding: 15px;
    -webkit-box-shadow: 1px 0px 1px 0px rgba(0,0,0,0.39);
    -moz-box-shadow: 1px 0px 1px 0px rgba(0,0,0,0.39);
    box-shadow: 1px 0px 1px 0px rgba(0,0,0,0.39);
}

.jcolor-reset {
    text-align: left;
}

.jcolor-close {
    text-align: right;
}

.jcolor-backdrop {
    position: fixed;
    top: 0px;
    left: 0px;
    min-width: 100%;
    min-height: 100%;
    background-color: rgba(0,0,0,0.5);
    border: 0px;
    padding: 0px;
    z-index: 8000;
    display: none;

  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.jcolor-content .jtabs-content {
    padding: 7px;
}

.jcolor-grid tr:first-child > td:first-child {
    border-top-left-radius: 3px;
}

.jcolor-grid tr:first-child > td:last-child {
    border-top-right-radius: 3px;
}

.jcolor-grid tr:last-child > td:first-child {
    border-bottom-left-radius: 3px;
}

.jcolor-grid tr:last-child > td:last-child {
    border-bottom-right-radius: 3px;
}

.jcolor-hsl {
    box-sizing: border-box;
}

.jcolor-hsl > div {
    height: 100%;
    position: relative;
}

.jcolor-hsl canvas {
    display: block;
    border-radius: 4px;
    -webkit-user-drag: none;
}

.jcolor-point {
    height: 5px;
    width: 5px;
    background-color: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.jcolor-sliders {
    padding: 10px 20px 10px 10px;
}

.jcolor-sliders input {
    -webkit-appearance: none;

    height: 12px;
    width: 80%;

    background: #d3d3d3;
    opacity: 1;

    border-radius: 30px;
    outline: none;
}

.jcolor-sliders-input-subcontainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.jcolor-sliders-input-container {
    margin-top: 4px;
    line-height: 0.8em;
    text-align: left;
}

.jcolor-sliders-input-container > label {
    font-size: 10px;
    text-transform: uppercase;
    color: #bbbbbd;
}

.jcolor-sliders-input-subcontainer > input {
    border: 0px;
    padding: 1px;
}

.jcolor-sliders-input-container input::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #000;
    border: 2px solid #fff;
    cursor: pointer;
}

.jcolor-sliders-input-container input::-moz-range-thumb {
    -webkit-appearance: none;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #000;
    border: 2px solid #fff;
    cursor: pointer;
}

.jcolor-sliders-final-color {
    padding: 6px;
    user-select: all;
    margin-top: 10px;
    text-align: center;
}

.jcolor-sliders-final-color > div:nth-child(2) {
    width: 71px;
    text-transform: uppercase;
}

.jcolor .jtabs .jtabs-headers-container .jtabs-controls {
    display: none !important;
}

.jcolor .jtabs .jtabs-headers-container {
    display: flex !important;
    justify-content: center;
    padding: 4px;
}

.jcolor .jtabs-headers > div:not(.jtabs-border) {
    padding: 2px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-size: 0.8em;
}
.jcontextmenu {
    position:fixed;
    z-index:10000;
    background:#fff;
    color: #555;
    font-size: 11px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(143, 144, 145, 1);
    -moz-box-shadow: 2px 2px 2px 0px rgba(143, 144, 145, 1);
    box-shadow: 2px 2px 2px 0px rgba(143, 144, 145, 1);
    border: 1px solid #C6C6C6;
    padding: 0px;
    padding-top:4px;
    padding-bottom:4px;
    margin:0px;
    outline:none;
    display:none;
}

.jcontextmenu.jcontextmenu-focus {
    display:inline-block;
}

.jcontextmenu > div {
    box-sizing: border-box;
    display: flex;
    padding: 8px 8px 8px 32px;
    width: 250px;
    position: relative;
    cursor: default;
    font-size: 11px;
    font-family:sans-serif;
    text-align: left;
    -webkit-box-align: center;
    align-items: center;
}

.jcontextmenu > div::before {
    content: attr(data-icon);
    font-family: 'Material Icons' !important;
    font-size: 15px;
    position: absolute;
    left: 9px;
    line-height: 24px;
}

.jcontextmenu.symbols > div::before {
    font-family: 'Material Symbols Outlined' !important;
}

.jcontextmenu > div.header {
    display: none;
}

.jcontextmenu > div a {
    color: #555;
    text-decoration: none;
    flex: 1;
    cursor: pointer;
}

.jcontextmenu > div span {
    margin-right: 10px;
    font-size: 0.9em;
}

.jcontextmenu .jcontextmenu-disabled a {
    color: #ccc;
}

.jcontextmenu .jcontextmenu-disabled::before {
    color: #ccc;
}

.jcontextmenu > div:hover {
    background: #ebebeb;
}

.jcontextmenu hr {
    border: 1px solid #e9e9e9;
    border-bottom: 0;
    margin-top:5px;
    margin-bottom:5px;
}

.jcontextmenu > hr:hover {
    background: transparent;
}

.jcontextmenu .jcontextmenu {
    top: 4px;
    left: 99%;
    opacity: 0;
    position: absolute;
}

.jcontextmenu > div:hover > .jcontextmenu {
    display: block;
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
    pointer-events: auto;
}

@media only screen and (max-width: 420px) {
    .jcontextmenu {
        top: initial !important;
        left: 0px !important;
        bottom: 0px !important;
        width: 100vw;
        height: 260px;
        overflow: scroll;
        animation: jslide-bottom-in 0.4s forwards;
        padding-top: 0px;
    }
    .jcontextmenu div {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #ccc;
        padding: 15px;
    }
    .jcontextmenu > div.header {
        background-color: lightgray;
        padding: 5px;
        top: 0px;
        position: sticky;
        z-index: 2;
    }
    .jcontextmenu > div.header > a.title {
        text-align: left;
    }

    .jcontextmenu > div.header > a.close {
        text-align: right;
    }
    .jcontextmenu a {
        font-size: 1.4em;
        text-transform: uppercase;
    }
    .jcontextmenu span {
        display: none;
    }
    .jcontextmenu span {
        display: none;
    }
    .jcontextmenu hr {
        display: none;
    }
}

.jdropdown {
    cursor:pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    background:#fff;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
}

.jdropdown-backdrop {
    position:fixed;
    top:0px;
    left:0px;
    min-width:100%;
    min-height:100%;
    background-color:rgba(0,0,0,0.5);
    border:0px;
    padding:0px;
    z-index:8000;
    display:none;
}

.jdropdown[disabled] {
    opacity: 0.5;
    pointer-events: none;
}

.jdropdown-focus {
    position:relative;
}

.jdropdown-focus .jdropdown-container {
    transform: translate3d(0,0,0);
}

.jdropdown-default.jdropdown-focus .jdropdown-header {
    outline:auto 5px -webkit-focus-ring-color;
}

.jdropdown-default.jdropdown-focus .jdropdown-header.jdropdown-add {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27gray%27 width=%2724px%27 height=%2724px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z%27/%3E%3C/svg%3E");
}

.jdropdown-container-header {
    padding:0px;
    margin:0px;
    position:relative;
    box-sizing: border-box;
}

.jdropdown-header {
    width:100%;
    appearance: none;
    background-repeat: no-repeat;
    background-position:top 50% right 5px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3Cpath d=%27M7 10l5 5 5-5H7z%27 fill=%27gray%27/%3E%3C/svg%3E");
    text-overflow: ellipsis;
    cursor:pointer;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right:30px !important;
}

.jdropdown-insert-button {
    font-size: 1.4em;
    text-transform: uppercase;
    position:absolute;
    right: 30px;
    top: 4px;
    display:none;
}

.jdropdown-container {
    min-width: inherit;
    transform: translate3d(-10000px,0,0);
    position:absolute;
    z-index:9001;
}

.jdropdown-close {
    display:none;
    font-size:1em;
    color: var(--jactive-color);
    text-transform:uppercase;
    text-align:right;
    padding:12px;
    font-weight:bold;
}

.jdropdown-content {
    min-width:inherit;
    margin:0px;
    box-sizing:border-box;
}

.jdropdown-content:empty {
}

.jdropdown-item {
    white-space: nowrap;
    text-align: left;
    text-overflow: ellipsis;
    overflow-x: hidden;
    color: #000;
    display: flex;
    align-items: center;
}

.jdropdown-description {
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.5em;
}

.jdropdown-image {
    margin-right:10px;
    width: 32px;
    height: 32px;
    border-radius:20px;
}

.jdropdown-image-small {
    width:24px;
    height:24px;
}

.jdropdown-icon {
    margin-right:10px;
    font-size: 30px;
    margin-left: -5px;
}

.jdropdown-icon-small {
    font-size: 24px;
    margin-left: 0px;
}

.jdropdown-title {
    font-size: 0.7em;
    text-overflow: ellipsis;
    overflow-x: hidden;
    display: block;
}

/** Default visual **/

.jdropdown-default .jdropdown-header {
    border:1px solid #ccc;
    padding:5px;
    padding-left:10px;
    padding-right:16px;
}

.jdropdown-default .jdropdown-container {
    background-color:#fff;
}

.jdropdown-default.jdropdown-focus.jdropdown-insert .jdropdown-header {
    padding-right:50px;
}

.jdropdown-default.jdropdown-focus.jdropdown-insert .jdropdown-insert-button {
    display:block;
}

.jdropdown-default .jdropdown-content
{
    min-width:inherit;
    border:1px solid #8fb1e3;
    margin:0px;
    background-color:#fff;
    box-sizing:border-box;
    min-height:10px;
    max-height:215px;
    overflow-y:auto;
}

.jdropdown-default .jdropdown-item
{
    padding:4px;
    padding-left:8px;
    padding-right:40px;
}

.jdropdown-default .jdropdown-item:hover
{
    background-color:#1f93ff;
    color:#fff;
}

.jdropdown-default .jdropdown-cursor
{
    background-color:#eee;
}

.jdropdown-default .jdropdown-selected
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIiAvPjxwYXRoIGQ9Ik05IDE2LjE3TDQuODMgMTJsLTEuNDIgMS40MUw5IDE5IDIxIDdsLTEuNDEtMS40MXoiIGZpbGw9IndoaXRlIiAvPjwvc3ZnPgo=);
    background-repeat:no-repeat;
    background-position:top 50% right 5px;
    background-color:#1f93ff;
    color:#fff;
}

.jdropdown-default .jdropdown-group {
    margin-top:5px;
}

.jdropdown-default .jdropdown-group .jdropdown-item {
    padding-left:16px;
}

.jdropdown-default .jdropdown-group-name {
    padding-left: 8px;
    font-weight: bold;
    text-align: left;
}

.jdropdown-default .jdropdown-reset_ {
    content:'x';
    position:absolute;
    top:0;
    right:0;
    margin:5px;
    margin-right:10px;
    font-size:12px;
    width:12px;
    cursor:pointer;
    text-shadow: 0px 0px 5px #fff;
    display:none;
    line-height: 1.8em;
}

.jdropdown-default.jdropdown-focus .jdropdown-reset_ {
    display:block;
}

/** Default render for mobile **/

.jdropdown-picker.jdropdown-focus .jdropdown-backdrop {
    display:block;
}

.jdropdown-picker .jdropdown-header {
    outline: none;
}

.jdropdown-picker .jdropdown-container
{
    position:fixed;
    bottom:0px;
    left:0px;
    border-bottom:1px solid #e6e6e8;
    width:100%;
    background-color:#fff;
    box-sizing: border-box;
}

.jdropdown-picker .jdropdown-close
{
    -webkit-box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.39);
    -moz-box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.39);
    box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.39);
    background-color:#fff;
    display:block;
}

.jdropdown-picker .jdropdown-content
{
    overflow-y:scroll;
    height:280px;
    background-color:#fafafa;
    border-top:1px solid #e6e6e8;
}

.jdropdown-picker .jdropdown-group-name
{
    font-size: 1em;
    text-transform: uppercase;
    padding-top:10px;
    padding-bottom:10px;
    display: block;
    border-bottom: 1px solid #e6e6e8;
    padding-left:20px;
    padding-right:20px;
    text-align:center;
    font-weight:bold;
}

.jdropdown-picker .jdropdown-item
{
    font-size: 1em;
    text-transform: uppercase;
    padding-top:10px;
    padding-bottom:10px;
    border-bottom: 1px solid #e6e6e8;
    padding-left:20px;
    padding-right:20px;
}

.jdropdown-picker .jdropdown-selected
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIiAvPjxwYXRoIGQ9Ik05IDE2LjE3TDQuODMgMTJsLTEuNDIgMS40MUw5IDE5IDIxIDdsLTEuNDEtMS40MXoiIGZpbGw9IndoaXRlIiAvPjwvc3ZnPgo=);
    background-repeat:no-repeat;
    background-position:top 50% right 15px;
    background-color:#1f93ff;
    color:#fff;
}

.jdropdown-picker .jdropdown-cursor
{
    background-color:#1f93ff;
    color:#fff;
}

/** Default render for mobile searchbar **/

.jdropdown-searchbar.jdropdown-focus
{
    position:fixed;
    top:0px !important;
    left:0px !important;
    width:100% !important;
    height:100% !important;
    background-color:#fafafa;
    padding:0px;
    z-index:9001;
    overflow-y:scroll;
    will-change: scroll-position;
    -webkit-overflow-scrolling: touch;
}

.jdropdown-searchbar.jdropdown-focus .jdropdown-container-header
{
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9002;
    padding: 6px;
    background-color:#fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    width: 100%;
    height: 40px;
}

.jdropdown-searchbar.jdropdown-focus .jdropdown-header
{
    border: 0px !important;
    background-position-x: 0% !important;
    background-position-y: 40% !important;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTUuNSAxNGgtLjc5bC0uMjgtLjI3QzE1LjQxIDEyLjU5IDE2IDExLjExIDE2IDkuNSAxNiA1LjkxIDEzLjA5IDMgOS41IDNTMyA1LjkxIDMgOS41IDUuOTEgMTYgOS41IDE2YzEuNjEgMCAzLjA5LS41OSA0LjIzLTEuNTdsLjI3LjI4di43OWw1IDQuOTlMMjAuNDkgMTlsLTQuOTktNXptLTYgMEM3LjAxIDE0IDUgMTEuOTkgNSA5LjVTNy4wMSA1IDkuNSA1IDE0IDcuMDEgMTQgOS41IDExLjk5IDE0IDkuNSAxNHoiIGZpbGw9IiNlNmU2ZTgiLz48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+);
    padding-left: 30px !important;
    padding-right: 60px !important;
}

.jdropdown-searchbar.jdropdown-focus .jdropdown-close
{
    display:block;
}

.jdropdown-searchbar .jdropdown-header {
    outline: none;
}

.jdropdown-searchbar .jdropdown-container
{
    margin-top: 40px;
    width:100%;
}

.jdropdown-searchbar .jdropdown-close
{
    position:fixed;
    top:0px;
    right:0px;
}

.jdropdown-searchbar .jdropdown-content
{
    margin-top:10px;
}

.jdropdown-searchbar .jdropdown-group
{
    margin-top:10px;
    margin-bottom:15px;
    background-color:#fff;
}

.jdropdown-searchbar .jdropdown-group-name
{
    border-top: 1px solid #e6e6e8;
    border-bottom: 1px solid #e6e6e8;
    padding:10px;
    padding-left:12px;
    font-weight:bold;
}

.jdropdown-searchbar .jdropdown-group-arrow
{
    float:right;
    width:24px;
    height:24px;
    background-repeat:no-repeat;
}

.jdropdown-searchbar .jdropdown-group-arrow-down
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNy40MSA4LjU5TDEyIDEzLjE3bDQuNTktNC41OEwxOCAxMGwtNiA2LTYtNiAxLjQxLTEuNDF6Ii8+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjB6Ii8+PC9zdmc+);
}

.jdropdown-searchbar .jdropdown-group-arrow-up
{
    background-image: url(data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTcuNDEgMTUuNDFMMTIgMTAuODNsNC41OSA0LjU4TDE4IDE0bC02LTYtNiA2eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);
}

.jdropdown-searchbar .jdropdown-item
{
    padding-top:10px;
    padding-bottom:10px;
    border-bottom: 1px solid #e6e6e8;
    padding-left:15px;
    padding-right:40px;
    background-color:#fff;
    font-size:0.9em;
}

.jdropdown-searchbar .jdropdown-description {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: calc(100% - 20px);
}

.jdropdown-searchbar .jdropdown-content > .jdropdown-item:first-child
{
    border-top: 1px solid #e6e6e8;
}

.jdropdown-searchbar .jdropdown-selected
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeiIgZmlsbD0iIzAwN2FmZiIvPjwvc3ZnPg==);
    background-repeat:no-repeat;
    background-position:top 50% right 15px;
}

/** List render **/

.jdropdown-list
{
}

.jdropdown-list .jdropdown-container
{
    display:block;
}

.jdropdown-list .jdropdown-header
{
    display:none;
}

.jdropdown-list .jdropdown-group
{
    background-color:#fff;
}

.jdropdown-list .jdropdown-group-name
{
    border-bottom: 1px solid #e6e6e8;
    padding-top:10px;
    padding-bottom:10px;
    font-weight:bold;
}

.jdropdown-list .jdropdown-item
{
    padding-top:10px;
    padding-bottom:10px;
    border-bottom: 1px solid #e6e6e8;
    padding-left:10px;
    padding-right:40px;
    background-color:#fff;
}

.jdropdown-list .jdropdown-selected
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeiIgZmlsbD0iIzAwN2FmZiIvPjwvc3ZnPg==);
    background-repeat:no-repeat;
    background-position:top 50% right 10px;
}

@media only screen and (max-width : 800px)
{
    .jdropdown-list {
        width:100% !important;
        border:0px;
        padding:0px;
    }

    .jdropdown-list .jdropdown-container {
        min-width:100%;
    }

    .jdropdown-searchbar.jdropdown-focus .jdropdown-description {
        text-transform: uppercase;
    }
}

.app .jdropdown-item {
    text-transform:uppercase;
}

.jdropdown-create-container {
    margin: 10px;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 6px;
}

.jdropdown-color {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 12px;
    width: 12px;
    height: 12px;
    margin-right: 6px;
}

.jdropdown-item[data-disabled] {
    opacity: 0.5;
    pointer-events: none;
}
.jeditor-container {
    border:1px solid #ccc;
    box-sizing: border-box;
}

.jeditor-container.with-margin {
    background-color: #f2f2f2;
    max-width: 1200px;
}

.jeditor-dragging {
     border:1px dashed #000;
}

.jeditor {
    outline:none;
    word-break: break-word;
}

.jeditor-container.with-margin .jeditor {
    background-color: #fff;
    margin: 80px;
    min-height: 800px;
    padding: 80px;
    max-width: 800px;
}

.jeditor[data-placeholder]:empty:before {
    content: attr(data-placeholder);
    color: lightgray;
}

/** Snippet **/

.jsnippet {
    margin-top:15px;
    cursor:pointer;
    border: 1px solid #ccc;
    position:relative;
}

.jsnippet:focus {
    outline: none;
}

.jsnippet img {
    width:100%;
}

.jsnippet .jsnippet-title {
    padding:15px;
    font-size:1.4em;
}

.jsnippet .jsnippet-description {
    padding-left:15px;
    padding-right:15px;
    font-size:1em;
}

.jsnippet .jsnippet-host {
    padding:15px;
    text-transform:uppercase;
    font-size:0.8em;
    color:#777;
    text-align:right;
}

.jsnippet .jsnippet-url {
    display:none;
}

.jeditor .jsnippet:after {
    content: 'close';
    font-family: 'Material icons';
    font-size: 24px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    cursor: pointer;
    text-shadow: 0px 0px 2px #fff;
    position: absolute;
    top: 12px;
    right: 12px;
}

.jsnippet * {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;

    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
}

.jeditor img {
    border:2px solid transparent;
    box-sizing: border-box;
}

.jeditor img.resizing {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;

    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
}

.jeditor img:focus {
    border: 2px solid #0096FD;
    outline: #0096FD;
}

.jeditor .pdf {
    background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 512 512%27 style=%27enable-background:new 0 0 512 512;%27 xml:space=%27preserve%27%3E%3Cpath style=%27fill:%23C30B15;%27 d=%27M511.344,274.266C511.77,268.231,512,262.143,512,256C512,114.615,397.385,0,256,0S0,114.615,0,256 c0,117.769,79.53,216.949,187.809,246.801L511.344,274.266z%27/%3E%3Cpath style=%27fill:%2385080E;%27 d=%27M511.344,274.266L314.991,77.913L119.096,434.087l68.714,68.714C209.522,508.787,232.385,512,256,512 C391.243,512,501.976,407.125,511.344,274.266z%27/%3E%3Cpolygon style=%27fill:%23FFFFFF;%27 points=%27278.328,333.913 255.711,77.913 119.096,77.913 119.096,311.652 %27/%3E%3Cpolygon style=%27fill:%23E8E6E6;%27 points=%27392.904,311.652 392.904,155.826 337.252,133.565 314.991,77.913 255.711,77.913 256.067,333.913 %27/%3E%3Cpolygon style=%27fill:%23FFFFFF;%27 points=%27314.991,155.826 314.991,77.913 392.904,155.826 %27/%3E%3Crect x=%27119.096%27 y=%27311.652%27 style=%27fill:%23FC0F1A;%27 width=%27273.809%27 height=%27122.435%27/%3E%3Cg%3E%3Cpath style=%27fill:%23FFFFFF;%27 d=%27M204.871,346.387c13.547,0,21.341,6.659,21.341,18.465c0,12.412-7.795,19.601-21.341,19.601h-9.611 v14.909h-13.471v-52.975L204.871,346.387L204.871,346.387z M195.26,373.858h8.93c5.904,0,9.308-2.952,9.308-8.552 c0-5.525-3.406-8.324-9.308-8.324h-8.93V373.858z%27/%3E%3Cpath style=%27fill:%23FFFFFF;%27 d=%27M257.928,346.387c16.649,0,28.152,10.746,28.152,26.487c0,15.666-11.655,26.488-28.683,26.488 h-22.25v-52.975H257.928z M248.619,388.615h9.611c8.249,0,14.151-6.357,14.151-15.665c0-9.384-6.205-15.817-14.757-15.817h-9.006 V388.615z%27/%3E%3Cpath style=%27fill:%23FFFFFF;%27 d=%27M308.563,356.982v12.26h23.763v10.596h-23.763v19.525h-13.471v-52.975h39.277v10.595h-25.806 V356.982z%27/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
    width:60px;
    height:60px;
}

.jeditor-toolbar {
    width: fit-content;
    max-width: 100%;
    box-sizing: border-box;
    margin: 10px;
}

.toolbar-on-top .jeditor-toolbar {
    width: initial;
    margin: 0px;
    box-shadow: 1px 1px 2px rgb(0 0 0 / 10%);
    display: block;
}

.toolbar-on-top .jeditor {
    padding: 15px;
}

.toolbar-on-top .jtoolbar .material-icons {
    font-size: 24px;
    transform: initial;
    margin: 4px;
}

.toolbar-on-top .jtoolbar .jpicker-header {
    font-size: 1em;
    margin-top: 4px;
    margin-bottom: 4px;
}

.jeditor table {
    border-collapse: collapse;
}

.jeditor table td {
    border: 1px solid #bbb;
    height: 2em;
}

.jeditor table td:focus {
    border: 1px solid blue;
}

.jeditor .line-break {
    border-top: 1px dashed #ccc;
    display: flex;
    justify-content: center;
    pointer-events: none;
}

.jeditor .line-break:before {
    content: 'New page';
    background-color: #fff;
    color: #ccc;
    margin: -1em;
    padding: 6px;
    position: absolute;
}
.jfloating {
    position:fixed;
    bottom:0px;
    right:0px;
    margin-right:5px;

    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    border:1px solid #ccc;
    background-color:#fff;
    box-sizing: border-box;
    padding-top:50px !important;
    z-index:9002;
    border-radius: 8px;
}

.jfloating.jfloating-big {
    width: 510px !important;
    height: 472px !important;
}

.jfloating.jfloating-small {
    width: 300px !important;
    height: 320px !important;
}

.jfloating.jfloating-large {
    width: 600px !important;
    height: 600px !important;
}

.jfloating:before {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    content:attr(title);
    padding:15px;
    box-sizing: border-box;
    font-size:1.2em;
    box-shadow: 1px 1px 3px rgba(0,0,0,.2);
    background-color: #fff;
    border-radius: 8px 8px 0px 0px;
    background-color: #404040;
    font-size: .93rem;
    font-weight: 600;
    color: white;
    letter-spacing: .5px;
}

.jfloating:after {
    content:'';
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27%23FFF%27 d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
    position:absolute;
    top:0;
    right:0;
    margin:14px;
    font-size:24px;
    width:24px;
    height:24px;
    cursor:pointer;
    text-shadow: 0px 0px 5px #fff;
}

.jfloating_content {
    padding:20px;
    overflow-y:auto;
    max-height:100%;
    box-sizing: border-box;
    height: -webkit-fill-available;
}

.jfloating.jfloating-minimized {
    height: 50px !important;
}

.jfloating.jfloating-minimized .jfloating_content {
    display: none;
}

.jmodal {
    position:fixed;
    top:50%;
    left:50%;
    width:60%;
    height:60%;
    -webkit-box-shadow: 0 2px 12px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 12px rgba(0,0,0,.2);
    border:1px solid #ccc;
    background-color:#fff;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    z-index:9002;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
}

.jmodal_title {
    padding: 20px;
    height: 70px;
    box-sizing: border-box;
    font-size: 1.4em;
    background-color: #fff;
    border-radius: 8px 8px 0px 0px;
    pointer-events: none;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    border-bottom: 1px solid #eee;
}

.jmodal_title > div {
    font-size: 1.4em;
}

.jmodal_title[data-icon]:before {
    content: attr(data-icon);
    font-family: 'Material Icons' !important;
    width: 24px;
    height: 24px;
    font-size: 24px;
    margin-right: 10px;
    line-height: 24px;
}

.jmodal_content {
    padding: 20px;
    overflow-y: auto;
    height: 100%;
    box-sizing: border-box;
    scrollbar-width: thin;
    scrollbar-color: #333 transparent;
}

.jmodal_title:empty {
    display: none;
}

.jmodal_title:empty + .jmodal_content {
    height: 100%;
}

.jmodal_content::-webkit-scrollbar {
    height: 12px;
}

.jmodal_content::-webkit-scrollbar {
    width: 12px;
}

.jmodal_content::-webkit-scrollbar-track {
    border: 1px solid #fff;
    background: #eee;
}

.jmodal_content::-webkit-scrollbar-thumb {
    border: 1px solid #fff;
    background: #888;
}

.jmodal:after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
    position: absolute;
    top: 0;
    right: 0;
    margin: 25px;
    font-size: 24px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    text-shadow: 0px 0px 5px #fff;
}

.jmodal_fullscreen {
    width: 100% !important;
    height: 100% !important;
    top: 0px;
    left: 0px;
    transform: none;
    border: 0px;
    border-radius: 0px;
}

.jmodal_backdrop {
    position: fixed;
    top: 0px;
    left: 0px;
    min-width: 100%;
    min-height: 100%;
    background-color: rgba(0,0,0,0.2);
    border: 0px;
    padding: 0px;
    z-index: 8000;
    display: none;

  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.jmodal_content .jcalendar .jcalendar-content,
.jmodal_content .jdropdown-container {
    position: fixed;
}

.jnotification {
    position: fixed;
    z-index: 10000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    bottom: 0px;
}

.jnotification-container {
    -webkit-box-shadow: 0px 2px 15px -5px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 2px 15px -5px rgba(0, 0, 0, 0.7);
    padding: 12px;
    border-radius: 8px;

    background-color: #000;
    background: rgba(92,92,92,1);
    background: linear-gradient(0deg, rgba(92,92,92,1) 0%, rgba(77,77,77,1) 100%);
    color: #fff;
    width: 320px;
    margin: 30px;
    padding: 20px;
}

.jnotification-close {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 24 24%27 fill=%27white%27%3E%3Cpath d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
    font-size: 20px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

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

.jnotification-header {
    display: flex;
    padding-bottom: 5px;
}

.jnotification-header:empty {
    display: none;
}

.jnotification-image {
    margin-right: 5px;
}

.jnotification-image:empty {
    display: none;
}

.jnotification-image img {
    width: 24px;
}

.jnotification-name {
    text-transform: uppercase;
    font-size: 0.9em;
    flex: 1;
    letter-spacing: 0.1em;
}

.jnotification-error .jnotification-container {
    background: rgb(182,38,6);
    background: linear-gradient(0deg, rgba(170,41,13,1) 0%, rgba(149,11,11,1) 100%);
}

@media (max-width: 800px) {
    .jnotification {
        top: calc(0px + var(--jsafe-area-top));
        width: 100%;
    }
    .jnotification-container {
        background: rgba(255,255,255,0.95);
        border: 1px solid #eee;
        color: #444;
        margin: 0px;
        width: initial;
    }
    .jnotification-error .jnotification-container {
        background: rgba(255,255,255,0.95);
        color: #790909;
    }
    .jnotification-close {
        background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 24 24%27 fill=%27black%27%3E%3Cpath d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
    }
}

.jnotification-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.jpicker {
    cursor: pointer;
    white-space: nowrap;
    display: inline-flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    position: relative;
    min-height: 26px;
}

.jpicker-header {
    background-repeat: no-repeat;
    background-position: top 50% right 5px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3Cpath d=%27M7 10l5 5 5-5H7z%27 fill=%27gray%27/%3E%3C/svg%3E");
    text-overflow: ellipsis;
    cursor: pointer;
    box-sizing: border-box;
    text-align: left;
    outline: none;
    line-height: 24px;
    padding: 2px 35px 2px 12px;
    border-radius: 4px;
}

.jpicker-header:hover {
    background-color: #f2f2f2;
}

.jpicker-content {
    position: absolute;
    top: 0;
    display: none;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
    border-radius: 4px;
    background-color: #fff;
    padding: 4px;
    z-index: 50;
    text-align: left;
    max-height: 250px;
    scrollbar-width: thin;
    scrollbar-color: #333 transparent;
}

.jpicker-content::-webkit-scrollbar {
    width: 8px;
}

.jpicker-content::-webkit-scrollbar-track {
    background: #eee;
}

.jpicker-content::-webkit-scrollbar-thumb {
    background: #888;
}

.jpicker-content > div {
    padding: 6px;
    padding-left: 15px;
    padding-right: 15px;
}

.jpicker-focus > .jpicker-content {
    display: block;
}

.jpicker-content > div:hover {
    background-color:#efefef;
}

.jpicker-content > div:empty {
    opacity: 0;
}

.jpicker-header > i, .jpicker-header > div {
    display: block;
}

.jpicker-focus > .jpicker-content.jpicker-columns {
    display: flex !important ;
    justify-content: center;
    flex-wrap: wrap;
}

.jpicker-focus .jpicker-content.jpicker-grid {
    display: inline-grid;
}



.jprogressbar
{
    cursor:pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    background:#fff;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    box-sizing: border-box;
    cursor:pointer;
    border:1px solid #ccc;
    position:relative;
}

.jprogressbar::before {
    content:attr(data-value);
    position:absolute;
    margin:5px;
    margin-left:10px;
}

.jprogressbar-header::placeholder
{
    color:#000;
}

.jprogressbar::focus {
    outline: auto 5px -webkit-focus-ring-color;
}

.jprogressbar > div {
    background-color: #eee;
    background-color: red;
    box-sizing: border-box;
    height:31px;
}
.jrating {
    display:flex;
}
.jrating > div {
    width:24px;
    height:24px;
    line-height:24px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z%27 fill=%27gray%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
}

.jrating .jrating-over {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27black%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
    opacity: 0.7;
}

.jrating .jrating-selected {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27red%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
}

.jsearch {
    position: relative;
    display: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.jsearch_container {
    position: absolute;
    box-shadow: 0 1px 2px 0 rgba(60,64,67,0.302), 0 2px 6px 2px rgba(60,64,67,0.149);
    border: none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 280px;
    padding: 8px 0;
    z-index: 1;

    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    -webkit-transition: opacity .218s;
    transition: opacity .218s;
    background: #fff;
    border: 1px solid rgba(0,0,0,.2);
    cursor: pointer;
    margin: 0;
    min-width: 300px;
    outline: none;
    width: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.jsearch_container:empty:after {
    content: attr(data-placeholder);
}

.jsearch_container > div {
    color: #333;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 5px 10px;
    user-select: none;
    -webkit-align-items: center;
    align-items: center;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.jsearch_container > div:hover {
    background-color: #e8eaed;
}

.jsearch_container > div > img {
    width: 32px;
    height: 32px;
    user-select: none;
    border-radius: 16px;
    margin-right: 2px;
}

.jsearch_container > div > div {
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 2px;
    max-width: 300px;
    white-space: nowrap;
    user-select: none;
}

.jsearch_container .selected {
    background-color: #e8eaed;
}
.jslider {
    outline: none;
}

.jslider-focus {
    width: 100% !important;
    height: 100% !important;
}

.jslider-focus img {
    display: none;
}

.jslider img {
    width: 100px;
}

.jslider-left::before {
    position: fixed;
    left: 15px;
    top: 50%;
    content:'arrow_back_ios';
    color: #fff;
    width: 30px;
    height: 30px;
    font-family: 'Material Icons';
    font-size: 30px;
    /* before it was 0px 0px 0px #000 */
    text-shadow: 0px 0px 6px rgb(56,56,56);
    text-align: center;
    cursor: pointer;
}

.jslider-right::after {
    position: fixed;
    right: 15px;
    top: 50%;
    content: 'arrow_forward_ios';
    color: #fff;
    width: 30px;
    height: 30px;
    font-family: 'Material Icons';
    font-size: 30px;
    /* before it was 0px 0px 0px #000 */
    text-shadow: 0px 0px 6px rgb(56,56,56);
    text-align: center;
    cursor: pointer;
}

.jslider-close {
    width:24px;
    height:24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27white%27%3E%3Cpath d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
    position:fixed;
    top:15px;
    right:15px;
    cursor:pointer;
    z-index:3000;

    display: block !important;
}

.jslider-counter {
    height:24px;
    background-color: transparent;
    position:fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 15px;
    cursor:pointer;
    z-index:3000;

    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    -webkit-flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.jslider-caption {
    position: fixed;
    max-width: 90vw;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    top:15px;
    left: 15px;
    z-index:3000;
    color: #FFF;
    font-size: 1rem;

    display: block !important;
}

.jslider-counter div {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    margin: 0px 5px;

    display: block !important;
}

.jslider-counter .jslider-counter-focus {
    background-color: cornflowerblue;
    pointer-events: none;
}

.jslider-focus {
    position:fixed;
    left:0;
    top:0;
    width: 100%;
    min-height:100%;
    max-height:100%;
    z-index:2000;
    margin:0px;
    box-sizing:border-box;

    background-color:rgba(0,0,0,0.8);
    -webkit-transition-duration: .05s;
    transition-duration: .05s;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;

    align-items: center;
}

.jslider-focus img {
    width: 50vw;
    height: auto;
    box-sizing: border-box;
    margin:0 auto;
    vertical-align:middle;
    display:none;
}

.jslider-focus img.jslider-vertical {
    width: auto;
    /* before it was 50vh */
    height: 80vh;
}

@media only screen and (max-width: 576px) {
    .jslider-focus img.jslider-vertical {
        width: 99vw !important;
        height: auto !important;
    }

    .jslider-focus img {
        width: 100vw !important;
        height: auto !important;
    }
}

.jslider-grid {
    display: -ms-grid;
    display: grid;
    grid-gap: 1px;
    position: relative;
}

.jslider-grid[data-number='2'] {
    -ms-grid-columns: 1fr 50%;
    grid-template-columns: 1fr 50%;
}

.jslider-grid[data-number='3'] {
    -ms-grid-columns: 1fr 33%;
    grid-template-columns: 1fr 33%;
}

.jslider-grid[data-number='4'] {
    -ms-grid-columns: 1fr 25%;
    grid-template-columns: 1fr 25%;
}

.jslider-grid img {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.jslider-grid[data-total]:after {
    content: attr(data-total) "+";
    font-size: 1.5em;
    position:absolute;
    color: #fff;
    right: 15px;
    bottom: 6px;
}

.jslider-grid img:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-column: 1;
    grid-row: 1;
    display: block;
}

.jslider-grid[data-number='2'] img:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    grid-column: 2;
    grid-row: 1;
    display: block;
}

.jslider-grid[data-number='3'] img:first-child {
    -ms-grid-column: 1 / 2;
    -ms-grid-row: 1 / 4;
    grid-column: 1 / 2;
    grid-row: 1 / 4;
}

.jslider-grid[data-number='3'] img:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    grid-column: 2;
    grid-row: 1;
    display: block;
}

.jslider-grid[data-number='3'] img:nth-child(3) {
    -ms-grid-column: 2;
    -ms-grid-row: 2;
    grid-column: 2;
    grid-row: 2;
    display: block;
}

.jslider-grid[data-number='4'] img:first-child {
    -ms-grid-column: 1 / 2;
    -ms-grid-row: 1 / 4;
    grid-column: 1 / 2;
    grid-row: 1 / 4;
}

.jslider-grid[data-number='4'] img:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    grid-column: 2;
    grid-row: 1;
    display: block;
}

.jslider-grid[data-number='4'] img:nth-child(3) {
    -ms-grid-column: 2;
    -ms-grid-row: 2;
    grid-column: 2;
    grid-row: 2;
    display: block;
}

.jslider-grid[data-number='4'] img:nth-child(4) {
    -ms-grid-column: 2;
    -ms-grid-row: 3;
    grid-column: 2;
    grid-row: 3;
    display: block;
}

.jtabs {
    max-width: 100vw;
    position: relative;
}

.jtabs .jtabs-headers-container {
    display: flex;
    align-items: center;
}

.jtabs .jtabs-headers {
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.jtabs .jtabs-headers > div:not(.jtabs-border) {
    padding: 8px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 1px;
    margin-right: 1px;
    background-color: #f1f1f1;
    cursor: pointer;
    white-space: nowrap;
    text-align: center;
}

.jtabs .jtabs-headers > div.jtabs-selected {
    background-color: #e8e8e8;
    color: #000;
}

.jtabs .jtabs-headers > div > div {
    color: #555;
    width: 100%;
    overflow: hidden;
}

.jtabs .jtabs-headers i {
    display: block;
    margin: auto;
}

.jtabs .jtabs-content {
    box-sizing: border-box;
}

.jtabs .jtabs-content > div {
    display: none;
    box-sizing: border-box;
}

.jtabs .jtabs-content > div.jtabs-selected {
    display: block;
}

.jtabs .jtabs-border {
    position: absolute;
    height: 2px;
    background-color: #888;
    transform-origin: left;
    transition: all .2s cubic-bezier(0.4,0,0.2,1);
    transition-property: color,left,transform;
    display: none;
    pointer-events: none;
}

.jtabs-animation .jtabs-border {
    display: initial;
}

.jtabs .jtabs-controls {
    margin: 3px;
    margin-left: 10px;
    display: flex;
    min-width: 82px;
}

.jtabs .jtabs-controls > div {
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    line-height: 24px;
}

.jtabs .jtabs-prev {
    margin-left: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27gray%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z%27/%3E%3C/svg%3E");
}

.jtabs .jtabs-prev.disabled {
    margin-left: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27lightgray%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z%27/%3E%3C/svg%3E");
}

.jtabs .jtabs-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27gray%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z%27/%3E%3C/svg%3E");
}

.jtabs .jtabs-next.disabled {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27lightgray%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z%27/%3E%3C/svg%3E");
}

.jtabs .jtabs-add {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27%3E%3Cpath d=%27M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z%27 fill=%27%23bbbbbb%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
}

/** Modern skin **/

.jtabs.jtabs-modern .jtabs-headers > div:not(.jtabs-border) {
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #fff;
}

.jtabs.jtabs-modern .jtabs-headers > .jtabs-selected  {
    color: #000;
}

.jtabs.jtabs-modern .jtabs-headers > .jtabs-selected .material-icons {
    color: #000;
}

.jtabs.jtabs-modern .jtabs-headers {
    background: #EEEEEF !important;
    padding: 2px;
    border-radius: 4px;
}

.jtabs.jtabs-modern .jtabs-headers .jtabs-border {
    border-color: #EEEEEF !important;
}

.jtabs.jtabs-modern .jtabs-border {
    background-color: rgba(194, 197, 188, 0.884);
}
.jtags {
    display: flex;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: flex-start;
    -webkit-justify-content: space-between;
    justify-content: flex-start;
    padding: 1px;
    border: 1px solid #ccc;
    position: relative;
}

.jtags.jtags-empty:not(.jtags-focus)::before {
    position: absolute;
    margin: 3px;
    color: #ccc;
    content: attr(data-placeholder);
    top: 0;
    margin-left: 6px;
}

.jtags > div {
    padding: 6px 22px 6px 10px;
    font-size: 0.9em;
    position: relative;
    border-radius: 1px;
    margin: 2px;
    display: block;
    outline: none;
}

.jtags > div:empty:before {
    content: " ";
    white-space: pre;
}

.jtags > div::after {
    content: 'x';
    position: absolute;
    top: 7px;
    right: 4px;
    width: 12px;
    height: 12px;
    cursor: pointer;
    font-size: 0.9em;
    line-height: 1em;
    display: none;
}

.jtags_label {
    background-color: #e4e4e4 !important;
}

.jtags_label::after {
    display: inline-block !important;
}

.jtags_error::after {
    color: #fff  !important;
}

.jtags_error {
    background-color: #d93025 !important;
    color: #fff;
}

.jtoolbar-container {
    border-radius: 2px;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
    display: inline-flex !important;
}

.jtoolbar {
    cursor: pointer;
    white-space: nowrap;
    display: flex;
    padding:4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 13px;
}

.jtoolbar-disabled {
    pointer-events: none;
    opacity: 0.4;
}

.jtoolbar-mobile {
    display: flex;
    position:fixed;
    bottom: 0;
    margin: 0;
    left: 0;
    width: 100%;
    background: #f7f7f8;
    z-index: 1;
    box-sizing: border-box;
    box-shadow: 0 -1px 2px rgba(0,0,0,.1);
    border-radius: 0px;
}

.jtoolbar > div {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    vertical-align:middle;
    justify-content: space-evenly;
}

.jtoolbar-mobile > div {
    display: flex;
    width: 100%;
}

.jtoolbar .jtoolbar-item {
    text-align: center;
    margin: auto;
    padding: 2px;
    padding-left:4px;
    padding-right:4px;
}

.jtoolbar-mobile .jtoolbar-item {
    position: relative;
    flex:1;
}

.jtoolbar .jtoolbar-divisor {
    width: 2px;
    height: 18px;
    padding: 0px;
    margin-left: 4px;
    margin-right: 4px;
    background-color: #ddd;
}

.jtoolbar .jtoolbar-label {
    padding-left: 8px;
    padding-right: 8px;
}



.jtoolbar-mobile a
{
    text-decoration:none;
    display:inline-block;
}

.jtoolbar-mobile i {
    display: inline-flex !important;
    color:#929292;
}

.jtoolbar-mobile span {
    font-size:0.7em;
    display:block;
    color:#929292;
}

.jtoolbar-mobile .jtoolbar-selected a, .jtoolbar-mobile .jtoolbar-selected i, .jtoolbar-mobile .jtoolbar-selected span {
    color:var(--jactive-color) !important;
    background-color:transparent;
}

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

.jtoolbar-item i {
    display: block;
    color:#333;
}

.jtoolbar-item:hover {
    background-color:#f2f2f2;
}


.jtoolbar .jpicker {
    padding-left:0px;
    padding-right:0px;
}

.jtoolbar .jpicker-header {
    height: 24px;
    line-height: 24px;
    padding: 0px;
    padding-right: 20px;
    padding-left: 8px;
    background-position: top 50% right 0px;
    display: flex;
    align-items: center;
    font-size: 0.9em;
}

.jtoolbar .jpicker-content > div {
    padding: 6px;
}

.jtoolbar-active {
    background-color:#eee;
}

.jtoolbar .fa {
    width: 18px;
    height: 18px;
    display: block;
    line-height: 18px;
    font-size: 14px;
}

.jtoolbar .material-icons {
    font-size: 18px;
    width: 24px;
    height: 24px;
    display: block;
    line-height: 24px;
    transform: rotate(0.03deg);
    text-align: center;
}

.jtoolbar .jtoolbar-arrow {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27black%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z%27/%3E%3C/svg%3E");
    width: 24px;
    height: 16px;
    margin-left: 4px;
    border-left: 1px solid #f2f2f2;
}

.jtoolbar-floating {
    position: absolute;
    display: none;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
    border-radius: 4px;
    background-color: #fff;
    padding: 4px;
    z-index: 50;
    text-align: left;
    margin-right: 20px;
}

.jtoolbar-floating .jtoolbar-divisor {
    display: none;
}

.jtoolbar-arrow-selected .jtoolbar-floating {
    display: flex;
    flex-wrap: wrap;
}


/** Loading */
.jloading {
    position:fixed;
    z-index:10001;
    width:100%;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-color: rgba(0,0,0,0.7);
}

.jloading::after {
    content:'';
    display:block;
    margin:0 auto;
    margin-top:50vh;
    width:40px;
    height:40px;
    border-style:solid;
    border-color:white;
    border-top-color:transparent;
    border-width:4px;
    border-radius:50%;
    -webkit-animation: jspin .8s linear infinite;
    animation: jspin .8s linear infinite;
}

.jloading.jspin {
    background-color:transparent;
}

.jloading.jspin::after {
    margin:0 auto;
    margin-top:80px;
    border-color:#aaa;
    border-top-color:transparent;
}

/** Animations **/
.jfade-in {
    animation: jfade-in 2s forwards;
}

.jfade-out {
    animation: jfade-out 1s forwards;
}

.jslide-left-in {
    position: relative;
    animation: jslide-left-in 0.4s forwards;
}

.jslide-left-out {
    position: relative;
    animation: jslide-left-out 0.4s forwards;
}

.jslide-right-in {
    position: relative;
    animation: jslide-right-in 0.4s forwards;
}

.jslide-right-out {
    position: relative;
    animation: jslide-right-out 0.4s forwards;
}

.jslide-top-in {
    position: relative;
    animation: jslide-top-in 0.4s forwards;
}

.jslide-top-out {
    position: relative;
    animation: jslide-top-out 0.2s forwards;
}

.jslide-bottom-in {
    position: relative;
    animation: jslide-bottom-in 0.4s forwards;
}

.jslide-bottom-out {
    position: relative;
    animation: jslide-bottom-out 0.1s forwards;
}

.jslide-left-in > div {
    -webkit-transform: translateZ(0px);
    -webkit-transform: translate3d(0,0,0);
}

.jslide-left-out > div {
    -webkit-transform: translateZ(0px);
    -webkit-transform: translate3d(0,0,0);
}

.jslide-right-in > div {
    -webkit-transform: translateZ(0px);
    -webkit-transform: translate3d(0,0,0);
}

.jslide-right-out > div {
    -webkit-transform: translateZ(0px);
    -webkit-transform: translate3d(0,0,0);
}

.jspin {
    animation: jspin 2s infinite linear;
}

/** Fadein and Fadeout **/
@keyframes jfade-in {
    0% { opacity: 0; }
    100% { opacity: 100; }
}

@-webkit-keyframes jfade-in {
    0% { opacity: 0; }
    100% { opacity: 100; }
}

@keyframes jfade-out {
    0% { opacity: 100; }
    100% { opacity: 0; }
}

@-webkit-keyframes jfade-out {
    0% { opacity: 100; }
    100% { opacity: 0; }
}

/** Keyframes Left to Right **/
@keyframes jslide-left-in {
    0% { left: -100%; }
    100% { left: 0%; }
}

@-webkit-keyframes jslide-left-in {
    0% { left: -100%; }
    100% { left: 0%; }
}
    
@keyframes jslide-left-out {
    0% { left: 0%; }
    100% { left: -100%; }
}

@-webkit-keyframes jslide-left-out {
    0% { left: 0%; }
    100% { left: -100%; }
}

/** Keyframes Right to Left **/
@keyframes jslide-right-in {
    0% { left: 100%; }
    100% { left: 0%; }
}

@-webkit-keyframes jslide-right-in
{
    0% { left: 100%; }
    100% { left: 0%; }
}
    
@keyframes jslide-right-out {
    0% { left: 0%; }
    100% { left: 100%; }
}

@-webkit-keyframes jslide-right-out {
    0% { left: 0%; }
    100% { left: 100%; }
}

/** Keyframes Top to Bottom **/
@keyframes jslide-top-in {
    0% { transform: translateY(-100%); }
    100% { transform: translateY(0%); }
}

@-webkit-keyframes jslide-top-in {
    0% { transform: translateY(-100%); }
    100% { -webkit-transform: translateY(0%); }
}
    
@keyframes jslide-top-out {
    0% { transform: translateY(0%); }
    100% { transform: translateY(-100%); }
}

@-webkit-keyframes jslide-top-out {
    0% { -webkit-transform: translateY(0%); }
    100% { -webkit-transform: translateY(-100%); }
}

/** Keyframes Bottom to Top **/
@keyframes jslide-bottom-in {
    0% { transform: translateY(100%); }
    100% { transform: translateY(0%); }
}

@-webkit-keyframes jslide-bottom-in {
    0% { transform: translateY(100%); }
    100% { -webkit-transform: translateY(0%); }
}
    
@keyframes jslide-bottom-out {
    0% { transform: translateY(0%); }
    100% { transform: translateY(100%); }
}

@-webkit-keyframes jslide-bottom-out {
    0% { -webkit-transform: translateY(0%); }
    100% { -webkit-transform: translateY(100%); }
}

@-webkit-keyframes jspin {
    from {
        -webkit-transform:rotate(0deg);
    }
    to {
        -webkit-transform:rotate(359deg);
    }
}

@keyframes jspin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(359deg);
    }
}
.jcalendar {
    position:absolute;
    z-index:9000;
    display:none;
    box-sizing:border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    min-width:280px;
}

.jcalendar.jcalendar-focus {
    display:block;
}

.jcalendar .jcalendar-backdrop {
    position:fixed;
    top:0px;
    left:0px;
    z-index:9000;
    min-width:100%;
    min-height:100%;
    background-color:rgba(0,0,0,0.5);
    border:0px;
    padding:0px;
    display:none;
}

.jcalendar .jcalendar-container {
    position:relative;
    box-sizing:border-box;
}

.jcalendar .jcalendar-content {
    position:absolute;
    z-index:9001;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.39);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.39);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.39);
    background-color:#fff;
}

.jcalendar-header {
    text-align:center;
}

.jcalendar-header span {
    margin-right:4px;
    font-size:1.1em;
    font-weight:bold;
}

.jcalendar-prev {
    cursor:pointer;
    background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z%27 fill=%27%23000%27 /%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3C/svg%3E");
    background-position:center;
    background-repeat:no-repeat;
}

.jcalendar-next {
    cursor:pointer;
    background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z%27 fill=%27%23000%27 /%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3C/svg%3E");
    background-position:center;
    background-repeat:no-repeat;
}

.jcalendar-weekday {
    font-weight: 600;
    background-color: #fcfcfc;
    padding: 14px;
}

.jcalendar-table {
    padding: 10px;
}

.jcalendar-table > table {
    width:100%;
    background-color:#fff;
}

.jcalendar-table > table > thead {
    cursor: pointer;
}

.jcalendar-table thead td {
    padding: 10px;
    height: 40px;
}

.jcalendar-table > table > tbody > tr {
    height: 34px;
}

.jcalendar-table > table > tbody td {
    box-sizing:border-box;
    cursor:pointer;
    padding:9px;
    font-size:0.9em;
}

.jcalendar-table tfoot td {
    padding:10px;
}

.jcalendar-months td, .jcalendar-years td {
    height:24px;
} 

.jcalendar-input {
    padding-right:18px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 24 24%27 fill=%27gray%27%3E%3Cpath d=%27M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z%27/%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0z%27/%3E%3C/svg%3E");
    background-position:top 50% right 5px;
    background-repeat:no-repeat;
    box-sizing: border-box;
}

.jcalendar-done {
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.39);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.39);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.39);
    background-color:#fff;
}

.jcalendar-update {
    border:1px solid #ccc;
    background-color:#fff;
    border-radius:4px;
    padding:5px;
    width:100%;
}

.jcalendar-container select {
    width:55px;
    display:inline-block;
    border:0px;
    padding:4px;
    text-align:center;
    font-size:1.1em;
    user-select:none;
    margin-right:10px;
}

.jcalendar-container select:first-child {
    margin-right:2px;
}

.jcalendar-selected {
    background-color:#eee;
}

.jcalendar-reset, .jcalendar-confirm {
    text-transform:uppercase;
    cursor:pointer;
    color: var(--jactive-color);
}

.jcalendar-controls {
    padding:15px;

    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align:middle;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-flow: row wrap;
    justify-content: space-between;
    align-items:center;
}

.jcalendar-controls div {
    font-weight:bold;
}

.jcalendar-fullsize  {
    position:fixed;
    width:100%;
    top:0px;
    left:0px;
}

.jcalendar-fullsize .jcalendar-content
{
    position:fixed;
    width:100%;
    left:0px;
    bottom:0px;
}

.jcalendar-focus.jcalendar-fullsize .jcalendar-backdrop {
    display:block;
}

.jcalendar-sunday {
    color: red;
}
.jcalendar-disabled {
    color: #ccc;
}

.jcalendar-time {
    display:flex;
}

.jcalendar_warning {
    color: red;
}

.jcalendar-hide-controls .jcalendar-controls {
    display: none;
}

.jcolor {
    display: none;
    outline: none;
    position: absolute;
}

.jcolor-input {
    padding-right: 24px !important;
    background: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27black%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z%27/%3E%3C/svg%3E") top 50% right 4px no-repeat, content-box;
    box-sizing: border-box;
}

.jcolor-content {
    position: absolute;
    z-index: 9000;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    letter-spacing: .2px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    background-color:#fff;
    box-sizing: border-box;
    min-width: 260px;
}

.jmodal .jcolor-content {
    position: fixed;
}

.jcolor-controls {
    display: flex;
    padding: 10px;
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
}

.jcolor-controls div {
    flex: 1;
    font-size: 1em;
    color: var(--jactive-color);
    text-transform: uppercase;
    font-weight: bold;
    box-sizing: border-box;
}

.jcolor-content table {
    border-collapse: collapse;
    box-sizing: border-box;
}

.jcolor-focus {
    display:block;
}

.jcolor table {
    width:100%;
    height:100%;
    min-height: 160px;
}

.jcolor td {
    padding: 7px;
}

.jcolor-selected {
    background-repeat:no-repeat;
    background-size: 16px;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z%27 fill=%27white%27/%3E%3C/svg%3E");
}

.jcolor-fullscreen {
    position: fixed;
    left: 0px;
    bottom: 0px;
    width:100%;
    max-height: 290px;
    border-radius: 0px;
    box-sizing: border-box;
}

.jcolor-fullscreen .jcolor-controls {
    padding: 15px;
    -webkit-box-shadow: 1px 0px 1px 0px rgba(0,0,0,0.39);
    -moz-box-shadow: 1px 0px 1px 0px rgba(0,0,0,0.39);
    box-shadow: 1px 0px 1px 0px rgba(0,0,0,0.39);
}

.jcolor-reset {
    text-align: left;
}

.jcolor-close {
    text-align: right;
}

.jcolor-backdrop {
    position: fixed;
    top: 0px;
    left: 0px;
    min-width: 100%;
    min-height: 100%;
    background-color: rgba(0,0,0,0.5);
    border: 0px;
    padding: 0px;
    z-index: 8000;
    display: none;
    
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.jcolor-content .jtabs-content {
    padding: 7px;
}

.jcolor-grid tr:first-child > td:first-child {
    border-top-left-radius: 3px;
}

.jcolor-grid tr:first-child > td:last-child {
    border-top-right-radius: 3px;
}

.jcolor-grid tr:last-child > td:first-child {
    border-bottom-left-radius: 3px;
}

.jcolor-grid tr:last-child > td:last-child {
    border-bottom-right-radius: 3px;
}

.jcolor-hsl {
    box-sizing: border-box;
}

.jcolor-hsl > div {
    height: 100%;
    position: relative;
}

.jcolor-hsl canvas {
    display: block;
    border-radius: 4px;
    -webkit-user-drag: none;
}

.jcolor-point {
    height: 5px;
    width: 5px;
    background-color: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.jcolor-sliders {
    padding: 10px 20px 10px 10px;
}

.jcolor-sliders input {
    -webkit-appearance: none;

    height: 12px;
    width: 80%;

    background: #d3d3d3;
    opacity: 1;

    border-radius: 30px;
    outline: none;
}

.jcolor-sliders-input-subcontainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.jcolor-sliders-input-container {
    margin-top: 4px;
    line-height: 0.8em;
    text-align: left;
}

.jcolor-sliders-input-container > label {
    font-size: 10px;
    text-transform: uppercase;
    color: #bbbbbd;
}

.jcolor-sliders-input-subcontainer > input {
    border: 0px;
    padding: 1px;
}

.jcolor-sliders-input-container input::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #000;
    border: 2px solid #fff;
    cursor: pointer;
}

.jcolor-sliders-input-container input::-moz-range-thumb {
    -webkit-appearance: none;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #000;
    border: 2px solid #fff;
    cursor: pointer;
}

.jcolor-sliders-final-color {
    padding: 6px;
    user-select: all;
    margin-top: 10px;
    text-align: center;
}

.jcolor-sliders-final-color > div:nth-child(2) {
    width: 71px;
    text-transform: uppercase;
}

.jcolor .jtabs .jtabs-headers-container .jtabs-controls {
    display: none !important;
}

.jcolor .jtabs .jtabs-headers-container {
    display: flex !important;
    justify-content: center;
    padding: 4px;
}

.jcolor .jtabs-headers > div:not(.jtabs-border) {
    padding: 2px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-size: 0.8em;
}
.jcontextmenu {
    position:fixed;
    z-index:10000;
    background:#fff;
    color: #555;
    font-size: 11px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(143, 144, 145, 1);
    -moz-box-shadow: 2px 2px 2px 0px rgba(143, 144, 145, 1);
    box-shadow: 2px 2px 2px 0px rgba(143, 144, 145, 1);
    border: 1px solid #C6C6C6;
    padding: 0px;
    padding-top:4px;
    padding-bottom:4px;
    margin:0px;
    outline:none;
    display:none;
}

.jcontextmenu.jcontextmenu-focus {
    display:inline-block;
}

.jcontextmenu > div {
    box-sizing: border-box;
    display: flex;
    padding: 8px 8px 8px 32px;
    width: 250px;
    position: relative;
    cursor: default;
    font-size: 11px;
    font-family:sans-serif;
    text-align: left;
    -webkit-box-align: center;
    align-items: center;
}

.jcontextmenu > div::before {
    content: attr(data-icon);
    font-family: 'Material Icons' !important;
    font-size: 15px;
    position: absolute;
    left: 9px;
    line-height: 24px;
}

.jcontextmenu.symbols > div::before {
    font-family: 'Material Symbols Outlined' !important;
}

.jcontextmenu > div.header {
    display: none;
}

.jcontextmenu > div a {
    color: #555;
    text-decoration: none;
    flex: 1;
    cursor: pointer;
}

.jcontextmenu > div span {
    margin-right: 10px;
    font-size: 0.9em;
}

.jcontextmenu .jcontextmenu-disabled a {
    color: #ccc;
}

.jcontextmenu .jcontextmenu-disabled::before {
    color: #ccc;
}

.jcontextmenu > div:hover {
    background: #ebebeb;
}

.jcontextmenu hr {
    border: 1px solid #e9e9e9;
    border-bottom: 0;
    margin-top:5px;
    margin-bottom:5px;
}

.jcontextmenu > hr:hover {
    background: transparent;
}

.jcontextmenu .jcontextmenu {
    top: 4px;
    left: 99%;
    opacity: 0;
    position: absolute;
}

.jcontextmenu > div:hover > .jcontextmenu {
    display: block;
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
    pointer-events: auto;
}

@media only screen and (max-width: 420px) {
    .jcontextmenu {
        top: initial !important;
        left: 0px !important;
        bottom: 0px !important;
        width: 100vw;
        height: 260px;
        overflow: scroll;
        animation: jslide-bottom-in 0.4s forwards;
        padding-top: 0px;
    }
    .jcontextmenu div {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #ccc;
        padding: 15px;
    }
    .jcontextmenu > div.header {
        background-color: lightgray;
        padding: 5px;
        top: 0px;
        position: sticky;
        z-index: 2;
    }
    .jcontextmenu > div.header > a.title {
        text-align: left;
    }

    .jcontextmenu > div.header > a.close {
        text-align: right;
    }
    .jcontextmenu a {
        font-size: 1.4em;
        text-transform: uppercase;
    }
    .jcontextmenu span {
        display: none;
    }
    .jcontextmenu span {
        display: none;
    }
    .jcontextmenu hr {
        display: none;
    }
}

.jdropdown {
    cursor:pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    background:#fff;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
}

.jdropdown-backdrop {
    position:fixed;
    top:0px;
    left:0px;
    min-width:100%;
    min-height:100%;
    background-color:rgba(0,0,0,0.5);
    border:0px;
    padding:0px;
    z-index:8000;
    display:none;
}

.jdropdown[disabled] {
    opacity: 0.5;
    pointer-events: none;
}

.jdropdown-focus {
    position:relative;
}

.jdropdown-focus .jdropdown-container {
    transform: translate3d(0,0,0);
}

.jdropdown-default.jdropdown-focus .jdropdown-header {
    outline:auto 5px -webkit-focus-ring-color;
}

.jdropdown-default.jdropdown-focus .jdropdown-header.jdropdown-add {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27gray%27 width=%2724px%27 height=%2724px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z%27/%3E%3C/svg%3E");
}

.jdropdown-container-header {
    padding:0px;
    margin:0px;
    position:relative;
    box-sizing: border-box;
}

.jdropdown-header {
    width:100%;
    appearance: none;
    background-repeat: no-repeat;
    background-position:top 50% right 5px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3Cpath d=%27M7 10l5 5 5-5H7z%27 fill=%27gray%27/%3E%3C/svg%3E");
    text-overflow: ellipsis;
    cursor:pointer;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right:30px !important;
}

.jdropdown-insert-button {
    font-size: 1.4em;
    text-transform: uppercase;
    position:absolute;
    right: 30px;
    top: 4px;
    display:none;
}

.jdropdown-container {
    min-width: inherit;
    transform: translate3d(-10000px,0,0);
    position:absolute;
    z-index:9001;
}

.jdropdown-close {
    display:none;
    font-size:1em;
    color: var(--jactive-color);
    text-transform:uppercase;
    text-align:right;
    padding:12px;
    font-weight:bold;
}

.jdropdown-content {
    min-width:inherit;
    margin:0px;
    box-sizing:border-box;
}

.jdropdown-content:empty {
}

.jdropdown-item {
    white-space: nowrap;
    text-align: left;
    text-overflow: ellipsis;
    overflow-x: hidden;
    color: #000;
    display: flex;
    align-items: center;
}

.jdropdown-description {
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.5em;
}

.jdropdown-image {
    margin-right:10px;
    width: 32px;
    height: 32px;
    border-radius:20px;
}

.jdropdown-image-small {
    width:24px;
    height:24px;
}

.jdropdown-icon {
    margin-right:10px;
    font-size: 30px;
    margin-left: -5px;
}

.jdropdown-icon-small {
    font-size: 24px;
    margin-left: 0px;
}

.jdropdown-title {
    font-size: 0.7em;
    text-overflow: ellipsis;
    overflow-x: hidden;
    display: block;
}

/** Default visual **/

.jdropdown-default .jdropdown-header {
    border:1px solid #ccc;
    padding:5px;
    padding-left:10px;
    padding-right:16px;
}

.jdropdown-default .jdropdown-container {
    background-color:#fff;
}

.jdropdown-default.jdropdown-focus.jdropdown-insert .jdropdown-header {
    padding-right:50px;
}

.jdropdown-default.jdropdown-focus.jdropdown-insert .jdropdown-insert-button {
    display:block;
}

.jdropdown-default .jdropdown-content
{
    min-width:inherit;
    border:1px solid #8fb1e3;
    margin:0px;
    background-color:#fff;
    box-sizing:border-box;
    min-height:10px;
    max-height:215px;
    overflow-y:auto;
}

.jdropdown-default .jdropdown-item
{
    padding:4px;
    padding-left:8px;
    padding-right:40px;
}

.jdropdown-default .jdropdown-item:hover
{
    background-color:#1f93ff;
    color:#fff;
}

.jdropdown-default .jdropdown-cursor
{
    background-color:#eee;
}

.jdropdown-default .jdropdown-selected
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIiAvPjxwYXRoIGQ9Ik05IDE2LjE3TDQuODMgMTJsLTEuNDIgMS40MUw5IDE5IDIxIDdsLTEuNDEtMS40MXoiIGZpbGw9IndoaXRlIiAvPjwvc3ZnPgo=);
    background-repeat:no-repeat;
    background-position:top 50% right 5px;
    background-color:#1f93ff;
    color:#fff;
}

.jdropdown-default .jdropdown-group {
    margin-top:5px;
}

.jdropdown-default .jdropdown-group .jdropdown-item {
    padding-left:16px;
}

.jdropdown-default .jdropdown-group-name {
    padding-left: 8px;
    font-weight: bold;
    text-align: left;
}

.jdropdown-default .jdropdown-reset_ {
    content:'x';
    position:absolute;
    top:0;
    right:0;
    margin:5px;
    margin-right:10px;
    font-size:12px;
    width:12px;
    cursor:pointer;
    text-shadow: 0px 0px 5px #fff;
    display:none;
    line-height: 1.8em;
}

.jdropdown-default.jdropdown-focus .jdropdown-reset_ {
    display:block;
}

/** Default render for mobile **/

.jdropdown-picker.jdropdown-focus .jdropdown-backdrop {
    display:block;
}

.jdropdown-picker .jdropdown-header {
    outline: none;
}

.jdropdown-picker .jdropdown-container
{
    position:fixed;
    bottom:0px;
    left:0px;
    border-bottom:1px solid #e6e6e8;
    width:100%;
    background-color:#fff;
    box-sizing: border-box;
}

.jdropdown-picker .jdropdown-close
{
    -webkit-box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.39);
    -moz-box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.39);
    box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.39);
    background-color:#fff;
    display:block;
}

.jdropdown-picker .jdropdown-content
{
    overflow-y:scroll;
    height:280px;
    background-color:#fafafa;
    border-top:1px solid #e6e6e8;
}

.jdropdown-picker .jdropdown-group-name
{
    font-size: 1em;
    text-transform: uppercase;
    padding-top:10px;
    padding-bottom:10px;
    display: block;
    border-bottom: 1px solid #e6e6e8;
    padding-left:20px;
    padding-right:20px;
    text-align:center;
    font-weight:bold;
}

.jdropdown-picker .jdropdown-item
{
    font-size: 1em;
    text-transform: uppercase;
    padding-top:10px;
    padding-bottom:10px;
    border-bottom: 1px solid #e6e6e8;
    padding-left:20px;
    padding-right:20px;
}

.jdropdown-picker .jdropdown-selected
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIiAvPjxwYXRoIGQ9Ik05IDE2LjE3TDQuODMgMTJsLTEuNDIgMS40MUw5IDE5IDIxIDdsLTEuNDEtMS40MXoiIGZpbGw9IndoaXRlIiAvPjwvc3ZnPgo=);
    background-repeat:no-repeat;
    background-position:top 50% right 15px;
    background-color:#1f93ff;
    color:#fff;
}

.jdropdown-picker .jdropdown-cursor
{
    background-color:#1f93ff;
    color:#fff;
}

/** Default render for mobile searchbar **/

.jdropdown-searchbar.jdropdown-focus
{
    position:fixed;
    top:0px !important;
    left:0px !important;
    width:100% !important;
    height:100% !important;
    background-color:#fafafa;
    padding:0px;
    z-index:9001;
    overflow-y:scroll;
    will-change: scroll-position;
    -webkit-overflow-scrolling: touch;
}

.jdropdown-searchbar.jdropdown-focus .jdropdown-container-header
{
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9002;
    padding: 6px;
    background-color:#fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    width: 100%;
    height: 40px;
}

.jdropdown-searchbar.jdropdown-focus .jdropdown-header
{
    border: 0px !important;
    background-position-x: 0% !important;
    background-position-y: 40% !important;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTUuNSAxNGgtLjc5bC0uMjgtLjI3QzE1LjQxIDEyLjU5IDE2IDExLjExIDE2IDkuNSAxNiA1LjkxIDEzLjA5IDMgOS41IDNTMyA1LjkxIDMgOS41IDUuOTEgMTYgOS41IDE2YzEuNjEgMCAzLjA5LS41OSA0LjIzLTEuNTdsLjI3LjI4di43OWw1IDQuOTlMMjAuNDkgMTlsLTQuOTktNXptLTYgMEM3LjAxIDE0IDUgMTEuOTkgNSA5LjVTNy4wMSA1IDkuNSA1IDE0IDcuMDEgMTQgOS41IDExLjk5IDE0IDkuNSAxNHoiIGZpbGw9IiNlNmU2ZTgiLz48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+);
    padding-left: 30px !important;
    padding-right: 60px !important;
}

.jdropdown-searchbar.jdropdown-focus .jdropdown-close
{
    display:block;
}

.jdropdown-searchbar .jdropdown-header {
    outline: none;
}

.jdropdown-searchbar .jdropdown-container
{
    margin-top: 40px;
    width:100%;
}

.jdropdown-searchbar .jdropdown-close
{
    position:fixed;
    top:0px;
    right:0px;
}

.jdropdown-searchbar .jdropdown-content
{
    margin-top:10px;
}

.jdropdown-searchbar .jdropdown-group
{
    margin-top:10px;
    margin-bottom:15px;
    background-color:#fff;
}

.jdropdown-searchbar .jdropdown-group-name
{
    border-top: 1px solid #e6e6e8;
    border-bottom: 1px solid #e6e6e8;
    padding:10px;
    padding-left:12px;
    font-weight:bold;
}

.jdropdown-searchbar .jdropdown-group-arrow
{
    float:right;
    width:24px;
    height:24px;
    background-repeat:no-repeat;
}

.jdropdown-searchbar .jdropdown-group-arrow-down
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNy40MSA4LjU5TDEyIDEzLjE3bDQuNTktNC41OEwxOCAxMGwtNiA2LTYtNiAxLjQxLTEuNDF6Ii8+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjB6Ii8+PC9zdmc+);
}

.jdropdown-searchbar .jdropdown-group-arrow-up
{
    background-image: url(data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTcuNDEgMTUuNDFMMTIgMTAuODNsNC41OSA0LjU4TDE4IDE0bC02LTYtNiA2eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);
}

.jdropdown-searchbar .jdropdown-item
{
    padding-top:10px;
    padding-bottom:10px;
    border-bottom: 1px solid #e6e6e8;
    padding-left:15px;
    padding-right:40px;
    background-color:#fff;
    font-size:0.9em;
}

.jdropdown-searchbar .jdropdown-description {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: calc(100% - 20px);
}

.jdropdown-searchbar .jdropdown-content > .jdropdown-item:first-child
{
    border-top: 1px solid #e6e6e8;
}

.jdropdown-searchbar .jdropdown-selected
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeiIgZmlsbD0iIzAwN2FmZiIvPjwvc3ZnPg==);
    background-repeat:no-repeat;
    background-position:top 50% right 15px;
}

/** List render **/

.jdropdown-list
{
}

.jdropdown-list .jdropdown-container
{
    display:block;
}

.jdropdown-list .jdropdown-header
{
    display:none;
}

.jdropdown-list .jdropdown-group
{
    background-color:#fff;
}

.jdropdown-list .jdropdown-group-name
{
    border-bottom: 1px solid #e6e6e8;
    padding-top:10px;
    padding-bottom:10px;
    font-weight:bold;
}

.jdropdown-list .jdropdown-item
{
    padding-top:10px;
    padding-bottom:10px;
    border-bottom: 1px solid #e6e6e8;
    padding-left:10px;
    padding-right:40px;
    background-color:#fff;
}

.jdropdown-list .jdropdown-selected
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeiIgZmlsbD0iIzAwN2FmZiIvPjwvc3ZnPg==);
    background-repeat:no-repeat;
    background-position:top 50% right 10px;
}

@media only screen and (max-width : 800px)
{
    .jdropdown-list {
        width:100% !important;
        border:0px;
        padding:0px;
    }

    .jdropdown-list .jdropdown-container {
        min-width:100%;
    }

    .jdropdown-searchbar.jdropdown-focus .jdropdown-description {
        text-transform: uppercase;
    }
}

.app .jdropdown-item {
    text-transform:uppercase;
}

.jdropdown-create-container {
    margin: 10px;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 6px;
}

.jdropdown-color {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 12px;
    width: 12px;
    height: 12px;
    margin-right: 6px;
}

.jdropdown-item[data-disabled] {
    opacity: 0.5;
    pointer-events: none;
}
.jeditor-container {
    border:1px solid #ccc;
    box-sizing: border-box;
}

.jeditor-container.with-margin {
    background-color: #f2f2f2;
    max-width: 1200px;
}

.jeditor-dragging {
     border:1px dashed #000;
}

.jeditor {
    outline:none;
    word-break: break-word;
}

.jeditor-container.with-margin .jeditor {
    background-color: #fff;
    margin: 80px;
    min-height: 800px;
    padding: 80px;
    max-width: 800px;
}

.jeditor[data-placeholder]:empty:before {
    content: attr(data-placeholder);
    color: lightgray;
}

/** Snippet **/

.jsnippet {
    margin-top:15px;
    cursor:pointer;
    border: 1px solid #ccc;
    position:relative;
}

.jsnippet:focus {
    outline: none;
}

.jsnippet img {
    width:100%;
}

.jsnippet .jsnippet-title {
    padding:15px;
    font-size:1.4em;
}

.jsnippet .jsnippet-description {
    padding-left:15px;
    padding-right:15px;
    font-size:1em;
}

.jsnippet .jsnippet-host {
    padding:15px;
    text-transform:uppercase;
    font-size:0.8em;
    color:#777;
    text-align:right;
}

.jsnippet .jsnippet-url {
    display:none;
}

.jeditor .jsnippet:after {
    content: 'close';
    font-family: 'Material icons';
    font-size: 24px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    cursor: pointer;
    text-shadow: 0px 0px 2px #fff;
    position: absolute;
    top: 12px;
    right: 12px;
}

.jsnippet * {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;

    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
}

.jeditor img {
    border:2px solid transparent;
    box-sizing: border-box;
}

.jeditor img.resizing {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;

    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
}

.jeditor img:focus {
    border: 2px solid #0096FD;
    outline: #0096FD;
}

.jeditor .pdf {
    background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 512 512%27 style=%27enable-background:new 0 0 512 512;%27 xml:space=%27preserve%27%3E%3Cpath style=%27fill:%23C30B15;%27 d=%27M511.344,274.266C511.77,268.231,512,262.143,512,256C512,114.615,397.385,0,256,0S0,114.615,0,256 c0,117.769,79.53,216.949,187.809,246.801L511.344,274.266z%27/%3E%3Cpath style=%27fill:%2385080E;%27 d=%27M511.344,274.266L314.991,77.913L119.096,434.087l68.714,68.714C209.522,508.787,232.385,512,256,512 C391.243,512,501.976,407.125,511.344,274.266z%27/%3E%3Cpolygon style=%27fill:%23FFFFFF;%27 points=%27278.328,333.913 255.711,77.913 119.096,77.913 119.096,311.652 %27/%3E%3Cpolygon style=%27fill:%23E8E6E6;%27 points=%27392.904,311.652 392.904,155.826 337.252,133.565 314.991,77.913 255.711,77.913 256.067,333.913 %27/%3E%3Cpolygon style=%27fill:%23FFFFFF;%27 points=%27314.991,155.826 314.991,77.913 392.904,155.826 %27/%3E%3Crect x=%27119.096%27 y=%27311.652%27 style=%27fill:%23FC0F1A;%27 width=%27273.809%27 height=%27122.435%27/%3E%3Cg%3E%3Cpath style=%27fill:%23FFFFFF;%27 d=%27M204.871,346.387c13.547,0,21.341,6.659,21.341,18.465c0,12.412-7.795,19.601-21.341,19.601h-9.611 v14.909h-13.471v-52.975L204.871,346.387L204.871,346.387z M195.26,373.858h8.93c5.904,0,9.308-2.952,9.308-8.552 c0-5.525-3.406-8.324-9.308-8.324h-8.93V373.858z%27/%3E%3Cpath style=%27fill:%23FFFFFF;%27 d=%27M257.928,346.387c16.649,0,28.152,10.746,28.152,26.487c0,15.666-11.655,26.488-28.683,26.488 h-22.25v-52.975H257.928z M248.619,388.615h9.611c8.249,0,14.151-6.357,14.151-15.665c0-9.384-6.205-15.817-14.757-15.817h-9.006 V388.615z%27/%3E%3Cpath style=%27fill:%23FFFFFF;%27 d=%27M308.563,356.982v12.26h23.763v10.596h-23.763v19.525h-13.471v-52.975h39.277v10.595h-25.806 V356.982z%27/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
    width:60px;
    height:60px;
}

.jeditor-toolbar {
    width: fit-content;
    max-width: 100%;
    box-sizing: border-box;
    margin: 10px;
}

.toolbar-on-top .jeditor-toolbar {
    width: initial;
    margin: 0px;
    box-shadow: 1px 1px 2px rgb(0 0 0 / 10%);
    display: block;
}

.toolbar-on-top .jeditor {
    padding: 15px;
}

.toolbar-on-top .jtoolbar .material-icons {
    font-size: 24px;
    transform: initial;
    margin: 4px;
}

.toolbar-on-top .jtoolbar .jpicker-header {
    font-size: 1em;
    margin-top: 4px;
    margin-bottom: 4px;
}

.jeditor table {
    border-collapse: collapse;
}

.jeditor table td {
    border: 1px solid #bbb;
    height: 2em;
}

.jeditor table td:focus {
    border: 1px solid blue;
}

.jeditor .line-break {
    border-top: 1px dashed #ccc;
    display: flex;
    justify-content: center;
    pointer-events: none;
}

.jeditor .line-break:before {
    content: 'New page';
    background-color: #fff;
    color: #ccc;
    margin: -1em;
    padding: 6px;
    position: absolute;
}
.jfloating {
    position:fixed;
    bottom:0px;
    right:0px;
    margin-right:5px;

    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    border:1px solid #ccc;
    background-color:#fff;
    box-sizing: border-box;
    padding-top:50px !important;
    z-index:9002;
    border-radius: 8px;
}

.jfloating.jfloating-big {
    width: 510px !important;
    height: 472px !important;
}

.jfloating.jfloating-small {
    width: 300px !important;
    height: 320px !important;
}

.jfloating.jfloating-large {
    width: 600px !important;
    height: 600px !important;
}

.jfloating:before {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    content:attr(title);
    padding:15px;
    box-sizing: border-box;
    font-size:1.2em;
    box-shadow: 1px 1px 3px rgba(0,0,0,.2);
    background-color: #fff;
    border-radius: 8px 8px 0px 0px;
    background-color: #404040;
    font-size: .93rem;
    font-weight: 600;
    color: white;
    letter-spacing: .5px;
}

.jfloating:after {
    content:'';
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27%23FFF%27 d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
    position:absolute;
    top:0;
    right:0;
    margin:14px;
    font-size:24px;
    width:24px;
    height:24px;
    cursor:pointer;
    text-shadow: 0px 0px 5px #fff;
}

.jfloating_content {
    padding:20px;
    overflow-y:auto;
    max-height:100%;
    box-sizing: border-box;
    height: -webkit-fill-available;
}

.jfloating.jfloating-minimized {
    height: 50px !important;
}

.jfloating.jfloating-minimized .jfloating_content {
    display: none;
}

.jmodal {
    position:fixed;
    top:50%;
    left:50%;
    width:60%;
    height:60%;
    -webkit-box-shadow: 0 2px 12px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 12px rgba(0,0,0,.2);
    border:1px solid #ccc;
    background-color:#fff;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    z-index:9002;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
}

.jmodal_title {
    padding: 20px;
    height: 70px;
    box-sizing: border-box;
    font-size: 1.4em;
    background-color: #fff;
    border-radius: 8px 8px 0px 0px;
    pointer-events: none;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    border-bottom: 1px solid #eee;
}

.jmodal_title > div {
    font-size: 1.4em;
}

.jmodal_title[data-icon]:before {
    content: attr(data-icon);
    font-family: 'Material Icons' !important;
    width: 24px;
    height: 24px;
    font-size: 24px;
    margin-right: 10px;
    line-height: 24px;
}

.jmodal_content {
    padding: 20px;
    overflow-y: auto;
    height: 100%;
    box-sizing: border-box;
    scrollbar-width: thin;
    scrollbar-color: #333 transparent;
}

.jmodal_title:empty {
    display: none;
}

.jmodal_title:empty + .jmodal_content {
    height: 100%;
}

.jmodal_content::-webkit-scrollbar {
    height: 12px;
}

.jmodal_content::-webkit-scrollbar {
    width: 12px;
}

.jmodal_content::-webkit-scrollbar-track {
    border: 1px solid #fff;
    background: #eee;
}

.jmodal_content::-webkit-scrollbar-thumb {
    border: 1px solid #fff;
    background: #888;
}

.jmodal:after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
    position: absolute;
    top: 0;
    right: 0;
    margin: 25px;
    font-size: 24px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    text-shadow: 0px 0px 5px #fff;
}

.jmodal_fullscreen {
    width: 100% !important;
    height: 100% !important;
    top: 0px;
    left: 0px;
    transform: none;
    border: 0px;
    border-radius: 0px;
}

.jmodal_backdrop {
    position: fixed;
    top: 0px;
    left: 0px;
    min-width: 100%;
    min-height: 100%;
    background-color: rgba(0,0,0,0.2);
    border: 0px;
    padding: 0px;
    z-index: 8000;
    display: none;

  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.jmodal_content .jcalendar .jcalendar-content,
.jmodal_content .jdropdown-container {
    position: fixed;
}

.jnotification {
    position: fixed;
    z-index: 10000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    bottom: 0px;
}

.jnotification-container {
    -webkit-box-shadow: 0px 2px 15px -5px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 2px 15px -5px rgba(0, 0, 0, 0.7);
    padding: 12px;
    border-radius: 8px;

    background-color: #000;
    background: rgba(92,92,92,1);
    background: linear-gradient(0deg, rgba(92,92,92,1) 0%, rgba(77,77,77,1) 100%);
    color: #fff;
    width: 320px;
    margin: 30px;
    padding: 20px;
}

.jnotification-close {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 24 24%27 fill=%27white%27%3E%3Cpath d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
    font-size: 20px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

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

.jnotification-header {
    display: flex;
    padding-bottom: 5px;
}

.jnotification-header:empty {
    display: none;
}

.jnotification-image {
    margin-right: 5px;
}

.jnotification-image:empty {
    display: none;
}

.jnotification-image img {
    width: 24px;
}

.jnotification-name {
    text-transform: uppercase;
    font-size: 0.9em;
    flex: 1;
    letter-spacing: 0.1em;
}

.jnotification-error .jnotification-container {
    background: rgb(182,38,6);
    background: linear-gradient(0deg, rgba(170,41,13,1) 0%, rgba(149,11,11,1) 100%);
}

@media (max-width: 800px) {
    .jnotification {
        top: calc(0px + var(--jsafe-area-top));
        width: 100%;
    }
    .jnotification-container {
        background: rgba(255,255,255,0.95);
        border: 1px solid #eee;
        color: #444;
        margin: 0px;
        width: initial;
    }
    .jnotification-error .jnotification-container {
        background: rgba(255,255,255,0.95);
        color: #790909;
    }
    .jnotification-close {
        background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 24 24%27 fill=%27black%27%3E%3Cpath d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
    }
}

.jnotification-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.jpicker {
    cursor: pointer;
    white-space: nowrap;
    display: inline-flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    position: relative;
    min-height: 26px;
}

.jpicker-header {
    background-repeat: no-repeat;
    background-position: top 50% right 5px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3Cpath d=%27M7 10l5 5 5-5H7z%27 fill=%27gray%27/%3E%3C/svg%3E");
    text-overflow: ellipsis;
    cursor: pointer;
    box-sizing: border-box;
    text-align: left;
    outline: none;
    line-height: 24px;
    padding: 2px 35px 2px 12px;
    border-radius: 4px;
}

.jpicker-header:hover {
    background-color: #f2f2f2;
}

.jpicker-content {
    position: absolute;
    top: 0;
    display: none;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
    border-radius: 4px;
    background-color: #fff;
    padding: 4px;
    z-index: 50;
    text-align: left;
    max-height: 250px;
    scrollbar-width: thin;
    scrollbar-color: #333 transparent;
}

.jpicker-content::-webkit-scrollbar {
    width: 8px;
}

.jpicker-content::-webkit-scrollbar-track {
    background: #eee;
}
 
.jpicker-content::-webkit-scrollbar-thumb {
    background: #888;
}
 
.jpicker-content > div {
    padding: 6px;
    padding-left: 15px;
    padding-right: 15px;
}

.jpicker-focus > .jpicker-content {
    display: block;
}

.jpicker-content > div:hover {
    background-color:#efefef;
}

.jpicker-content > div:empty {
    opacity: 0;
}

.jpicker-header > i, .jpicker-header > div {
    display: block;
}

.jpicker-focus > .jpicker-content.jpicker-columns {
    display: flex !important ;
    justify-content: center;
    flex-wrap: wrap;
}

.jpicker-focus .jpicker-content.jpicker-grid {
    display: inline-grid;
}



.jprogressbar
{
    cursor:pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    background:#fff;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    box-sizing: border-box;
    cursor:pointer;
    border:1px solid #ccc;
    position:relative;
}

.jprogressbar::before {
    content:attr(data-value);
    position:absolute;
    margin:5px;
    margin-left:10px;
}

.jprogressbar-header::placeholder
{
    color:#000;
}

.jprogressbar::focus {
    outline: auto 5px -webkit-focus-ring-color;
}

.jprogressbar > div {
    background-color: #eee;
    background-color: red;
    box-sizing: border-box;
    height:31px;
}
.jrating {
    display:flex;
}
.jrating > div {
    width:24px;
    height:24px;
    line-height:24px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z%27 fill=%27gray%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
}

.jrating .jrating-over {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27black%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
    opacity: 0.7;
}

.jrating .jrating-selected {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27red%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
}

.jsearch {
    position: relative;
    display: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.jsearch_container {
    position: absolute;
    box-shadow: 0 1px 2px 0 rgba(60,64,67,0.302), 0 2px 6px 2px rgba(60,64,67,0.149);
    border: none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 280px;
    padding: 8px 0;
    z-index: 1;

    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    -webkit-transition: opacity .218s;
    transition: opacity .218s;
    background: #fff;
    border: 1px solid rgba(0,0,0,.2);
    cursor: pointer;
    margin: 0;
    min-width: 300px;
    outline: none;
    width: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.jsearch_container:empty:after {
    content: attr(data-placeholder);
}

.jsearch_container > div {
    color: #333;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 5px 10px;
    user-select: none;
    -webkit-align-items: center;
    align-items: center;
    
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.jsearch_container > div:hover {
    background-color: #e8eaed;
}

.jsearch_container > div > img {
    width: 32px;
    height: 32px;
    user-select: none;
    border-radius: 16px;
    margin-right: 2px;
}

.jsearch_container > div > div {
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 2px;
    max-width: 300px;
    white-space: nowrap;
    user-select: none;
}

.jsearch_container .selected {
    background-color: #e8eaed;
}
.jslider {
    outline: none;
}

.jslider-focus {
    width: 100% !important;
    height: 100% !important;
}

.jslider-focus img {
    display: none;
}

.jslider img {
    width: 100px;
}

.jslider-left::before {
    position: fixed;
    left: 15px;
    top: 50%;
    content:'arrow_back_ios';
    color: #fff;
    width: 30px;
    height: 30px;
    font-family: 'Material Icons';
    font-size: 30px;
    /* before it was 0px 0px 0px #000 */
    text-shadow: 0px 0px 6px rgb(56,56,56);
    text-align: center;
    cursor: pointer;
}

.jslider-right::after {
    position: fixed;
    right: 15px;
    top: 50%;
    content: 'arrow_forward_ios';
    color: #fff;
    width: 30px;
    height: 30px;
    font-family: 'Material Icons';
    font-size: 30px;
    /* before it was 0px 0px 0px #000 */
    text-shadow: 0px 0px 6px rgb(56,56,56);
    text-align: center;
    cursor: pointer;
}

.jslider-close {
    width:24px;
    height:24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27white%27%3E%3Cpath d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
    position:fixed;
    top:15px;
    right:15px;
    cursor:pointer;
    z-index:3000;

    display: block !important;
}

.jslider-counter {
    height:24px;
    background-color: transparent;
    position:fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 15px;
    cursor:pointer;
    z-index:3000;

    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;   
    -webkit-flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.jslider-caption {
    position: fixed;
    max-width: 90vw;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    top:15px;
    left: 15px;
    z-index:3000;
    color: #FFF;
    font-size: 1rem;

    display: block !important;
}

.jslider-counter div {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    margin: 0px 5px;

    display: block !important;
}

.jslider-counter .jslider-counter-focus {
    background-color: cornflowerblue;
    pointer-events: none;
}

.jslider-focus {
    position:fixed;
    left:0;
    top:0;
    width: 100%;
    min-height:100%;
    max-height:100%;
    z-index:2000;
    margin:0px;
    box-sizing:border-box;

    background-color:rgba(0,0,0,0.8);
    -webkit-transition-duration: .05s;
    transition-duration: .05s;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;

    align-items: center;
}

.jslider-focus img {
    width: 50vw;
    height: auto;
    box-sizing: border-box;
    margin:0 auto;
    vertical-align:middle;
    display:none;
}

.jslider-focus img.jslider-vertical {
    width: auto;
    /* before it was 50vh */
    height: 80vh;
}

@media only screen and (max-width: 576px) {
    .jslider-focus img.jslider-vertical {
        width: 99vw !important;
        height: auto !important;
    }

    .jslider-focus img {
        width: 100vw !important;
        height: auto !important;
    }
}

.jslider-grid {
    display: -ms-grid;
    display: grid;
    grid-gap: 1px;
    position: relative;
}

.jslider-grid[data-number='2'] {
    -ms-grid-columns: 1fr 50%;
    grid-template-columns: 1fr 50%;
}

.jslider-grid[data-number='3'] {
    -ms-grid-columns: 1fr 33%;
    grid-template-columns: 1fr 33%;
}

.jslider-grid[data-number='4'] {
    -ms-grid-columns: 1fr 25%;
    grid-template-columns: 1fr 25%;
}

.jslider-grid img {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.jslider-grid[data-total]:after {
    content: attr(data-total) "+";
    font-size: 1.5em;
    position:absolute;
    color: #fff;
    right: 15px;
    bottom: 6px;
}

.jslider-grid img:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-column: 1;
    grid-row: 1;
    display: block;
}

.jslider-grid[data-number='2'] img:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    grid-column: 2;
    grid-row: 1;
    display: block;
}

.jslider-grid[data-number='3'] img:first-child {
    -ms-grid-column: 1 / 2;
    -ms-grid-row: 1 / 4;
    grid-column: 1 / 2;
    grid-row: 1 / 4;
}

.jslider-grid[data-number='3'] img:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    grid-column: 2;
    grid-row: 1;
    display: block;
}

.jslider-grid[data-number='3'] img:nth-child(3) {
    -ms-grid-column: 2;
    -ms-grid-row: 2;
    grid-column: 2;
    grid-row: 2;
    display: block;
}

.jslider-grid[data-number='4'] img:first-child {
    -ms-grid-column: 1 / 2;
    -ms-grid-row: 1 / 4;
    grid-column: 1 / 2;
    grid-row: 1 / 4;
}

.jslider-grid[data-number='4'] img:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    grid-column: 2;
    grid-row: 1;
    display: block;
}

.jslider-grid[data-number='4'] img:nth-child(3) {
    -ms-grid-column: 2;
    -ms-grid-row: 2;
    grid-column: 2;
    grid-row: 2;
    display: block;
}

.jslider-grid[data-number='4'] img:nth-child(4) {
    -ms-grid-column: 2;
    -ms-grid-row: 3;
    grid-column: 2;
    grid-row: 3;
    display: block;
}

.jtabs {
    max-width: 100vw;
    position: relative;
}

.jtabs .jtabs-headers-container {
    display: flex;
    align-items: center;
}

.jtabs .jtabs-headers {
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.jtabs .jtabs-headers > div:not(.jtabs-border) {
    padding: 8px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 1px;
    margin-right: 1px;
    background-color: #f1f1f1;
    cursor: pointer;
    white-space: nowrap;
    text-align: center;
}

.jtabs .jtabs-headers > div.jtabs-selected {
    background-color: #e8e8e8;
    color: #000;
}

.jtabs .jtabs-headers > div > div {
    color: #555;
    width: 100%;
    overflow: hidden;
}

.jtabs .jtabs-headers i {
    display: block;
    margin: auto;
}

.jtabs .jtabs-content {
    box-sizing: border-box;
}

.jtabs .jtabs-content > div {
    display: none;
    box-sizing: border-box;
}

.jtabs .jtabs-content > div.jtabs-selected {
    display: block;
}

.jtabs .jtabs-border {
    position: absolute;
    height: 2px;
    background-color: #888;
    transform-origin: left;
    transition: all .2s cubic-bezier(0.4,0,0.2,1);
    transition-property: color,left,transform;
    display: none;
    pointer-events: none;
}

.jtabs-animation .jtabs-border {
    display: initial;
}

.jtabs .jtabs-controls {
    margin: 3px;
    margin-left: 10px;
    display: flex;
    min-width: 82px;
}

.jtabs .jtabs-controls > div {
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    line-height: 24px;
}

.jtabs .jtabs-prev {
    margin-left: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27gray%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z%27/%3E%3C/svg%3E");
}

.jtabs .jtabs-prev.disabled {
    margin-left: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27lightgray%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z%27/%3E%3C/svg%3E");
}

.jtabs .jtabs-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27gray%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z%27/%3E%3C/svg%3E");
}

.jtabs .jtabs-next.disabled {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27lightgray%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z%27/%3E%3C/svg%3E");
}

.jtabs .jtabs-add {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27%3E%3Cpath d=%27M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z%27 fill=%27%23bbbbbb%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
}

/** Modern skin **/

.jtabs.jtabs-modern .jtabs-headers > div:not(.jtabs-border) {
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #fff;
}

.jtabs.jtabs-modern .jtabs-headers > .jtabs-selected  {
    color: #000;
}

.jtabs.jtabs-modern .jtabs-headers > .jtabs-selected .material-icons {
    color: #000;
}

.jtabs.jtabs-modern .jtabs-headers {
    background: #EEEEEF !important;
    padding: 2px;
    border-radius: 4px;
}

.jtabs.jtabs-modern .jtabs-headers .jtabs-border {
    border-color: #EEEEEF !important;
}

.jtabs.jtabs-modern .jtabs-border {
    background-color: rgba(194, 197, 188, 0.884);
}
.jtags {
    display: flex;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: flex-start;
    -webkit-justify-content: space-between;
    justify-content: flex-start;
    padding: 1px;
    border: 1px solid #ccc;
    position: relative;
} 

.jtags.jtags-empty:not(.jtags-focus)::before {
    position: absolute;
    margin: 3px;
    color: #ccc;
    content: attr(data-placeholder);
    top: 0;
    margin-left: 6px;
}

.jtags > div {
    padding: 6px 22px 6px 10px;
    font-size: 0.9em;
    position: relative;
    border-radius: 1px;
    margin: 2px;
    display: block;
    outline: none;
}

.jtags > div:empty:before {
    content: " ";
    white-space: pre;
}

.jtags > div::after {
    content: 'x';
    position: absolute;
    top: 7px;
    right: 4px;
    width: 12px;
    height: 12px;
    cursor: pointer;
    font-size: 0.9em;
    line-height: 1em;
    display: none;
}

.jtags_label {
    background-color: #e4e4e4 !important;
}

.jtags_label::after {
    display: inline-block !important;
}

.jtags_error::after {
    color: #fff  !important;
}

.jtags_error {
    background-color: #d93025 !important;
    color: #fff;
}

.jtoolbar-container {
    border-radius: 2px;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
    display: inline-flex !important;
}

.jtoolbar {
    cursor: pointer;
    white-space: nowrap;
    display: flex;
    padding:4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 13px;
}

.jtoolbar-disabled {
    pointer-events: none;
    opacity: 0.4;
}

.jtoolbar-mobile {
    display: flex;
    position:fixed;
    bottom: 0;
    margin: 0;
    left: 0;
    width: 100%;
    background: #f7f7f8;
    z-index: 1;
    box-sizing: border-box;
    box-shadow: 0 -1px 2px rgba(0,0,0,.1);
    border-radius: 0px;
}

.jtoolbar > div {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    vertical-align:middle;
    justify-content: space-evenly;
}

.jtoolbar-mobile > div {
    display: flex;
    width: 100%;
}

.jtoolbar .jtoolbar-item {
    text-align: center;
    margin: auto;
    padding: 2px;
    padding-left:4px;
    padding-right:4px;
}

.jtoolbar-mobile .jtoolbar-item {
    position: relative;
    flex:1;
} 

.jtoolbar .jtoolbar-divisor {
    width: 2px;
    height: 18px;
    padding: 0px;
    margin-left: 4px;
    margin-right: 4px;
    background-color: #ddd;
}

.jtoolbar .jtoolbar-label {
    padding-left: 8px;
    padding-right: 8px;
}



.jtoolbar-mobile a
{
    text-decoration:none;
    display:inline-block;
}

.jtoolbar-mobile i {
    display: inline-flex !important;
    color:#929292;
}

.jtoolbar-mobile span {
    font-size:0.7em;
    display:block;
    color:#929292;
}

.jtoolbar-mobile .jtoolbar-selected a, .jtoolbar-mobile .jtoolbar-selected i, .jtoolbar-mobile .jtoolbar-selected span {
    color:var(--jactive-color) !important;
    background-color:transparent;
}

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

.jtoolbar-item i {
    display: block;
    color:#333;
}

.jtoolbar-item:hover {
    background-color:#f2f2f2;
}


.jtoolbar .jpicker {
    padding-left:0px;
    padding-right:0px;
}

.jtoolbar .jpicker-header {
    height: 24px;
    line-height: 24px;
    padding: 0px;
    padding-right: 20px;
    padding-left: 8px;
    background-position: top 50% right 0px;
    display: flex;
    align-items: center;
    font-size: 0.9em;
}

.jtoolbar .jpicker-content > div {
    padding: 6px;
}

.jtoolbar-active {
    background-color:#eee;
}

.jtoolbar .fa {
    width: 18px;
    height: 18px;
    display: block;
    line-height: 18px;
    font-size: 14px;
}

.jtoolbar .material-icons {
    font-size: 18px;
    width: 24px;
    height: 24px;
    display: block;
    line-height: 24px;
    transform: rotate(0.03deg);
    text-align: center;
}

.jtoolbar .jtoolbar-arrow {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27black%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z%27/%3E%3C/svg%3E");
    width: 24px;
    height: 16px;
    margin-left: 4px;
    border-left: 1px solid #f2f2f2;
}

.jtoolbar-floating {
    position: absolute;
    display: none;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
    border-radius: 4px;
    background-color: #fff;
    padding: 4px;
    z-index: 50;
    text-align: left;
    margin-right: 20px;
}

.jtoolbar-floating .jtoolbar-divisor {
    display: none;
}

.jtoolbar-arrow-selected .jtoolbar-floating {
    display: flex;
    flex-wrap: wrap;
}


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;font-size:10px;font-family:"Work Sans",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{font-family:"Work Sans",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.spectral{font-family:"Spectral",serif;font-weight:500;font-style:normal}h1{font-size:28px;font-weight:600;line-height:36px;letter-spacing:-0.017em;text-align:left}h1.serif{font-family:"Spectral",serif;font-size:28px;font-weight:500;line-height:36px;letter-spacing:-0.017em}h2,.titleSerif{font-family:"Spectral",serif;font-size:22px;font-weight:500;line-height:24px;letter-spacing:-0.017em;text-align:left}h3,.titleSans{font-size:22px;font-weight:600;line-height:24px;letter-spacing:-0.017em;text-align:left;margin-bottom:8px}h4{font-size:18px;font-weight:600;line-height:24px;letter-spacing:-0.017em;text-align:left}a.text__button{font-size:16px;font-weight:500;line-height:18.77px;letter-spacing:-0.017em;text-align:left;text-decoration:none;display:inline-block;position:relative}a.text__button i.bi-chevron-right{position:absolute;line-height:1;font-size:12px;top:3px;left:calc(100% + 4px);font-weight:bold}a.text__button:after{width:0;transition:.3s;height:2px;background-color:#fff;content:"";display:block;position:absolute;bottom:-3px;left:0}a.text__button:hover:after{width:100%}.formTitleSmall{font-size:14px;font-weight:400;line-height:16.42px;letter-spacing:-0.017em}.formTitleSmall strong{font-weight:500}.formTitle{font-size:16px;font-weight:400;line-height:18.77px;letter-spacing:-0.017em;text-align:left;color:#2d2d2c;margin-bottom:24px}p,li{font-size:16px;font-weight:400;line-height:18.77px;letter-spacing:-0.017em;text-align:left;margin-bottom:1.5em}p strong,li strong{font-weight:500}p em,li em{font-style:italic}p a,li a{font-weight:400;color:#8f001a;text-decoration:underline}.contentTextButton{font-size:16px;font-weight:500;line-height:18.77px;letter-spacing:-0.017em;color:#2d2d2c}.subtext{font-size:14px;font-weight:500;line-height:16.42px;letter-spacing:.1em}body.uottawa__donation #window .en__field--radio.en__field--NOT_TAGGED_1,body.uottawa__donation .en__field--NOT_TAGGED_1{margin:24px 0 0 0;width:100%}body.uottawa__donation #window .en__field--radio.en__field--NOT_TAGGED_1>label,body.uottawa__donation .en__field--NOT_TAGGED_1>label{display:none}body.uottawa__donation #window .en__field--radio.en__field--NOT_TAGGED_1 .en__field__element--radio,body.uottawa__donation .en__field--NOT_TAGGED_1 .en__field__element--radio{display:flex;flex-wrap:wrap;justify-content:space-between}body.uottawa__donation #window .en__field--radio.en__field--NOT_TAGGED_1 .en__field__element--radio .en__field__item,body.uottawa__donation .en__field--NOT_TAGGED_1 .en__field__element--radio .en__field__item{width:48%;margin:0 0 16px 0;padding:0}body.uottawa__donation #window .en__field--radio.en__field--NOT_TAGGED_1 .en__field__element--radio .en__field__item label,body.uottawa__donation .en__field--NOT_TAGGED_1 .en__field__element--radio .en__field__item label{padding:12px 0;display:block;text-align:center;font-size:16px;font-weight:400;line-height:18.77px;letter-spacing:-0.017em;color:#8f001a;border:1px solid #8f001a;background-color:#fff;transition:.3s;transform:translateY(0);box-shadow:none;border-radius:300px;cursor:pointer}body.uottawa__donation #window .en__field--radio.en__field--NOT_TAGGED_1 .en__field__element--radio .en__field__item label .chkmk,body.uottawa__donation .en__field--NOT_TAGGED_1 .en__field__element--radio .en__field__item label .chkmk{display:none;color:#8f001a;transform:scale(1.5);line-height:8px;transform-origin:left center}body.uottawa__donation #window .en__field--radio.en__field--NOT_TAGGED_1 .en__field__element--radio .en__field__item label:hover,body.uottawa__donation .en__field--NOT_TAGGED_1 .en__field__element--radio .en__field__item label:hover{background-color:#fbe8ec;transform:translateY(-4px);box-shadow:0px 5px 5px -4px rgba(0,0,0,.4)}body.uottawa__donation #window .en__field--radio.en__field--NOT_TAGGED_1 .en__field__element--radio .en__field__item input,body.uottawa__donation .en__field--NOT_TAGGED_1 .en__field__element--radio .en__field__item input{display:none}body.uottawa__donation #window .en__field--radio.en__field--NOT_TAGGED_1 .en__field__element--radio .en__field__item input:checked~label,body.uottawa__donation .en__field--NOT_TAGGED_1 .en__field__element--radio .en__field__item input:checked~label{margin-top:-2px;background-color:#fbe8ec;border:2px solid #8f001a}body.uottawa__donation #window .en__field--radio.en__field--NOT_TAGGED_1 .en__field__element--radio .en__field__item input:checked~label .chkmk,body.uottawa__donation .en__field--NOT_TAGGED_1 .en__field__element--radio .en__field__item input:checked~label .chkmk{display:inline-block}body.uottawa__donation .fundIntro{padding-top:24px;border-top:1px solid #aca39a}body.uottawa__donation .fundIntro p{font-size:16px;font-weight:400;line-height:18.77px;letter-spacing:-0.017em;color:#2d2d2c}@media screen and (max-width: 1024px){body.uottawa__donation .en__field--NOT_TAGGED_1 .en__field__element--radio .en__field__item{width:100%}}@media screen and (max-width: 760px){body.uottawa__donation #window .en__field--radio.en__field--NOT_TAGGED_1 .en__field__element,body.uottawa__donation .en__field--NOT_TAGGED_1 .en__field__element{gap:0}body.uottawa__donation #window .en__field--radio.en__field--NOT_TAGGED_1 .en__field__element .en__field__item,body.uottawa__donation .en__field--NOT_TAGGED_1 .en__field__element .en__field__item{width:100%}body.uottawa__donation #window .en__field--radio.en__field--NOT_TAGGED_1 .en__field__element .en__field__item .en__field__input--radio~label,body.uottawa__donation .en__field--NOT_TAGGED_1 .en__field__element .en__field__item .en__field__input--radio~label{text-align:center}body.uottawa__donation #window .en__field--radio.en__field--NOT_TAGGED_1 .en__field__element .en__field__item .en__field__input--radio~label:before,body.uottawa__donation .en__field--NOT_TAGGED_1 .en__field__element .en__field__item .en__field__input--radio~label:before{display:none}}body.uottawa__donation{background-color:#000}body.uottawa__donation .en__component--row{max-width:100%;margin:0 auto;background-color:#fff}body.uottawa__donation.thank-you .en__component--row{max-width:100%}body.uottawa__donation .component__hero-image{display:flex;align-items:stretch;height:100%}body.uottawa__donation .component__hero-image:before{display:block;position:absolute;width:100%;top:0;background:linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75.5%);height:140px;content:"";z-index:1}body.uottawa__donation .component__hero-image.no-shadow:before{display:none}body.uottawa__donation .js-image{display:none}body.uottawa__donation .hero-image{background-repeat:no-repeat;background-size:cover;background-position:center;height:100%;width:100%}body.uottawa__donation .en__component.en__component--row.en__component--row--2:nth-of-type(3) .en__component--column--1{background-color:#f9f9f9;padding-left:6%;padding-right:48px;display:flex;justify-content:right;width:60%;flex-wrap:wrap}body.uottawa__donation .en__component.en__component--row.en__component--row--2:nth-of-type(3) .en__component--column--1 .formStepsContainer{max-width:730px;width:100%}body.uottawa__donation .en__component.en__component--row.en__component--row--2:nth-of-type(3) .en__component--column--2{width:40%;background-color:#f2f2f2;padding-right:6%;padding-left:30px}body.uottawa__donation .en__component.en__component--row.en__component--row--2:nth-of-type(3) .en__component--column--2 .en__component{max-width:480px}.mobile{display:none}@media screen and (max-width: 750px){.mobile{display:block}body.uottawa__donation .en__component.en__component--row.en__component--row--2:nth-of-type(3) .en__component--column--1{width:100%;padding:0}body.uottawa__donation .en__component.en__component--row.en__component--row--2:nth-of-type(3) .en__component--column--1 .en__component{padding-right:16px;padding-left:16px}body.uottawa__donation .en__component.en__component--row.en__component--row--2:nth-of-type(3) .en__component--column--1 .en__component.formStepsContainer{padding:0}body.uottawa__donation .en__component.en__component--row.en__component--row--2:nth-of-type(3) .en__component--column--2{width:100%;padding:0}body.uottawa__donation .en__component.en__component--row.en__component--row--2:nth-of-type(3) .en__component--column--2 .en__component{padding-right:16px;padding-left:16px}}.videoEmbed{position:relative;padding-bottom:56.25%;padding-top:25px;height:0;width:100%;margin-bottom:28px}.videoEmbed iframe{position:absolute;top:0;left:0;width:100%;height:100%}.hero-video{position:relative}.video-background-embed{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.video-element-embed{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%, -50%)}.en__submit{width:100%;margin:20px 0}.en__submit button{width:100%;background-color:#8f001a;color:#fff}.en__ecarditems__showprev{background-color:#8f001a;color:#fff}.en__submit button,button.btn,a.btn,.button,.en__ecarditems__showprev{display:inline-block;padding:16px 40px 16px 40px;border-radius:300px;text-align:center;font-size:18px;font-weight:700;line-height:24px;letter-spacing:-0.017em;transition:.3s;transform:translateY(0);box-shadow:none;border:none;text-decoration:none;cursor:pointer}.en__submit button.btn_garnet,button.btn.btn_garnet,a.btn.btn_garnet,.button.btn_garnet,.en__ecarditems__showprev.btn_garnet{color:#f2f2f2;background-color:#8f001a}.en__submit button:hover,button.btn:hover,a.btn:hover,.button:hover,.en__ecarditems__showprev:hover{transform:translateY(-4px);box-shadow:0px 5px 5px -4px rgba(0,0,0,.4)}.btn-prev--wrapper{float:left}.btn-next--wrapper{float:right}body.uottawa__donation .donation__header--row{max-width:100%}body.uottawa__donation .donation__header{z-index:1;width:100%;display:flex;justify-content:space-between;padding:20px 5% 20px 5%;max-width:1440px;margin:0 auto}body.uottawa__donation .donation__header .header__logo{max-width:145px}body.uottawa__donation .donation__header .header__logo a{display:block;opacity:1;transition:.5s}body.uottawa__donation .donation__header .header__logo a:hover{opacity:.7}body.uottawa__donation .donation__header .header__logo a img{display:block;width:100%;height:auto}body.uottawa__donation .donation__header .language_toggle a{background-color:#8f001a;border-radius:40px;display:block;width:56px;line-height:35px;font-size:18px;font-weight:400;letter-spacing:-0.017em;text-align:center;color:#fff;text-transform:uppercase;transition:.3s;box-shadow:0;transform:translateY(0);text-decoration:none}body.uottawa__donation .donation__header .language_toggle a:hover{box-shadow:0px 5px 5px -4px rgba(0,0,0,.4);transform:translateY(-4px)}body.uottawa__donation .donation__hero--row{max-width:100%}body.uottawa__donation .donation__hero--row .en__component--column--1{max-width:700px}body.uottawa__donation .hero__text{padding:80px 80px 110px 80px;background-color:#8f001a;color:#fff}body.uottawa__donation .hero__text *{max-width:600px}body.uottawa__donation .hero__text .hero__logo{max-width:120px;margin-bottom:8px;height:auto;display:block}body.uottawa__donation .hero__text .hero__heading{color:#fff;margin-bottom:8px}body.uottawa__donation .hero__text .hero__subtitle{color:#fff;margin-bottom:8px}body.uottawa__donation .hero__text .hero__link{color:#fff}@media screen and (max-width: 750px){body.uottawa__donation .en__component--row.donation__hero--row .en__component--column--1{width:100%;height:250px}body.uottawa__donation .en__component--row.donation__hero--row .en__component--column--2{width:100%}body.uottawa__donation .hero__text{padding:40px 16px}}#progress{width:66%;margin:40px auto 60px auto;display:flex;flex-wrap:nowrap;position:relative}#progress .progress__circle{background-color:#c7808c;height:8px;width:8px;position:absolute;top:50%;border-radius:50%;transform:translateY(-50%) translateX(-50%);transition:.3s;z-index:3}#progress .progress__circle.progress__circle_1{left:0}#progress .progress__circle.progress__circle_2{left:50%}#progress .progress__circle.progress__circle_3{left:100%}#progress .progress__circle:after{display:block;content:"";height:0;width:0;background-color:#fff;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);transition:.4s;border-radius:50%;position:absolute}#progress .progress__circle.progress__circle-current{height:18px;width:18px;background-color:#8f001a}#progress .progress__circle.progress__circle-current:after{height:7px;width:7px}#progress .progress__circle.progress__circle-done{height:18px;width:18px;background-color:#8f001a}#progress .progress__circle.progress__circle-done:after{display:block;content:"";height:0;width:0;background-color:rgba(0,0,0,0);transition:.4s;border-radius:50%;position:absolute;font-family:"bootstrap-icons";color:#fff;font-size:15px;line-height:1px;left:2px}#progress .progress__line{z-index:0;position:relative;width:100%;background-color:#c7808c;height:2px;z-index:0}#progress .progress__line.progress__line_thick{position:absolute;top:-1px;bottom:-1px;left:0;width:0;content:"";display:block;background-color:#8f001a;transition:.4s;z-index:1}#progress .progress__step{position:absolute;top:17px;transform:translateX(-50%);display:inline-block;font-size:14px;font-weight:500;line-height:16.42px;letter-spacing:.1em;color:#2d2d2c;text-transform:uppercase}#progress .progress__step.progress__step_1{left:0}#progress .progress__step.progress__step_2{left:50%}#progress .progress__step.progress__step_3{left:100%}#progress .progress__step.progress__step-current{font-weight:700}.window--frame{overflow-x:clip;overflow-y:visible}.window--frame #window{display:flex;flex-wrap:nowrap;width:300%;transition:.5s;transform:translateX(0);align-items:flex-start}.window--frame #window .step{width:33.33%;padding:34px 2px 34px 2px}@media screen and (max-width: 750px){.window--frame #window{width:400%}.window--frame #window .step{width:25%}#progress{display:none}#window .step{padding:34px 0 34px 0}.mobile_progress_bar{padding:30px 16px 8px 16px;border-bottom:1px solid #f2f2f2;display:flex;justify-content:space-between}.mobile_progress_bar #mobile_steps{display:block;font-size:14px;font-weight:500;line-height:16.42px;letter-spacing:.1em;text-align:right;text-transform:uppercase}.mobile_progress_bar .mobile_back{font-size:14px;font-weight:500;line-height:16.42px;text-align:left;text-decoration:none;color:#8f001a;display:block}.btn-prev--wrapper,.btn-next--wrapper{display:none}}body.uottawa__donation.empDonation #en__digitalWallet,body.uottawa__donation.empDonation #paymentButtons{opacity:.3;pointer-events:none}body.uottawa__donation .en__field.en__field--text,body.uottawa__donation .en__field.en__field--vgs,body.uottawa__donation .en__field--textarea{position:relative}body.uottawa__donation .en__field.en__field--text label,body.uottawa__donation .en__field.en__field--vgs label,body.uottawa__donation .en__field--textarea label{position:absolute;left:12px;top:18px;color:#636d77;padding:0;font-size:18px;font-weight:500;line-height:24px;letter-spacing:-0.017em;text-align:left;width:100%;transition:.3s;z-index:1}body.uottawa__donation .en__field.en__field--text label.fancyFocus,body.uottawa__donation .en__field.en__field--vgs label.fancyFocus,body.uottawa__donation .en__field--textarea label.fancyFocus{font-size:1.2em;top:6px}body.uottawa__donation .en__field.en__field--text .en__field__element,body.uottawa__donation .en__field.en__field--vgs .en__field__element,body.uottawa__donation .en__field--textarea .en__field__element{width:100%}body.uottawa__donation .en__field.en__field--text .en__field__element input,body.uottawa__donation .en__field.en__field--text .en__field__element textarea,body.uottawa__donation .en__field.en__field--vgs .en__field__element input,body.uottawa__donation .en__field.en__field--vgs .en__field__element textarea,body.uottawa__donation .en__field--textarea .en__field__element input,body.uottawa__donation .en__field--textarea .en__field__element textarea{width:100%;border:1px solid #aca39a;border-radius:2px;background-color:#f2f2f2;padding:24px 12px 8px 12px;font-size:18px;font-weight:400;line-height:24px;letter-spacing:-0.017em;text-align:left;color:#000;font-family:"Work Sans",sans-serif}body.uottawa__donation .en__field.en__field--text .en__field__element input.readonly,body.uottawa__donation .en__field.en__field--text .en__field__element textarea.readonly,body.uottawa__donation .en__field.en__field--vgs .en__field__element input.readonly,body.uottawa__donation .en__field.en__field--vgs .en__field__element textarea.readonly,body.uottawa__donation .en__field--textarea .en__field__element input.readonly,body.uottawa__donation .en__field--textarea .en__field__element textarea.readonly{background-color:#f2f2f2;color:#636d77;pointer-events:none}body.uottawa__donation #en__field_transaction_ccnumber{width:100%}body.uottawa__donation .en__field--ccexpire,body.uottawa__donation .en__field--ccvv{width:49%}body.uottawa__donation .en__field--ccexpire{position:relative}body.uottawa__donation .en__field--ccexpire label{position:absolute;left:12px;bottom:46px;color:#636d77;padding:0;font-size:1.2em;font-weight:500;line-height:24px;letter-spacing:-0.017em;text-align:left;width:100%;transition:.3s;z-index:1;pointer-events:none}body.uottawa__donation #en__field_transaction_ccvv{width:100%}body.uottawa__donation #employeeGivingStandardLink p a{font-size:16px;font-weight:500;line-height:18.77px;letter-spacing:-0.017em;text-align:left;display:inline-block;position:relative;padding-right:20px;color:#2d2d2c;text-decoration:none}body.uottawa__donation #employeeGivingStandardLink p a:after{position:absolute;top:50%;transform:translateY(-50%);color:#8f001a;right:0;font-size:18px;line-height:1em;font-family:"bootstrap-icons";content:"";transition:.5s}body.uottawa__donation #employeeGivingStandardLink p a:hover:after{right:-4px}body.uottawa__donation .en__field--select,body.uottawa__donation .en__field--splitselect{position:relative}body.uottawa__donation .en__field--select label,body.uottawa__donation .en__field--splitselect label{position:absolute;left:12px;bottom:34px;color:#636d77;padding:0;font-size:18px;font-weight:500;line-height:24px;letter-spacing:-0.017em;text-align:left;width:100%;transition:.3s;z-index:1;pointer-events:none}body.uottawa__donation .en__field--select label.fancyFocus,body.uottawa__donation .en__field--splitselect label.fancyFocus{font-size:1.2em;bottom:46px}body.uottawa__donation .en__field--select .en__field__element,body.uottawa__donation .en__field--splitselect .en__field__element{width:100%}body.uottawa__donation .en__field--select .en__field__element select,body.uottawa__donation .en__field--splitselect .en__field__element select{width:100%;border:1px solid #aca39a;border-radius:2px;background-color:#f2f2f2;padding:24px 12px 8px 12px;font-size:18px;font-weight:400;line-height:24px;letter-spacing:-0.017em;text-align:left;color:#000;-webkit-appearance:none;appearance:none}body.uottawa__donation .en__field--select .en__field__element select option,body.uottawa__donation .en__field--splitselect .en__field__element select option{-webkit-appearance:none;appearance:none}body.uottawa__donation .en__component--formblock{display:flex;justify-content:space-between;flex-wrap:wrap}body.uottawa__donation .en__component--formblock .en__field{width:100%}body.uottawa__donation .en__component--formblock .en__field.en__field--address1{width:100%}body.uottawa__donation .en__component--formblock .en__field.en__field--city,body.uottawa__donation .en__component--formblock .en__field.en__field--country,body.uottawa__donation .en__component--formblock .en__field.en__field--postcode,body.uottawa__donation .en__component--formblock .en__field.en__field--region,body.uottawa__donation .en__component--formblock .en__field.en__field--ccvv{width:49%}body.uottawa__donation .en__component--formblock .en__field.en__field--firstName,body.uottawa__donation .en__component--formblock .en__field.en__field--lastName{width:43%}body.uottawa__donation .en__component--formblock .en__field--title{width:12%}body.uottawa__donation .en__component--formblock .en__field--title .en__field__input--select{min-width:0}body.uottawa__donation .en__component--formblock .en__field.en__field--ccexpire{width:49%}body.uottawa__donation .en__component--formblock .en__field.en__field--ccexpire .en__field__element{width:100%;display:flex}body.uottawa__donation .en__component--formblock .en__field.en__field--ccexpire .en__field__element .en__field__item{padding:0;width:50%}body.uottawa__donation .en__component--formblock .en__field.en__field--ccexpire .en__field__element .en__field__item input{width:100%;border:1px solid #aca39a;border-radius:2px;background-color:#f2f2f2;padding:20px 12px 12px 12px;font-size:18px;font-weight:400;line-height:24px;letter-spacing:-0.017em;text-align:left;color:#000}body.uottawa__donation .en__component--formblock .en__field.en__field--ccexpire .en__field__element .en__field__item input.readonly{background-color:#f2f2f2;color:#636d77;pointer-events:none}body.uottawa__donation .en__component--formblock .en__field.en__field--ccexpire .en__field__element .js-ccexp-month input{border-right:0;border-radius:2px 0 0 2px;text-align:right}body.uottawa__donation .en__component--formblock .en__field.en__field--ccexpire .en__field__element .js-ccexp-year input{border-left:0;border-radius:0 2px 2px 0}body.uottawa__donation .en__component--formblock .en__field.en__field--ccexpire .en__field__label{position:absolute}body.uottawa__donation #en__digitalWallet{width:100%}body.uottawa__donation #window .en__field--radio>label{display:none;font-size:16px;font-weight:400;line-height:18.77px;letter-spacing:-0.017em;text-align:left}body.uottawa__donation #window .en__field--radio>label[for=en__field_supporter_bankAccountType]{display:block}body.uottawa__donation #window .en__field--radio>label[for=en__field_transaction_gftrsn]{display:block}body.uottawa__donation #window .en__field--radio .en__field__element--radio{display:flex;gap:50px}body.uottawa__donation #window .en__field--radio .en__field__element--radio .en__field__item label{cursor:pointer;color:#2d2d2c;font-size:16px;font-weight:400;line-height:16px;letter-spacing:-0.017em;text-align:left;padding-left:28px;position:relative}body.uottawa__donation #window .en__field--radio .en__field__element--radio .en__field__item label:before{height:24px;width:24px;display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);content:"";background-image:url(https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/2433/radio_button_unchecked_black_24dp.png?v=1720192720000);background-size:contain;background-position:left center}body.uottawa__donation #window .en__field--radio .en__field__element--radio .en__field__item .en__field__input--radio{display:none}body.uottawa__donation #window .en__field--radio .en__field__element--radio .en__field__item .en__field__input--radio:checked~label:before{background-image:url(https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/2433/radio_button_checked_black_24dp.png?v=1720192722000)}body.uottawa__donation .en__field--checkbox{margin:0 0 20px 0;padding-bottom:0}body.uottawa__donation .en__field--checkbox:first-child{margin-top:24px}body.uottawa__donation .en__field--checkbox>label{display:none}body.uottawa__donation .en__field--checkbox .en__field__item label{color:#2d2d2c;font-size:16px;font-weight:500;line-height:18.77px;letter-spacing:-0.017em;text-align:left;padding-left:28px;position:relative}body.uottawa__donation .en__field--checkbox .en__field__item label:before{height:24px;width:24px;top:50%;display:block;position:absolute;left:0;content:"";background-image:url(https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/2433/checkbox_unchecked.png?v=1720211743000);transform:translateY(-50%);background-size:18px;background-repeat:no-repeat}body.uottawa__donation .en__field--checkbox .en__field__item input{display:none}body.uottawa__donation .en__field--checkbox .en__field__item input:checked~label:before{background-image:url(https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/2433/checkbox_checked.png?v=1720211745000)}body.uottawa__donation .en__field--recurrpay,body.uottawa__donation .en__field--recurrfreq{margin:0;height:0;padding:0;overflow:hidden}body.uottawa__donation .en__field--donationAmt{margin:0;height:0;padding:0;overflow:hidden;opacity:0}.error-message.error_active#donationRangeError{border:1px solid red;background-color:rgba(255,0,0,.2);border-radius:4px;padding:6px 12px;font-size:16px;color:red;margin-bottom:24px}.cond__reveal{transition:.4s;max-height:0;overflow:hidden;margin:0;padding:0}.cond__reveal *{opacity:0}.cond__reveal.cond__revealed{max-height:300px}.cond__reveal.cond__revealed *{opacity:1}body#en__pagebuilder .cond__reveal{transition:.4s;max-height:initial;overflow:visible}body#en__pagebuilder .cond__reveal *{opacity:1}.form__section-bottom{border-bottom:1px solid #c8c9c7}.form__section-top{margin-top:26px}.pristine-error,.en__field__error{position:static;bottom:22px;left:13px;font-size:12px;color:#636d77;pointer-events:none;margin-top:8px}.pristine-error i,.en__field__error i{color:#8f001a}@media screen and (max-width: 650px){.pristine-error,.en__field__error{position:static;bottom:22px;left:13px;font-size:14px;color:#636d77;pointer-events:none;margin-top:8px;line-height:15px}}.en__field--validationFailed{display:flex;flex-wrap:wrap}.en__field--validationFailed .en__field__error{order:10}.has-error input{border:1px solid red !important;box-shadow:0 0 5px 2px rgba(255,0,0,.5)}p.addressFillLabel{font-size:14px;font-weight:500;line-height:18.77px;letter-spacing:-0.017em;text-align:left;margin-bottom:2px}body.uottawa__donation .en__field.en__field--text.en__field--NOT_TAGGED_6:after{display:block;position:absolute;top:18px;right:16px;content:"";color:#8f001a;font-family:"bootstrap-icons";font-size:17px}body.uottawa__donation .en__field.en__field--text.en__field--NOT_TAGGED_6 label{position:absolute;font-size:16px;font-weight:400;line-height:18.77px;letter-spacing:-0.017em;text-align:left;top:18px;left:16px;color:#636d77}body.uottawa__donation .en__field.en__field--text.en__field--NOT_TAGGED_6.fancyFocus label{top:18px}body.uottawa__donation .en__field.en__field--text.en__field--NOT_TAGGED_6 input{background-color:#f2f2f2;padding:18px 16px 16px 73px;font-size:16px;font-weight:400;line-height:18.77px;letter-spacing:-0.017em;text-align:left;color:#000;border:1px solid rgba(0,0,0,0);cursor:pointer;transition:.3s}body.uottawa__donation .en__field.en__field--text.en__field--NOT_TAGGED_6 input:hover{opacity:.7;border:1px solid #636d77}#paymentButtons{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:24px}#paymentButtons .paymentButton{width:100%;margin:16px 0 0 0;height:48px;border-radius:4px;text-align:center;border:1px solid rgba(0,0,0,0);background-position:center;background-repeat:no-repeat;cursor:pointer;opacity:1;transform:.3s}#paymentButtons .paymentButton:hover{opacity:.7}#paymentButtons .paymentButton.cardButton{font-size:16px;font-weight:500;line-height:45.77px;letter-spacing:-0.017em;width:100%;background-color:#000;color:#fff}#paymentButtons .paymentButton.cardButton img{display:inline-block;height:23px;position:relative;top:6px;left:3px}#paymentButtons .paymentButton.paypalButton{text-indent:-40000px;background-image:url("https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/2433/paypal.png?v=1724701062000");background-size:80px auto;background-position:center;background-repeat:no-repeat;background-color:#fec349}#paymentButtons .paymentButton.bankButton{background-color:#f2f2f2;border:1px solid #636d77;text-align:center;display:flex;justify-content:center;align-items:center}#paymentButtons .paymentButton.bankButton #achButton,#paymentButtons .paymentButton.bankButton #chequeButton{font-size:16px;font-weight:500;line-height:18.77px;letter-spacing:-0.017em;text-align:left;color:#2d2d2c;height:auto}#paymentButtons .paymentButton div{height:100%}body.uottawa__donation #window .en__field--NOT_TAGGED_16>label{display:block}#employeeGivingBlock,#employeeGivingStandardLink{display:none}@media screen and (max-width: 650px){body.uottawa__donation .en__component--formblock body.uottawa__donation .en__component--formblock .en__field.en__field--lastName,body.uottawa__donation .en__component--formblock .en__field.en__field--address1,body.uottawa__donation .en__component--formblock .en__field.en__field--city,body.uottawa__donation .en__component--formblock .en__field.en__field--country,body.uottawa__donation .en__component--formblock .en__field.en__field--postcode,body.uottawa__donation .en__component--formblock .en__field.en__field--region,.en__field.en__field--title{width:100%}body.uottawa__donation .en__component--formblock .en__field.en__field--ccvv{width:49%}}.en__field--paymenttype{display:none}body.uottawa__donation .en__component--svblock .en__field--checkbox>label{display:block;color:#2d2d2c;font-size:16px;font-weight:500;line-height:18.77px;letter-spacing:-0.017em;text-align:left;padding-left:0;position:relative}.en__error__gateway{background-color:#c86464;margin:0;padding:10px;text-align:center;font-weight:600}.fundBlock{background-color:#f0e6dc;padding:32px;border-bottom:1px solid #aca39a;width:100%;margin-bottom:24px;position:relative}.fundBlock h4{color:#2d2d2c;margin-bottom:8px;width:85%}.fundBlock h4 .bi-star-fill{color:#8f001a}.fundBlock p{font-size:14px;font-weight:400;line-height:16.42px;letter-spacing:-0.017em;text-align:left;color:#2d2d2c}.fundBlock .donationArray{margin-top:16px;display:flex;justify-content:space-between;gap:8px}.fundBlock .donationArray .donationValue{width:100%}.fundBlock .donationArray .donationValue input{display:none}.fundBlock .donationArray .donationValue label{cursor:pointer;border-radius:300px;background-color:#fff;font-size:16px;font-weight:400;line-height:18.77px;letter-spacing:-0.017em;text-align:center;width:100%;border:1px solid #8f001a;padding:12px 0;transition:.3s;transform:translateY(0);box-shadow:none;border-radius:300px;white-space:nowrap}.fundBlock .donationArray .donationValue label .chkmk{display:none;color:#8f001a;transform:scale(1.5);line-height:8px;transform-origin:left center}.fundBlock .donationArray .donationValue label:hover{background-color:#fbe8ec;transform:translateY(-4px);box-shadow:0px 5px 5px -4px rgba(0,0,0,.4)}.fundBlock .donationArray .donationValue input:checked~label{background-color:#fbe8ec;border:2px solid #8f001a;margin-top:-2px}.fundBlock .donationArray .donationValue input:checked~label .chkmk{display:inline-block}.fundBlock .donationArray .otherAmountSelector{padding:12px 0 12px 8px;border-radius:2px;border:none;border-bottom:1px solid #8f001a;font-size:16px;font-weight:400;line-height:18.77px;letter-spacing:-0.017em;max-width:18%}.fundBlock .fund_removeLink{position:absolute;top:24px;right:35px;cursor:pointer;font-size:16px;font-weight:500;line-height:24px;letter-spacing:-0.017em;text-align:left;color:#636d77;text-decoration:underline}.fundBlock .fund_removeLink:after{opacity:0;content:"";position:absolute;right:-14px;height:16px;width:16px;font-family:"bootstrap-icons";transition:.3s}.fundBlock .fund_removeLink:hover:after{opacity:1}.fundBlock.disabledFund{opacity:.6;pointer-events:none;user-select:none}.fundBlock.disabledFund input{user-select:none}.fundBlock.fundBlock_static__false .fund_removeLink{display:block}.fundBlock.fundBlock_static__true .fund_removeLink{display:none}.fundSummaryRow{display:flex;justify-content:space-between;background-color:#f0e6dc;padding:8px 10px;border-bottom:1px solid #aca39a;margin-bottom:16px}.fundSummaryRow .fundSummaryRow__name,.fundSummaryRow .fundSummaryRow__value{font-size:16px;font-weight:500;line-height:18.77px;letter-spacing:-0.017em;text-align:left;width:80%}.fundSummaryRow .fundSummaryRemoveRow{width:10%;padding-left:12px}.fundSummaryRow .fundSummaryRemoveRow button{cursor:pointer;border:none;background-color:rgba(0,0,0,0);color:rgba(0,0,0,0);background-image:url(https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/2433/close-btn-garnet.png?v=1720209464000);background-size:12px;background-position:center;background-repeat:no-repeat}.fundSummaryRow .fundSummaryRow__value{text-align:right;width:10%}.fundSummaryRow.fundSummaryRow__total{background-color:rgba(0,0,0,0);border-top:1px solid #aca39a;margin-top:8px;border-bottom:none;padding-left:0;padding-top:16px}.fundSummaryRow.fundSummaryRow__total .fundSummaryRow__value{font-weight:700}#fundSearchbar{background-color:rgba(0,0,0,0);margin-bottom:24px;z-index:4;position:relative;width:100%}#fundSearchbar .jdropdown{background-color:rgba(0,0,0,0);margin:0 0 32px 0}#fundSearchbar .jdropdown-header{border:1px solid #aca39a;border-radius:50px;padding:16px 16px 16px 44px}#fundSearchbar .jdropdown-container-header{position:relative}#fundSearchbar .jdropdown-container-header:before{content:"";font-family:"bootstrap-icons";color:#8f001a;font-size:20px;position:absolute;left:16px;top:50%;transform:translateY(-50%);display:block}#fundSearchbar .jdropdown-item{padding:0}#fundSearchbar .jdropdown-item .jdropdown-description{white-space:normal;border-bottom:1px solid #f2f2f2;padding:10px 10px 10px 16px;font-size:16px;font-weight:400;line-height:18.77px;letter-spacing:-0.017em;text-align:left;color:#2d2d2c;display:flex;justify-content:space-between;width:100%}#fundSearchbar .jdropdown-item .jdropdown-description .jdropdown-title{text-align:right;font-size:14px;font-weight:400;line-height:16.42px;color:#636d77;width:20%}#fundSearchbar .jdropdown-item.jdropdown-selected{background-color:#f2f2f2}#fundSearchbar .jdropdown-item.jdropdown-selected .jdropdown-description{color:#2d2d2c}#fundSearchbar .jdropdown-item:hover{background-color:#f2f2f2}#fundSearchbar .jdropdown-item:hover .jdropdown-description{color:#2d2d2c}#fundSearchbar.fundDisabled{pointer-events:none;opacity:.5}.jdropdown-focus .jdropdown-header{border-color:#8f001a;outline:none}@media screen and (max-width: 1024px){.fundBlock .donationArray{flex-wrap:wrap;gap:20px}.fundBlock .donationArray .donationValue{width:calc(50% - 10px)}.fundBlock .donationArray .otherAmountSelector{max-width:100%;width:100%}}@media screen and (max-width: 760px){.mobile__footer{position:fixed;bottom:0;left:0;right:0;background-color:#f2f2f2;z-index:8;display:flex;justify-content:space-between;align-items:center;padding:8px 16px}.mobile__footer p{margin:0}.mobile__footer #mobileSummaryOpener{color:#8f001a;font-size:16px;font-weight:500;line-height:18.77px;letter-spacing:-0.017em;text-align:left}.mobile__footer #js-continueButton{width:60%;display:block !important}.mobile__footer #js-continueButton.hiddenContinueButton{opacity:0;pointer-events:none}#mobile__summary{position:fixed;bottom:40px;left:0;right:0;background-color:#f2f2f2;z-index:7;height:auto;max-height:0;overflow:hidden;display:flex;justify-content:space-between;align-items:center;padding:0 16px;transition:.5s}#mobile__summary.summaryActive{max-height:500px;padding:8px 16px}#mobile__summary #mobileSummaryTotalToggle{position:absolute;top:10px;right:16px;font-size:24px;color:#8f001a;z-index:11}.fundBlock .fund_removeLink{top:8px;right:25px}.fundBlock h4{width:100%}}.uo-modal{position:fixed;top:0;left:0;bottom:0;right:0;z-index:1000;pointer-events:none;opacity:0;background-color:rgba(0,0,0,.7);transition:.3s}.uo-modal.uo-active{pointer-events:all;opacity:1}.uo-modal.uo-active .uo-modal-inner{transform:translateY(0)}.uo-modal .uo-modal-inner{max-width:676px;margin:40px auto;transition:.3s;transform:translateY(40px)}.uo-modal .uo-modal-inner .uo-modal-flex-image img{display:block;margin:0;width:100%}.uo-modal .uo-modal-inner .uo-modal-flex-content{padding:30px 12px 60px 12px;background-color:#2d2d2c}.uo-modal .uo-modal-inner .uo-modal-flex-content *{color:#fff}.uo-modal .uo-modal-inner .uo-modal-flex-content p{margin:16px 0}.uo-modal .close-modal-x{position:absolute;top:16px;right:16px;height:40px;width:40px;background-color:#8f001a;background-image:url(https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/2433/close-btn.png?v=1720196525000);background-repeat:no-repeat;background-position:center;background-size:24px;cursor:pointer;transition:.4s;opacity:1}.uo-modal .close-modal-x:hover{opacity:.7}.uo-modal#uo__loading{transition:.5s}.uo-modal#uo__loading .uo-modal-inner{max-width:400px;margin:auto;transition:.3s;transform:translateY(-50%) translateX(-50%);top:50%;position:absolute;width:100%;left:50%;margin-top:0;border-radius:5px;overflow:hidden;transition:.5s}.uo-modal#uo-errors{z-index:999}.lds-ring,.lds-ring div{box-sizing:border-box}.lds-ring{display:block;margin:10px auto;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid currentColor;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:currentColor rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.lds-ring div:nth-child(1){animation-delay:-0.45s}.lds-ring div:nth-child(2){animation-delay:-0.3s}.lds-ring div:nth-child(3){animation-delay:-0.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.lds-ring *{text-indent:-99999px;font-size:0;line-height:0}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#2d2d2c;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;transition:opacity .6s ease-out,visibility .6s ease-out}.loading-overlay.hidden{opacity:0;visibility:hidden}.loading-content{display:flex;flex-direction:column;align-items:center;gap:4rem;animation:fadeIn 1s ease-out}.university-logo{width:180px;height:auto;opacity:.9}.loading-section{display:flex;align-items:center;gap:1rem}.simple-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.1);border-top:2px solid rgba(255,255,255,.8);border-radius:50%;animation:elegantSpin 1.5s linear infinite}.loading-text{color:#fff;font-size:1.1rem;font-weight:300;letter-spacing:.2em;opacity:.8;animation:subtlePulse 3s ease-in-out infinite}@keyframes elegantSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes subtlePulse{0%,100%{opacity:.8}50%{opacity:.6}}@media(max-width: 768px){.loading-text{font-size:1rem}.simple-spinner{width:18px;height:18px}.university-logo{width:140px}}@media(max-width: 480px){.loading-text{font-size:.9rem}.simple-spinner{width:16px;height:16px}.university-logo{width:120px}}.loading-overlay,.simple-spinner{will-change:transform,opacity}.main-content{opacity:0;transition:opacity .6s ease-in;padding:2rem;background:#f5f5f5;min-height:100vh}.main-content.visible{opacity:1}.content-header{text-align:center;margin-bottom:2rem}.content-title{font-size:2.5rem;color:#333;margin-bottom:1rem}.content-subtitle{font-size:1.2rem;color:#666;max-width:600px;margin:0 auto;line-height:1.6}body.uottawa__donation .donation__footer--row{max-width:100%;background-color:#2d2d2c}body.uottawa__donation .donation__footer{width:100%;padding:40px 5% 40px 5%;max-width:1440px;background-color:#2d2d2c;margin:0 auto}body.uottawa__donation footer{display:flex;justify-content:space-between}body.uottawa__donation footer .footer__col{max-width:33%}body.uottawa__donation footer .footer__left{text-align:left}body.uottawa__donation footer .footer__right{text-align:right}body.uottawa__donation footer p{margin-bottom:32px;font-size:16px;font-weight:400;line-height:18.77px;letter-spacing:-0.017em;color:#f9f9f9}body.uottawa__donation footer p a{color:inherit}body.uottawa__donation footer p a:hover{text-decoration:none}body.uottawa__donation footer .footer__logo{margin-bottom:32px;max-width:145px}body.uottawa__donation footer .footer__logo a{display:block;opacity:1;transition:.5s}body.uottawa__donation footer .footer__logo a:hover{opacity:.7}body.uottawa__donation footer .footer__logo a img{display:block;width:100%;height:auto}@media screen and (max-width: 700px){body.uottawa__donation footer{flex-wrap:wrap}body.uottawa__donation footer .footer__col{border-bottom:1px solid #fff;padding-bottom:24px;margin-bottom:24px;max-width:100%}body.uottawa__donation footer .footer__col.footer__right{border-bottom:none}}.thankyou__header{position:relative;z-index:0;background-size:cover;background-position:center;padding:40px 0 40px 0}.thankyou__header:after{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background-color:rgba(0,0,0,.4);content:"";display:block}.thankyou__header h1{position:relative;z-index:2}.thankyou__component{max-width:906px;margin:0 auto;padding:40px 30px 40px 30px;border-bottom:1px solid #c8c9c7}.thankyou__ecard{max-width:906px;margin:0 auto;padding:40px 30px 40px 30px;background-color:#999}.thankyou__image{display:block;margin:16px 0 16px 0}.ty__floating_image{float:right;margin-left:40px}.btn__thankyou{margin-top:40px}.flex_2{display:flex;justify-content:space-between;gap:24px;align-items:stretch}.flex_2 .flex{width:50%}.thankyou__message_image{background-size:cover;background-position:center;min-height:216px}@media screem and (max-width: 768px){.flex_2{flex-wrap:wrap}.flex_2 .flex{width:100%;min-height:250px}}.en__component--socialshareblock{height:0;overflow:hidden}.ecardIframe{max-width:906px;margin:0 auto;display:block;transition:.5s;height:0}#monthlyThankYou,#singleThankYou,#payrollThankYou,#pensionThankYou,#yearlyThankYou{display:none}.thankyou__message{position:relative}.thankyou__message label{position:absolute;top:4px;left:8px;color:#2d2d2c;font-size:14px;font-weight:400;line-height:16.42px;letter-spacing:-0.017em;text-align:left}.thankyou__message textarea{padding:24px 12px;display:block;width:100%;height:100%;border:1px solid #aca39a;background-color:#f9f9f9;color:#2d2d2c;font-size:16px;font-weight:400;line-height:18.77px;letter-spacing:-0.017em;text-align:left;border-radius:2px}body.uottawa__donation-one-column .donation__header--row .en__component--copyblock.thank_you_banner{max-width:100%;padding-left:0;padding-right:0}body.uottawa__donation-one-column.thank-you{background-color:#fff}body.uottawa__donation-one-column.thank-you .en__component--copyblock.thankyou__component,body.uottawa__donation-one-column.thank-you .en__component--formblock.thankyou__component{max-width:906px;margin:0 auto;padding:40px 30px 40px 30px;border-bottom:1px solid #c8c9c7}.scripts_title,.editor_explainer{display:none}body#en__pagebuilder{font-size:10px}body#en__pagebuilder .uo-modal#uo__loading,body#en__pagebuilder #uo__loading,body#en__pagebuilder .loading-overlay{display:none !important}body#en__pagebuilder #employeeGivingBlock,body#en__pagebuilder #employeeGivingStandardLink{display:block}body#en__pagebuilder .en__component.en__component--row.en__component--row--2:nth-of-type(3) .en__component--column--1{display:block}body#en__pagebuilder .hidden-fe{display:block}body#en__pagebuilder .survivalRow{background-image:none !important;padding-top:10px}body#en__pagebuilder .uo-modal{position:static !important;opacity:1 !important}body#en__pagebuilder .survival-gifts-image{display:block;width:100%;height:auto}body#en__pagebuilder .survival-gifts-image img{width:100%;height:auto}body#en__pagebuilder .scripts_title,body#en__pagebuilder .editor_explainer{font-size:20px;display:block;position:relative;height:45px;text-align:center;line-height:45px;background:repeating-linear-gradient(-55deg, #f5f5f5, #f5f5f5 10px, #e6e6e6 10px, #e6e6e6 20px)}body#en__pagebuilder .en__component--socialshareblock{height:auto}body#en__pagebuilder .js-image{display:block;max-width:100%;max-height:100%;height:auto !important}body#en__pagebuilder .accordionContent{height:auto;max-height:initial;transition:.3s;overflow:visible}body#en__pagebuilder .en__component.en__component--row.en__component--active{background-color:#fff !important}body.ecard{background-color:#f2f2f2}body.ecard form{max-width:906px;margin:0 auto;padding:24px}body.ecard form .en__component--row{background-color:#f2f2f2}body.ecard form h2,body.ecard form .en__ecardrecipients__futureDelivery label{font-family:"Work Sans",sans-serif;display:block;font-size:14px;font-weight:500;line-height:16.42px;letter-spacing:.1em;text-align:left;text-transform:uppercase;margin:20px 0 10px}body.ecard form .en__ecarditems__thumb{padding:16px;transition:.3s}body.ecard form .en__ecarditems__thumb img{opacity:1;border:none;width:100%;height:auto}body.ecard form .en__ecarditems__thumb.thumb--active{border:3px solid #8f001a}body.ecard form .en__ecarditems__thumb.thumb--active img{width:100%;height:auto;border:none}body.ecard form .en__ecardrecipients__name,body.ecard form .en__ecardrecipients__email{width:47%}body.ecard form .en__ecardrecipients__name label,body.ecard form .en__ecardrecipients__email label{pointer-events:none}body.ecard form .en__ecardrecipients__name,body.ecard form .en__ecardrecipients__email,body.ecard form .en__field--email{position:relative}body.ecard form .en__ecardrecipients__name label,body.ecard form .en__ecardrecipients__email label,body.ecard form .en__field--email label{position:absolute;left:12px;top:18px;color:#636d77;padding:0;font-size:18px;font-weight:500;line-height:24px;letter-spacing:-0.017em;text-align:left;width:100%;transition:.3s;z-index:1}body.ecard form .en__ecardrecipients__name label.fancyFocus,body.ecard form .en__ecardrecipients__email label.fancyFocus,body.ecard form .en__field--email label.fancyFocus{font-size:1.2em;top:6px}body.ecard form .en__ecardrecipients__name .en__field__element,body.ecard form .en__ecardrecipients__email .en__field__element,body.ecard form .en__field--email .en__field__element{width:100%}body.ecard form .en__ecardrecipients__name input,body.ecard form .en__ecardrecipients__name textarea,body.ecard form .en__ecardrecipients__email input,body.ecard form .en__ecardrecipients__email textarea,body.ecard form .en__field--email input,body.ecard form .en__field--email textarea{width:100%;border:1px solid #aca39a;border-radius:2px;background-color:#fff;padding:24px 12px 8px 12px;font-size:18px;font-weight:400;line-height:24px;letter-spacing:-0.017em;text-align:left;color:#000}body.ecard form .en__ecardrecipients__futureDelivery input{width:100%;border:1px solid #aca39a;border-radius:2px;background-color:#fff;padding:24px 12px 8px 12px;font-size:18px;font-weight:400;line-height:24px;letter-spacing:-0.017em;text-align:left;color:#000;font-family:Work Sans}body.ecard form .en__ecarditems__addrecipient{background-color:#8f001a}body.ecard form .en__ecardrecipients--populated{padding-top:20px}body.ecard form .en__ecardrecipients--populated h2{display:none}body.ecard form .en__ecardrecipients--populated .en__ecardrecipients__list{height:0;overflow:hidden;margin:0;padding:0}body.ecard form .en__ecardrecipients--populated .en__ecardrecipients__detail{opacity:.4}body.ecard.ecardPageHideFields .en__ecardrecipients{height:0;padding:0;margin:0;overflow:hidden}body.ecard.ecardPageHideFields .en__component--copyblock .hiddenContent{display:none}body.ecard.ecardPageHideFields .en__field--emailAddress{height:0;overflow:hidden;padding:0;margin:0}body.uottawa__donation-one-column{background-color:#fff}body.uottawa__donation-one-column .donation__header--row .en__component--copyblock{padding-left:5%;padding-right:5%}body.uottawa__donation-one-column .en__component--copyblock,body.uottawa__donation-one-column .en__component--formblock{padding:0;max-width:700px;margin:0 auto}body.uottawa__donation-one-column .en__component--copyblock.donation__header,body.uottawa__donation-one-column .en__component--formblock.donation__header{max-width:initial;width:100%;padding-top:16px;padding-bottom:16px;background-color:#f9f9f9;border-bottom:1px solid #aca39a}body.uottawa__donation-one-column .en__component--copyblock.donation__footer,body.uottawa__donation-one-column .en__component--formblock.donation__footer{width:100%;padding:40px 5% 40px 5%;max-width:100%;background-color:#2d2d2c;margin:0 auto}body.uottawa__donation-one-column .en__component--copyblock .en__field--radio>label,body.uottawa__donation-one-column .en__component--formblock .en__field--radio>label{display:none}body.uottawa__donation-one-column .en__component--copyblock .en__field--radio .en__field__element--radio,body.uottawa__donation-one-column .en__component--formblock .en__field--radio .en__field__element--radio{display:flex;gap:50px}body.uottawa__donation-one-column .en__component--copyblock .en__field--radio .en__field__element--radio .en__field__item label,body.uottawa__donation-one-column .en__component--formblock .en__field--radio .en__field__element--radio .en__field__item label{cursor:pointer;color:#2d2d2c;font-size:16px;font-weight:400;line-height:16px;letter-spacing:-0.017em;text-align:left;padding-left:28px;position:relative}body.uottawa__donation-one-column .en__component--copyblock .en__field--radio .en__field__element--radio .en__field__item label:before,body.uottawa__donation-one-column .en__component--formblock .en__field--radio .en__field__element--radio .en__field__item label:before{height:24px;width:24px;display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);content:"";background-image:url(https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/2433/radio_button_unchecked_black_24dp.png?v=1720192720000);background-size:contain;background-position:left center}body.uottawa__donation-one-column .en__component--copyblock .en__field--radio .en__field__element--radio .en__field__item .en__field__input--radio,body.uottawa__donation-one-column .en__component--formblock .en__field--radio .en__field__element--radio .en__field__item .en__field__input--radio{display:none}body.uottawa__donation-one-column .en__component--copyblock .en__field--radio .en__field__element--radio .en__field__item .en__field__input--radio:checked~label:before,body.uottawa__donation-one-column .en__component--formblock .en__field--radio .en__field__element--radio .en__field__item .en__field__input--radio:checked~label:before{background-image:url(https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/2433/radio_button_checked_black_24dp.png?v=1720192722000)}body.uottawa__donation-one-column .en__component--copyblock .en__field--recurrfreq,body.uottawa__donation-one-column .en__component--formblock .en__field--recurrfreq{height:auto;margin:20px 0;overflow:auto;padding-bottom:18px}body.uottawa__donation-one-column h1{text-align:center;margin:32px 0 40px 0}body.uottawa__donation-one-column .fundSummaryRow{display:none}body.uottawa__donation-one-column .fundSummaryRow.fundSummaryRow__fee{display:flex}body.uottawa__donation-one-column .fundSummaryRow.fundSummaryRow__total{display:flex}body.uottawa__donation-one-column .fundBlock{padding:8px;display:flex}body.uottawa__donation-one-column .fundBlock h4{font-size:16px;font-weight:500;line-height:18.77px;letter-spacing:-0.017em;text-align:left;width:70%}body.uottawa__donation-one-column .fundBlock h4 i{display:none}body.uottawa__donation-one-column .fundBlock p{display:none}body.uottawa__donation-one-column .fundBlock .donationArray{width:20%;margin-top:0}body.uottawa__donation-one-column .fundBlock .donationArray .otherAmountSelector{max-width:100px}body.uottawa__donation-one-column .fundBlock .donationArray .otherAmountSelector:not(:placeholder-shown){background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-check\" viewBox=\"0 0 16 16\"><path d=\"M10.97 4.97a.75.75 0 0 1 1.07 1.05l-4.5 5a.75.75 0 0 1-1.08 0l-2-2a.75.75 0 1 1 1.08-1.04l1.47 1.47 3.97-4.48z\"/></svg>");background-repeat:no-repeat;background-position:right 5px center;background-size:26px 26px;padding-left:15px}body.uottawa__donation-one-column .fundBlock .donationArray .otherAmountSelector:not(:placeholder-shown)~.otherDollar{display:block !important;position:absolute;top:20px;font-size:16px;font-weight:500;text-indent:3px}body.uottawa__donation-one-column .fundBlock .fund_removeLink{position:absolute;top:17px;right:9px;cursor:pointer;font-size:16px;font-weight:500;line-height:24px;letter-spacing:-0.017em;text-align:left;color:#636d77;text-decoration:underline;text-indent:-9999px}body.uottawa__donation-one-column .fundBlock .fund_removeLink:after{opacity:1;content:"";position:absolute;right:13px;height:16px;width:16px;font-family:"bootstrap-icons";transition:.3s;color:gray;text-indent:0;font-size:28px;top:0}body.uottawa__donation-one-column .en__field--NOT_TAGGED_2{margin-top:20px}body.uottawa__donation-one-column .en__field--othamt2{display:none}body.uottawa__donation-one-column .en__field--donationAmt.donationAmt__revealed{height:auto;opacity:1}body.uottawa__donation-one-column .en__field--donationAmt.donationAmt__revealed>label{position:absolute;left:12px;font-size:1.2em;bottom:36px;color:#636d77;padding:0;font-weight:500;line-height:24px;letter-spacing:-0.017em;text-align:left;width:100%;transition:.3s;z-index:1;pointer-events:none;display:block}body.uottawa__donation-one-column .en__field--donationAmt.donationAmt__revealed .en__field__item{display:none}body.uottawa__donation-one-column .en__field--donationAmt.donationAmt__revealed .en__field__item.en__field__item--other{position:relative;display:block}body.uottawa__donation-one-column .en__field--donationAmt.donationAmt__revealed .en__field__item.en__field__item--other input{margin-left:0;width:100%;border:1px solid #aca39a;border-radius:2px;background-color:#f2f2f2;padding:20px 12px 12px 12px;font-size:18px;font-weight:400;line-height:24px;letter-spacing:-0.017em;text-align:left;color:#000}body.uottawa__donation-one-column .en__component--formblock .en__field--radio.en__field--NOT_TAGGED_15>label{display:block;font-size:16px;font-weight:500;line-height:18.77px;letter-spacing:-0.017em;text-align:left;margin-bottom:.5em}body.uottawa__donation-one-column .en__component--row--2 .en__component--column .en__component--copyblock{max-width:100%}body.uottawa__donation-one-column .preFilledAddress{background-color:#f2f2f2;padding:18px 16px 16px 16px;font-size:16px;font-weight:400;line-height:18.77px;letter-spacing:-0.017em;text-align:left;color:#000;border:1px solid rgba(0,0,0,0);cursor:pointer;transition:.3s;margin-bottom:20px}body.uottawa__donation-one-column .preFilledAddress .preFilledAddress--label{color:#636d77}body.uottawa__donation-one-column.fr-CA .donationArray .otherAmountSelector:not(:placeholder-shown)~.otherDollar{text-indent:initial;left:auto;right:35px}body.uottawa__donation .pledgeWrapper .en__field--donationAmt{margin:0;height:auto;padding-bottom:18px;overflow:inherit;opacity:1}@media screen and (max-width: 760px){body.uottawa__donation-one-column .en__component--copyblock,body.uottawa__donation-one-column .en__component--formblock{padding:0 4%}}body.uottawa__donation-one-column .en__component--formblock .en__field--recurrfreq{display:block}body.uottawa__donation-one-column .en__component--formblock .en__field--recurrfreq .en__field__element--radio{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0}body.uottawa__donation-one-column .en__component--formblock .en__field--recurrfreq .en__field__element--radio .en__field__item{width:32%;margin-bottom:0px}body.uottawa__donation-one-column .en__component--formblock .en__field--recurrfreq .en__field__element--radio .en__field__item input{display:none}body.uottawa__donation-one-column .en__component--formblock .en__field--recurrfreq .en__field__element--radio .en__field__item label{display:block;text-align:center;font-size:16px;font-weight:400;line-height:18.77px;letter-spacing:-0.017em;color:#8f001a;background-color:#fff;transform:translateY(0px);box-shadow:none;cursor:pointer;padding:12px 0px;border-width:1px;border-style:solid;border-color:#8f001a;border-image:initial;transition:.3s;border-radius:300px}body.uottawa__donation-one-column .en__component--formblock .en__field--recurrfreq .en__field__element--radio .en__field__item label:before{display:none}body.uottawa__donation-one-column .en__component--formblock .en__field--recurrfreq .en__field__element--radio .en__field__item input:checked~label{margin-top:-2px;background-color:#fbe8ec;border-width:2px;border-style:solid;border-color:#8f001a;border-image:initial}body.uottawa__donation-one-column .en__component--formblock .en__field--recurrfreq>label{display:block;font-size:18px;font-weight:600;line-height:24px;letter-spacing:-0.017em;text-align:left;width:100%}body.uottawa__giving_day .donation__header .language_toggle a{background-color:rgba(0,0,0,0);font-size:18px;font-weight:500;line-height:24px;letter-spacing:-0.017em;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none;color:#fff;padding-left:18px;padding-right:18px;border:2px solid #fff;width:auto}body.uottawa__giving_day .donation__header--row{max-width:100%;background:rgba(0,0,0,0);position:absolute;z-index:2;width:100%;background:linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 100%) !important}body.uottawa__giving_day .uoGiving__banner{width:100%;position:relative;height:0;padding-top:46%}body.uottawa__giving_day .uoGiving__banner .container{padding-left:5.6%;padding-right:5.6%;display:flex;justify-content:space-between;position:absolute;z-index:1;flex-wrap:nowrap;top:0;bottom:0;right:0;left:0;align-items:center}body.uottawa__giving_day .uoGiving__banner .banner_bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat}body.uottawa__giving_day .uoGiving__banner .uoGiving__logo{max-width:320px}body.uottawa__giving_day .uoGiving__banner .uoGiving__logo img{width:100%}body.uottawa__giving_day .uoGiving__banner .uoGiving__title{text-align:right}body.uottawa__giving_day .uoGiving__banner .uoGiving__title h1{font-family:"Spectral";font-size:44px;font-weight:500;line-height:56px;letter-spacing:-0.017em;text-underline-position:from-font;text-decoration-skip-ink:none;margin-bottom:56px;max-width:400px;text-align:right;color:#f2f2f2}body.uottawa__giving_day .flex{display:flex}body.uottawa__giving_day .generalGivingFlex{padding:80px 80px;justify-content:space-between;max-width:1201px;margin:0 auto}body.uottawa__giving_day .generalGivingFlex .uoGiving__donationCTA_image{width:40%}body.uottawa__giving_day .generalGivingFlex .uoGiving__donationCTA_image img{width:100%}body.uottawa__giving_day .generalGivingFlex .uoGiving__donationCTA__content{width:55%}body.uottawa__giving_day .countdownFlex{padding:80px 80px;justify-content:space-between;max-width:1201px;margin:0 auto}body.uottawa__giving_day .countdownFlex .uoGiving__countdown{max-width:28%;text-align:center}body.uottawa__giving_day .countdownFlex .uoGiving__countdown img{width:100% !important;margin:0 auto;max-width:280px !important;height:auto !important}body.uottawa__giving_day .countdownFlex .uoGiving__countdown .givingDate{text-align:center;font-family:"Work Sans";font-size:40px;font-weight:600;line-height:76px;letter-spacing:-0.017em;text-underline-position:from-font;text-decoration-skip-ink:none;color:#4c5c4f;text-wrap:nowrap;margin-bottom:0}body.uottawa__giving_day .countdownFlex .uoGiving__countdown .js-countdown{text-align:center;font-family:"Work Sans";text-transform:uppercase;font-size:20px;font-weight:500;line-height:23.46px;letter-spacing:.1em;text-align:center;margin-bottom:0;text-underline-position:from-font;text-decoration-skip-ink:none;color:#4c5c4f}body.uottawa__giving_day .countdownFlex .uoCopyBlock.js-image-bg{background-position:center;background-size:contain;background-repeat:no-repeat}@media screen and (min-width: 501px){body.uottawa__giving_day .countdownFlex .uoCopyBlock.js-image-bg.js-image-bg-mobile-only{background-image:none !important}}body.uottawa__giving_day .countdownFlex .uoCopyBlock{max-width:62%}body.uottawa__giving_day .countdownFlex .uoCopyBlock .btn__link{font-family:Work Sans;font-size:22px;font-weight:500;line-height:27px;letter-spacing:-0.017em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:#2d2d2c;position:relative;text-decoration:none}body.uottawa__giving_day .countdownFlex .uoCopyBlock .btn__link .bi{transform:translateX(0);color:#8f001a;display:inline-block;transition:.5s;font-weight:700;font-size:.8em}body.uottawa__giving_day .countdownFlex .uoCopyBlock .btn__link:hover .bi{transform:translateX(18px)}body.uottawa__giving_day .half-padding-top .countdownFlex{padding-top:30px}body.uottawa__giving_day .half-padding-bottom .countdownFlex{padding-bottom:30px}body.uottawa__giving_day .btn__readmore{font-size:22px;font-weight:500;line-height:25.81px;letter-spacing:-0.017em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;position:relative;color:#2d2d2c;text-decoration:none}body.uottawa__giving_day .btn__readmore:after{content:"";display:block;left:104%;top:50%;transform:translateY(-42%);font-size:17px;color:#8f001a;position:absolute;font-family:"bootstrap-icons"}body.uottawa__giving_day .btn__readmore.readless:after{content:""}body.uottawa__giving_day .uoCopyBlock{max-width:62%}body.uottawa__giving_day .uoCopyBlock h2{font-family:Work Sans;font-size:40px;font-weight:700;line-height:46.92px;letter-spacing:-0.017em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:#2d2d2c;margin-bottom:.8em}body.uottawa__giving_day .uoCopyBlock p,body.uottawa__giving_day .uoCopyBlock li{font-family:Work Sans;font-size:18px;font-weight:400;line-height:29px;letter-spacing:-0.017em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:#2d2d2c;margin-bottom:1.1em}body.uottawa__giving_day .uoCopyBlock p strong,body.uottawa__giving_day .uoCopyBlock li strong{font-weight:600}body.uottawa__giving_day .uoCopyBlock li{list-style:disc;padding-left:0;list-style-position:outside;margin-left:1em}body.uottawa__giving_day .hero-logo{position:absolute;top:38px;left:71px;width:107px;z-index:2}body.uottawa__giving_day .uoGiving__matching>*{max-width:480px;margin-left:auto;margin-right:auto}body.uottawa__giving_day .uoGiving__matching,body.uottawa__giving_day .uoGiving__projectHeader{background-image:url(https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/2433/greenBG.jpeg?v=1738688831000);background-size:cover;background-position:center;padding:140px 70px;text-align:center}body.uottawa__giving_day .uoGiving__matching h3,body.uottawa__giving_day .uoGiving__projectHeader h3{font-family:"Spectral";font-size:40px;font-weight:500;line-height:48px;letter-spacing:-0.017em;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none;color:#fff;margin-bottom:16px}body.uottawa__giving_day .uoGiving__matching p,body.uottawa__giving_day .uoGiving__projectHeader p{font-size:18px;font-weight:400;line-height:29px;letter-spacing:-0.017em;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none;color:#fff;margin-bottom:40px}body.uottawa__giving_day .uoGiving__projectHeader{text-align:left}body.uottawa__giving_day .uoGiving__projectHeader h1.uo__category{font-family:Work Sans;font-size:14px;font-weight:500;line-height:16.42px;letter-spacing:.1em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:#fff;text-transform:uppercase;margin-bottom:16px}body.uottawa__giving_day .uoGiving__projectHeader h2{font-family:Work Sans;font-size:40px;font-weight:700;line-height:46.92px;letter-spacing:-0.017em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:#fff;margin-bottom:.6em}body.uottawa__giving_day .uoGiving__donationCTA__links{max-width:500px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}body.uottawa__giving_day .uoGiving__donationCTA__links .btn{width:100%;margin:20px 0}body.uottawa__giving_day .uoGiving__donationCTA__links input[type=text]{padding:12px 0 12px 8px;border-radius:2px;border:none;border-bottom:1px solid #8f001a;font-size:16px;font-weight:400;line-height:18.77px;letter-spacing:-0.017em;width:100%}body.uottawa__giving_day .uoGiving__donationCTA__links .radioButton{width:20%}body.uottawa__giving_day .uoGiving__donationCTA__links .radioButton input{position:absolute;height:0;width:0;overflow:hidden}body.uottawa__giving_day .uoGiving__donationCTA__links .radioButton label{cursor:pointer;border-radius:300px;background-color:#fff;font-size:16px;font-weight:400;line-height:18.77px;letter-spacing:-0.017em;text-align:center;width:100%;border:1px solid #8f001a;padding:12px 0;transition:.3s;transform:translateY(0);box-shadow:none;border-radius:300px;white-space:nowrap;display:block}body.uottawa__giving_day .uoGiving__donationCTA__links .radioButton label:hover{background-color:#fbe8ec;transform:translateY(-4px);box-shadow:0px 5px 5px -4px rgba(0,0,0,.4)}body.uottawa__giving_day .uoGiving__donationCTA__links .radioButton input:checked~label{background-color:#fbe8ec;border:2px solid #8f001a;margin-top:-2px}body.uottawa__giving_day .uoGiving__projectSelection{max-width:1040px;padding:120px 30px 20px 30px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between}body.uottawa__giving_day .uoGiving__projectSelection .uoGiving__projectSelectionTitle{width:50%}body.uottawa__giving_day .uoGiving__projectSelection .uoGiving__projectSelectionTitle h2{font-family:"Work Sans";font-size:60px;font-weight:700;line-height:70.38px;letter-spacing:-0.017em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:#2d2d2c}body.uottawa__giving_day .uoGiving__projectSelection .uoGiving__projectSelectionContent{width:50%;max-width:410px}body.uottawa__giving_day .uoGiving__projectSelection .uoGiving__projectSelectionContent p{font-family:"Spectral";font-size:28px;font-weight:500;line-height:36px;letter-spacing:-0.017em;text-align:right;text-underline-position:from-font;text-decoration-skip-ink:none}body.uottawa__giving_day .uoGiving__projectSelection .uoGiving__projectSelectionFilter{border-top:1px solid #636d77;padding:30px 0;width:100%}body.uottawa__giving_day .uoGiving__projectSelection .uoGiving__projectSelectionFilter p{font-size:22px;font-weight:600;line-height:24px;letter-spacing:-0.017em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;margin-bottom:0}body.uottawa__giving_day .uoGiving__projectSelection .uoGiving__projectSelectionFilter select{max-width:400px;border:1px solid #aca39a;border-radius:0;padding:16px 12px;font-family:Work Sans;font-size:18px;font-weight:500;line-height:24px;letter-spacing:-0.017em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;width:100%;margin-left:24px;color:#2d2d2c}body.uottawa__giving_day .uoGiving__projectSelection .uoGiving__projectSelectionFilter select option{color:#2d2d2c}body.uottawa__giving_day .uoGiving__projectSelection .uoGiving__projectSelectionFilter select option{font-family:Work Sans;font-size:18px;font-weight:500;line-height:24px;letter-spacing:-0.017em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}body.uottawa__giving_day #uoGiving__projects{max-width:1040px;padding:30px 30px 120px 30px;margin:0 auto}body.uottawa__giving_day #uoGiving__projects .flex{flex-wrap:wrap;justify-content:space-between}body.uottawa__giving_day #uoGiving__projects .flex .uoGiving__fundSearch{width:30%;margin-bottom:50px;background-image:url("https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/2433/searchBG.jpg?v=1741291772000");background-size:cover;background-position:center;padding:37px 32px;display:flex;flex-direction:column;justify-content:space-between}body.uottawa__giving_day #uoGiving__projects .flex .uoGiving__fundSearch h1{color:#fff}body.uottawa__giving_day #uoGiving__projects .flex .uoGiving__fundSearch .btn{width:100%}body.uottawa__giving_day #uoGiving__projects .flex .uoGiving__project{width:30%;border-bottom:1px solid #2d2d2c;margin-bottom:50px;transition:.4s;opacity:1;cursor:pointer}body.uottawa__giving_day #uoGiving__projects .flex .uoGiving__project.hidden__project{display:none}body.uottawa__giving_day #uoGiving__projects .flex .uoGiving__project .uoGiving__projectHeader{height:0;padding:0;padding-bottom:67%;background-size:cover;background-position:center;position:relative}body.uottawa__giving_day #uoGiving__projects .flex .uoGiving__project .uoGiving__projectHeader:after{display:block;content:"";background-image:url("https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/2433/IconeG_Feuilles.png?v=1772816093000");opacity:.8;height:50px;width:50px;background-size:contain;left:8px;top:8px;position:absolute;z-index:0}body.uottawa__giving_day #uoGiving__projects .flex .uoGiving__project .uoGiving__projectHeader .uoGiving__projectScreen{opacity:0;transition:.4s;top:0;left:0;right:0;bottom:0;background-color:#4c5c4f;position:absolute;padding:24px 16px;z-index:1}body.uottawa__giving_day #uoGiving__projects .flex .uoGiving__project .uoGiving__projectHeader .uoGiving__projectScreen p{font-size:16px;font-weight:500;line-height:18.77px;letter-spacing:-0.017em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:#fff;transform:translateY(18px);transition:.4s}body.uottawa__giving_day #uoGiving__projects .flex .uoGiving__project:hover .uoGiving__projectScreen{opacity:1}body.uottawa__giving_day #uoGiving__projects .flex .uoGiving__project:hover .uoGiving__projectScreen p{transform:translateY(0)}body.uottawa__giving_day #uoGiving__projects .flex .uoGiving__project .uoGiving__category{font-family:Work Sans;font-size:14px;font-weight:500;line-height:16.42px;letter-spacing:.1em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:#636d77;margin-top:32px;margin-bottom:7px;text-transform:uppercase}body.uottawa__giving_day #uoGiving__projects .flex .uoGiving__project h1{font-family:"Work Sans";font-size:28px;font-weight:600;line-height:30px;letter-spacing:-0.017em;text-align:left;text-decoration-line:underline;text-decoration-style:solid;text-underline-position:from-font;text-decoration-skip-ink:none;margin-top:0;padding-bottom:70px;margin-bottom:0;color:#2d2d2c}body.uottawa__giving_day #uoGiving__projects .flex .uoGiving__project h1 a{color:inherit}body.uottawa__giving_day .donationColumn{padding:80px 5%;background-color:#f9f9f9}body.uottawa__giving_day .donationColumn .en__component{width:100%;max-width:690px;margin:0 auto}body.uottawa__giving_day .donationColumn .en__component h1{font-size:60px;font-weight:700;line-height:70.38px;letter-spacing:-0.017em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;margin-bottom:.8em}body.uottawa__giving_day .donationColumn .en__component h3{font-weight:600;font-size:28px;line-height:24px}body.uottawa__giving_day .accordionContent{height:auto;max-height:0;transition:.3s;overflow:hidden}body.uottawa__giving_day .accordionContent.accordion-active{max-height:2001px}.enWidget--thermometer,.enWidget--progressBar{display:none !important}.uoGiving__thermometer{position:relative}.uoGiving__thermometer .uoThermometerGoal{font-size:16px;font-weight:500;line-height:22px;letter-spacing:.1em;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none;color:#4c5c4f;text-transform:uppercase;max-width:180px;margin-bottom:20px}.uoGiving__thermometer .uoThermometerGoal strong{font-weight:600}.uoGiving__thermometer .uoThermometerGlass{width:80px;height:300px;max-height:80vh;background-color:#fff;border:3px solid #636d77;border-radius:50px;margin:0 auto;position:relative}.uoGiving__thermometer .uoThermometerGlass .uoThermometerBase{position:absolute;bottom:3px;width:68px;left:50%;background-color:#8f001a;border-radius:34px 0 34px 34px;height:68px;background-size:43px;background-repeat:no-repeat;background-position:center;transform:translateX(-50%);background-image:url("https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/2433/potted_plant_4x.png?v=1738876664000");z-index:1}.uoGiving__thermometer .uoThermometerGlass .uoThermometerLiquid{background-color:#8f001a;border-radius:34px 0 34px 34px;bottom:3px;width:68px;left:50%;transform:translateX(-50%);transition:.5s;height:0;z-index:0;position:absolute}.uoGiving__thermometer .uoThermometerLevel{position:absolute;bottom:0;left:calc(100% + 20px);font-size:14px;font-weight:500;line-height:16.42px;letter-spacing:.1em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;transform:translateY(7px)}.uoGiving__thermometer .uoThermometerLevel:before{content:"";font-family:"bootstrap-icons";color:#ffce52;position:absolute;left:-16px;display:block;font-size:18px}.uoDonationCounter{text-align:center}.uoDonationCounter img{max-width:140px;height:auto;margin:0 auto}.uoDonationCounter .uoDonationCount{font-family:"Spectral";font-size:44px;font-weight:600;line-height:36px;letter-spacing:-0.017em;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none;color:#4c5c4f;margin:20px auto 10px auto}.uoDonationCounter .uoDonations{font-size:14px;font-weight:500;line-height:22px;letter-spacing:.1em;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none;color:#4c5c4f;text-transform:uppercase}body.uottawa__giving_day .en__field--NOT_TAGGED_1{margin-bottom:0}body.uottawa__giving_day .en__field--NOT_TAGGED_1 .en__field__element--radio .en__field__item{width:32%;margin-bottom:0}body.uottawa__giving_day .borderTop .flex{border-top:1px solid #c8c9c7}body.uottawa__giving_day .en__field--recurrpay,body.uottawa__giving_day .en__field--recurrfreq{padding:0 !important}body.uottawa__giving_day h2.subText{font-size:14px;font-weight:500;line-height:16.42px;letter-spacing:.1em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;margin-bottom:40px;text-transform:uppercase}body.uottawa__giving_day #panel__about,body.uottawa__giving_day #about_gift,body.uottawa__giving_day #paymentIntro{padding-top:40px}body.uottawa__giving_day .en__field--select .en__field__element select,body.uottawa__giving_day .en__field--splitselect .en__field__element select,body.uottawa__giving_day .en__field.en__field--text .en__field__element input,body.uottawa__giving_day .en__field.en__field--text .en__field__element textarea,body.uottawa__giving_day .en__field.en__field--vgs .en__field__element input,body.uottawa__giving_day .en__field.en__field--vgs .en__field__element textarea,body.uottawa__giving_day .en__field--textarea .en__field__element input,body.uottawa__giving_day .en__field--textarea .en__field__element textarea{background-color:#fff}body.uottawa__giving_day .en__component--formblock .en__field.en__field--firstName,body.uottawa__giving_day .en__component--formblock .en__field.en__field--lastName{width:49%}body.uottawa__giving_day .en__captcha,body.uottawa__giving_day .en__field{padding-bottom:40px}body.uottawa__giving_day .en__field--checkbox:first-child{margin-top:0}body.uottawa__giving_day .en__field--checkbox{margin-bottom:0}body.uottawa__giving_day .en__field--NOT_TAGGED_2{padding-top:40px;padding-bottom:16px}body.uottawa__giving_day .en__field--NOT_TAGGED_2>label{display:none}body.uottawa__giving_day .en__field--NOT_TAGGED_2 .en__field__element--radio .en__field__item .en__field__input--radio{display:none}body.uottawa__giving_day .en__field--NOT_TAGGED_2 .en__field__element--radio .en__field__item .en__field__input--radio label{cursor:pointer;color:#2d2d2c;font-size:16px;font-weight:400;line-height:16px;letter-spacing:-0.017em;text-align:left;padding-left:28px;position:relative}body.uottawa__giving_day .en__field--NOT_TAGGED_2 .en__field__element--radio{display:flex;gap:50px}body.uottawa__giving_day .en__field--NOT_TAGGED_2 .en__field__element--radio .en__field__item label{cursor:pointer;color:#2d2d2c;font-size:16px;font-weight:400;line-height:16px;letter-spacing:-0.017em;text-align:left;padding-left:28px;position:relative}body.uottawa__giving_day .en__field--NOT_TAGGED_2 .en__field__element--radio .en__field__item label:before{height:24px;width:24px;display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);content:"";background-image:url("https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/2433/radio_button_unchecked_black_24dp.png?v=1720192720000");background-size:contain;background-position:left center}body.uottawa__giving_day .en__field--NOT_TAGGED_2 .en__field__element--radio .en__field__item .en__field__input--radio:checked~label:before{background-image:url("https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/2433/radio_button_checked_black_24dp.png?v=1720192722000")}body.uottawa__giving_day .en__field.en__field--text.en__field--NOT_TAGGED_6 input{background-color:#f2f2f2}body.uottawa__giving_day .mobile__footer{position:fixed;bottom:0;left:0;right:0;background-color:#f2f2f2;z-index:8;display:flex;justify-content:space-between;align-items:center;padding:8px 16px}body.uottawa__giving_day .mobile__footer .mobile{display:block}body.uottawa__giving_day .mobile__footer p{margin:0}body.uottawa__giving_day .mobile__footer #mobileSummaryOpener{color:#8f001a;font-size:16px;font-weight:500;line-height:18.77px;letter-spacing:-0.017em;text-align:left}body.uottawa__giving_day .mobile__footer #js-continueButton{width:60%;display:block !important}body.uottawa__giving_day .mobile__footer #js-continueButton.hiddenContinueButton{opacity:0;pointer-events:none}@media screen and (max-width: 900px){body.uottawa__giving_day .uoGiving__banner .uoGiving__logo{max-width:250px}body.uottawa__giving_day .uoGiving__banner .uoGiving__title h1{font-size:36px;line-height:44px}body.uottawa__giving_day .uoGiving__matching,body.uottawa__giving_day .uoGiving__projectHeader,body.uottawa__giving_day .countdownFlex{padding:50px 30px}body.uottawa__giving_day .countdownFlex .uoGiving__countdown{max-width:40%}body.uottawa__giving_day .countdownFlex .uoGiving__countdown .givingDate{font-size:30px}body.uottawa__giving_day .countdownFlex .uoGiving__countdown .js-countdown{font-size:16px}body.uottawa__giving_day #uoGiving__projects .flex .uoGiving__project,body.uottawa__giving_day #uoGiving__projects .flex .uoGiving__fundSearch{width:45%}body.uottawa__giving_day .uoGiving__donationCTA__links .radioButton{width:30%}.otheramt{width:100%;margin-top:20px}}.loadmoreprojects{display:none}@media screen and (max-width: 501px){.loadmoreprojects{display:block;margin-bottom:30px}.loadmoreprojects a{font-weight:600;font-size:20px}body.uottawa__giving_day .uoGiving__banner{width:100%;position:relative;padding-top:0;height:100vh;justify-content:flex-start}body.uottawa__giving_day .uoGiving__banner .container{flex-direction:column;justify-content:center;align-items:center;position:relative;height:100vh;background-image:url("https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/2433/Gradient_mobile.png?v=1739462877000");background-size:cover}body.uottawa__giving_day .uoGiving__banner .uoGiving__title{text-align:center;margin-top:1.5em}body.uottawa__giving_day .uoGiving__banner .uoGiving__title h1{text-align:center}body.uottawa__giving_day .uoGiving__banner .uoGiving__logo{max-width:250px;height:17vh;margin-bottom:18vh;margin-top:18vh}body.uottawa__giving_day .uoGiving__banner .uoGiving__logo img{width:auto;height:100%}body.uottawa__giving_day .uoGiving__banner .uoGiving__title h1{margin-bottom:40px}body.uottawa__giving_day .countdownFlex{flex-direction:column-reverse}.body.uottawa__giving_day .countdownFlex .uoGiving__countdown,body.uottawa__giving_day .countdownFlex .uoCopyBlock{width:100%;max-width:100%}body.uottawa__giving_day .countdownFlex .uoGiving__countdown{display:none}body.uottawa__giving_day .uoGiving__projectSelection{display:block}body.uottawa__giving_day #uoGiving__projects .flex .uoGiving__project,body.uottawa__giving_day #uoGiving__projects .flex .uoGiving__fundSearch{width:100%;min-height:50vh}body.uottawa__giving_day .generalGivingFlex{display:flex}body.uottawa__giving_day .uoCopyBlock h2{font-family:Work Sans;font-size:32px;font-weight:700;line-height:37.54px;letter-spacing:-0.017em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}body.uottawa__giving_day .uoGiving__matching,body.uottawa__giving_day .uoGiving__projectHeader,body.uottawa__giving_day .countdownFlex{padding-left:18px;padding-right:18px}body.uottawa__giving_day .hero-logo{position:absolute;top:28px;left:28px;width:40px;z-index:2}body.uottawa__giving_day .en__component--row.donation__hero--row .en__component--column--1{width:100%;height:35vh}body.uottawa__giving_day,body.uottawa__donation .en__component--row{background-color:#f9f9f9}body.uottawa__giving_day .uoGiving__projectSelection{padding:80px 18px}body.uottawa__giving_day .uoGiving__projectSelection .uoGiving__projectSelectionTitle{width:100%;margin-bottom:16px}body.uottawa__giving_day .uoGiving__projectSelection .uoGiving__projectSelectionTitle h2{font-size:40px;font-weight:700;line-height:46.92px;letter-spacing:-0.017em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}body.uottawa__giving_day .uoGiving__projectSelection .uoGiving__projectSelectionContent{width:100%}body.uottawa__giving_day .uoGiving__projectSelection .uoGiving__projectSelectionContent p{font-family:Spectral;font-size:22px;font-weight:500;line-height:32px;letter-spacing:-0.017em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}body.uottawa__giving_day .uoGiving__projectSelection .uoGiving__projectSelectionFilter p{margin-bottom:20px}body.uottawa__giving_day .uoGiving__projectSelection .uoGiving__projectSelectionFilter select{margin-left:0;margin-bottom:0;margin-top:10px}body.uottawa__giving_day #uoGiving__projects{padding:0 18px}body.uottawa__giving_day .generalGivingFlex{padding:80px 18px;display:block}body.uottawa__giving_day .generalGivingFlex .uoGiving__donationCTA_image{width:100%}body.uottawa__giving_day .generalGivingFlex .uoGiving__donationCTA__content{width:100%}body.uottawa__giving_day .uoCopyBlock{max-width:100%;padding-top:80px}body.uottawa__giving_day .uoGiving__donationCTA__links{gap:20px}body.uottawa__giving_day .uoGiving__donationCTA__links .radioButton{width:calc(50% - 10px)}.mobile-hidden-project{display:none}.mobile-revealed-project{display:block !important}}body.uottawa__giving_day_project .en__field--comments{display:none !important}body.uottawa__giving_day_project #donationRangeError{margin:30px 0;display:none}body.uottawa__giving_day_project #donationRangeError.error_active{display:block}body.uottawa__giving_day_project .en__field--select label.fancyFocus,body.uottawa__giving_day_project .en__field--splitselect label.fancyFocus{font-size:1.2em;bottom:auto}body.uottawa__giving_day_project .donation__footer--row{max-width:100%;background-color:#2d2d2c;padding-bottom:50px}body.uottawa__giving_day_project.thank-you .thankyou__component{padding-top:120px}body.uottawa__giving_day_project.thank-you .uoCopyBlock h1{font-size:54px;font-weight:700;line-height:1.4em;letter-spacing:-0.017em;text-align:left;text-decoration-skip-ink:none}@media screen and (max-width: 601px){body.uottawa__giving_day_project.thank-you .uoCopyBlock h1{font-size:40px}}body.uottawa__giving_day_project .en__field--anonymous-gift{border-top:1px solid #c8c9c7;padding-top:40px;border-bottom:1px solid #c8c9c7;padding-bottom:40px;margin-bottom:40px}body.uottawa__giving_day_project .donation__header--row{background:none !important}@media screen and (max-width: 501px){body.uottawa__giving_day_project .en__component--row.donation__hero--row{display:flex;flex-direction:column-reverse}body.uottawa__giving_day_project .en__component--row.donation__hero--row .en__component--column--2{height:45vh}body.uottawa__giving_day_project .en__component--row.donation__hero--row .en__component--column--1{height:auto}body.uottawa__giving_day_project .uoGiving__projectHeader h2{font-size:32px;line-height:1em;margin-bottom:32px}body.uottawa__giving_day_project .component__hero-image:before{display:none}body.uottawa__giving_day_project .uoGiving__thermometer{padding-top:4em}body.uottawa__giving_day_project .uoGiving__thermometer .uoThermometerGoal{position:absolute;left:50%;transform:translateX(-50%);top:-2em}body.uottawa__giving_day_project .en__field--NOT_TAGGED_1 .en__field__element--radio .en__field__item{width:100%;margin-bottom:20px}body.uottawa__giving_day_project .en__component--formblock .en__field.en__field--firstName,body.uottawa__giving_day_project .en__component--formblock .en__field.en__field--lastName{width:100%}body.uottawa__giving_day_project .donationColumn .en__component h1{font-size:40px;line-height:1.06em}body.uottawa__giving_day_project .en__component.en__component--copyblock .image100 img{width:100%}body.uottawa__giving_day_project .uoGiving__countdown.image100{display:block;width:100% !important;max-width:100% !important;height:auto !important}body.uottawa__giving_day_project .donationColumn{padding:40px 18px}body.uottawa__giving_day_project .uoCopyBlock h2.subText{font-size:14px;font-weight:500;line-height:16.42px;letter-spacing:.1em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}body.uottawa__giving_day_project .mobile__page-4{display:none !important}body.uottawa__giving_day_project .uo__form-details.mobile__page-4{display:block !important}body.uottawa__giving_day_project #paymentButtons .paymentButton{width:100%}}#js-back-to-priorities{position:fixed;bottom:84px;right:20px;z-index:100;text-decoration:none;background-color:#fff;display:inline-block;font-weight:600;padding:16px 20px 16px 20px;border-radius:300px;border:1px solid #8f001a;transition:.3s;transform:translateY(20px);opacity:0;pointer-events:none}#js-back-to-priorities.active-btt{opacity:1;transform:translateY(0);pointer-events:all}#js-back-to-priorities.active-btt:hover{transform:translateY(-10px)}@media screen and (max-width: 750px){#js-back-to-priorities .desktop{display:none}#js-back-to-priorities{padding:7px 3px 7px 10px;border-radius:4px}#js-back-to-priorities i{font-size:24px;font-weight:700}}.rollCallWrapper{background-color:#f9f9f9;border:1px solid #f2f2f2;border-radius:20px;padding:20px 24px;box-sizing:border-box;max-width:500px;margin-left:3em}.rollCallWrapper h3{margin:0 0 12px 0;font-size:18px;font-weight:600;color:#2d2d2c}.js-rollCallComponent{width:100%}.rollCall__viewport{position:relative;overflow:hidden;width:100%;height:352px;-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 12%, #000 88%, transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 12%, #000 88%, transparent 100%)}.rollCall__list{list-style:none;margin:0;padding:0;animation:rollCallScroll var(--donor-scroll-duration, 30s) linear infinite}.rollCall__list:hover{animation-play-state:paused}.rollCall__item{height:44px;display:flex;align-items:center;padding:0 4px;margin:0;border-bottom:1px solid rgba(45,45,44,.08)}.rollCall__item:last-child{border-bottom:none}.rollCall__item p{margin:0;font-size:14px;line-height:1.4;color:#2d2d2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.rollCall__item p>strong:first-child{color:#8f001a;font-weight:600;margin-right:4px}.rollCall__item p>strong:last-child{color:#2d2d2c;font-weight:700;margin-left:4px}@keyframes rollCallScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}}@media(max-width: 980px){.countdownFlex:has(.rollCallWrapper){flex-direction:column}.rollCallWrapper{max-width:500px;width:100%;margin:0 auto !important}}