/**/.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}/**/.hamburgerButton{display:block;background-color:transparent;border:0;padding:0;margin:0}.hamburgerButton,.hamburgerButton svg{width:100%;height:100%}/**/.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}
/* 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;
}

.mainSearchContainer {
  position: relative;
  display: flex;
  flex-direction: row;
  box-sizing: border-box !important;
  padding: 10px;
  width: 100%;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}

.flex-items-js {
  flex: 1;
  margin: 5px;
  box-sizing: border-box;
  position: relative;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  font-family: inherit;
  align-self: center;
}

.flex-items-js input, .flex-items-js select, .flex-items-js .searchBtn {
  width: 100%;
  position: relative;
  height: 40px !important;
  box-sizing: border-box !important;
  padding: 5px;
  background: #fff !important;
  border: 1px solid #000 !important;
  font-family: inherit;
}

.mainSearchContainer .flex-items-js .split {
  display: flex;
  flex-direction: row;
}

.mainSearchContainer .flex-items-js .split input, .mainSearchContainer .flex-items-js .split select {
  margin: 0px 5px;
}

.mainSearchContainer .flex-items-js .split select {
  width: auto;
  background: #fff !important;
  border: 1px solid #000 !important;
  font-family: inherit;
}

input.jobSearch::placeholder, input.locationSearch::placeholder, input.citySearch::placeholder, input#geoSearch::placeholder {
  color: #000;
}

input .geoSearch {
  width: 100%;
}

select .geoRange {
  width: 50px;
}

input#searchBox, select#jobCategories, select#location {
  padding-left: 15px !important;
}

/* APPEARS TO CONFLICT WITH EXISTING STYLE SHEET
#jobCategories{
    position: relative;
    box-sizing:border-box !important;
  -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none; 
}
*/
.searchBtn {
  cursor: pointer;
  border: 1px solid #000;
  margin: 3px 0px 3px 0px;
  font-family: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}

.predictionResult, .predictionResultLocation, .predictionResultCity, .predictionResultCountry {
  position: absolute;
  top: 100%;
  width: 100%;
  border: 1px solid;
  display: none;
  flex-direction: column;
  overflow-y: auto;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px 0px;
  height: auto !important;
  z-index: 9;
  background: #fff !important;
  padding: 10px 20px 20px 20px;
  text-align: left;
  font-family: inherit;
}

.resultText {
  display: block;
  color: #000;
  text-decoration: none;
}

.resultText.close {
  text-align: right;
  font-size: 0.7em;
}

.predictionResult::-webkit-scrollbar {
  width: 5px !important;
  background-color: #fff !important;
}

.predictionResult::-webkit-scrollbar-thumb {
  border-radius: 10px !important;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
  background-color: #d2d2d2 !important;
}

.flex-items-js label {
  display: inline-block;
  box-sizing: border-box;
  border: 0 !important;
  text-align: left !important;
  margin-bottom: 5px;
  width: 100% !important;
  font-family: inherit;
}

.shmSpacer {
  display: block;
  box-sizing: border-box;
  margin-bottom: 5px;
  border: 0;
  opacity: 0;
  margin-bottom: 25px;
}

#jsBtnLabel {
  opacity: 0 !important;
}

.columnLayout {
  display: flex;
  flex-direction: column !important;
  align-items: flex-start;
}

.columnLayout .flex-items-js {
  width: 100%;
}

.columnLayoutVertical {
  display: flex;
  flex-direction: column !important;
  align-items: flex-start;
}

.columnLayoutVertical .flex-items-js {
  width: 100%;
}
@media (max-width: 767px) { .mainSearchContainer {
  display: block;
}

.searchBtn {
  margin: 0px !important;
}
 }
.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-4e189c {
  width: 100%;
}

.shmMainContainer {
  display: flex;
  justify-content: space-between;
  color: #333;
  padding-top: 20px;
  width: 99%;
  height: 99%;
}

.shmFiltersContainer {
  background: none;
  padding: 10px;
}

.shmResultCount {
  font-weight: bold;
  line-height: normal;
  color: #333;
}

.shmResultCount > span {
  line-height: normal;
}

.hide {
  display: none;
}

.shmMainContainer .stack {
  display: flex;
  white-space: nowrap;
  align-items: center;
}

.toolbar-main {
  display: flex;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  background: #333;
  color: white;
  justify-content: space-between;
  align-items: center;
  padding: 5px 10px;
  z-index: 12;
}

.toolbar-main.pinned {
  position: fixed;
}

.toolbar-main .button-toolbar {
  width: 32px;
  height: 32px;
  margin: 5px;
  background: transparent;
  border: 1px solid white;
  color: inherit;
  vertical-align: middle;
  text-align: center;
}

.toolbar-main .button-toolbar:before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
}

.toolbar-main .button-toolbar.filter {
  width: auto;
}

.toolbar-main .button-toolbar.favorite::before {
  content: var(--shaz-icon);
}

.toolbar-main .button-toolbar.alert::before {
  content: var(--shaz-icon);
}

.toolbar-main .button-toolbar.sort::before {
  content: var(--shaz-icon);
}

/* RESULTS */
.shmSearchResults,
.shmSearchMapResults {
  margin-top: 20px;
}

/* == Toobar -- Start == */
.section-tool-bar.desktop {
  justify-content: right;
  padding-top: 20px;
  padding-bottom: 10px;
}

.section-tool-bar .button-toggle-view {
  display: inline-block;
  margin: 0px 3px;
  cursor: pointer;
}

.section-tool-bar .button-toggle-view .icon-toggle {
  display: inline-block;
  width: var(--shazamme-icon-size);
  height: var(--shazamme-icon-size);
  margin: 5px;
  vertical-align: middle;
}

.section-tool-bar .button-toggle-view .icon-toggle svg {
  width: 100%;
}

.section-tool-bar .button-toggle-view .icon-toggle .active {
  display: none;
}

.section-tool-bar .button-toggle-view.active .icon-toggle .active {
  display: inline-block;
}

.section-tool-bar .button-toggle-view.active .icon-toggle .inactive {
  display: none;
}

button .toggle .results {
  max-width: 100px !important;
  min-width: 60px !important;
}

/* == Toobar -- End == */
/* == Standard Layout -- Start == */
.shmJobResultStd {
  position: relative;
  padding: 20px !important;
  border: 0px solid #333;
  margin: 10px 0;
  border-radius: 0px;
  transition: all 0.25s;
  min-height: 100px;
  padding: 10px;
  width: 100%;
  background-color: #ececec;
  grid-column-start: 1;
  grid-column-end: 4;
}

