/**/.graphicWidget{width:200px;height:200px;margin:10px auto;text-align:center}.graphicWidget svg.svg{width:100%;height:100%;color:#000;fill:#000}.graphicWidgetV2{width:60px;height:60px}.graphicWidgetV3{font-size:0}/**/.hamburgerButton{display:block;background-color:transparent;border:0;padding:0;margin:0}.hamburgerButton,.hamburgerButton svg{width:100%;height:100%}/**/.dmNewParagraph[data-version] .text-align-left{text-align:left!important}.dmNewParagraph[data-version] .text-align-center{text-align:center!important}.dmNewParagraph[data-version] .text-align-right{text-align:right!important}
.dmNewParagraph[data-version] .text-align-justify{text-align:justify!important}.dmNewParagraph[data-version] .ql-indent-1{padding:0 1em;padding-inline-end:0;padding-inline-start:3em}.dmNewParagraph[data-version] .ql-indent-2{padding:0 2em;padding-inline-end:0;padding-inline-start:6em}
.dmNewParagraph[data-version] .ql-indent-3{padding:0 3em;padding-inline-end:0;padding-inline-start:9em}.dmNewParagraph[data-version] .ql-indent-4{padding:0 4em;padding-inline-end:0;padding-inline-start:12em}
.dmNewParagraph[data-version] .ql-indent-5{padding:0 5em;padding-inline-end:0;padding-inline-start:15em}.dmNewParagraph[data-version] .ql-indent-6{padding:0 6em;padding-inline-end:0;padding-inline-start:18em}
.dmNewParagraph[data-version] .ql-indent-7{padding:0 7em;padding-inline-end:0;padding-inline-start:21em}.dmNewParagraph[data-version] .ql-indent-8{padding:0 8em;padding-inline-end:0;padding-inline-start:24em}
.dmNewParagraph[data-version] .ql-indent-9{padding:0 9em;padding-inline-end:0;padding-inline-start:27em}.dmNewParagraph[data-version]{line-height:initial}.dmNewParagraph[data-version] [class*=size-]{width:auto!important;height:auto!important}
.dmNewParagraph[data-version] h1,.dmNewParagraph[data-version] h2,.dmNewParagraph[data-version] h3,.dmNewParagraph[data-version] h4,.dmNewParagraph[data-version] h5,.dmNewParagraph[data-version] h6,.dmNewParagraph[data-version] ol,.dmNewParagraph[data-version] p,.dmNewParagraph[data-version] ul{margin-top:0;margin-bottom:0}
.dmNewParagraph[data-version] ol,.dmNewParagraph[data-version] ul{padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.dmNewParagraph[data-version] ol>li,.dmNewParagraph[data-version] ul>li{list-style-type:none;text-indent:-1.5em;margin:0 1em;margin-inline-end:0;margin-inline-start:2em}
.dmNewParagraph[data-version] ol>li:before,.dmNewParagraph[data-version] ul>li:before{min-width:1em;display:inline-block;margin-right:.5em;margin-inline-start:0;margin-inline-end:.5em;text-align:right;text-align:end}
.dmNewParagraph[data-version] ul .ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-1}.dmNewParagraph[data-version] ul .ql-indent-1:before{font-weight:700;content:"○"}
.dmNewParagraph[data-version] ul .ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-2}.dmNewParagraph[data-version] ul .ql-indent-2:before,.dmNewParagraph[data-version] ul .ql-indent-3:before,.dmNewParagraph[data-version] ul .ql-indent-4:before,.dmNewParagraph[data-version] ul .ql-indent-5:before,.dmNewParagraph[data-version] ul .ql-indent-6:before,.dmNewParagraph[data-version] ul .ql-indent-7:before,.dmNewParagraph[data-version] ul .ql-indent-8:before,.dmNewParagraph[data-version] ul .ql-indent-9:before{font-weight:700;content:"■"}
.dmNewParagraph[data-version] ul .ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-3}.dmNewParagraph[data-version] ul .ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9;counter-increment:list-4}
.dmNewParagraph[data-version] ul .ql-indent-5{counter-reset:list-6 list-7 list-8 list-9;counter-increment:list-5}.dmNewParagraph[data-version] ul .ql-indent-6{counter-reset:list-7 list-8 list-9;counter-increment:list-6}
.dmNewParagraph[data-version] ul .ql-indent-7{counter-reset:list-8 list-9;counter-increment:list-7}.dmNewParagraph[data-version] ul .ql-indent-8{counter-reset:list-9;counter-increment:list-8}.dmNewParagraph[data-version] ul .ql-indent-9{counter-reset:list-10 list-9;counter-increment:list-9}
.dmNewParagraph[data-version] ul>li:before{font-weight:700;content:"•";font-family:Arial}.dmNewParagraph[data-version] ul.custom-list-1>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"○";transform:scale(1);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-2>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"★";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-3>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"➞";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-4>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"＋";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-5>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"－";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-6>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"✓";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-7>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"✗";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ol .ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-1}.dmNewParagraph[data-version] ol .ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-2}.dmNewParagraph[data-version] ol .ql-indent-2:before{content:counter(list-2,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-3}.dmNewParagraph[data-version] ol .ql-indent-3:before{content:counter(list-3,decimal) ". "}
.dmNewParagraph[data-version] ol .ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9;counter-increment:list-4}.dmNewParagraph[data-version] ol .ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-5{counter-reset:list-6 list-7 list-8 list-9;counter-increment:list-5}.dmNewParagraph[data-version] ol .ql-indent-5:before{content:counter(list-5,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-6{counter-reset:list-7 list-8 list-9;counter-increment:list-6}.dmNewParagraph[data-version] ol .ql-indent-6:before{content:counter(list-6,decimal) ". "}
.dmNewParagraph[data-version] ol .ql-indent-7{counter-reset:list-8 list-9;counter-increment:list-7}.dmNewParagraph[data-version] ol .ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-8{counter-reset:list-9;counter-increment:list-8}.dmNewParagraph[data-version] ol .ql-indent-8:before{content:counter(list-8,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-9{counter-reset:list-10 list-9;counter-increment:list-9}.dmNewParagraph[data-version] ol .ql-indent-9:before{content:counter(list-9,decimal) ". "}
.dmNewParagraph[data-version] ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.dmNewParagraph[data-version] ol li:before{content:counter(list-0,decimal) ". "}
.dmNewParagraph[data-version] a{vertical-align:initial}@media(min-width:768px) and (max-width:1024px){.dmNewParagraph[data-version] .t-text-align-left{text-align:left!important}.dmNewParagraph[data-version] .t-text-align-center{text-align:center!important}
.dmNewParagraph[data-version] .t-text-align-right{text-align:right!important}.dmNewParagraph[data-version] .t-text-align-justify{text-align:justify!important}}@media(max-width:767px){.dmRoot .dmNewParagraph[data-version] .m-text-align-left{text-align:left!important}
.dmRoot .dmNewParagraph[data-version] .m-text-align-center{text-align:center!important}.dmRoot .dmNewParagraph[data-version] .m-text-align-right{text-align:right!important}.dmRoot .dmNewParagraph[data-version] .m-text-align-justify{text-align:justify!important}
}.inlineBindingLink{color:inherit!important;text-decoration:inherit!important}/**/.imageWidget{position:relative}.imageWidget a,.imageWidget span.image-caption{font-style:italic;text-align:center}.imageWidget a[data-caption]::after,.imageWidget span[data-caption]::after{content:attr(data-caption);display:block;line-height:100%}
.imageWidget.with-caption a::after,.imageWidget.with-caption span.image-caption::after{margin-top:12px}.imageWidget img[width][height]{height:auto}[data-flex-site] #fcontainer .imageWidget:after,[data-flex-site] #flex-footer .imageWidget:after,[data-flex-site] #flex-header .imageWidget:after{content:none}
[data-flex-site] #fcontainer .imageWidget:before,[data-flex-site] #flex-footer .imageWidget:before,[data-flex-site] #flex-header .imageWidget:before{font-size:80px;transform:none}.imageWidget.hover img.hover-image,.imageWidget:hover img.hover-image{display:initial}
.imageWidget.hover.hasHover img:not(.hover-image),.imageWidget:hover.hasHover img:not(.hover-image){display:none!important}.imageWidget img.hover-image,.imageWidget img.logo-on-scroll{display:none}
/* Custom Widgets Styles */
.uqlDivider {
  width: 2px;
  height: 20px;
  background-color: #fff;
  margin-right: 10px;
  margin-left: 10px;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

.uqlMainContainer {
  display: none;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: #000;
  border-radius: 0px;
  transition: background ease-in 500ms;
  height: 100% !important;
  min-width: 150px;
}

.uqlLoginBtn, .uqlRegisterBtn, .uqlLoginBtnActive, .uqlRegisterBtnActive {
  padding: 10px;
}

.uqlItemContainer {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 100%;
  cursor: pointer;
  color: #fff !important;
  height: 100% !important;
}

.uqlItem {
  display: flex;
  text-align: center !important;
  flex: 1;
  color: #fff;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.uqlItem > a, .uqlLoggedInItemsContainer > a {
  text-decoration: none !important;
}

.uqlHideLink {
  display: none !important;
}

.uqlItem.loggedInContainer, .uqlItem.registerContainer {
  position: relative;
  box-sizing: border-box;
  width: 100%;
}

.uqlLoggedInItemsContainer {
  position: absolute;
  display: flex;
  flex-direction: column;
  background: #fff;
  width: 100%;
  border: 1px solid #000;
  border-radius: 0px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  padding: 15px;
  text-align: left;
  z-index: 99;
  left: 0 !important;
}

a.uqlLoginBtn {
  display: flex;
  width: 100%;
  color: #fff !important;
  height: 100%;
  justify-content: center;
  align-items: center;
}

a.uqlRegisterBtn {
  display: flex;
  width: 100%;
  color: #fff !important;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.uqlLinksContainer {
  display: flex;
  flex-direction: column;
  text-decoration: none !important;
}

.uqlLink {
  text-decoration: none;
}

.uqlLinkShow {
  display: block !important;
}

.uqlProfileContainer {
  display: flex;
  flex-direction: row !important;
  width: 100%;
  position: relative;
}

.boardy-caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 10px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

img.uqprofilePic {
  width: 30px;
  height: 30px;
  max-width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  object-fit: cover;
  margin-right: 10px;
}

.uqlProfileContainer > * {
  display: flex;
  justify-content: center;
  align-items: center;
}

span.uqlCandidateInfo {
  color: #FFF;
  width: 100% !important;
}

a.uqlLink {
  cursor: pointer;
  -webkit-text-fill-color: #333;
}

a.uqlLink:hover {
  color: #333333;
}

.login-dialog .dialog .field-set .field button {
  border: none !important;
}

.widget-7ff617{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
}
.btnWrapper{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    width:850px;
    height:60px;
    min-width:100px;
    min-height:30px;
    background-color:#333;
    border:2px solid #111;
    padding:10px 15px;
}
.btnWrapper a{
    text-decoration:none;
    color:#fff;
}
/* 2D EFFECTS */
/* Grow */
.grw {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.grw:hover, .grw:focus, .grw:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/* Shrink */
.shr {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.shr:hover, .shr:focus, .shr:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
/* Pulse */
@-webkit-keyframes pul {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes pul {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.pul {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.pul:hover, .pul:focus, .pul:active {
  -webkit-animation-name: pul;
  animation-name: pul;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
/* Pulse Grow */
@-webkit-keyframes plg {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes plg {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.plg {
   
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.plg:hover, .plg:focus, .plg:active {
  -webkit-animation-name: plg;
  animation-name: plg;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Pulse Shrink */
@-webkit-keyframes pls {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes pls {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.pls {
   
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.pls:hover, .pls:focus, .pls:active {
  -webkit-animation-name: pls;
  animation-name: pls;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Push */
@-webkit-keyframes pus {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pus {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.pus {
   
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.pus:hover, .pus:focus, .pus:active {
  -webkit-animation-name: pus;
  animation-name: pus;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Pop */
@-webkit-keyframes pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.pop {
   
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.pop:hover, .pop:focus, .pop:active {
  -webkit-animation-name: pop;
  animation-name: pop;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Bounce In */
.bin {
   
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.bin:hover, .bin:focus, .bin:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Bounce Out */
.bot{
   
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.bot:hover, .bot:focus, .bot:active {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Rotate */
.rtt {
   
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.rtt:hover, .rtt:focus, .rtt:active {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}

/* Grow Rotate */
.grt {
   
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.grt:hover, .grt:focus, .grt:active {
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg);
}

/* Float */
.flo {
   
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.flo:hover, .flo:focus, .flo:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

/* Sink */
.sin {
   
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.sin:hover, .sin:focus, .sin:active {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

/* Bob */
@-webkit-keyframes bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
.bob {
   
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.bob:hover, .bob:focus, .bob:active {
  -webkit-animation-name: bob-float, bob;
  animation-name: bob-float, bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Hang */
@-webkit-keyframes han {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes han {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@-webkit-keyframes han-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes han-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
.han {
   
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.han:hover, .han:focus, .han:active {
  -webkit-animation-name: han-sink, han;
  animation-name: han-sink, han;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Skew */
.ske {
   
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.ske:hover .buttonText, .ske:focus .buttonText, .ske:active .buttonText{
      -webkit-transform: skew(10deg) !important;
  transform: skew(10deg) !important;
}
.ske:hover, .ske:focus, .ske:active {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}

/* Skew Forward */
.ske-forward {
   
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.ske-forward:hover, .ske-forward:focus, .ske-forward:active {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}

/* Skew Backward */
.sbd {
   
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.sbd:hover, .sbd:focus, .sbd:active {
  -webkit-transform: skew(10deg);
  transform: skew(10deg);
}

/* Wobble Vertical */
@-webkit-keyframes wov {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes wov {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.wov {
   
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.wov:hover, .wov:focus, .wov:active {
  -webkit-animation-name: wov;
  animation-name: wov;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Horizontal */
@-webkit-keyframes woh {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes woh {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.woh {
   
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.woh:hover, .woh:focus, .woh:active {
  -webkit-animation-name: woh;
  animation-name: woh;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble To Bottom Right */
@-webkit-keyframes wbr {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes wbr {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.wbr {
   
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.wbr:hover, .wbr:focus, .wbr:active {
  -webkit-animation-name: wbr;
  animation-name: wbr;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble To Top Right */
@-webkit-keyframes wtr {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }
  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes wtr {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }
  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.wtr {
   
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.wtr:hover, .wtr:focus, .wtr:active {
  -webkit-animation-name: wtr;
  animation-name: wtr;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Top */
@-webkit-keyframes wot {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes wot {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
.wot {
   
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.wot:hover, .wot:focus, .wot:active {
  -webkit-animation-name: wot;
  animation-name: wot;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Bottom */
@-webkit-keyframes wob {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes wob {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
.wob {
   
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.wob:hover, .wob:focus, .wob:active {
  -webkit-animation-name: wob;
  animation-name: wob;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Skew */
@-webkit-keyframes wos {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes wos {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
.wos {
   
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.wos:hover, .wos:focus, .wos:active {
  -webkit-animation-name: wos;
  animation-name: wos;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Buzz */
@-webkit-keyframes buz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes buz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
.buz {
   
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.buz:hover, .buz:focus, .buz:active {
  -webkit-animation-name: buz;
  animation-name: buz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Buzz Out */
@-webkit-keyframes boz {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes boz {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.boz {
   
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.boz:hover, .boz:focus, .boz:active {
  -webkit-animation-name: boz;
  animation-name: boz;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Forward */
.fwd {
   
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.fwd:hover, .fwd:focus, .fwd:active {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}

/* Backward */
.bwd{
   
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.bwd:hover, .bwd:focus, .bwd:active {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}

/*Error Message*/
.buttonErrorMsg {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    border-radius: 8px;
    width:100%;
    max-width: 200px;
    margin: 0 auto;
    background-color: #f27255!important;
    transition:all .15s;
}
.buttonErrorMsg:hover{
    background-color: #DC502F!important;
}
.buttonErrorMsg a{
    color: #fff!important;
    text-decoration:none!important;
    font-size:15px !important;
}
.errMsgCont{
    position:relative;
    display:block;
    width:100%;
    height:auto;
    line-height:normal;
    font-size:20px;
    text-align:center;
}

.upload-dialog .editor-only {
  display: none;
  background: #dedede;
  color: black;
  border: 0px solid black;
  padding: 10px;
}

.upload-dialog .editor-only {
  display: none;
}

.upload-dialog .hidden {
  display: none !important;
}

.login-dialog .widget-title {
  display: inline-block;
  color: #666;
  background: rgba(223, 223, 223, 0.4392156863);
  font-size: 12px;
  border: 1px solid #666;
  border-radius: 10px;
  padding: 5px;
}

.upload-dialog .dialog {
  position: fixed;
  display: flex;
  justify-content: var(--shaz-dialog-placement);
  align-items: center;
  z-index: 120;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.upload-dialog .dialog {
  flex-direction: column;
  padding: 50px 20px;
  box-sizing: border-box;
  box-shadow: 1px 1px 5px 5px rgba(0, 0, 0, 0.1);
}

.upload-dialog .dialog .tab-bar {
  display: flex;
  border-top-right-radius: var(--shaz-tab-bar-corner-radius);
  border-top-left-radius: var(--shaz-tab-bar-corner-radius);
}

.upload-dialog .dialog .tab-bar .button-tab {
  width: 100%;
  padding: 20px;
  border-left: 3px solid #666;
  border-right: 0px solid #666;
  background: transparent;
  border-top-right-radius: var(--shaz-tab-bar-corner-radius);
}

.upload-dialog .dialog .tab-bar .button-tab:first-child {
  border-left: 0px;
  border-top-left-radius: var(--shaz-tab-bar-corner-radius);
  border-top-right-radius: 0px;
}

.upload-dialog .dialog .tab-bar .button-tab.active {
  font-weight: 500;
  font-size: 1.1em;
  color: #4d7cbe;
  border-left-color: #4d7cbe;
}

.upload-dialog .dialog .tab-bar .button-tab.active:first-child {
  border-right: 1px solid #4d7cbe;
}

.upload-dialog .dialog .tab-content {
  padding: 0px 20px;
  min-width: 300px;
}

.upload-dialog .dialog .file-button {
  position: relative;
  display: inline-block;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  overflow: hidden;
}

.upload-dialog .dialog .file-button.drop {
  background: rgba(0, 0, 0, 0.3764705882);
}

.upload-dialog .dialog .file-button img {
  width: 100%;
  bacground-size: cover;
}

.upload-dialog .dialog .file-button input[type=file] {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  opacity: 0;
  cursor: pointer;
}

.upload-dialog .dialog .text-file-name {
  text-align: left;
  color: #666;
}

.upload-dialog .dialog .text-file-name .item-file {
  position: relative;
  display: flex;
  align-items: center;
  background: #f2f2f2;
  margin: 5px;
  height: 30px;
}

.upload-dialog .dialog .text-file-name .item-file .text {
  padding: 5px;
  margin-right: 30px;
  white-space: nowrap;
  overflow: hidden;
}

.upload-dialog .dialog .text-file-name .item-file .action-remove {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0px;
  right: 0px;
  background: #d8d8d8;
  padding: 5px;
  font-family: Arial;
  font-size: 0.7em;
  font-weight: bold;
  color: red;
  cursor: pointer;
}

.upload-dialog .dialog .label-field {
  display: block;
  text-align: left;
  margin: 0px 20px;
}

.upload-dialog .dialog .text-file-name .item-file .action-remove .text {
  display: inline-block;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

.upload-dialog .dialog .file-collection .item-file {
  display: block;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #666;
  background: transparent;
  text-align: left;
  font-size: 1.25em;
  color: #4d7cbe;
  cursor: pointer;
}

.upload-dialog .dialog .section-buttons {
  display: flex;
  justify-content: space-between;
  margin: 0px 20px;
}

.upload-dialog .content {
  position: relative;
  display: block;
  background-color: #fff;
  box-sizing: border-box;
  box-shadow: 1px 1px 5px 5px rgba(0, 0, 0, 0.1);
  max-width: 500px;
}

.upload-dialog .section-buttons .button-add-file,
.upload-dialog .button-save-file,
.upload-dialog .button-cancel-save-file {
  display: flex;
  position: relative;
  width: 100%;
  height: 40px;
  background: black;
  color: white;
  font-family: inherit;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  margin: 20px 5px;
  justify-content: center;
  align-items: center;
}

.upload-dialog .widget-title {
  display: inline-block;
  color: #666;
  background: rgba(223, 223, 223, 0.4392156863);
  font-size: 12px;
  border: 1px solid #666;
  border-radius: 10px;
  padding: 5px;
}

.upload-dialog .button-save-file {
  background: var(--shaz-button-submit-background);
}

.upload-dialog .button-save-file.disabled {
  background: var(--shaz-button-submit-background-disabled);
  cursor: not-allowed;
}

.upload-dialog .button-cancel-save-file {
  background: var(--shaz-button-cancel-background);
}

.upload-dialog .button-cancel-save-file.disabled {
  background: var(--shaz-button-cancel-background-disabled);
  cursor: not-allowed;
}

.site-config .editor-only {
  display: none;
}

.site-config .hidden {
  display: none !important;
}

.site-config .dialog {
  position: fixed;
  display: none;
  z-index: 120;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.site-config .editCand-uploadModal {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  z-index: 120;
  top: 0;
  left: 0;
}

.site-config .editCand-uploadModal {
  flex-direction: column;
  padding: 50px 20px;
  box-sizing: border-box;
  box-shadow: 1px 1px 5px 5px rgba(0, 0, 0, 0.1);
}

.site-config .editCand-uploadModal .tab-bar {
  display: flex;
}

.site-config .editCand-uploadModal .tab-bar .button-tab {
  width: 100%;
  padding: 20px;
  border-left: 3px solid #666;
  border-right: 0px solid #666;
}

.site-config .editCand-uploadModal .tab-bar .button-tab:first-child {
  border-left: 0px;
}

.site-config .editCand-uploadModal .tab-bar .button-tab.active {
  font-weight: 500;
  font-size: 1.1em;
  color: #4d7cbe;
  border-left-color: #4d7cbe;
}

.site-config .editCand-uploadModal .tab-bar .button-tab.active:first-child {
  border-right: 1px solid #4d7cbe;
}

.site-config .editCand-uploadModal .tab-content {
  padding: 0px 20px;
  min-width: 300px;
}

.site-config .editCand-uploadModal .file-button {
  position: relative;
  display: inline-block;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  overflow: hidden;
}

.site-config .editCand-uploadModal .file-button.drop {
  background: rgba(0, 0, 0, 0.3764705882);
}

.site-config .editCand-uploadModal .file-button img {
  width: 100%;
  bacground-size: cover;
}

.site-config .editCand-uploadModal .file-button input[type=file] {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  opacity: 0;
  cursor: pointer;
}

.site-config .editCand-uploadModal .text-file-name {
  text-align: left;
  color: #666;
}

.site-config .editCand-uploadModal .text-file-name .item-file {
  position: relative;
  display: flex;
  align-items: center;
  background: #f2f2f2;
  margin: 5px;
  height: 30px;
}

.site-config .editCand-uploadModal .text-file-name .item-file .text {
  padding: 5px;
  margin-right: 30px;
  white-space: nowrap;
  overflow: hidden;
}

.site-config .editCand-uploadModal .text-file-name .item-file .action-remove {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0px;
  right: 0px;
  background: #d8d8d8;
  padding: 5px;
  font-family: Arial;
  font-size: 0.7em;
  font-weight: bold;
  color: red;
  cursor: pointer;
}

.site-config .editCand-uploadModal .label-field {
  display: block;
  text-align: left;
  margin: 0px 20px;
}

.site-config .editCand-uploadModal .text-file-name .item-file .action-remove .text {
  display: inline-block;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

.site-config .editCand-uploadModal .file-collection .item-file {
  display: block;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #666;
  background: transparent;
  text-align: left;
  font-size: 1.25em;
  color: #4d7cbe;
  cursor: pointer;
}

.site-config .editCand-uploadModal .section-buttons {
  display: flex;
  justify-content: space-between;
  margin: 0px 20px;
}

.site-config .editCand-inputContainer {
  position: relative;
  display: block;
  background-color: #fff;
  box-sizing: border-box;
  box-shadow: 1px 1px 5px 5px rgba(0, 0, 0, 0.1);
  max-width: 500px;
}

.site-config .section-buttons .button-add-file,
.site-config .button-save-file,
.site-config .button-cancel-save-file {
  display: flex;
  position: relative;
  width: 100%;
  height: 40px;
  background: black;
  color: white;
  font-family: inherit;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  margin: 20px 5px;
  justify-content: center;
  align-items: center;
}

.site-config .widget-title {
  display: inline-block;
  color: #666;
  background: rgba(223, 223, 223, 0.4392156863);
  font-size: 12px;
  border: 1px solid #666;
  border-radius: 10px;
  padding: 5px;
}

.site-config .site-configuration-toolbar {
  position: fixed;
  right: 50px;
  top: 200px;
  background: rgba(223, 223, 223, 0.4392156863);
  color: a6a6a6;
  width: fit-content;
  z-index: 210;
}

.site-config .site-configuration-toolbar .title-bar {
  text-align: center;
  font-size: 2em;
}

.site-config .site-configuration-toolbar .button-config {
  display: block;
  background: #da38d3;
  color: white;
  padding: 10px;
  border: 0px;
  border-radius: 10px;
  margin: 5px 0px;
  width: 100%;
  text-align: center;
}

.site-config .config-dialog {
  background: #fff;
  border: 1px solid black;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 100;
  margin: auto;
}

.site-config .config-dialog .chrome {
  display: grid;
  background: #2f373a;
  padding: 10px;
  border-bottom: 1px solid #616c79;
}

.site-config .config-dialog .chrome .align-end {
  justify-self: end;
  border-left: 1px solid #616c79;
}

.site-config .config-dialog .chrome [class*=" icon-"],
.site-config .config-dialog .chrome [class^=icon-] {
  color: white;
  background: transparent;
}

.site-config .config-dialog .title {
  background: #2f373a;
  padding: 10px;
  color: white;
  font-weight: 300;
  font-family: "Poppins";
  text-transform: uppercase;
  text-align: center;
  font-size: 1em;
  margin: 0px;
  margin-bottom: 20px;
  box-shadow: inset 0 0 4px #000;
}

.site-config .config-dialog .field {
  display: block;
  font-family: Arial;
  color: black;
  text-align: left;
  margin: 20px 10px;
  width: fit-content;
}

.site-config .icon-chooser {
  height: 350px;
  width: 300px;
  background: #fff;
}

.site-config .icon-chooser .icon-name {
  font-size: 1.2em;
  font-weight: bold;
}

.site-config .icon-chooser .section-icons {
  display: block;
  width: 100%;
}

.site-config .icon-chooser .section-icons i {
  display: inline-block;
  min-width: 32px;
  min-height: 32px;
  border: 1px solid black;
  border-radius: 5px;
  padding: 3px;
  margin: 5px;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  font-size: 22px;
  color: #000;
}

.site-config .icon-chooser .button-cancel {
  width: 170px;
  height: 40px;
  background: black;
  color: white;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  margin-top: 20px;
}

.shazamme-toast {
  position: fixed;
  left: 0px;
  right: 0px;
  background: rgba(0, 0, 0, 0.5647058824);
  border-radius: 5px;
  color: white;
  font-family: Arial;
  font-size: 1.25em;
  padding: 20px;
  bottom: 10px;
  width: 90%;
  opacity: 100;
  margin: 0px auto;
  transition: opacity 1s;
  z-index: 50;
}

.shazamme-toast .close {
  position: absolute;
  top: 8px;
  right: 10px;
  background: transparent;
  color: white;
  font-size: 0.6em;
  cursor: pointer;
}

.shazamme-dialog.loading {
  display: flex;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.4392156863);
}

.shazamme-dialog.loading .dialog-content {
  display: grid;
  z-index: 210;
}

.shazamme-dialog.loading .dialog-content .title {
  background: transparent;
  padding: 20px;
  margin: 0px;
  align-self: start;
  color: transparent;
  font-weight: 500;
  align-selft: start;
}

.site-config .shazamme-dialog.loading {
  position: fixed;
}

.shazamme-dialog.alert {
  display: flex;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.4392156863);
}

.shazamme-dialog.alert .dialog-content {
  display: grid;
  background: white;
  border: 1px solid #666;
}

.shazamme-dialog.alert .dialog-content .title {
  background: #2f373a;
  padding: 20px;
  margin: 0px;
  align-self: start;
  color: white;
  font-weight: 500;
  align-selft: start;
}

.shazamme-dialog.alert .dialog-content .message {
  padding: 20px;
  text-align: left;
  color: black;
}

.shazamme-dialog.alert .dialog-content .dialog-buttons {
  align-selft: end;
  margin-bottom: 10px;
  text-align: center;
}

.shazamme-dialog.alert .dialog-content .dialog-buttons .button-main {
  background: #2f373a;
  color: white;
}

.site-config .shazamme-dialog.alert {
  position: fixed;
}

.widget-af1af0 {
  width: 100%;
}

.login-dialog .dialog-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.4392156863);
  height: 100%;
  top: 0px;
  left: 0px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: var(--shaz-align-items);
  z-index: 125;
}

.login-dialog .dialog {
  position: relatvive;
  background: #fff;
  padding: 10px;
  border: 0px solid #a6a6a6;
  border-radius: 0px;
  width: 450px;
}

.login-dialog .dialog-title {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  font-family: inherit;
  text-align: left;
  margin-left: 30px;
  margin-right: 30px;
}

.login-dialog .dialog .field-set {
  display: grid;
  position: relative;
  margin: 20px;
  grid-template-columns: 1fr 1fr;
}

.login-dialog .dialog .field-set .field {
  display: grid;
  position: relative;
  text-align: left;
  padding: 5px;
  margin: 5px;
  align-items: end;
}

.login-dialog .dialog .field-set .field.split {
  grid-template-columns: 1fr 1fr;
}

.login-dialog .dialog .field-set .field.row {
  grid-column-start: 1;
  grid-column-end: 3;
}

.login-dialog .dialog .field-set .field.inline {
  grid-template-columns: auto auto;
  justify-content: start;
  align-items: center;
}

.login-dialog .dialog .field-set .field label {
  font-weight: normal;
  font-size: 16px;
  font-family: inherit;
  margin-right: 10px;
  color: #333;
}

.login-dialog .dialog .field-set .field button {
  display: inline-block;
  text-align: left;
  background: none;
  height: 20px;
  width: 100%;
}

.login-dialog .dialog .field-set .field input,
.login-dialog .dialog .field-set .field select {
  display: block;
  padding: 5px;
  border: 1px solid #a6a6a6;
  border-radius: 0px;
  width: 100%;
  background: none;
  font-weight: normal;
  font-size: 16px;
  font-family: inherit;
  margin-right: 10px;
  color: #333;
}

.login-dialog .dialog .field-set .field input[type=checkbox] {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin-right: 10px;
}

.login-dialog .dialog .field-set .field-button {
  cursor: pointer;
}

.login-dialog .dialog .field-set .field-separator {
  grid-column-start: 1;
  grid-column-end: 3;
  margin: 10px 0px;
  border-bottom: 1px solid #a6a6a6;
}

.login-dialog .dialog .field-set .field .field-title {
  font-weight: normal;
  font-size: 16px;
  font-family: inherit;
  margin-right: 10px;
  color: #333;
  margin: 10px;
}

.login-dialog .dialog .field-set .field .field-description {
  margin: 10px;
  font-weight: normal;
  font-size: 16px;
  font-family: inherit;
  margin-right: 10px;
  color: #333;
}

.login-dialog .dialog .field-set .field button[type=file] {
  padding: 10px;
  color: #333;
  text-decoration: underline;
  cursor: pointer;
  background: none;
  border: 0px;
}

.login-dialog .dialog .button-set {
  display: flex;
  align-items: var(--shaz-align-items);
  justify-content: var(--shaz-justify-content);
  place-content: space-around;
  grid-column-start: 1;
  grid-column-end: 3;
  padding: 3px 0px;
}

.login-dialog .password-toggle {
  display: inline-block;
  position: absolute;
  bottom: 0px;
  right: 0px;
  margin: 10px;
  cursor: pointer;
  width: 22px;
  height: 22px;
  color: #666;
}

.login-dialog .button-submit {
  padding: 20px;
  background: #333;
  border: none;
  color: white;
  margin: 0px 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 54px;
  text-align: center !important;
}

.dialog .field-set .button-submit {
  padding: 20px;
  background: #333;
  border: none;
  color: white;
  margin: 0px 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 54px;
  text-align: center !important;
}

.login-dialog .button-close {
  font-family: Arial;
  border: 1px solid #dfdfdf;
  width: 32px;
  height: 32px;
  font-size: 0.78em;
  cursor: pointer;
  background: transparent;
}

.login-dialog .button-dismiss {
  display: flex;
  padding: 20px;
  background: #333;
  border: none;
  color: white;
  margin: 0px 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 54px;
  text-align: center !important;
}

.dialog .field-set .button-dismiss {
  padding: 20px;
  background: #333;
  border: none;
  color: white;
  margin: 0px 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 54px;
  text-align: center !important;
}

.cancelXPosition {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
}

.cancelXPosition .button-dismiss-x {
  padding: 5px;
  border: 0px solid #333;
  background: white;
  color: #333;
  text-transform: uppercase;
  margin: 10px 10px;
  width: 10px;
  height: 10px;
  text-align: center !important;
  Font-size: 20px;
  font-weight: bold;
  font-family: inherit;
}

.login-dialog .button-icon {
  padding: 3px;
  margin: 0px 5px;
  color: black;
  font-size: 32px;
  background: none;
  border: 0px;
}

.login-dialog .button-icon.disabled {
  opacity: 0.3;
}

.login-dialog .hidden {
  display: none !important;
}

.login-dialog .editor-only {
  display: none;
  background: #dedede;
  color: black;
  border: 0px solid black;
  padding: 10px;
}

.login-dialog .widget-title {
  display: inline-block;
  color: #666;
  background: rgba(223, 223, 223, 0.4392156863);
  font-size: 12px;
  border: 1px solid #666;
  border-radius: 10px;
  padding: 5px;
}

/*Begin Nexus Styling*/
.dialog.nexus {
  width: 530px;
}

.nexus .title {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  font-family: inherit;
  text-align: left;
  margin-left: 0px;
  margin-right: 0px;
  text-align: center;
  padding: 10px;
  margin-bottom: 15px;
}

.nexus-auth {
  background: #efefef;
  border-style: solid;
  border-width: 0px;
  border-color: none;
  color: #333;
  width: inherit;
  height: 54px;
  width: 155px;
  text-align: center;
  font-family: inherit;
  font-size: 14px;
}

.field-checkbox {
  margin: 0px 20px 0px 20px;
  padding: 5px 0px 5px 0px;
  grid-template-columns: 1fr;
  text-align: left;
  color: #333;
  font-family: inherit;
  font-size: 16px;
}

.field-checkbox label {
  margin: 0px 20px 0px 20px;
  padding: 10px 0px 10px 0px;
  display: flex;
  vertical-align: middle;
}

.field-checkbox input[type=checkbox] {
  margin-right: 5px;
}

.dialog .nexus .button-set .span text {
  vertical-align: middle;
}