*#dm *.dmBody .shmResultView .shmJobResultStd:hover {
  background: var(--shaz-hover-color) !important;
}

.shmJobResultStd .shmJobItemUpper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  align-content: flex-start;
}

.shmJobResultStd .shmCTA {
  display: flex;
  margin-bottom: 5px;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: end;
}

.shmTimePostedText {
  text-align: left;
}

.shmResultView .shmJobResultStd .shmCTA .shmSaveJob,
.shmResultView .shmJobResultStd .shmCTA .shmSendEmail {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  color: #333;
  fill: #333;
  text-align: left;
  white-space: nowrap;
  padding: 0px 0px;
  vertical-align: middle;
  border: 0px solid #333;
  text-transform: var(--shaz-email-save-uppercase) !important;
}

.shmResultView .shmJobResultStd .shmCTA .shmSendEmail {
  margin-bottom: 1px;
}

*#dm *.dmBody .shmResultView .shmJobResultStd .shmCTA .shmSaveJob:hover {
  color: var(--shaz-hover-color) !important;
  fill: var(--shaz-hover-color) !important;
}

*#dm *.dmBody .shmResultView .shmJobResultStd .shmCTA .shmSendEmail:hover {
  color: var(--shaz-hover-color) !important;
  fill: var(--shaz-hover-color) !important;
}

.shmJobResultStd .icon-action {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  margin: 0px 6px;
  fill: currentColor;
}

.shmJobResultStd .shmSaveJob:not(.active) .active {
  display: none;
}

.shmJobResultStd .shmSaveJob.active .inactive {
  display: none;
}

.shmJobResultStd .shmDivider {
  line-height: inherit;
  font-size: inherit;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
}

.shmJobResultStd .shmDividerContainer {
  line-height: inherit;
  font-size: inherit;
  padding-left: 5px;
  padding-right: 5px;
}

.shmJobResultStd .shmJobtitle {
  font-size: 25px;
  transition: all 0.25s;
  color: #333;
  text-align: left;
  width: 100%;
  text-decoration: none;
  font-weight: bold;
}

.shmJobResultStd .shmJobtitle.over {
  max-width: 69%;
  font-size: 25px;
  transition: all 0.25s;
  color: #333;
  line-height: inherit;
  width: inherit;
  text-align: inherit;
}

.shmJobResultStd .shmJobDetailsPanel.shmJobDetailsRight,
.shmJobResultStd .shmJobDetailsPanel.shmJobDetailsRight ul {
  text-align: left;
  color: #333;
  font-size: 16px;
}

.shmJobResultStd .shmJobItemDetails {
  position: relative;
  text-align: left;
  /*white-space: nowrap;*/
  z-index: 1;
}

.shmJobResultStd .shmJobDetails {
  display: block;
  justify-content: space-between;
  margin: 10px 0;
}

.shmJobResultStd .shmJobDetailsLeft {
  max-width: 100%;
  display: flex;
  justify-content: var(--alignJobDetails);
}

.shmJobResultStd .shmJobDetails .shmDetailsDivider {
  margin: 5px 20px;
  color: inherit;
  line-height: inherit;
}

.shmJobResultStd .shmJobDetailsRight {
  max-width: 100%;
  text-align: left;
}

.shmJobResultStd .shmMainContainer li,
.shmJobResultStd .shmJobDetailsLeft div {
  margin: 5px 0;
}

.shmJobResultStd .shmButtonLinks {
  display: flex;
  position: relative;
  flex-wrap: nowrap;
  z-index: 1;
}

.shmJobResultStd .shmButtonLinks a {
  width: auto;
  margin-right: 20px;
  padding: 5px 15px;
  border: 1px solid #000000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.shmJobResultStd .shmButtonLinks .shmGoReadMore {
  background: #ffffff;
  border: 1px solid #000000;
  color: #000000;
}

.shmJobResultStd .shmButtonLinks .shmGoApply {
  background: #000000;
  border: 0px solid #000000;
  color: #ffffff;
}

.shmJobResultStd .shmButtonLinks span.text {
  vertical-align: -webkit-baseline-middle;
}

.shmResultViewPagination {
  margin-left: 5px;
}

.shmResultView.shmResultView.true {
  justify-content: space-between;
}

.shmResultView.true .shmJobResultStd {
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: left;
  grid-column-start: auto;
  grid-column-end: auto;
}

.shmResultView.false .shmJobResultStd {
  width: 100%;
}

/*Multiple Column*/
.shmResultView.true .shmJobResultStd .shmDivider, .shmResultView.true .shmJobResultStd .shmDetailsDivider {
  margin: 5px 10px;
  color: inherit;
  line-height: inherit;
}

.shmResultView.true .shmJobResultStd a.shmJobtitle {
  max-width: 60%;
}

.shmResultView.true .shmJobResultStd .shmUpperRight {
  max-width: 40%;
  display: flex;
  flex-direction: row;
  justify-content: var(--alignSaveJobAndEmail);
}

.shmResultView.true .shmJobResultStd div.shmJobDetailsPanel.shmJobDetailsLeft {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.shmResultView.true .shmJobResultStd div.shmDetailsDivider.shmDividerEnabled {
  margin: 5px 20px;
  display: none;
  color: inherit;
  line-height: inherit;
}

/* == Standard Layout -- End == */
/* == Simple Layout -- Start == */
.shmJobResultSimple {
  display: flex;
  position: relative;
  justify-content: flex-start;
  flex-direction: column;
  padding: 15px;
  gap: 5px;
  border: 0px solid #333;
  border-radius: 0px;
  margin-bottom: 15px;
  background-color: #ececec;
}

.shmJobResultSimple .topRow {
  display: flex;
  position: relative;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  height: 10%;
  align-items: center;
  z-index: 1;
}

.shmJobResultSimple .timeSincePostedRow {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding-left: 8px;
  width: 30%;
  align-items: center;
}

.shmJobResultSimple .newTag {
  margin-right: 10px;
  padding: 4px;
  background-color: #00FFFF;
  font-size: 10px;
}

.shmJobResultSimple .TimeSincePosted {
  padding-right: 10px;
  font-size: 14px;
  line-height: normal;
  text-align: left;
}

.shmJobResultSimple .actionItemsRow {
  display: flex;
  justify-content: end;
  align-items: center;
  width: 100%;
  white-space: nowrap;
}

.shmJobResultSimple .shmSaveJob,
.shmJobResultSimple .shmSendEmail {
  display: inline-block;
  padding: 3px;
  cursor: pointer;
  text-decoration: none;
  line-height: normal;
  whites-space: nowrap;
  vertical-align: middle;
}

.shmJobResultSimple .shmSaveJob:not(.active) .active {
  display: none;
}

.shmJobResultSimple .shmSaveJob.active .inactive {
  display: none;
}

.shmJobResultSimple .icon-action {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  margin: 0px 6px;
  fill: currentColor;
}

.shmJobResultSimple .shmDividerContainer {
  line-height: inherit;
  font-size: inherit;
  padding-left: 0px;
  padding-right: 0px;
}

.shmJobResultSimple .resultsContainer {
  display: flex;
  position: relative;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
  height: 100%;
  padding: 8px;
  gap: 5px;
  z-index: 1;
}

.shmJobResultSimple .jobResultTitle {
  padding-bottom: 15px;
  width: 70%;
  height: 100%;
  font-size: 22px;
  text-decoration: none;
  line-height: normal;
  text-align: left;
}

.shmJobResultSimple .jobCategory,
.shmJobResultSimple .workType,
.shmJobResultSimple .workModel {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 14px;
  line-height: normal;
  text-align: left;
}

.shmJobResultSimple .flex-col {
  display: flex;
  justify-content: start;
  align-items: center;
}

.shmJobResultSimple .flex-col .flex-col-separator {
  margin: 0px 5px;
  border-left: 1px solid #666;
  padding-left: 10px;
}

.shmJobResultSimple .flex-col .flex-col-separator:first-child {
  border-left: 0px;
  margin-left: 0px;
  padding-left: 0px;
}

.shmJobResultSimple .flex-col .flex-col-separator.workType, .shmJobResultSimple .flex-col .flex-col-separator.workModel {
  margin: 0px var(--shaz-spacing);
  padding-left: calc(var(--shaz-spacing) * 2);
}

.shmJobResultSimple .flex-col .flex-col-separator.workType:first-child, .shmJobResultSimple .flex-col .flex-col-separator.workModel:first-child {
  border-left: 0px;
  margin-left: calc(var(--shaz-spacing) * -2);
  padding-left: 0px;
}

.shmJobResultSimple .jobDescription {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
  line-height: normal;
  width: 55%;
  text-align: left;
}

.shmJobResultSimple .separator {
  border-top: 1px solid #333;
  margin-top: 15px;
  display: var(--showHrDivider);
}

.shmJobResultSimple .bottomRow {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  align-items: center;
  flex-wrap: nowrap;
}

/* == Grid View (Simple Layout) -- Start == */
.shmResultView.grid .shmJobResultSimple {
  margin-right: 5px;
  margin-bottom: 5px;
}

.shmResultView.grid .topRow {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  height: inherit;
  align-items: flex-start;
}

.shmResultView.grid .actionItemsRow {
  display: flex;
  justify-content: end;
  align-items: center;
  width: 100%;
  white-space: nowrap;
}

.shmResultView.grid .shmSaveJob,
.shmResultView.grid .shmSendEmail {
  display: inline-block;
  padding: 3px;
  cursor: pointer;
  text-decoration: none;
  line-height: normal;
  whites-space: nowrap;
  vertical-align: middle;
}

.shmResultView.grid .jobResultTitle {
  padding-bottom: 15px;
  width: 70%;
  height: 100%;
  font-size: 22px;
  text-decoration: none;
  line-height: normal;
  text-align: left;
}

.shmResultView.grid div.jobDescription {
  display: none;
}

.shmResultView.grid .separator {
  margin-top: 5px;
  margin-bottom: 5px;
}

.shmResultView.grid .bottomRow {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
}

.shmResultView.grid .locationContainer {
  padding: 8px 8px 8px 0px;
  Line-height: normal;
  width: 100%;
  text-align: left;
}

.shmResultView.grid .salaryContainer {
  padding: 8px 8px 8px 0px;
  Line-height: normal;
  width: 100%;
  text-align: left;
}

.shmResultView.grid .actionButtonRow {
  flex-direction: column;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  align-items: center;
}

*#dm *.dmBody .shmResultView.grid .actionButtonRow .applyActionButton,
*#dm *.dmBody .shmResultView.grid .actionButtonRow .readMoreActionButton {
  width: 100%;
  margin: 5px 0px;
}

.shmResultView.grid .timeSincePostedRow {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 8px;
  width: 70%;
  align-items: flex-start;
}

.shmResultView.grid .newTagContainer {
  line-height: normal;
  padding-bottom: 3px;
}

.shmResultView.grid .timeSincePosted {
  font-weight: normal !important;
  line-height: normal !important;
  font-size: 14px;
}

.shmResultView.grid .icon-action {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  margin: 0px 6px;
  fill: currentColor;
}

/* == Grid View (Simple Layout) -- End == */
/* === Modern Layout Styling -- Start === */
.shmJobResultModern {
  position: relative;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  line-height: 1.4;
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  float: left;
  width: 100%;
  margin-bottom: 10px;
  grid-column-start: 1;
  grid-column-end: 4;
  padding: 10px;
}

.shmJobResultModern .label-job-results-count {
  color: #333;
  font-size: 15px;
  line-height: 1;
  margin: 10px 20px;
  text-align: left;
}

.shmJobResultModern .job-category {
  color: #333;
  font-size: 13px;
  line-height: 1;
  margin-bottom: 10px;
  text-transform: uppercase;
  text-align: left;
}

.shmJobResultModern .job-detail .job-title {
  font-size: 27px;
  line-height: 1.2;
  margin-bottom: 15px;
  color: #333;
  text-align: left;
  text-decoration: none;
  border: 0px #333;
  border-radius: 0px 0px 0px 0px;
}

.shmJobResultModern .job-detail .job-title a {
  text-decoration: none;
}

.shmJobResultModern .job-detail {
  background-color: #f8f6f5;
  position: relative;
  padding: 10px 30px;
  z-index: 1;
}

.shmJobResultModern .job-detail .section-main {
  display: flex;
  justify-content: space-between;
  text-align: left;
}

.shmJobResultModern .job-detail .description .label-job-description {
  display: -webkit-box;
  -webkit-line-clamp: var(--shaz-job-result-lines);
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: left;
}

.shmJobResultModern .job-detail .job-period {
  margin: 7px 0px;
  text-align: left;
}

.shmJobResultModern .job-detail .job-period p {
  margin: 0px;
  padding: 0px;
}

.shmJobResultModern .job-detail .side-bar {
  margin-top: 30px;
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  align-items: end;
}

.shmJobResultModern .job-detail .image-logo a,
.shmJobResultModern .job-detail .image-logo,
img.image-logo {
  max-width: 100px;
  max-height: 100px;
  margin-bottom: 10px;
}

.shmJobResultModern a.button-action.read-more {
  border: 1px solid #333;
  border-radius: 0px;
  color: #333;
  font-size: 10px;
  text-decoration: none;
  width: 130px;
  margin-bottom: 5px;
  display: flex;
  height: 30px;
  justify-content: center;
  align-items: center;
  padding: 0px;
}

.shmJobResultModern a.button-action.apply {
  border: 1px solid #333;
  border-radius: 0px;
  color: #333;
  font-size: 10px;
  text-decoration: none;
  width: 130px;
  margin-bottom: 5px;
  display: flex;
  height: 30px;
  justify-content: center;
  align-items: center;
  padding: 0px;
}

.shmJobResultModern .job-detail .label-salary, .shmJobResultModern .job-detail .label-posted {
  margin: 0px;
  padding: 0px;
  text-align: left;
  color: #333;
}

.shmJobResultModern .job-detail .label-posted {
  font-size: 11px;
}

.shmJobResultModern .label-posted {
  padding-top: 0px;
  padding-bottom: 0px;
}

.shmJobResultModern .category-meta-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.shmJobResultModern .meta {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  line-height: 1.42857143;
  color: #333;
  font-size: 15px;
  box-sizing: border-box;
  margin-top: 3px;
}

.shmJobResultModern .meta-value {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  border: 1px solid #333;
  border-radius: 0px;
  color: #333;
  font-size: 10px;
  line-height: 15px;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  padding: 5px 10px;
  margin-top: 0;
  margin-left: 0;
}

.shmJobResultModern .job-about {
  text-align: left;
  line-height: 1.42857143;
  color: #333;
  margin-top: 3px;
}

.shmJobResultModern .job-about .text {
  margin-right: 10px;
}

.shmJobResultModern .recruiter-detail {
  display: flex;
  position: relative;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  background-color: #e4e7eb;
  padding: 15px 30px;
  align-items: center;
  z-index: 1;
}

.shmJobResultModern .recruiter-detail .section-bio {
  -webkit-tap-highlight-color: transparent;
  color: #333;
  font-size: 15px;
  text-align: left;
  margin-right: 20px;
}

.shmJobResultModern .recruiter-detail .section-bio .bio-name {
  display: inline-block;
  padding-top: 3px;
  padding-bottom: 3px;
}

.shmJobResultModern .recruiter-detail .section-bio .bio-name p {
  margin: 0px;
  padding: 0px;
}

.shmJobResultModern .recruiter-detail .section-bio .image-head-shot {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-right: 20px;
  object-fit: cover;
  object-position: var(--consultantImagePosition);
}

.shmJobResultModern .recruiter-detail .section-contact a {
  display: block;
  margin: 2px 0px;
  text-decoration: none;
  text-align: right;
}

.shmJobResultModern .phone a,
.shmJobResultModern .email a {
  text-decoration: none;
}

/* === Modern Layout Styling -- End === */
.shmJobResultSimple .locationContainer {
  padding: 8px 8px 8px 0px;
  width: 100%;
  text-align: left;
}

.shmJobResultSimple .locationIcon, .shmJobResultSimple .salaryIcon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  width: 20px;
}

.shmJobResultSimple .locationText {
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
  font-size: 14px;
}

.shmJobResultSimple .salaryContainer {
  padding: 8px;
  width: 100%;
  text-align: left;
}

.shmJobResultSimple .salaryText {
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
  font-size: 14px;
}

.shmJobResultSimple .actionButtonRow {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 40%;
}

.shmJobResultSimple .actionButtonRow .applyActionButton,
.shmJobResultSimple .actionButtonRow .readMoreActionButton {
  display: flex;
  align-items: center;
  text-decoration: none;
  margin-left: 10px;
  font-size: 16px;
  padding: 8px;
  text-align: center;
}

.shmJobResultSimple .actionButtonRow .applyActionButton .text,
.shmJobResultSimple .actionButtonRow .readMoreActionButton .text {
  width: 100%;
}

.shmJobResultSimple .applyActionButton {
  border: 0px;
  background-color: #000;
  color: white;
  line-height: normal;
  width: 125px;
}

.shmJobResultSimple .readMoreActionButton {
  border: 1px solid black;
  background-color: #fff;
  color: black;
  line-height: normal;
  width: 125px;
}

/* == Simple Layout -- End == */
.shmResultStaticText {
  display: none;
}

/* Result Details */
.shmResultCountContainer {
  display: flex;
  justify-content: left;
  margin-bottom: 40px;
}

.shmResultCountContainer div {
  width: auto;
  margin-right: 10px;
  padding-left: 5px;
}

/* RESULT TOGGLE VIEW */
.shmSearchResults.grid {
  display: grid;
  grid-template-columns: 33% 33% 33%;
  row-gap: 10px;
  column-gap: 10px;
  justify-content: stretch;
  align-items: stretch;
}

.shmSearchResults.shmResultView.true.grid {
  grid-template-columns: 50% 50%;
}

.shmSearchMapResults {
  display: none;
  height: 100%;
  max-height: 500px;
}

/* GOOGLE MAP */
.angular-google-map,
.angular-google-map-container {
  width: 100%;
  height: 100%;
}

.shmMainContainer #shmMap {
  position: auto;
  display: auto;
  width: auto;
  height: auto;
  width: 100%;
  height: 100%;
}

.shmMainContainer #shmMap div {
  position: auto;
  display: auto;
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.shmMainContainer #shmMap .gmapInfoContainer {
  min-width: 200px;
}

.gmapTitle {
  font-size: 20px;
  font-weight: bold;
}

.gmapReadMoreProfession {
  font-size: 13px;
  color: #333;
}

.gmapReadMore {
  border: 1px solid black;
  background-color: #fff;
  color: black;
  line-height: normal;
  width: 95px;
  margin: 9px;
  padding: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.action-bar {
  display: flex;
  justify-content: var(--action-items-alignnment);
}

.action-bar .action-item {
  display: inline-block;
  position: relative;
  margin: 5px;
}

.action-bar .action-item button {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  max-width: 275px;
  min-width: 60px;
  width: 175px;
  height: 45px;
  padding: 5px 5px;
  font-family: inherit;
  background: #333;
  color: white;
}

.action-bar .action-item button:hover {
  background: #333;
  color: white;
}

.menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0px;
  border: 1px solid #a6a6a6;
  padding: 5px;
  z-index: 3;
  background: white;
}

.menu-option {
  display: block;
  text-transform: uppercase;
  text-align: left;
  text-decoration: none;
  margin: 5px 0px;
  white-space: nowrap;
}

.menu-option.active {
  font-weight: 400;
  color: blue;
}

.action-bar .action-item button.toggle {
  display: none;
  width: auto;
  margin: 0px;
  padding: 5px 20px;
}

.action-bar .action-item button.toggle:first {
  border-right: #a6a6a6;
}

.shmTag.job-new {
  display: inline-block;
  border: 1px #333;
  border-radius: 8px;
  padding: 4px 6px;
  background: #333;
  color: white;
  font-weight: bold;
  font-size: 10px;
  text-align: center;
  text-transform: uppercase;
  margin-top: 11px;
  margin-left: 0px;
  margin-right: 5px;
  line-height: 3em;
}

.section-job-result-filter {
  margin-right: 15px;
  height: 100%;
}

.section-job-result-filter .filter-title {
  font-size: 22px;
  font-weight: bold;
  text-align: left;
  border-bottom: 1px solid #a6a6a6;
  padding: 8px 5px;
  margin-left: 3px;
  margin-top: 0px;
  margin-right: 3px;
  margin-bottom: 10px;
}

.section-job-result-filter .filter-label {
  display: block;
  padding: 0px 10px;
  text-align: left;
}

.section-job-result-filter .section-keyword-search {
  position: relative;
  margin-bottom: 10px;
}

.section-job-result-filter .filter-keyword-clear {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 5px;
  margin: auto 0px;
  cursor: pointer;
  z-index: 2;
  display: none;
  background: transparent;
}

.section-job-result-filter .filter-field {
  padding: 10px;
  width: 100%;
}

.section-job-result-filter .filter-field[type=date] {
  padding-right: 30px;
}

.section-job-result-filter .collapsible {
  position: relative;
  background: right center no-repeat;
  padding-right: 28px;
}

.section-job-result-filter .collapsible .collapse-icon {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  margin: auto 0px;
  width: var(--collapse-icon-size);
  height: var(--collapse-icon-size);
}

.section-job-result-filter .collapsible .collapse-icon svg {
  width: 100%;
  height: 100%;
  fill: var(--collapse-icon-fill);
}

.section-job-result-filter .filter-toggle {
  display: block;
  text-decoration: 0px;
  font-size: 16px;
  border-bottom: 1px solid #a6a6a6;
  padding: 5px;
  margin: 0px 5px;
  text-align: left;
  padding-right: 40px;
}

.section-job-result-filter .filter-toggle.active {
  font-weight: 400;
  color: blue;
}

.section-job-result-filter .filter-toggle.more {
  font-size: 0.95em;
  color: #666;
  margin-left: 10px;
}

.section-job-result-filter .filter-toggle.filter-nested {
  display: none;
  margin-left: 20px;
  font-size: 0.95em;
  border-bottom: 0px;
}

.section-job-result-filter .filter-toggle.filter-nested.active, .section-job-result-filter .filter-toggle.filter-nested.visible {
  display: block;
}

.section-job-result-filter .shade {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: -1;
  background: #a7a7a7;
  opacity: 0.9;
  transition: all 0.35s;
}

.section-job-result-filter.active .shade {
  display: block;
}

.section-job-result-filter .toolbar {
  position: fixed;
  display: none;
  top: auto;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 100;
}

.section-job-result-filter.active .toolbar {
  display: block;
}

.section-job-result-filter .toolbar button.submit {
  background: #333;
  color: white;
  padding: 10px;
}

.section-job-result-filter .toolbar button.full {
  display: block;
  width: 100%;
}

.section-job-result-filter .geo-range .field {
  box-sizing: border-box;
  appearance: none;
  width: 100%;
  height: 10px;
  background-color: #b2b2b2;
  border-radius: 50px;
  margin: 10px 0px;
  border: 0px;
  outline: none;
  background-size: 100% 2px;
  pointer-events: none;
  box-shadow: inset 0 0 4px #000000;
  -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
  width: 100%; /* Specific width is required for Firefox. */
  z-index: 1;
}

.section-job-result-filter .geo-range .field::-ms-track {
  width: 100%;
  cursor: pointer;
  /* Hides the slider so custom styles can be added */
  background: transparent;
  border-color: transparent;
  color: transparent;
}

.section-job-result-filter .geo-range .field::-webkit-slider-thumb {
  height: 20px;
  width: 20px;
  border-radius: 28px;
  border: solid 1px #b2b2b2;
  background-color: #fff;
  position: relative;
  z-index: 50;
  cursor: pointer;
  appearance: none;
  pointer-events: all;
  box-shadow: 0 1px 4px 0.5px rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
}

.section-job-result-filter .geo-range .field::-moz-range-thumb {
  height: 20px;
  width: 20px;
  border-radius: 28px;
  border: solid 1px #b2b2b2;
  background-color: #fff;
  position: relative;
  z-index: 50;
  cursor: pointer;
  appearance: none;
  pointer-events: all;
  box-shadow: 0 1px 4px 0.5px rgba(0, 0, 0, 0.25);
}

.section-job-result-filter .geo-range .field::-ms-thumb {
  height: 20px;
  width: 20px;
  border-radius: 28px;
  border: solid 1px #b2b2b2;
  background-color: #fff;
  position: relative;
  z-index: 10000;
  cursor: pointer;
  appearance: none;
  pointer-events: all;
  box-shadow: 0 1px 4px 0.5px rgba(0, 0, 0, 0.25);
}

.section-job-result-filter .geo-range .field::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}

.section-job-result-filter .geo-range .field::-ms-fill-lower {
  background: #2a6495;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

.section-job-result-filter .geo-range .field::-ms-fill-upper {
  background: #3071a9;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

.section-job-result-filter .geo-range .field:focus {
  outline: none;
}

.section-job-result-filter .geo-range .field:focus::-ms-fill-lower {
  background: #3071a9;
}

.section-job-result-filter .geo-range .field:focus::-ms-fill-upper {
  background: #367ebd;
}

.section-job-result-filter .geo-range .text {
  margin-left: 10px;
}

.prediction-result {
  position: absolute;
  width: 100%;
  border: 1px solid;
  display: none;
  flex-direction: column;
  overflow-y: auto;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px 0px;
  height: auto !important;
  z-index: 9;
  background: #fff !important;
  padding: 10px 20px 20px 20px;
  text-align: left;
  font-family: inherit;
  top: 100%;
  z-index: 99;
}

.prediction-result .result-text {
  display: block;
  color: #000;
  text-decoration: none;
}

.prediction-result .result-text.close {
  text-align: right;
  font-size: 0.7em;
}

.prediction-result::-webkit-scrollbar {
  width: 5px !important;
  background-color: #fff !important;
}

.prediction-result::-webkit-scrollbar-thumb {
  border-radius: 10px !important;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
  background-color: #d2d2d2 !important;
}

.section-job-results-paging {
  display: flex;
  justify-content: center;
  width: 100%;
  text-align: center;
  margin: 20px 0px;
  grid-column-start: 1;
  grid-column-end: -1;
}

.section-job-results-paging .button-paging {
  display: inline-block;
  padding: 3px 5px;
  margin: 0px 5px;
  border: 0px solid #a6a6a6;
  text-decoration: none;
  color: #666;
  cursor: pointer;
  width: auto;
  background: none;
}

.section-job-results-paging .button-paging.active {
  font-weight: 500;
  background: #ececec;
}

.section-job-results-paging .button-paging.disabled {
  background: none;
  color: black;
}

.shmGoApply, .shmGoReadMore {
  text-decoration: none;
}

.button-filter-toggle {
  display: none;
}

.section-details.blur {
  filter: blur(2px);
}

/* == Salary Slider Controls == */
.control-salary-slider .label-display {
  text-align: center;
  padding: 0px 10px;
}

.control-salary-slider .slider {
  position: relative;
  display: block;
  height: 50px;
  display: block;
  width: 100%;
}

.control-salary-slider .slider .section-color {
  background-color: #F8F8F9;
  border-radius: 50px;
  width: 100%;
  display: block;
  height: 10px;
  position: absolute;
  z-index: 10;
  max-width: 100%;
}

.control-salary-slider .slider .range {
  box-sizing: border-box;
  appearance: none;
  width: 100%;
  height: 10px;
  background-color: #b2b2b2;
  border-radius: 50px;
  margin: 0;
  border: 0;
  outline: none;
  background-size: 100% 2px;
  pointer-events: none;
  box-shadow: inset 0 0 4px #000000;
  position: absolute;
  top: 0px;
  left: 0px;
  -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
  width: 100%; /* Specific width is required for Firefox. */
}

.control-salary-slider .slider .range::-ms-track {
  width: 100%;
  cursor: pointer;
  /* Hides the slider so custom styles can be added */
  background: transparent;
  border-color: transparent;
  color: transparent;
}

.control-salary-slider .slider .range::-webkit-slider-thumb {
  height: 20px;
  width: 20px;
  border-radius: 28px;
  border: solid 1px #b2b2b2;
  background-color: #fff;
  position: relative;
  z-index: 50;
  cursor: pointer;
  appearance: none;
  pointer-events: all;
  box-shadow: 0 1px 4px 0.5px rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
}

.control-salary-slider .slider .range::-moz-range-thumb {
  height: 20px;
  width: 20px;
  border-radius: 28px;
  border: solid 1px #b2b2b2;
  background-color: #fff;
  position: relative;
  z-index: 50;
  cursor: pointer;
  appearance: none;
  pointer-events: all;
  box-shadow: 0 1px 4px 0.5px rgba(0, 0, 0, 0.25);
}

.control-salary-slider .slider .range::-ms-thumb {
  height: 20px;
  width: 20px;
  border-radius: 28px;
  border: solid 1px #b2b2b2;
  background-color: #fff;
  position: relative;
  z-index: 10000;
  cursor: pointer;
  appearance: none;
  pointer-events: all;
  box-shadow: 0 1px 4px 0.5px rgba(0, 0, 0, 0.25);
}

.control-salary-slider .slider .range::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}

.control-salary-slider .slider .range::-ms-fill-lower {
  background: #2a6495;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

.control-salary-slider .slider .range::-ms-fill-upper {
  background: #3071a9;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

.control-salary-slider .slider .range:focus {
  outline: none;
}

.control-salary-slider .slider .range:focus::-ms-fill-lower {
  background: #3071a9;
}

.control-salary-slider .slider .range:focus::-ms-fill-upper {
  background: #367ebd;
}

/* == End - Salary Slider Controls == */
.modal {
  display: none;
}

.modal {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 201;
}

.modal .content {
  background: white;
}

.modal .title {
  background: #333;
  padding: 10px;
  color: white;
  margin-bottom: 5px;
}

.modal .description {
  text-align: left;
  margin: 10px 5px;
}

.modal label {
  display: block;
  text-align: left;
  margin: 10px 5px;
}

.modal label input[type=checkbox] {
  margin-left: 10px;
  vertical-align: middle;
}

.modal button {
  display: block;
  position: relative;
  width: 100%;
  margin: 5px 0px;
  padding: 10px;
}

.modal button.submit {
  background: #333;
  color: white;
  font-size: 1.15em;
  font-weight: 500;
}

.modal button .animation {
  display: inline-block;
  position: absolute;
  max-width: 120px;
  max-height: 120px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  margin: auto 0px;
}

.modal .shade {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: -1;
  background: #a7a7a7;
  opacity: 0.9;
  transition: all 0.35s;
}

.modal.sort button.submit {
  font-weight: normal;
}

.modal.sort button.active {
  font-weight: 500;
}

.shmJobResultStd .theme, .shmJobResultSimple .theme, .shmJobResultModern .theme {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-color: var(--shaz-theme-color);
  border-style: solid;
  border-radius: inherit;
  border-top-width: 10px;
  z-index: 0;
}

.shmJobResultStd .theme.background, .shmJobResultSimple .theme.background, .shmJobResultModern .theme.background {
  background-color: var(--shaz-theme-color);
  border-radius: inherit;
  border-style: inherit;
}

/* BEGIN widget-wide list styling for bullets*/
.shmJobResultStd li, .shmJobResultSimple li, .shmJobResultModern li {
  list-style: disc;
  margin-left: 20px;
}

/*END Styling for bullets*/
.modal.loading {
  display: none;
  position: fixed;
  justify-content: center;
  align-items: center;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background-color: rgba(255, 255, 255, 0.3764705882);
  z-index: 10;
}

/*iphone blue select & input fix*/
select {
  -webkit-appearance: auto;
  color: #333 !important;
}

input {
  -webkit-appearance: auto;
  color: #333 !important;
}

/*end iphone select & input fix*/
.shaz-job-results .editor-only {
  display: none;
}

.shaz-job-results .section-editor {
  margin: 20px 0px;
  padding: 10px 5px;
  background: #f6f6f6;
  border: 1px solid #666;
}

.shaz-job-results .button-editor {
  display: block;
  width: 100%;
  margin: 10px 0px;
  background: #ea33a0;
  color: white;
  font-weight: bold;
  font-size: 12px;
  padding: 5px;
  border-radius: 10px;
}

.hidden {
  display: none;
}
@media (min-width: 768px) { div.shmRefineSearch {
  display: none !important;
}

ul.shmRequirements {
  display: contents;
  width: auto;
}

div.shmButtonLinks a {
  margin-right: 8px;
}

.mobile {
  display: none !important;
}

.section-tool-bar {
  display: flex;
}

.actionButtonRow {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 40%;
}

.shmResultCountContainer {
  display: flex;
  justify-content: left;
}
 }
@media (max-width: 767px) { div.shmMainContainer {
  display: block;
  text-align: center;
  padding-top: 20px;
  width: 100% !important;
  height: 100% !important;
}

.section-job-result-filter {
  position: fixed;
  display: block;
  background-color: transparent;
  z-index: 1;
  bottom: 0px;
  left: -100%;
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
  padding: 50px 20px;
  transition: all .35s;
  width: 100% !important;
  height: auto;
}

.section-job-result-filter.active {
  left: 0px;
  top: 50px;
  z-index: 201;
}

.button-filter-toggle {
  display: inline-block;
  padding: 3px;
  height: 45px;
  width: 175px;
  background: #333;
  color: white;
}

.button-filter-toggle.close {
  position: absolute;
  right: 20px;
  width: auto;
  height: auto;
  padding: 5px 8px;
  font-family: Arial;
  font-weight: bold;
}

.shmResultCountContainer {
  display: flex;
  justify-content: center !important;
}

.action-bar .action-item button {
  max-width: 400px;
  min-width: 60px;
  width: 175px;
  height: 45px;
}

div.shmPanelRight,
div.shmJobDetailsLeft,
div.shmJobDetailsRight {
  max-width: 100%;
}

div.shmButtonList,
div.shmJobItemUpper {
  display: block;
}

div.shmButtonList div,
div.shmButtonList select,
a.shmJobtitle,
div.shmUpperRight,
div.shmResultViewtrue div {
  max-width: 100%;
}

.shmResultViewtrue .shmJobResultStd {
  width: 100%;
}

.shmJobResultStd .shmCTA {
  display: flex;
  margin-bottom: 0px;
  justify-content: flex-start;
  align-items: center;
}

.shmJobResultStd .shmUpperRight {
  display: flex;
  justify-content: var(--alignSaveJobAndEmail);
  width: 100%;
}

.shmJobResultStd .shmDivider {
  line-height: inherit;
  font-size: inherit;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
}

.shmJobResultStd .shmDividerContainer {
  line-height: inherit;
  font-size: inherit;
  padding-left: 5px;
  padding-right: 5px;
}

.shmJobResultStd .shmJobtitle {
  font-size: 25px;
  transition: all 0.25s;
  color: #333;
  text-align: center !important;
  width: 100%;
}

.shmJobResultStd .shmJobtitle.over {
  max-width: 69%;
  font-size: 25px;
  transition: all 0.25s;
  color: #333;
  line-height: inherit;
  width: inherit;
  text-align: center !important;
}

.timeSincePosted {
  font-weight: normal !important;
  line-height: normal !important;
  font-size: 14px;
  text-align: left;
}

.shmJobResultSimple .jobResultTitle {
  text-align: left;
  height: 100%;
  width: 100%;
}

.jobCategory {
  text-align: left;
}

.workType {
  text-align: left;
}

div.shmJobDetails {
  display: block;
  text-align: left;
}

.shmLocation {
  text-align: left;
}

.shmSalary {
  text-align: left;
}

.shmJobDateCreated {
  text-align: left;
}

.shmRequirements {
  text-align: left;
}

.shmJobResultStd .shmJobItemUpper {
  display: flex;
  align-items: flex-start;
  flex-direction: column-reverse;
}

div.shmUpperRight div,
div.shmCTA a.shmSendEmail {
  text-align: left;
}

.shmJobResultSimple .shmSendEmail,
.shmJobResultSimple .shmSaveJob {
  max-width: 49%;
  cursor: pointer;
  width: auto;
  text-decoration: none;
  line-height: normal;
  padding: 0px;
}

div.shmButtonList div,
div.shmButtonList select {
  margin-bottom: 5px;
  margin-right: 0px;
}

div.shmPopup {
  max-width: 90%;
  max-height: 90%;
}

span.shmDivider {
  padding-left: 10px;
  padding-right: 10px;
}

/*Grid Layout*/
div.shmResultViewtrue div,
div.shmResultViewtrue a {
  max-width: 100% !important;
}

.shmResultViewtrue .shmJobResult {
  Width: 100% !important;
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
}

div.div.shmButtonLinks {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-evenly;
}

div.shmButtonLinks {
  display: flex;
  flex-wrap: nowrap;
  align-content: space-evenly;
  flex-direction: row;
  justify-content: space-between;
}

div.shmButtonLinks a {
  margin-right: 0px !important;
}

/* Search Button*/
div.shmRefineSearch {
  position: fixed !important;
  bottom: 0px;
  left: 0px;
  padding: 5px 30px;
  text-align: center;
  width: auto !important;
  background-color: #000;
  color: #fff;
  z-index: 999999999;
}

div.shmResultCountContainer {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 10px;
  margin-top: 10px;
  padding-top: 3px;
}

div.shmResultCountContainer div {
  width: auto;
}

div.shmJobDetailsPanel.shmJobDetailsLeft {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

div.shmDetailsDivider.shmDividerEnabled {
  margin: 5px 20px;
  display: none;
}

div.shmDivider {
  display: none;
}

ul.shmRequirements {
  display: contents;
  width: auto;
}

div.shmButtonLinks a {
  margin-right: 8px;
}

.section-details {
  width: 100% !important;
}

.action-bar {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.action-bar .action-item-favorite-search,
.action-bar .action-item-sort-by {
  display: none;
}

.desktop {
  display: none !important;
}

.shmJobResultSimple div.jobDescription {
  display: none;
}

.shmJobResultStd .icon-action,
.shmJobResultSimple .icon-action {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  margin: 0px;
  fill: #333;
  text-align: left;
}

.shmJobResultSimple .topRow {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  /*width: 95%;*/
  align-items: center;
  padding-right: 15px;
  padding-left: 15px;
}

.shmJobResultSimple .timeSincePostedRow {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 30%;
  align-items: flex-start;
  text-align: left;
}

.shmJobResultSimple .actionItemsRow {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  Padding-left: 8px;
  /*Padding-right: 8px;*/
  width: 70%;
  height: 100%;
}

.shmJobResultSimple .shmSendEmail,
.shmJobResultSimple .shmSaveJob {
  cursor: pointer;
  width: auto;
  text-decoration: none;
  line-height: normal;
  padding-left: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.shmJobResultSimple .bottomRow {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
}

.shmJobResultSimple .bottomRow {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  flex-wrap: nowrap;
  align-items: flex-start;
}

.shmJobResultSimple .locationContainer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 8px 8px 8px 0px;
  width: 100%;
  line-height: normal;
}

.shmJobResultSimple .salaryContainer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 8px 8px 8px 0px;
  width: 100%;
  line-height: normal;
}

.shmJobResultSimple .actionButtonRow {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 100%;
  flex-wrap: nowrap;
  align-items: center;
}

*#dm *.dmBody .actionButtonRow .applyActionButton,
*#dm *.dmBody .actionButtonRow .readMoreActionButton {
  width: 100% !important;
  margin: 5px 0px;
}

.shmJobResultSimple .hrDivider {
  margin-top: 5px;
  margin-bottom: 5px;
}

.shmJobResultSimple .locationIcon, .shmJobResultSimple .salaryIcon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  width: 20px;
}

.shmResultStaticText.mobile {
  margin-right: 20px;
}

/* === Modern Layout Styling -- Start === */
.shmJobResultModern {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  line-height: 1.4;
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  float: left;
  width: 100%;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.shmJobResultModern .label-job-results-count {
  color: #333;
  font-size: 15px;
  line-height: 1;
  margin: 10px 20px;
  text-align: left;
}

.shmJobResultModern .job-category {
  color: #333;
  font-size: 13px;
  line-height: 1;
  margin-left: 3px;
  margin-bottom: 10px;
  text-transform: uppercase;
  text-align: left;
}

.shmJobResultModern .job-detail .job-title {
  font-size: 27px;
  line-height: 1.2;
  margin-bottom: 15px;
  color: #333;
  text-align: left;
  text-decoration: none;
  word-break: break-word;
  hyphens: auto;
}

.shmJobResultModern .job-detail .job-title a {
  text-decoration: none;
}

.shmJobResultModern .job-detail {
  background-color: #f8f6f5;
  position: relative;
  padding: 10px 30px;
}

.shmJobResultModern .job-detail .section-main {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: nowrap;
}

.shmJobResultModern .job-detail .description .label-job-description {
  display: -webkit-box;
  -webkit-line-clamp: var(--shaz-job-result-lines);
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: left;
}

.shmJobResultModern .job-detail .side-bar {
  margin-left: 0px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.shmJobResultModern .job-detail .image-logo,
img.image-logo {
  max-width: 50px;
  max-height: 50px;
  margin-bottom: 20px;
}

.shmJobResultModern .job-detail .label-salary,
.shmJobResultModern .job-detail .label-posted {
  margin: 0px;
  padding: 0px;
  text-align: left;
  color: #333;
}

.shmJobResultModern .job-detail .label-posted {
  font-size: 11px;
}

.shmJobResultModern .label-posted {
  padding-top: 0px;
  padding-bottom: 0px;
}

.shmJobResultModern .category-meta-container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}

.shmJobResultModern .meta {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  line-height: 1.42857143;
  color: #333;
  font-size: 15px;
  box-sizing: border-box;
  margin-top: 3px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.shmJobResultModern .meta-value {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  border: 1px solid #333;
  border-radius: 0px;
  color: #333;
  font-size: 10px;
  line-height: 15px;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  padding: 5px 10px;
  margin: 3px;
}

.shmJobResultModern .recruiter-detail {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  background-color: #e4e7eb;
  padding: 15px 30px;
  align-items: stretch;
}

.shmJobResultModern .recruiter-detail .section-bio {
  -webkit-tap-highlight-color: transparent;
  color: #333;
  font-size: 15px;
  text-align: right;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-right: 0px;
}

.shmJobResultModern .recruiter-detail .section-bio .bio-name {
  display: inline-block;
  padding-top: 3px;
  padding-bottom: 3px;
  width: 100%;
  margin-left: 50px;
}

.shmJobResultModern .recruiter-detail .section-bio .bio-name p {
  margin: 0px;
  padding: 0px;
}

.shmJobResultModern .recruiter-detail .section-bio .image-head-shot {
  position: absolute;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  object-fit: cover;
  top: 0px;
  left: 10px;
  bottom: 0px;
  margin: auto 0px;
  margin-right: 20px;
}

.shmJobResultModern .recruiter-detail .section-contact a {
  display: block;
  margin: 2px 0px;
  text-decoration: none;
  text-align: right;
}

.shmJobResultModern .phone a,
.shmJobResultModern .email a {
  text-decoration: none;
}

/* === Modern Layout Styling -- Start === */
.shmJobResultModern {
  margin-top: 15px;
}

/* === Modern Layout Styling -- End === */
/* === Standard Mobile Fix 1-column Start === */
.shmSearchResults.shmResultView.true.grid,
.shmSearchResults.grid {
  grid-template-columns: 100% !important;
  column-gap: 0px !important;
}

.toolbar-main .button-toolbar {
  width: 32px;
  height: 32px;
  margin: 5px;
  background: transparent;
  border: 1px solid white;
  color: inherit;
  vertical-align: middle;
  text-align: center !important;
  display: inline-flex;
  justify-content: space-evenly;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.shmSearchResults, .shmSearchMapResults {
  margin-top: 40px;
}

/* === Standard Mobile Fix 1-column End === */
 }
.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;
}