@charset "UTF-8";
@font-face {
  font-family: "OpenSansExtraBold";
  src: url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff), url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff2);
}
/* media queries - use these to edit specific sizes
    @include mobile-xs {}
    @include mobile-xs-landscape {}
    @include mobile {}
    @include mobile-landscape {}
    @include desktop_range {}
    @include mobile-wide-landscape {}
    @include desktop_wide {}
    @include desktop_max {}
*/
@media screen {
  /* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */
  /* The Window's CSS z-index value is respected (takes priority). If none is supplied,
      the Window's z-index value will be set to 3000 by default (via jqModal.js). */
  .jqmOverlay {
    background-color: transparent;
  }
  #validationDialogBox.jqmWindow {
    min-width: 250px;
    padding-bottom: 10px;
    min-height: 200px;
    max-height: 80%;
  }
  #validationDialogBox.jqmWindow h2 {
    padding-top: 10px;
    color: #2f87b0;
  }
  #validationDialogBox.jqmWindow .content {
    padding-left: 5px;
    padding-right: 5px;
  }
  #validationDialogBox.jqmWindow .content .buttons {
    padding-top: 10px;
    align-content: center;
    text-align: center;
    height: 45px;
    font-size: 16px;
    font-weight: bold;
    line-height: 45px;
  }
  #validationDialogBox.jqmWindow .content .buttons #divOKCancel {
    width: 190px !important;
    margin-left: auto;
    margin-right: auto;
  }
  #validationDialogBox.jqmWindow .content .buttons #divOKCancel .btn#cancel {
    background-color: #F05B26;
  }
  #validationDialogBox.jqmWindow .content .buttons > div {
    width: 40px !important;
    margin-left: auto;
    margin-right: auto;
  }
  #validationDialogBox.jqmWindow .buttons a {
    display: inline;
    margin-right: 2%;
    padding: 8px;
  }
  #saveDialogBox.jqmWindow,
#listofWorkshops.jqmWindow,
#validationDialogBox.jqmWindow {
    border-radius: 20px;
    background-color: #DEEAF0;
    z-index: 3000;
  }
  #saveDialogBox.jqmWindow .SessionManager_header,
#listofWorkshops.jqmWindow .SessionManager_header,
#validationDialogBox.jqmWindow .SessionManager_header {
    margin-top: 20px;
    padding-top: 0;
    min-height: 30px;
    background-color: #2f87b0;
  }
  #saveDialogBox.jqmWindow .SessionManager_header img,
#listofWorkshops.jqmWindow .SessionManager_header img,
#validationDialogBox.jqmWindow .SessionManager_header img {
    top: 25px;
    left: 0;
    right: 0;
    width: 100px;
    margin: auto;
    position: absolute;
    z-index: 1;
  }
  #saveDialogBox.jqmWindow .SessionManager_header .fa,
#saveDialogBox.jqmWindow .SessionManager_header .far,
#listofWorkshops.jqmWindow .SessionManager_header .fa,
#listofWorkshops.jqmWindow .SessionManager_header .far,
#validationDialogBox.jqmWindow .SessionManager_header .fa,
#validationDialogBox.jqmWindow .SessionManager_header .far {
    position: absolute;
    color: white;
    text-align: center;
    top: 40px;
    left: 0;
    right: 0;
    font-size: 50px;
  }
  #saveDialogBox.jqmWindow .SessionManager_header h1,
#listofWorkshops.jqmWindow .SessionManager_header h1,
#validationDialogBox.jqmWindow .SessionManager_header h1 {
    position: absolute;
    display: inline-block;
    margin-top: 12px;
    background-color: #2f87b0;
    z-index: 2;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 20px;
    line-height: 22px;
    border-top: 2px dashed white;
    border-bottom: 2px dashed white;
    left: 50%;
    transform: translate(-50%, 0);
    min-width: 180px;
  }
  #saveDialogBox.jqmWindow .workshoplist_header,
#listofWorkshops.jqmWindow .workshoplist_header,
#validationDialogBox.jqmWindow .workshoplist_header {
    margin-top: 20px;
    padding-top: 0;
    min-height: 60px;
    background-color: #2f87b0;
  }
  #saveDialogBox.jqmWindow .workshoplist_header img,
#listofWorkshops.jqmWindow .workshoplist_header img,
#validationDialogBox.jqmWindow .workshoplist_header img {
    top: 25px;
    left: 0;
    right: 0;
    width: 100px;
    margin: auto;
    position: absolute;
    z-index: 1;
  }
  #saveDialogBox.jqmWindow .workshoplist_header .fa,
#saveDialogBox.jqmWindow .workshoplist_header .far,
#listofWorkshops.jqmWindow .workshoplist_header .fa,
#listofWorkshops.jqmWindow .workshoplist_header .far,
#validationDialogBox.jqmWindow .workshoplist_header .fa,
#validationDialogBox.jqmWindow .workshoplist_header .far {
    position: absolute;
    color: white;
    text-align: center;
    top: 40px;
    left: 0;
    right: 0;
    font-size: 50px;
  }
  #saveDialogBox.jqmWindow .workshoplist_header h1,
#listofWorkshops.jqmWindow .workshoplist_header h1,
#validationDialogBox.jqmWindow .workshoplist_header h1 {
    position: absolute;
    display: inline-block;
    margin-top: 12px;
    background-color: #2f87b0;
    z-index: 2;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 20px;
    line-height: 22px;
    border-top: 2px dashed white;
    border-bottom: 2px dashed white;
    left: 50%;
    transform: translate(-50%, 0);
    min-width: 180px;
  }
  #saveDialogBox.jqmWindow .moretime_header,
#listofWorkshops.jqmWindow .moretime_header,
#validationDialogBox.jqmWindow .moretime_header {
    margin-top: 20px;
    padding-top: 0;
    min-height: 120px;
    background-color: #2f87b0;
  }
  #saveDialogBox.jqmWindow .moretime_header img,
#listofWorkshops.jqmWindow .moretime_header img,
#validationDialogBox.jqmWindow .moretime_header img {
    top: 25px;
    left: 0;
    right: 0;
    width: 100px;
    margin: auto;
    position: absolute;
    z-index: 1;
  }
  #saveDialogBox.jqmWindow .moretime_header .fa,
#saveDialogBox.jqmWindow .moretime_header .far,
#listofWorkshops.jqmWindow .moretime_header .fa,
#listofWorkshops.jqmWindow .moretime_header .far,
#validationDialogBox.jqmWindow .moretime_header .fa,
#validationDialogBox.jqmWindow .moretime_header .far {
    position: absolute;
    color: white;
    text-align: center;
    top: 40px;
    left: 0;
    right: 0;
    font-size: 50px;
  }
  #saveDialogBox.jqmWindow .moretime_header h1,
#listofWorkshops.jqmWindow .moretime_header h1,
#validationDialogBox.jqmWindow .moretime_header h1 {
    position: absolute;
    display: inline-block;
    margin-top: 60px;
    background-color: #2f87b0;
    z-index: 2;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 20px;
    line-height: 22px;
    border-top: 2px dashed white;
    border-bottom: 2px dashed white;
    left: 50%;
    transform: translate(-50%, 0);
    min-width: 180px;
  }
  #saveDialogBox.jqmWindow .content,
#listofWorkshops.jqmWindow .content,
#validationDialogBox.jqmWindow .content {
    position: relative;
    margin: 0;
    margin-top: 10px;
    padding-top: 0;
    color: black;
  }
  #saveDialogBox.jqmWindow .content h2,
#listofWorkshops.jqmWindow .content h2,
#validationDialogBox.jqmWindow .content h2 {
    color: black;
    font-weight: normal;
    font-size: 13px;
    padding: 3px;
  }
  #saveDialogBox.jqmWindow .content .wlistbox,
#listofWorkshops.jqmWindow .content .wlistbox,
#validationDialogBox.jqmWindow .content .wlistbox {
    width: 100%;
    min-width: 300px;
    text-align: center;
    display: block;
    margin: 0 auto;
    padding-bottom: 20px;
  }
  #saveDialogBox.jqmWindow .content .wlistbox > select,
#listofWorkshops.jqmWindow .content .wlistbox > select,
#validationDialogBox.jqmWindow .content .wlistbox > select {
    border: none;
    background-color: transparent;
  }
  #saveDialogBox.jqmWindow .content #ClickFeedbackSession,
#listofWorkshops.jqmWindow .content #ClickFeedbackSession,
#validationDialogBox.jqmWindow .content #ClickFeedbackSession {
    font-size: 11px;
    margin-top: 15px;
    margin-left: 15px;
    margin-bottom: 15px;
  }
  #saveDialogBox.jqmWindow .content .buttons,
#listofWorkshops.jqmWindow .content .buttons,
#validationDialogBox.jqmWindow .content .buttons {
    position: relative;
    top: 0;
    left: 0;
  }
  #saveDialogBox.jqmWindow .content .buttons > div,
#listofWorkshops.jqmWindow .content .buttons > div,
#validationDialogBox.jqmWindow .content .buttons > div {
    display: table;
    width: 100%;
  }
  #saveDialogBox.jqmWindow .content .buttons > div > div,
#listofWorkshops.jqmWindow .content .buttons > div > div,
#validationDialogBox.jqmWindow .content .buttons > div > div {
    display: table-cell;
    text-align: center;
    width: 50%;
  }
  #saveDialogBox.jqmWindow .content .buttons > div > div a,
#listofWorkshops.jqmWindow .content .buttons > div > div a,
#validationDialogBox.jqmWindow .content .buttons > div > div a {
    margin-left: auto;
    margin-right: auto;
    color: black;
    background-color: transparent;
    border: none;
    width: 100%;
    font-size: 11px;
    line-height: 45px;
  }
  #saveDialogBox.jqmWindow .content .buttons > div > div a > i,
#listofWorkshops.jqmWindow .content .buttons > div > div a > i,
#validationDialogBox.jqmWindow .content .buttons > div > div a > i {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    text-decoration: none;
    background-color: #99cd38;
    border: 3px solid #2f87b0;
    padding: 5px;
    text-align: center;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    margin-left: auto;
    margin-right: auto;
  }
  #saveDialogBox.jqmWindow .content .buttons > div > div a > i.save-exit,
#listofWorkshops.jqmWindow .content .buttons > div > div a > i.save-exit,
#validationDialogBox.jqmWindow .content .buttons > div > div a > i.save-exit {
    background-color: #F05B26;
  }
  #saveDialogBox.jqmWindow .content .buttons > div > div a > i.workshop-ok,
#listofWorkshops.jqmWindow .content .buttons > div > div a > i.workshop-ok,
#validationDialogBox.jqmWindow .content .buttons > div > div a > i.workshop-ok {
    background-color: #99cd38;
  }
  #saveDialogBox.jqmWindow .content .buttons > div > div a > i.workshop-cancel,
#listofWorkshops.jqmWindow .content .buttons > div > div a > i.workshop-cancel,
#validationDialogBox.jqmWindow .content .buttons > div > div a > i.workshop-cancel {
    background-color: #F05B26;
  }
  #saveDialogBox.jqmWindow .content .buttons > div > div a#SMcancel i,
#listofWorkshops.jqmWindow .content .buttons > div > div a#SMcancel i,
#validationDialogBox.jqmWindow .content .buttons > div > div a#SMcancel i {
    background-color: #F05B26;
  }
  #saveDialogBox.jqmWindow .content .buttons > div > div a#SMsave i,
#listofWorkshops.jqmWindow .content .buttons > div > div a#SMsave i,
#validationDialogBox.jqmWindow .content .buttons > div > div a#SMsave i {
    background-color: #99cd38;
  }
  #sessionTimedOut.jqmWindow {
    height: 300px;
  }
  #sessionTimedOut .content {
    margin-left: 10px;
    padding-top: 100px;
    color: white;
    width: 175px;
  }
  #sessionTimedOut h2 {
    position: absolute;
    top: 95px;
    left: 15px;
    width: 180px;
    font-size: 30px;
    line-height: 40px;
  }
  #sessionTimedOut h2:after {
    position: relative;
    display: block;
    content: "";
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-bottom: 3px dashed white;
    width: 70%;
    top: 7px;
    left: 0;
  }
  .jqmWindow {
    position: fixed;
    display: none;
    background-color: #2f87b0;
    width: 300px;
    min-height: 200px;
    min-width: 300px;
    height: fit-content;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    border: 3px solid #fff;
    margin: auto;
    padding-bottom: 20px;
    /*font-family: "lucida grande",tahoma,verdana,arial,sans-serif;*/
  }
  .jqmWindow:after {
    position: fixed;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(125, 125, 125, 0.1);
    z-index: -1;
  }
  .jqmWindow h2 {
    font-size: 11pt;
    line-height: 40px;
  }
  .jqmWindow h1,
.jqmWindow h2,
.jqmWindow h3,
.jqmWindow h4,
.jqmWindow h5,
.jqmWindow h6 {
    display: block;
    margin: 0;
    color: white;
    font-weight: bold;
    text-align: center;
  }
  .jqmWindow .content {
    margin: 0;
    padding-top: 230px;
  }
  .jqmWindow .buttons {
    position: absolute;
    display: block;
    top: 205px;
    left: 80px;
    cursor: pointer;
  }
  .jqmWindow .buttons a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    text-decoration: none;
    line-height: 35px;
    background-color: #99cd38;
    border: 3px solid white;
    padding: 5px;
    text-align: center;
    border-radius: 50%;
    width: 35px;
    height: 35px;
  }
  .jqmWindow .buttons a span {
    width: 100%;
    height: 100%;
    font-size: 20px;
  }
  .jqmWindow #line1,
.jqmWindow #line2,
.jqmWindow #line3,
.jqmWindow #line4 {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
  }
  .jqmWindow #line1 {
    background-color: #F05B26;
    transform: rotate(-70deg);
    width: 150%;
    top: 251px;
    left: -50px;
    animation-name: ani-line1;
    animation-duration: 12s;
    animation-iteration-count: infinite;
  }
  @keyframes ani-line1 {
    0% {
      width: 150%;
      top: 251px;
      left: -50px;
      opacity: 1;
    }
    70% {
      width: 10%;
      top: 53px;
      left: 230px;
      opacity: 0;
    }
    100% {
      width: 150%;
      top: 251px;
      left: -50px;
      opacity: 1;
    }
  }
  .jqmWindow #line2 {
    background-color: #99cd38;
    transform: rotate(-84deg);
    top: 155px;
    left: 65px;
    width: 93%;
    animation-name: ani-line2;
    animation-duration: 7s;
    animation-iteration-count: infinite;
  }
  @keyframes ani-line2 {
    0% {
      height: 2px;
      opacity: 1;
    }
    33% {
      height: 6px;
      opacity: 0.3;
    }
    66% {
      height: 4px;
      opacity: 0.5;
    }
    100% {
      height: 2px;
      opacity: 1;
    }
  }
  .jqmWindow #line3 {
    border-bottom: 2px dashed white;
    transform: rotate(-125deg);
    top: 55px;
    left: -86px;
    width: 150%;
    animation-name: ani-line3;
    animation-duration: 1s;
  }
  @keyframes ani-line3 {
    0% {
      top: 124px;
      left: 45px;
      width: 95%;
    }
    100% {
      top: 55px;
      left: -86px;
      width: 150%;
    }
  }
  .jqmWindow #line4 {
    background-color: #99cd38;
    transform: rotate(-144deg);
    top: 85px;
    left: -225px;
    width: 250%;
  }
  #jqmP1 {
    background-color: red;
  }
  #savingProgress {
    position: fixed;
    display: none;
    background-color: transparent;
    background-color: initial;
    bottom: 25%;
    left: 40%;
    z-index: 3000;
  }
  #savingProgress h2 {
    margin-top: 90px;
    font-size: 15px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    color: black;
  }
  #savingProgress.content h2 {
    display: none;
  }
  /* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
  * iframe.jqm {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: expression(this.parentNode.offsetWidth+"px");
    height: expression(this.parentNode.offsetHeight+"px");
  }
  /* Fixed posistioning emulation for IE6
  Star selector used to hide definition from browsers other than IE6
  For valid CSS, use a conditional include instead */
  * html .jqmWindow {
    position: absolute;
    top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(30 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + "px");
  }
}
.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  vertical-align: middle;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js:-moz-full-screen {
  position: absolute;
}

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto;
}

.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  _position: absolute;
}

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.vjs-poster {
  margin: 0 auto;
  padding: 0;
  cursor: pointer;
  position: relative;
  width: 100%;
  max-height: 100%;
}

.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  left: 1em;
  right: 1em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.video-js .vjs-text-track {
  display: none;
  color: #fff;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  background: #000;
  background: rgba(0, 0, 0, 0.5);
}

.video-js .vjs-subtitles {
  color: #fff;
}

.video-js .vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

.vjs-fade-in {
  visibility: visible !important;
  opacity: 1 !important;
  -webkit-transition: visibility 0s linear 0s, opacity 0.3s linear;
  -moz-transition: visibility 0s linear 0s, opacity 0.3s linear;
  -ms-transition: visibility 0s linear 0s, opacity 0.3s linear;
  -o-transition: visibility 0s linear 0s, opacity 0.3s linear;
  transition: visibility 0s linear 0s, opacity 0.3s linear;
}

.vjs-fade-out {
  visibility: hidden !important;
  opacity: 0 !important;
  -webkit-transition: visibility 0s linear 1.5s, opacity 1.5s linear;
  -moz-transition: visibility 0s linear 1.5s, opacity 1.5s linear;
  -ms-transition: visibility 0s linear 1.5s, opacity 1.5s linear;
  -o-transition: visibility 0s linear 1.5s, opacity 1.5s linear;
  transition: visibility 0s linear 1.5s, opacity 1.5s linear;
}

.vjs-default-skin .vjs-controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  height: 2.6em;
  color: #fff;
  border-top: 1px solid #404040;
  background: #242424;
  background: -moz-linear-gradient(to top, #242424 50%, #1f1f1f 50%, #171717 100%);
  background: -webkit-gradient(linear, 0% 0, 0% 100%, color-stop(50%, #242424), color-stop(50%, #1f1f1f), color-stop(100%, #171717));
  background: -webkit-linear-gradient(to top, #242424 50%, #1f1f1f 50%, #171717 100%);
  background: -o-linear-gradient(to top, #242424 50%, #1f1f1f 50%, #171717 100%);
  background: -ms-linear-gradient(to top, #242424 50%, #1f1f1f 50%, #171717 100%);
  background: linear-gradient(to top, #242424 50%, #1f1f1f 50%, #171717 100%);
  visibility: hidden;
  opacity: 0;
}

.vjs-default-skin .vjs-control {
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 2.6em;
  width: 2.6em;
}

.vjs-default-skin .vjs-control:focus {
  outline: 0;
}

.vjs-default-skin .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.vjs-default-skin .vjs-play-control {
  width: 5em;
  cursor: pointer !important;
}

.vjs-default-skin.vjs-paused .vjs-play-control div {
  width: 15px;
  height: 17px;
  background: url("video-js.png");
  margin: 0.5em auto 0;
}

.vjs-default-skin.vjs-playing .vjs-play-control div {
  width: 15px;
  height: 17px;
  background: url("video-js.png") -25px 0;
  margin: 0.5em auto 0;
}

.vjs-default-skin .vjs-rewind-control {
  width: 5em;
  cursor: pointer !important;
}

.vjs-default-skin .vjs-rewind-control div {
  width: 19px;
  height: 16px;
  background: url("video-js.png");
  margin: 0.5em auto 0;
}

.vjs-default-skin .vjs-mute-control {
  width: 3.8em;
  cursor: pointer !important;
  float: right;
}

.vjs-default-skin .vjs-mute-control div {
  width: 22px;
  height: 16px;
  background: url("video-js.png") -75px -25px;
  margin: 0.5em auto 0;
}

.vjs-default-skin .vjs-mute-control.vjs-vol-0 div {
  background: url("video-js.png") 0 -25px;
}

.vjs-default-skin .vjs-mute-control.vjs-vol-1 div {
  background: url("video-js.png") -25px -25px;
}

.vjs-default-skin .vjs-mute-control.vjs-vol-2 div {
  background: url("video-js.png") -50px -25px;
}

.vjs-default-skin .vjs-volume-control {
  width: 5em;
  float: right;
}

.vjs-default-skin .vjs-volume-bar {
  position: relative;
  width: 5em;
  height: 0.6em;
  margin: 1em auto 0;
  cursor: pointer !important;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em;
  background: #666;
  background: -moz-linear-gradient(to top, #333, #666);
  background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#333), to(#666));
  background: -webkit-linear-gradient(to top, #333, #666);
  background: -o-linear-gradient(to top, #333, #666);
  background: -ms-linear-gradient(to top, #333, #666);
  background: linear-gradient(to top, #333, #666);
}

.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.6em;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em;
  background: #fff;
  background: -moz-linear-gradient(to top, #fff, #ccc);
  background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#fff), to(#ccc));
  background: -webkit-linear-gradient(to top, #fff, #ccc);
  background: -o-linear-gradient(to top, #fff, #ccc);
  background: -ms-linear-gradient(to top, #fff, #ccc);
  background: linear-gradient(to top, #fff, #ccc);
}

.vjs-default-skin .vjs-volume-handle {
  position: absolute;
  top: -0.2em;
  width: 0.8em;
  height: 0.8em;
  background: #ccc;
  left: 0;
  border: 1px solid #fff;
  -moz-border-radius: 0.6em;
  -webkit-border-radius: 0.6em;
  border-radius: 0.6em;
}

.vjs-default-skin div.vjs-progress-control {
  position: absolute;
  left: 4.8em;
  right: 4.8em;
  height: 1em;
  width: auto;
  top: -1.3em;
  border-bottom: 1px solid #1f1f1f;
  border-top: 1px solid #222;
  background: #333;
  background: -moz-linear-gradient(to top, #222, #333);
  background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#222), to(#333));
  background: -webkit-linear-gradient(to top, #222, #333);
  background: -o-linear-gradient(to top, #333, #222);
  background: -ms-linear-gradient(to top, #333, #222);
  background: linear-gradient(to top, #333, #222);
}

.vjs-default-skin .vjs-progress-holder {
  position: relative;
  cursor: pointer !important;
  padding: 0;
  margin: 0;
  height: 1em;
  -moz-border-radius: 0.6em;
  -webkit-border-radius: 0.6em;
  border-radius: 0.6em;
  background: #111;
  background: -moz-linear-gradient(to top, #111, #262626);
  background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#111), to(#262626));
  background: -webkit-linear-gradient(to top, #111, #262626);
  background: -o-linear-gradient(to top, #111, #262626);
  background: -ms-linear-gradient(to top, #111, #262626);
  background: linear-gradient(to top, #111, #262626);
}

.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress {
  position: absolute;
  display: block;
  height: 1em;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  -moz-border-radius: 0.6em;
  -webkit-border-radius: 0.6em;
  border-radius: 0.6em;
}

.vjs-default-skin .vjs-play-progress {
  background: #fff;
  background: -moz-linear-gradient(to top, #fff 0, #d6d6d6 50%, #fff 100%);
  background: -webkit-gradient(linear, 0% 0, 0% 100%, color-stop(0%, #fff), color-stop(50%, #d6d6d6), color-stop(100%, #fff));
  background: -webkit-linear-gradient(to top, #fff 0, #d6d6d6 50%, #fff 100%);
  background: -o-linear-gradient(to top, #fff 0, #d6d6d6 50%, #fff 100%);
  background: -ms-linear-gradient(to top, #fff 0, #d6d6d6 50%, #fff 100%);
  background: linear-gradient(to top, #fff 0, #d6d6d6 50%, #fff 100%);
  background: #efefef;
  background: -moz-linear-gradient(to top, #efefef 0, #f5f5f5 50%, #dbdbdb 50%, #f1f1f1 100%);
  background: -webkit-gradient(linear, 0% 0, 0% 100%, color-stop(0%, #efefef), color-stop(50%, #f5f5f5), color-stop(50%, #dbdbdb), color-stop(100%, #f1f1f1));
  background: -webkit-linear-gradient(to top, #efefef 0, #f5f5f5 50%, #dbdbdb 50%, #f1f1f1 100%);
  background: -o-linear-gradient(to top, #efefef 0, #f5f5f5 50%, #dbdbdb 50%, #f1f1f1 100%);
  background: -ms-linear-gradient(to top, #efefef 0, #f5f5f5 50%, #dbdbdb 50%, #f1f1f1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efefef", endColorstr="#f1f1f1", GradientType=0);
  background: linear-gradient(to top, #efefef 0, #f5f5f5 50%, #dbdbdb 50%, #f1f1f1 100%);
}

.vjs-default-skin .vjs-load-progress {
  opacity: 0.8;
  background: #666;
  background: -moz-linear-gradient(to top, #666, #333);
  background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#666), to(#333));
  background: -webkit-linear-gradient(to top, #666, #333);
  background: -o-linear-gradient(to top, #666, #333);
  background: -ms-linear-gradient(to top, #666, #333);
  background: linear-gradient(to top, #666, #333);
}

.vjs-default-skin div.vjs-seek-handle {
  position: absolute;
  width: 16px;
  height: 16px;
  margin-top: -0.3em;
  left: 0;
  top: 0;
  background: url("video-js.png") 0 -50px;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  border-radius: 0.8em;
  -webkit-box-shadow: 0 2px 4px 0 #000;
  -moz-box-shadow: 0 2px 4px 0 #000;
  box-shadow: 0 2px 4px 0 #000;
}

.vjs-default-skin .vjs-time-controls {
  position: absolute;
  right: 0;
  height: 1em;
  width: 4.8em;
  top: -1.3em;
  border-bottom: 1px solid #1f1f1f;
  border-top: 1px solid #222;
  background-color: #333;
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;
  background: #333;
  background: -moz-linear-gradient(to top, #222, #333);
  background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#222), to(#333));
  background: -webkit-linear-gradient(to top, #222, #333);
  background: -o-linear-gradient(to top, #333, #222);
  background: -ms-linear-gradient(to top, #333, #222);
  background: linear-gradient(to top, #333, #222);
}

.vjs-default-skin .vjs-current-time {
  left: 0;
}

.vjs-default-skin .vjs-duration {
  right: 0;
  display: none;
}

.vjs-default-skin .vjs-remaining-time {
  right: 0;
}

.vjs-time-divider {
  display: none;
}

.vjs-default-skin .vjs-time-control {
  font-size: 1em;
  line-height: 1;
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;
}

.vjs-default-skin .vjs-time-control span {
  line-height: 25px;
}

.vjs-secondary-controls {
  float: right;
}

.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer !important;
  float: right;
}

.vjs-default-skin .vjs-fullscreen-control div {
  width: 16px;
  height: 16px;
  background: url("video-js.png") -50px 0;
  margin: 0.5em auto 0;
}

.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control div {
  background: url("video-js.png") -75px 0;
}

.vjs-default-skin .vjs-big-play-button {
  display: block;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8em;
  height: 8em;
  margin: -42px 0 0 -42px;
  text-align: center;
  vertical-align: center;
  cursor: pointer !important;
  border: 0.2em solid #fff;
  opacity: 0.95;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  background: #454545;
  background: -moz-linear-gradient(to top, #454545 0, #232323 50%, #161616 50%, #3f3f3f 100%);
  background: -webkit-gradient(linear, 0% 0, 0% 100%, color-stop(0%, #454545), color-stop(50%, #232323), color-stop(50%, #161616), color-stop(100%, #3f3f3f));
  background: -webkit-linear-gradient(to top, #454545 0, #232323 50%, #161616 50%, #3f3f3f 100%);
  background: -o-linear-gradient(to top, #454545 0, #232323 50%, #161616 50%, #3f3f3f 100%);
  background: -ms-linear-gradient(to top, #454545 0, #232323 50%, #161616 50%, #3f3f3f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#454545", endColorstr="#3f3f3f", GradientType=0);
  background: linear-gradient(to top, #454545 0, #232323 50%, #161616 50%, #3f3f3f 100%);
  -webkit-box-shadow: 4px 4px 8px #000;
  -moz-box-shadow: 4px 4px 8px #000;
  box-shadow: 4px 4px 8px #000;
}

.vjs-default-skin div.vjs-big-play-button:hover {
  -webkit-box-shadow: 0 0 80px #fff;
  -moz-box-shadow: 0 0 80px #fff;
  box-shadow: 0 0 80px #fff;
}

.vjs-default-skin div.vjs-big-play-button span {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 35px;
  height: 42px;
  margin: -20px 0 0 -15px;
  background: url("video-js.png") -100px 0;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 55px;
  height: 55px;
  margin: -28px 0 0 -28px;
  -webkit-animation-name: rotatethis;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotatethis;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
}

@-webkit-keyframes rotatethis {
  0% {
    -webkit-transform: scale(0.6) rotate(0deg);
  }
  12.5% {
    -webkit-transform: scale(0.6) rotate(0deg);
  }
  12.51% {
    -webkit-transform: scale(0.6) rotate(45deg);
  }
  25% {
    -webkit-transform: scale(0.6) rotate(45deg);
  }
  25.01% {
    -webkit-transform: scale(0.6) rotate(90deg);
  }
  37.5% {
    -webkit-transform: scale(0.6) rotate(90deg);
  }
  37.51% {
    -webkit-transform: scale(0.6) rotate(135deg);
  }
  50% {
    -webkit-transform: scale(0.6) rotate(135deg);
  }
  50.01% {
    -webkit-transform: scale(0.6) rotate(180deg);
  }
  62.5% {
    -webkit-transform: scale(0.6) rotate(180deg);
  }
  62.51% {
    -webkit-transform: scale(0.6) rotate(225deg);
  }
  75% {
    -webkit-transform: scale(0.6) rotate(225deg);
  }
  75.01% {
    -webkit-transform: scale(0.6) rotate(270deg);
  }
  87.5% {
    -webkit-transform: scale(0.6) rotate(270deg);
  }
  87.51% {
    -webkit-transform: scale(0.6) rotate(315deg);
  }
  100% {
    -webkit-transform: scale(0.6) rotate(315deg);
  }
}
@-moz-keyframes rotatethis {
  0% {
    -moz-transform: scale(0.6) rotate(0deg);
  }
  12.5% {
    -moz-transform: scale(0.6) rotate(0deg);
  }
  12.51% {
    -moz-transform: scale(0.6) rotate(45deg);
  }
  25% {
    -moz-transform: scale(0.6) rotate(45deg);
  }
  25.01% {
    -moz-transform: scale(0.6) rotate(90deg);
  }
  37.5% {
    -moz-transform: scale(0.6) rotate(90deg);
  }
  37.51% {
    -moz-transform: scale(0.6) rotate(135deg);
  }
  50% {
    -moz-transform: scale(0.6) rotate(135deg);
  }
  50.01% {
    -moz-transform: scale(0.6) rotate(180deg);
  }
  62.5% {
    -moz-transform: scale(0.6) rotate(180deg);
  }
  62.51% {
    -moz-transform: scale(0.6) rotate(225deg);
  }
  75% {
    -moz-transform: scale(0.6) rotate(225deg);
  }
  75.01% {
    -moz-transform: scale(0.6) rotate(270deg);
  }
  87.5% {
    -moz-transform: scale(0.6) rotate(270deg);
  }
  87.51% {
    -moz-transform: scale(0.6) rotate(315deg);
  }
  100% {
    -moz-transform: scale(0.6) rotate(315deg);
  }
}
div.vjs-loading-spinner .ball1 {
  opacity: 0.12;
  position: absolute;
  left: 20px;
  top: 0;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #ccc;
}

div.vjs-loading-spinner .ball2 {
  opacity: 0.25;
  position: absolute;
  left: 34px;
  top: 6px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #ccc;
}

div.vjs-loading-spinner .ball3 {
  opacity: 0.37;
  position: absolute;
  left: 40px;
  top: 20px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #ccc;
}

div.vjs-loading-spinner .ball4 {
  opacity: 0.5;
  position: absolute;
  left: 34px;
  top: 34px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 15px;
  border: 1px solid #ccc;
}

div.vjs-loading-spinner .ball5 {
  opacity: 0.62;
  position: absolute;
  left: 20px;
  top: 40px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #ccc;
}

div.vjs-loading-spinner .ball6 {
  opacity: 0.75;
  position: absolute;
  left: 6px;
  top: 34px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #ccc;
}

div.vjs-loading-spinner .ball7 {
  opacity: 0.87;
  position: absolute;
  left: 0;
  top: 20px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #ccc;
}

div.vjs-loading-spinner .ball8 {
  opacity: 1;
  position: absolute;
  left: 6px;
  top: 6px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #ccc;
}

.vjs-default-skin .vjs-menu-button {
  float: right;
  margin: 0.2em 0.5em 0 0;
  padding: 0;
  width: 3em;
  height: 2em;
  cursor: pointer !important;
  border: 1px solid #111;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em;
  background: #4d4d4d;
  background: -moz-linear-gradient(to top, #4d4d4d 0, #3f3f3f 50%, #333 50%, #252525 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4d4d), color-stop(50%, #3f3f3f), color-stop(50%, #333), color-stop(100%, #252525));
  background: -webkit-linear-gradient(to top, #4d4d4d 0, #3f3f3f 50%, #333 50%, #252525 100%);
  background: -o-linear-gradient(to top, #4d4d4d 0, #3f3f3f 50%, #333 50%, #252525 100%);
  background: -ms-linear-gradient(to top, #4d4d4d 0, #3f3f3f 50%, #333 50%, #252525 100%);
  background: linear-gradient(to top, #4d4d4d 0, #3f3f3f 50%, #333 50%, #252525 100%);
}

.vjs-default-skin .vjs-menu-button div {
  background: url("video-js.png") 0 -75px no-repeat;
  width: 16px;
  height: 16px;
  margin: 0.2em auto 0;
  padding: 0;
}

.vjs-default-skin .vjs-menu-button ul {
  display: none;
  opacity: 0.8;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 2em;
  max-height: 15em;
  left: -3.5em;
  background-color: #111;
  border: 2px solid #333;
  -moz-border-radius: 0.7em;
  -webkit-border-radius: 1em;
  border-radius: 0.5em;
  -webkit-box-shadow: 0 2px 4px 0 #000;
  -moz-box-shadow: 0 2px 4px 0 #000;
  box-shadow: 0 2px 4px 0 #000;
  overflow: auto;
}

.vjs-default-skin .vjs-menu-button:focus ul,
.vjs-default-skin .vjs-menu-button:hover ul {
  display: block;
  list-style: none;
}

.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 20px;
  line-height: 1.4em;
  font-size: 1.2em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: left;
}

.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  text-decoration: underline;
  background: url("video-js.png") -125px -50px no-repeat;
}

.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  background-color: #ccc;
  color: #111;
  outline: 0;
}

.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  color: #fff;
  font-weight: bold;
  cursor: default;
  background: #4d4d4d;
  background: -moz-linear-gradient(to top, #4d4d4d 0, #3f3f3f 50%, #333 50%, #252525 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4d4d), color-stop(50%, #3f3f3f), color-stop(50%, #333), color-stop(100%, #252525));
  background: -webkit-linear-gradient(to top, #4d4d4d 0, #3f3f3f 50%, #333 50%, #252525 100%);
  background: -o-linear-gradient(to top, #4d4d4d 0, #3f3f3f 50%, #333 50%, #252525 100%);
  background: -ms-linear-gradient(to top, #4d4d4d 0, #3f3f3f 50%, #333 50%, #252525 100%);
  background: linear-gradient(to top, #4d4d4d 0, #3f3f3f 50%, #333 50%, #252525 100%);
}

.vjs-default-skin .vjs-captions-button div {
  background-position: -25px -75px;
}

.vjs-default-skin .vjs-chapters-button div {
  background-position: -100px -75px;
}

.vjs-default-skin .vjs-chapters-button ul {
  width: 20em;
  left: -8.5em;
}

/*!
 * jquery-confirm v3.3.0 (http://craftpip.github.io/jquery-confirm/)
 * Author: boniface pereira
 * Website: www.craftpip.com
 * Contact: hey@craftpip.com
 *
 * Copyright 2013-2017 jquery-confirm
 * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
 */
@-webkit-keyframes jconfirm-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes jconfirm-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
body[class*=jconfirm-no-scroll-] {
  overflow: hidden !important;
}

.jconfirm {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999999;
  font-family: inherit;
  overflow: hidden;
}

.jconfirm .jconfirm-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.jconfirm .jconfirm-bg.jconfirm-bg-h {
  opacity: 0 !important;
}

.jconfirm .jconfirm-scrollpane {
  -webkit-perspective: 500px;
  perspective: 500px;
  -webkit-perspective-origin: center;
  perspective-origin: center;
  display: table;
  width: 100%;
  height: 100%;
}

.jconfirm .jconfirm-row {
  display: table-row;
  width: 100%;
}

.jconfirm .jconfirm-cell {
  display: table-cell;
  vertical-align: middle;
}

.jconfirm .jconfirm-holder {
  max-height: 100%;
  padding: 50px 0;
}

.jconfirm .jconfirm-box-container {
  -webkit-transition: -webkit-transform;
  transition: -webkit-transform;
  transition: transform;
  transition: transform, -webkit-transform;
}

.jconfirm .jconfirm-box-container.jconfirm-no-transition {
  -webkit-transition: none !important;
  transition: none !important;
}

.jconfirm .jconfirm-box {
  background: white;
  border-radius: 4px;
  position: relative;
  outline: 0;
  padding: 15px 15px 0;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}

@-webkit-keyframes type-blue {
  1%, 100% {
    border-color: #3498db;
  }
  50% {
    border-color: #5faee3;
  }
}
@keyframes type-blue {
  1%, 100% {
    border-color: #3498db;
  }
  50% {
    border-color: #5faee3;
  }
}
@-webkit-keyframes type-green {
  1%, 100% {
    border-color: #2ecc71;
  }
  50% {
    border-color: #54d98c;
  }
}
@keyframes type-green {
  1%, 100% {
    border-color: #2ecc71;
  }
  50% {
    border-color: #54d98c;
  }
}
@-webkit-keyframes type-red {
  1%, 100% {
    border-color: #e74c3c;
  }
  50% {
    border-color: #ed7669;
  }
}
@keyframes type-red {
  1%, 100% {
    border-color: #e74c3c;
  }
  50% {
    border-color: #ed7669;
  }
}
@-webkit-keyframes type-orange {
  1%, 100% {
    border-color: #f1c40f;
  }
  50% {
    border-color: #f4d03f;
  }
}
@keyframes type-orange {
  1%, 100% {
    border-color: #f1c40f;
  }
  50% {
    border-color: #f4d03f;
  }
}
@-webkit-keyframes type-purple {
  1%, 100% {
    border-color: #9b59b6;
  }
  50% {
    border-color: #b07cc6;
  }
}
@keyframes type-purple {
  1%, 100% {
    border-color: #9b59b6;
  }
  50% {
    border-color: #b07cc6;
  }
}
@-webkit-keyframes type-dark {
  1%, 100% {
    border-color: #34495e;
  }
  50% {
    border-color: #46627f;
  }
}
@keyframes type-dark {
  1%, 100% {
    border-color: #34495e;
  }
  50% {
    border-color: #46627f;
  }
}
.jconfirm .jconfirm-box.jconfirm-type-animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.jconfirm .jconfirm-box.jconfirm-type-blue {
  border-top: solid 7px #3498db;
  -webkit-animation-name: type-blue;
  animation-name: type-blue;
}

.jconfirm .jconfirm-box.jconfirm-type-green {
  border-top: solid 7px #2ecc71;
  -webkit-animation-name: type-green;
  animation-name: type-green;
}

.jconfirm .jconfirm-box.jconfirm-type-red {
  border-top: solid 7px #e74c3c;
  -webkit-animation-name: type-red;
  animation-name: type-red;
}

.jconfirm .jconfirm-box.jconfirm-type-orange {
  border-top: solid 7px #f1c40f;
  -webkit-animation-name: type-orange;
  animation-name: type-orange;
}

.jconfirm .jconfirm-box.jconfirm-type-purple {
  border-top: solid 7px #9b59b6;
  -webkit-animation-name: type-purple;
  animation-name: type-purple;
}

.jconfirm .jconfirm-box.jconfirm-type-dark {
  border-top: solid 7px #34495e;
  -webkit-animation-name: type-dark;
  animation-name: type-dark;
}

.jconfirm .jconfirm-box.loading {
  height: 120px;
}

.jconfirm .jconfirm-box.loading:before {
  content: "";
  position: absolute;
  left: 0;
  background: white;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 10px;
  z-index: 1;
}

.jconfirm .jconfirm-box.loading:after {
  opacity: 0.6;
  content: "";
  height: 30px;
  width: 30px;
  border: solid 3px transparent;
  position: absolute;
  left: 50%;
  margin-left: -15px;
  border-radius: 50%;
  -webkit-animation: jconfirm-spin 1s infinite linear;
  animation: jconfirm-spin 1s infinite linear;
  border-bottom-color: dodgerblue;
  top: 50%;
  margin-top: -15px;
  z-index: 2;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon {
  height: 20px;
  width: 20px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  opacity: 0.6;
  text-align: center;
  font-size: 27px !important;
  line-height: 14px !important;
  display: none;
  z-index: 1;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon:empty {
  display: none;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa {
  font-size: 16px;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon {
  font-size: 16px;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi {
  font-size: 16px;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover {
  opacity: 1;
}

.jconfirm .jconfirm-box div.jconfirm-title-c {
  display: block;
  font-size: 22px;
  line-height: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  padding-bottom: 15px;
}

.jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand {
  cursor: move;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
  font-size: inherit;
  display: inline-block;
  vertical-align: middle;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i {
  vertical-align: middle;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty {
  display: none;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: inherit;
  font-family: inherit;
  display: inline-block;
  vertical-align: middle;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty {
  display: none;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane {
  margin-bottom: 15px;
  height: auto;
  -webkit-transition: height 0.4s ease-in;
  transition: height 0.4s ease-in;
  display: inline-block;
  width: 100%;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll {
  overflow-y: hidden;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar {
  width: 3px;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb {
  background: #666;
  border-radius: 3px;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
  overflow: auto;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img {
  max-width: 100%;
  height: auto;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty {
  display: none;
}

.jconfirm .jconfirm-box .jconfirm-buttons {
  padding-bottom: 11px;
}

.jconfirm .jconfirm-box .jconfirm-buttons > button {
  margin-bottom: 4px;
  margin-left: 2px;
  margin-right: 2px;
}

.jconfirm .jconfirm-box .jconfirm-buttons button {
  display: inline-block;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 4px;
  min-height: 1em;
  -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
  transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
  -webkit-tap-highlight-color: transparent;
  border: 0;
  background-image: none;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
  background-color: #3498db;
  color: #FFF;
  text-shadow: none;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover {
  background-color: #2980b9;
  color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
  background-color: #2ecc71;
  color: #FFF;
  text-shadow: none;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
  background-color: #27ae60;
  color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
  background-color: #e74c3c;
  color: #FFF;
  text-shadow: none;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover {
  background-color: #c0392b;
  color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange {
  background-color: #f1c40f;
  color: #FFF;
  text-shadow: none;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover {
  background-color: #f39c12;
  color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
  background-color: #ecf0f1;
  color: #000;
  text-shadow: none;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
  background-color: #bdc3c7;
  color: #000;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple {
  background-color: #9b59b6;
  color: #FFF;
  text-shadow: none;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover {
  background-color: #8e44ad;
  color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark {
  background-color: #34495e;
  color: #FFF;
  text-shadow: none;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover {
  background-color: #2c3e50;
  color: #FFF;
}

.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c {
  color: #e74c3c !important;
}

.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c {
  color: #3498db !important;
}

.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c {
  color: #2ecc71 !important;
}

.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c {
  color: #9b59b6 !important;
}

.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c {
  color: #f1c40f !important;
}

.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c {
  color: #34495e !important;
}

.jconfirm .jconfirm-clear {
  clear: both;
}

.jconfirm.jconfirm-rtl {
  direction: rtl;
}

.jconfirm.jconfirm-rtl div.jconfirm-closeIcon {
  left: 5px;
  right: auto;
}

.jconfirm.jconfirm-white .jconfirm-bg, .jconfirm.jconfirm-light .jconfirm-bg {
  background-color: #444;
  opacity: 0.2;
}

.jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
  margin-right: 8px;
  margin-left: 0;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
  float: right;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  text-shadow: none;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #333;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {
  background: #ddd;
}

.jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
  margin-left: 8px;
  margin-right: 0;
}

.jconfirm.jconfirm-black .jconfirm-bg, .jconfirm.jconfirm-dark .jconfirm-bg {
  background-color: darkslategray;
  opacity: 0.4;
}

.jconfirm.jconfirm-black .jconfirm-box, .jconfirm.jconfirm-dark .jconfirm-box {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  background: #444;
  border-radius: 5px;
  color: white;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
  margin-right: 8px;
  margin-left: 0;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons {
  float: right;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button {
  border: 0;
  background-image: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  text-shadow: none;
  -webkit-transition: background 0.1s;
  transition: background 0.1s;
  color: white;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default {
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  background: 0;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover {
  background: #666;
}

.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
  margin-left: 8px;
  margin-right: 0;
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake {
  -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow {
  -webkit-animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@-webkit-keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-2px, 0, 0);
    transform: translate3d(-2px, 0, 0);
  }
  20%, 80% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-8px, 0, 0);
    transform: translate3d(-8px, 0, 0);
  }
  40%, 60% {
    -webkit-transform: translate3d(8px, 0, 0);
    transform: translate3d(8px, 0, 0);
  }
}
@keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-2px, 0, 0);
    transform: translate3d(-2px, 0, 0);
  }
  20%, 80% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-8px, 0, 0);
    transform: translate3d(-8px, 0, 0);
  }
  40%, 60% {
    -webkit-transform: translate3d(8px, 0, 0);
    transform: translate3d(8px, 0, 0);
  }
}
@-webkit-keyframes glow {
  0%, 100% {
    -webkit-box-shadow: 0 0 0 red;
    box-shadow: 0 0 0 red;
  }
  50% {
    -webkit-box-shadow: 0 0 30px red;
    box-shadow: 0 0 30px red;
  }
}
@keyframes glow {
  0%, 100% {
    -webkit-box-shadow: 0 0 0 red;
    box-shadow: 0 0 0 red;
  }
  50% {
    -webkit-box-shadow: 0 0 30px red;
    box-shadow: 0 0 30px red;
  }
}
.jconfirm {
  -webkit-perspective: 400px;
  perspective: 400px;
}

.jconfirm .jconfirm-box {
  opacity: 1;
  -webkit-transition-property: all;
  transition-property: all;
}

.jconfirm .jconfirm-box.jconfirm-animation-top, .jconfirm .jconfirm-box.jconfirm-animation-left, .jconfirm .jconfirm-box.jconfirm-animation-right, .jconfirm .jconfirm-box.jconfirm-animation-bottom, .jconfirm .jconfirm-box.jconfirm-animation-opacity, .jconfirm .jconfirm-box.jconfirm-animation-zoom, .jconfirm .jconfirm-box.jconfirm-animation-scale, .jconfirm .jconfirm-box.jconfirm-animation-none, .jconfirm .jconfirm-box.jconfirm-animation-rotate, .jconfirm .jconfirm-box.jconfirm-animation-rotatex, .jconfirm .jconfirm-box.jconfirm-animation-rotatey, .jconfirm .jconfirm-box.jconfirm-animation-scaley, .jconfirm .jconfirm-box.jconfirm-animation-scalex {
  opacity: 0;
}

.jconfirm .jconfirm-box.jconfirm-animation-rotate {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatex {
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatexr {
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatey {
  -webkit-transform: rotatey(90deg);
  transform: rotatey(90deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-rotateyr {
  -webkit-transform: rotatey(-90deg);
  transform: rotatey(-90deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-scaley {
  -webkit-transform: scaley(1.5);
  transform: scaley(1.5);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-scalex {
  -webkit-transform: scalex(1.5);
  transform: scalex(1.5);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-top {
  -webkit-transform: translate(0px, -100px);
  transform: translate(0px, -100px);
}

.jconfirm .jconfirm-box.jconfirm-animation-left {
  -webkit-transform: translate(-100px, 0px);
  transform: translate(-100px, 0px);
}

.jconfirm .jconfirm-box.jconfirm-animation-right {
  -webkit-transform: translate(100px, 0px);
  transform: translate(100px, 0px);
}

.jconfirm .jconfirm-box.jconfirm-animation-bottom {
  -webkit-transform: translate(0px, 100px);
  transform: translate(0px, 100px);
}

.jconfirm .jconfirm-box.jconfirm-animation-zoom {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.jconfirm .jconfirm-box.jconfirm-animation-scale {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}

.jconfirm .jconfirm-box.jconfirm-animation-none {
  visibility: hidden;
}

.jconfirm.jconfirm-supervan .jconfirm-bg {
  background-color: rgba(54, 70, 93, 0.95);
}

.jconfirm.jconfirm-supervan .jconfirm-box {
  background-color: transparent;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue {
  border: 0;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green {
  border: 0;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red {
  border: 0;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange {
  border: 0;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple {
  border: 0;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark {
  border: 0;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon {
  color: white;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c {
  text-align: center;
  color: white;
  font-size: 28px;
  font-weight: normal;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c > * {
  padding-bottom: 25px;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
  margin-right: 8px;
  margin-left: 0;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane {
  margin-bottom: 25px;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content {
  text-align: center;
  color: white;
}

.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons {
  text-align: center;
}

.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button {
  font-size: 16px;
  border-radius: 2px;
  background: #303f53;
  text-shadow: none;
  border: 0;
  color: white;
  padding: 10px;
  min-width: 100px;
}

.jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
  margin-left: 8px;
  margin-right: 0;
}

.jconfirm.jconfirm-material .jconfirm-bg {
  background-color: rgba(0, 0, 0, 0.67);
}

.jconfirm.jconfirm-material .jconfirm-box {
  background-color: white;
  -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  padding: 30px 25px 10px 25px;
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
  margin-right: 8px;
  margin-left: 0;
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon {
  color: rgba(0, 0, 0, 0.87);
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c {
  color: rgba(0, 0, 0, 0.87);
  font-size: 22px;
  font-weight: bold;
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content {
  color: rgba(0, 0, 0, 0.87);
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons {
  text-align: right;
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button {
  text-transform: uppercase;
  font-weight: 500;
}

.jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
  margin-left: 8px;
  margin-right: 0;
}

.jconfirm.jconfirm-bootstrap .jconfirm-bg {
  background-color: rgba(0, 0, 0, 0.21);
}

.jconfirm.jconfirm-bootstrap .jconfirm-box {
  background-color: white;
  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
  border: solid 1px rgba(0, 0, 0, 0.4);
  padding: 15px 0 0;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
  margin-right: 8px;
  margin-left: 0;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon {
  color: rgba(0, 0, 0, 0.87);
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c {
  color: rgba(0, 0, 0, 0.87);
  font-size: 22px;
  font-weight: bold;
  padding-left: 15px;
  padding-right: 15px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content {
  color: rgba(0, 0, 0, 0.87);
  padding: 0 15px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons {
  text-align: right;
  padding: 10px;
  margin: -5px 0 0;
  border-top: solid 1px #ddd;
  overflow: hidden;
  border-radius: 0 0 4px 4px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button {
  font-weight: 500;
}

.jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
  margin-left: 8px;
  margin-right: 0;
}

.jconfirm.jconfirm-modern .jconfirm-bg {
  background-color: slategray;
  opacity: 0.6;
}

.jconfirm.jconfirm-modern .jconfirm-box {
  background-color: white;
  -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  padding: 30px 30px 15px;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon {
  color: rgba(0, 0, 0, 0.87);
  top: 15px;
  right: 15px;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c {
  color: rgba(0, 0, 0, 0.87);
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: scale(0);
  transform: scale(0);
  display: block;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 10px;
  font-size: 69px;
  color: #aaa;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
  text-align: center;
  font-size: 15px;
  color: #777;
  margin-bottom: 25px;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons {
  text-align: center;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button {
  font-weight: bold;
  text-transform: uppercase;
  -webkit-transition: background 0.1s;
  transition: background 0.1s;
  padding: 10px 20px;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button + button {
  margin-left: 4px;
}

.jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
  -webkit-transform: scale(1);
  transform: scale(1);
}

@font-face {
  font-family: "OpenSansExtraBold";
  src: url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff), url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff2);
}
/* media queries - use these to edit specific sizes
    @include mobile-xs {}
    @include mobile-xs-landscape {}
    @include mobile {}
    @include mobile-landscape {}
    @include desktop_range {}
    @include mobile-wide-landscape {}
    @include desktop_wide {}
    @include desktop_max {}
*/
.jconfirm.jconfirm-white .jconfirm-box,
.jconfirm.jconfirm-light .jconfirm-box {
  max-height: 80vh;
  overflow-y: auto;
}
.jconfirm.jconfirm-white .jconfirm-box img,
.jconfirm.jconfirm-light .jconfirm-box img {
  max-height: 70vh;
}

@media only screen and (max-width: 767px) {
  .jconfirm-type-animated {
    width: 85% !important;
    max-height: 50% !important;
    padding: 15px 15px 0 !important;
  }
}

.jconfirm.jconfirm-white .jconfirm-box,
.jconfirm.jconfirm-light .jconfirm-box {
  max-height: 80vh;
  overflow-y: auto;
}

.jconfirm-type-animated {
  max-width: 75% !important;
  width: 450px !important;
  overflow-x: hidden;
}

.jconfirm .jconfirm-box {
  overflow: auto;
}

@font-face {
  font-family: "OpenSansExtraBold";
  src: url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff), url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff2);
}
/* media queries - use these to edit specific sizes
    @include mobile-xs {}
    @include mobile-xs-landscape {}
    @include mobile {}
    @include mobile-landscape {}
    @include desktop_range {}
    @include mobile-wide-landscape {}
    @include desktop_wide {}
    @include desktop_max {}
*/
@media screen and (-ms-high-contrast: none) {
  .blueTransparency {
    background-color: rgba(51, 151, 197, 0.8);
  }
}
@media screen and (min-width: 769px) and (max-width: 1640px) {
  #aspnetForm {
    max-width: 90%;
    /*padding-left: 1.2195121951219514vw;*/
    /*padding-right: 1.2195121951219514vw;*/
  }
}
@media screen {
  html {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    outline: none;
  }
  body {
    background-color: #fff;
    background-attachment: fixed;
    overflow-x: hidden;
    height: 100%;
    width: 100vw;
    max-width: 100vw;
    padding: 0;
    margin: 0;
    border: 0;
    color: #525456;
    /* needed for sticky footer */
    font-family: "Open Sans";
    font-size: 14px;
  }
  body form {
    height: 100%;
    max-width: 100vw;
  }
  body form#aspnetForm {
    margin-left: auto;
    margin-right: auto;
    /*padding-left: 20px;*/
    /*padding-right: 20px;*/
    /*border: 1px solid red;*/
  }
  body* {
    margin: 0;
    padding: 0;
    outline: none;
  }
  body .mainControl-wrapper {
    position: relative;
    height: auto;
    background: #e1e5ec;
    padding-top: 5px;
    padding-bottom: 10px;
  }
  body th {
    font-weight: normal;
  }
  body .displayNone {
    display: none;
  }
  body img {
    -ms-interpolation-mode: bicubic;
    image-rendering: crisp-edges;
  }
  body .printButton {
    text-align: center;
    padding: 15px;
    background-color: var(--mainColor);
    width: 130px;
    margin: 0 auto;
    font-size: 14px;
  }
  body #loadingSCR {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(128, 128, 128, 0);
    width: 100vw;
    height: 100vh;
    z-index: 9999;
  }
  body #loadingSCR:after {
    display: block;
    position: fixed;
    content: "";
    top: 0;
    left: 0;
    background: url(../img/loading.svg) center no-repeat;
    background-size: 550px 150px;
    opacity: 1;
    width: 100vw;
    height: 100vh;
    z-index: 10000;
  }
  body #waiteDIV {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    /*background-color: #7061616b;*/
  }
  body #loader {
    background: url("../img/loading.svg") center no-repeat;
    background-size: 550px 150px;
    width: 100%;
    height: 100%;
    z-index: 10000;
  }
}
@media only screen and (max-width: 450px) {
  body #loader {
    background-size: 550px 125px;
  }
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  body #loader {
    background-size: 550px 125px;
  }
}
@media print {
  .hide_print, .nav-buttons {
    display: none !important;
  }
  body {
    font-family: "open sans", sans-serif;
    font-size: 13px;
    /* display: none; */
  }
  .header-wrapper.client_logo {
    display: none;
  }
  ul.header-list {
    list-style-type: none;
  }
  ul.header-list li:nth-child(1) {
    display: none;
  }
  ul.header-list li:nth-child(3) {
    display: none;
  }
  ul.header-list li:nth-child(4) {
    display: none;
  }
  div.print_foot_copyright {
    display: inline;
    visibility: visible;
  }
  #tblMain thead th.tableSortup :before {
    display: none;
  }
  #tblMain thead th.tableSortdown :before {
    display: none;
  }
  #hamburger-bars {
    display: none;
  }
  .mobile-top-menu {
    display: none;
  }
  .top-menu {
    display: none;
  }
  ul.secondary_nav_bar {
    border: none;
  }
  #choose-data-button, .btnSelectDataset, .expand-collapse, .collapse, .expand, .choose-data-help-div, .page-help-div, .popup, .divbuttons {
    display: none;
  }
  .popup_help, .drpopup_ind, .drpopup_mgr, .drpopup_exe {
    display: none;
  }
  .site-footer, #saveDialogBox, #sessionTimedOut, #validationDialogBox, #savingProgress {
    display: none;
  }
  #help-content, settings-content {
    display: none;
  }
  .help, .table-help, .helplink, .i-help, .onetime_popup_container, .sub-buttons {
    display: none;
  }
  jqmWindow .secondary_nav_bar > li {
    /*display: block;*/
    font-size: 17px;
    text-align: center;
  }
  .secondary_nav_bar > li strong {
    /*display: block;*/
    text-transform: uppercase;
  }
  .secondary_nav_bar > li span {
    /*display: block;*/
    margin-bottom: 20px;
  }
  /*dashboard*/
  .header {
    font-family: "open sans", sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 15px;
  }
  .table-content table.table {
    display: table;
    /*border: 1px solid red;*/
    width: 100%;
  }
  .topline, .data-cell, .data_align_bottom {
    font-size: 15px;
  }
  .data_align_bottom {
    font-size: 15px;
    font-weight: bold;
  }
  /*drcharts*/
  .divWraperTabedMenu, .maincontainer > div > div {
    display: none;
  }
  #tblMain {
    width: 100%;
  }
  .body-container .mainControl-wrapper .maincontainer table thead tr th .tdFavorable {
    text-align: left !important;
  }
  .headerSort, .headerSortDown {
    display: none;
  }
  /* Reports - DRTable */
  .fav-analysis-btns, .drNoDataContent {
    display: none;
  }
  /*  Action Plans*/
  .left-menu {
    display: none;
  }
  .video-container {
    display: none;
  }
}
@media screen {
  .body-container .overview-body {
    padding-left: 20px;
    padding-right: 20px;
  }
  .datepicker-here {
    width: 90px;
    margin: 0 10px 0 10px;
    color: #6a737b;
  }
  .datepickerTipPrompt {
    cursor: pointer;
    display: inline;
    top: -25px;
    vertical-align: top;
    padding-right: 5px;
    font-size: 14px;
  }
  .datepickerTipPrompt .questionTipPromptImage {
    height: 24px;
  }
  .datepickerwithTip-container {
    margin: 20px;
  }
  .datepicker-container {
    display: inline;
  }
}
@font-face {
  font-family: "OpenSansExtraBold";
  src: url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff), url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff2);
}
/* media queries - use these to edit specific sizes
    @include mobile-xs {}
    @include mobile-xs-landscape {}
    @include mobile {}
    @include mobile-landscape {}
    @include desktop_range {}
    @include mobile-wide-landscape {}
    @include desktop_wide {}
    @include desktop_max {}
*/
@media screen {
  .bodyText14 {
    font-size: 14px;
  }
  .bodyText16 {
    font-size: 16px;
  }
  .bodyText18 {
    font-size: 18px;
  }
  .body-background-style {
    background-size: cover;
  }
  .body-background-style:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -100px;
    content: "";
    background-size: cover;
    background-repeat: repeat;
    z-index: -1;
  }
  .header-style {
    background-color: grey;
    position: relative;
    background-size: cover;
  }
  body .header-content-wrapper.header-style:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
  }
  .header-gradient-style {
    z-index: 0;
  }
  .question-icon-container {
    position: relative;
    width: 25px;
    height: 25px;
    padding: 4px;
    float: left;
  }
  .question-icon-container:before {
    position: absolute;
    top: 6px;
    /* height: 100%; */
    /* width: 100%; */
    font-size: 20px;
    font-weight: 900;
    /* solid style/weight */
    text-align: center;
    vertical-align: middle;
    padding: 0;
    margin: 0;
  }
  .questionTipPrompt {
    cursor: pointer;
    float: right;
    top: -25px;
    position: relative;
    vertical-align: top;
    padding-right: 5px;
    font-size: 10px;
  }
  .questionTipPrompt .questionTipPromptImage {
    height: 24px;
  }
  .tipContentHolder {
    display: none;
  }
  /* Use the following CSS code if you want to have a class per icon */
  ul.nobullet {
    padding-left: 0;
    margin: 0;
    list-style: none;
  }
  li.nobullet {
    /*margin-right: 10px;*/
    margin-left: 10px;
    padding: 10px 0 10px 20px;
    text-indent: -1em;
    list-style-position: outside;
    margin-left: 1em;
  }
  i.nobullet {
    /*margin-bottom: 10px;
    margin-right: 10px;*/
  }
  .fa_bullet {
    margin-left: 10px;
  }
  .popup_bullets {
    text-align: left;
  }
  .popup_bullets li {
    margin: 10px 0;
  }
  .clickDiv {
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
  }
  #new-nav-button-location {
    display: none;
    width: 100%;
  }
  .nav-buttons a {
    text-decoration: none;
    color: #6A737B;
  }
  .nav-buttons a:hover {
    color: #F15D22;
  }
  .nav-buttons {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 10px;
    display: none;
    text-decoration: none;
    color: white;
    text-align: center;
  }
  .nav-buttons > div {
    display: inline-block;
    text-align: center;
    min-width: 100px;
  }
  .nav-buttons > div a > div {
    display: inline-block;
    position: relative;
    text-align: center;
    padding: 0 15px;
    line-height: 40px;
    margin-left: 5px;
    margin-right: 5px;
    color: white;
  }
  .nav-buttons > div a > div:hover {
    color: white;
  }
  .nav-buttons > div a > div > div {
    display: inline-block;
    padding: 0 15px;
  }
  .nav-buttons > div a:nth-of-type(1) > div {
    background-color: #3A8DB4;
    border-radius: 1px;
  }
  .nav-buttons > div a:nth-of-type(1) > div:hover {
    background-color: #78b1cc;
  }
  .nav-buttons > div a:nth-of-type(2) > div {
    background-color: #3A8DB4;
    border-radius: 1px;
  }
  .nav-buttons > div a:nth-of-type(2) > div:hover {
    background-color: #78b1cc;
  }
  .back-button {
    height: 50px;
    width: 150px;
    font-size: 20px;
    margin-left: 28px;
    margin-bottom: 20px;
    margin-right: 20px;
    background: #4DB3A2;
    border: 0;
    border-radius: 5px;
  }
  .next-button {
    height: 50px;
    width: 150px;
    font-size: 20px;
    margin-bottom: 20px;
    margin-right: 20px;
    border: 0;
    border-radius: 5px;
  }
  .link-buttons {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    color: #3a8db4;
    text-decoration: none;
    cursor: pointer;
  }
  .link-buttons:hover {
    color: #F15D22;
  }
  .divTable {
    display: table;
    width: 100%;
  }
  .divCell {
    display: table-cell;
  }
  .divCellBorder {
    border: 1px solid #ccc;
    display: table-cell;
    border-radius: 1px;
  }
  .bwbuttons {
    width: 11%;
    color: white;
    text-align: center;
    cursor: pointer;
    background-color: #3A8DB4;
    border-radius: 1px;
    line-height: 40px;
  }
  .bwbuttons:hover {
    background-color: #78b1cc;
  }
  .underline {
    text-decoration: underline;
    margin-bottom: 5px;
    cursor: pointer;
  }
  #btn_GoBack .loading.ie,
#btn_Save .loading.ie {
    background-color: #88BFD9;
  }
  .btn-callout {
    background-color: #174162;
  }
  .svg_back {
    fill: white;
  }
  #btn_Continue .loading.ie {
    background-color: #88BFD9;
  }
  .load_back .loading,
.load_continue .loading {
    display: none;
    transition: all 0.5s ease;
    position: absolute;
    line-height: 40px;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    border-radius: 2px;
    pointer-events: none;
    color: #fff;
  }
  .load_back .loading.show,
.load_continue .loading.show {
    display: block;
  }
  .load_back .loading img,
.load_continue .loading img {
    position: absolute;
    width: 18px;
    left: 5px;
    top: 11px;
    border: none;
    outline: none;
  }
  /*#btn_GoBack{
        text-decoration:none;
        color:white;
    }

    #btn_Continue{
        text-decoration:none;
        color:white;
    }*/
  /* .wrapper { */
  /*min-height: 100%;*/
  /*margin-bottom: -147px;*/
  /* } */
  /************************************************/
  /*			   body elemnts 					*/
  /************************************************/
  /* blue green transparency block*/
  /* .aspnetForm { */
  /*pointer-events: none;*/
  /* } */
  /* .left-menu-n-body-container *, */
  /* .aspnetForm * { */
  /*pointer-events: auto;*/
  /* } */
  /***********************************************/
  /*			    Header footer					*/
  /***********************************************/
  /* #divMgrTree .gridContainer #tblMgrTreeFav td:not(.treeCell) div[style*="clear: both;"] { */
  /*        position: absolute;
      bottom:0;
      border-bottom: 1px solid #F15D22;
      width: 100%;*/
  /* } */
}
@media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  .load_back .loading,
.load_continue .loading {
    /* IE10+ CSS */
  }
  .load_back .loading.ie,
.load_continue .loading.ie {
    left: 0px;
  }
}
@media screen {
  .load_back .loading:after,
.load_continue .loading:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 40px;
    content: "saving...";
  }
}
@media screen {
  .load_back.loading:after {
    background-image: url("../img/back.svg");
    left: 6px;
  }
}
@media screen {
  .accordion-content {
    position: relative;
  }
}
@media screen {
  .accordion-content.menu_loading:after {
    position: absolute;
    background-image: url("../img/continue.svg");
    background-repeat: no-repeat;
    background-size: 27px;
    pointer-events: none;
    top: 5px;
    left: 86.4%;
    width: 100%;
    height: 100%;
    content: "";
  }
}
@media screen {
  .sav-print-buttons a {
    text-decoration: none;
    color: #6A737B;
  }
  .sav-print-buttons a:hover {
    color: #F15D22;
  }
}
@media screen {
  .sav-print-buttons {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 10px;
    display: none;
    text-decoration: none;
    color: white;
    text-align: left;
  }
  .sav-print-buttons > div {
    display: inline-block;
    text-align: center;
    min-width: 100px;
  }
  .sav-print-buttons > div a > div {
    display: inline-block;
    position: relative;
    text-align: center;
    padding: 0 15px;
    line-height: 40px;
    margin-left: 5px;
    margin-right: 5px;
    color: white;
  }
  .sav-print-buttons > div a > div:hover {
    color: white;
  }
  .sav-print-buttons > div a > div > div {
    display: inline-block;
    padding: 0 24px;
  }
  .sav-print-buttons > div a:nth-of-type(1) > div {
    background-color: #3A8DB4;
    border-radius: 1px;
  }
  .sav-print-buttons > div a:nth-of-type(1) > div:hover {
    background-color: deeppink;
  }
  .sav-print-buttons > div a:nth-of-type(2) > div {
    background-color: #3A8DB4;
    border-radius: 1px;
  }
  .sav-print-buttons > div a:nth-of-type(2) > div:hover {
    background-color: deeppink;
  }
}
@media screen {
  #btn_save .loading.ie {
    background-color: #88BFD9;
  }
}
@media screen {
  .svg_back {
    fill: white;
  }
}
@media screen {
  #btn_print .loading.ie {
    background-color: #88bfd9;
  }
}
@media screen {
  .load_save .loading,
.load_print .loading {
    display: none;
    transition: all 0.5s ease;
    position: absolute;
    line-height: 40px;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    border-radius: 2px;
    pointer-events: none;
    color: #fff;
  }
  .load_save .loading.show,
.load_print .loading.show {
    display: block;
  }
  .load_save .loading img,
.load_print .loading img {
    position: absolute;
    width: 18px;
    left: 5px;
    top: 11px;
    border: none;
    outline: none;
  }
}
@media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  .load_save .loading,
.load_print .loading {
    /* IE10+ CSS */
  }
  .load_save .loading.ie,
.load_print .loading.ie {
    left: 0px;
  }
}
@media screen {
  .load_save .loading:after,
.load_print .loading:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 40px;
    /*content: "saving...";*/
  }
}
@media screen {
  .load_print .loading:after {
    content: "printing...";
  }
}
@media screen {
  .load_save .loading:after {
    content: "saving...";
  }
}
@media screen {
  .load_save.loading:after {
    background-image: url("../img/back.svg");
    left: 6px;
  }
}
@media screen {
  .blueTransparency {
    /*background-color: #69a7c399;*/
    /*background-color:#2f87b085;*/
    /*background-color: rgba(105, 167, 195, 0.6);*/
    background-color: rgba(105, 167, 195, 0.6);
  }
}
@media screen {
  h2 {
    font-size: 22px;
  }
}
@media screen {
  .sticky {
    /*position: fixed;*/
    bottom: 0;
    max-width: 1600px;
    width: 100%;
  }
}
@media screen {
  .sticky + .left-menu-n-body-container {
    padding-bottom: 200px;
    padding-top: 200px;
  }
}
@media screen {
  .left-menu + .body-container {
    border-left-color: white;
    border-left-style: solid;
    border-left-width: 20px;
    border-top: none;
  }
}
@media screen {
  .body-container {
    display: table-cell;
    position: relative;
    background-image: none;
    /*opacity: 0.95;*/
    margin: 0;
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .body-container {
    border-left-width: 0;
  }
}
@media screen {
  @keyframes tcw1 {
    0% {
      background-position-x: 0;
      background-position-y: 0;
    }
    50% {
      background-position-y: 100px;
    }
    100% {
      background-position-x: -1355px;
    }
  }
}
@media screen {
  .body-container .header-content-wrapper {
    padding: 20px 0 20px 30px;
    width: auto;
    margin-bottom: 20px;
    width: calc(100% - 30px);
    max-width: 100vw;
  }
  .body-container .header-content-wrapper .header-content {
    color: white;
    font-size: 26px;
    font-weight: 700;
  }
}
@media only screen and (max-width: 767px) {
  .body-container .header-content-wrapper .header-content {
    padding-left: 0;
  }
}
@media screen {
  .body-container .header-content-wrapper .header-content .fal,
.body-container .header-content-wrapper .header-content .far,
.body-container .header-content-wrapper .header-content .fad,
.body-container .header-content-wrapper .header-content .fab {
    padding-right: 8px;
  }
}
@media screen {
  .left-menu-n-body-container {
    display: table;
    position: relative;
    max-width: 1600px;
    width: 100%;
    margin-bottom: 80px;
    min-height: calc(100vh - 140px);
    /*pointer-events: none;*/
    /*border: 1px solid red;*/
  }
}
@media only screen and (max-width: 767px) {
  .left-menu-n-body-container {
    max-width: 96vw;
  }
}
@media screen {
  .left-menu + .body-container {
    margin-left: 20px;
    position: relative;
  }
  .left-menu + .body-container .header-content-wrapper .header-content {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen {
  .header-wrapper {
    background-color: white;
  }
}
@media only screen and (max-width: 1640px) {
  .header-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen {
  .header-wrapper .bw-page-header {
    position: relative;
    display: table;
    color: #595959;
    font-size: 20px;
    background-color: white;
    padding-bottom: 5px;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    max-width: 1600px;
    width: 100%;
    /* border: 1px solid blue; */
    line-height: 40px;
  }
}
@media only screen and (max-width: 1640px) {
  .header-wrapper .bw-page-header {
    max-width: calc(100vw - 30px);
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen {
  .header-wrapper .bw-page-header a {
    text-decoration: none;
  }
  .header-wrapper .bw-page-header a:hover {
    color: #F15D22;
    text-decoration: underline;
  }
}
@media screen {
  .header-wrapper .bw-page-header > div {
    display: table-cell;
    /* border: 1px solid orange; */
    /* width: 30%; */
  }
  .header-wrapper .bw-page-header > div:nth-of-type(3) {
    text-align: right;
  }
}
@media screen {
  .site-name {
    position: relative;
    display: inline-block;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    /* border: 1px solid green; */
    line-height: 40px;
    color: #595959;
  }
}
@media screen {
  .header-list {
    position: relative;
    display: inline-block;
    vertical-align: baseline;
    margin: 0;
    margin-right: 0;
    padding: 0;
    top: 0;
    right: 0;
    list-style-type: none;
    font-size: small;
    /* border: 1px solid green; */
    line-height: 50px;
  }
}
@media screen and (min-width: 1641px) {
  .header-list {
    margin-right: 0;
  }
}
@media screen {
  .header-list li {
    display: inline-block;
    vertical-align: middle;
  }
  .header-list li span {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    height: 100%;
  }
}
@media screen and (min-width: 1641px) {
  .header-list li span {
    padding-right: 0;
  }
}
@media screen {
  .header-list li span#help-click {
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    width: 20px;
    height: 20px;
  }
  .header-list li span#help-click img {
    display: none;
    width: 0;
    height: 0;
  }
  .header-list li span#help-click:before {
    position: absolute;
    content: "\f059";
    text-align: center;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 20px;
    line-height: 20px;
    padding: 0;
    margin: 0;
    border: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media screen {
  .header-list li:last-of-type {
    margin-right: 0;
  }
}
@media screen and (min-width: 1641px) {
  .header-list li:last-of-type {
    margin-right: 0;
  }
}
@media screen {
  .header-list a {
    color: #595959;
  }
}
@media screen {
  .header-list .header-link {
    cursor: pointer;
  }
  .header-list .header-link .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 1px;
  }
  .header-list .header-link img {
    vertical-align: middle;
  }
}
@media screen {
  .left-page-title {
    color: #777;
    font-size: 18px;
  }
}
@media screen {
  .page-title-container {
    padding: 10px 15px 10px;
    border: 1px solid #f15d22;
  }
}
@media screen {
  #hamburger-bars {
    font-size: 32px;
  }
}
@media screen {
  .push-footer {
    height: auto;
    background: #e1e5ec;
  }
}
@media screen {
  #master_foot_space {
    position: relative;
    display: block;
    height: 5px;
  }
}
@media screen {
  #master_foot {
    position: fixed;
    display: block;
    opacity: 1;
    width: 100%;
    background: transparent;
    background: #6a737b;
    margin: auto;
    z-index: 9999;
  }
  #master_foot.site-footer {
    width: 100%;
    bottom: 0;
    left: 0;
    color: white;
    z-index: 1;
    text-align: center;
    transition: all 0.2s ease-in-out;
  }
  #master_foot.site-footer .foot_svg {
    /*border: 1px solid red;*/
    width: 100%;
    max-width: 1600px;
    margin: auto;
    padding: 0;
    height: 30px;
    background: #6A737B;
  }
  #master_foot.site-footer .foot_copyright {
    width: 100%;
    margin: 7px;
    padding: 0;
    height: 30px;
    background: #6A737B;
    text-align: center;
    color: white;
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  #master_foot.site-footer .foot_copyright {
    height: 50px;
  }
}
@media screen {
  #master_foot.site-footer .foot_copyright a {
    color: white;
    text-decoration: none;
  }
}
@media screen {
  #master_foot.site-footer .foot_copyright p {
    padding: 0;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
}
@media screen {
  .headerSortUp,
.headerSortDown,
.headerSort {
    vertical-align: middle;
    width: 12px;
  }
}
@media screen {
  #divMgrTree .gridContainer #tblMgrTreeFav td:not(.treeCell) {
    position: relative;
  }
}
@media screen {
  .settings-div {
    display: none;
  }
}
@media screen {
  .accordion-collection-title {
    background-color: #d3e6ee;
    border-bottom: solid 1px #A9CBDA;
    color: #6a737b;
    cursor: pointer;
    padding: 18px;
    width: auto;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
  }
  .accordion-collection-title.last-title {
    border-bottom: none;
    /*border-radius: 0 0 7px 7px;*/
  }
  .accordion-collection-title:after {
    content: "+";
    color: #6a737b;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    margin-top: -18px;
    font-size: 36px;
  }
  .accordion-collection-title.expand:after {
    content: "−";
  }
}
@media screen {
  .active-accordion,
.accordion-collection-title:hover {
    background-color: #729DB0;
    color: white;
  }
}
@media screen {
  .accordion-collection-title:hover:after {
    color: white;
  }
}
@media screen {
  .active-accordion:after {
    content: "−";
    color: white;
  }
}
@media screen {
  .accordion-panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    color: gray;
    width: auto;
  }
  .accordion-panel.show {
    max-height: 100%;
    padding-top: 18px;
    padding-bottom: 20px;
  }
}
@media screen {
  a.skip-main {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999;
    color: #0000EE; /* Default link color. */
    background-color: white;
  }
}
@media screen {
  a.skip-main:focus, a.skip-main:active {
    background-color: white;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    overflow: auto;
    margin: 5px;
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
    border: 2px solid #333;
    font-size: 1.2em;
    color: #0000EE; /* Default link color. */
    background-color: white;
    z-index: 999;
  }
}
/************************************************/
/*               @media queries                 */
/*               @media queries                 */
/*               @media queries                 */
/*               @media queries                 */
/*               @media queries                 */
/*               @media queries                 */
/*               @media queries                 */
/*               @media queries                 */
/*               @media queries                 */
/*               @media queries                 */
/*               @media queries                 */
/************************************************/
@media screen and (min-width: 769px) and (max-width: 1024px) {
  h1 {
    font-size: 22px;
    margin-top: 0;
  }
}
/************************************************** */
/*                 body                             */
/************************************************** */
@media (max-width: 767px) {
  body {
    background: none;
  }
}
@media screen and (max-width: 450px) {
  body {
    background-image: none;
  }
  .sub_span {
    margin-left: auto;
    margin-right: auto;
  }
}
/************************************************** */
/*                 Max Width Threshold              */
/************************************************** */
@media screen and (min-width: 1640px) {
  .left-menu-n-body-container {
    margin-left: auto;
    margin-right: auto;
  }
  .bw-page-header {
    margin-left: auto;
    margin-right: auto;
  }
  /* #master_foot { */
  /*width: 80%;*/
  /*margin-left: auto;*/
  /*margin-right: auto;*/
  /*left: 90%;*/
  /*transform: translate(-50%, -50%);*/
  /* } */
}
/************************************************** */
/*          Before Max Width Threshold              */
/************************************************** */
@media screen and (min-width: 1025px) and (max-width: 1639px) {
  .left-menu-n-body-container {
    margin-left: auto;
    margin-right: auto;
  }
  .bw-page-header {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
/************************************************** */
/*                 Tablet                           */
/************************************************** */
@media screen and (min-width: 767px) and (max-width: 1024px) {
  /* .left-menu-n-body-container { */
  /*margin-left: 10px;*/
  /*margin-right: 10px;*/
  /* } */
  .bw-page-header {
    padding-left: 10px;
    padding-right: 10px;
    width: calc(100% - 20px);
  }
}
/************************************************** */
/*                 Mobile                           */
/************************************************** */
@media screen and (max-width: 767px) {
  body {
    background-size: cover;
  }
  .fa-2x {
    font-size: 2em;
    display: none;
  }
  .left-menu-n-body-container {
    margin-left: 0px;
    margin-right: 0px;
  }
  .bw-page-header {
    padding: 2px;
    max-width: 100vw;
  }
  .bw-page-header .site-name {
    padding-left: 3px;
  }
  .header-list {
    display: none;
  }
  .left-menu + .body-container {
    margin-left: 0;
  }
  .body-container {
    margin-left: 0;
  }
}
/***********************************************/
/*			    Master			        		*/
/***********************************************/
.settings_popup {
  /*width: 55%;*/
  /*background: #4B77BE;*/
  z-index: 1000;
  display: none;
  position: absolute;
  border: 1px solid #C7C8CA;
}

.popup_content {
  text-align: left;
}
.popup_content .popup-header {
  font-size: 22px;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  #loader {
    background-size: 450px 100px;
  }
}

.trident .jconfirm .jconfirm-box {
  overflow: auto;
  border-radius: 0;
}

#expandButton,
#collapseButton {
  width: 16px;
}

html {
  scroll-behavior: smooth;
}

.body-container .click2copy-body {
  padding-left: 20px;
  padding-right: 20px;
}

.imgArrow {
  margin: auto;
  cursor: pointer;
  display: block;
}

.click2copydiv {
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 16px;
}

@font-face {
  font-family: "OpenSansExtraBold";
  src: url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff), url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff2);
}
/* media queries - use these to edit specific sizes
    @include mobile-xs {}
    @include mobile-xs-landscape {}
    @include mobile {}
    @include mobile-landscape {}
    @include desktop_range {}
    @include mobile-wide-landscape {}
    @include desktop_wide {}
    @include desktop_max {}
*/
@media screen {
  *:focus,
*:focus {
    outline: none;
  }
  /*    
  .settings-div{
      position: absolute;
      display: none;
      background-color: #ddd;
      padding: 28px;
      width: 600px;
      height: 400px;
      z-index: 999;
      border:3px solid #ccc;
  }

  .settings-div >div iframe{
      width: 100%;
      height: 300px;
      min-height: 80%;
  }
  */
  .drNoData {
    display: none;
    text-align: center;
    width: 100%;
  }
  .drNoData > .drNoDataContent {
    font-size: 24px;
    margin-top: 50px;
    margin-bottom: 50px;
    width: 70%;
    display: inline-block;
  }
  .selectButton {
    /*position: relative;
    top: 10px;
    left: 10px;*/
    display: none;
    float: left;
    padding-left: 5px;
  }
  .selectButton input[type=button] {
    opacity: 1111;
    top: 9px;
    cursor: pointer;
  }
  .btnSelectDataset {
    position: relative;
    display: inline-block;
    cursor: pointer;
    border: none;
    vertical-align: text-bottom;
    margin-left: 5px;
    top: 3px;
    line-height: 17px;
    width: 20px;
    height: 20px;
    color: #6a737b;
    background-color: #fff;
  }
  .btnSelectDataset:before {
    position: absolute;
    content: "\f013";
    text-align: center;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 17px;
    line-height: 17px;
    padding: 0;
    margin: 0;
    border: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  /*TO DO - Move all pop-up help css to a shared css file*/
  /*  End Pop-up Help CSS   */
}
@media only screen and (max-width: 450px) {
  .btnSelectDataset {
    /*padding: 2px 12px;
    margin: 15px;*/
    font-size: 12px;
    background-color: transparent;
    color: transparent;
    border: none;
    padding: 0;
    margin: 0;
    background-image: url("../img/data-change.svg");
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    width: 30px;
    height: 20px;
    border-radius: 50%;
  }
  .btnSelectDataset:hover {
    background-color: transparent;
    color: transparent;
  }
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  .btnSelectDataset {
    /*padding: 2px 12px;
    margin: 15px;*/
    font-size: 12px;
    background-color: transparent;
    color: transparent;
    border: none;
    padding: 0;
    margin: 0;
    background-image: url("../img/data-change.svg");
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    width: 30px;
    height: 20px;
    border-radius: 50%;
  }
  .btnSelectDataset:hover {
    background-color: transparent;
    color: transparent;
  }
}
@media screen {
  #ulheaderSelect.nav.nav-pills {
    float: left;
    width: 100%;
  }
}
@media screen {
  .selectedDataset > .i-help {
    height: 30px;
    width: 30px;
    float: right;
    padding-right: 20px;
    padding-top: 10px;
  }
  .selectedDataset > .popup_help {
    position: absolute;
    width: 100%;
    background-color: #fff;
    top: 0;
    z-index: 5000;
    display: none;
    border: 1px solid #C7C8CA;
    font-size: 16px;
    width: 500px;
  }
  .selectedDataset > .popup_help .title {
    background: #f15d22;
    line-height: 30px;
    padding: 20px;
    color: white;
  }
  .selectedDataset > .popup_help .title a {
    color: white;
    text-decoration: none;
  }
  .selectedDataset > .popup_help .description {
    padding: 20px;
  }
  .selectedDataset > .card_close {
    vertical-align: top;
    float: right;
    padding: 10px;
    color: white;
  }
  .selectedDataset > .drpopup_top {
    background: #f15d22;
    height: 50px;
    padding: 20px;
    color: white;
  }
  .selectedDataset > .drpopup_top > .drpopup_top_link {
    border: 1px solid white;
    width: 200px;
    padding-left: 5px;
    color: white;
    text-decoration: none;
  }
}
@media screen {
  .i-help {
    height: 20px;
    width: 30px;
    float: right;
    padding-right: 20px;
    cursor: pointer;
  }
}
@media screen {
  .choose-data-bar-help-icon {
    position: absolute;
    top: 8px;
    right: 3px;
    cursor: pointer;
    /*border: 1px solid red;*/
  }
  .choose-data-bar-help-icon img {
    display: none;
    width: 0;
    height: 0;
  }
  .choose-data-bar-help-icon:after {
    position: absolute;
    content: "\f05a";
    text-align: center;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 20px;
    line-height: 20px;
    padding: 0;
    margin: 0;
    border: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media screen {
  .definitions-icon {
    position: absolute;
    top: 9px;
    right: 75px;
    cursor: pointer;
    font-size: 13px;
    color: #4682b4;
  }
}
@media screen {
  .modal-backdrop {
    position: static !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
  }
}
@media screen {
  .row {
    display: block;
    /*border: 1px solid red;*/
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
}
@media screen {
  .data-select {
    width: 15%;
  }
}
@media screen {
  .nav.nav-pills {
    margin-bottom: 20px;
    border: 1px solid #F15D22;
    margin-top: 10px;
  }
}
@media screen {
  .clear {
    clear: both;
  }
}
@media screen {
  table {
    border: 1px solid white !important;
  }
}
@media screen {
  .fa {
    margin-right: 5px;
  }
}
@media screen {
  .selectedCell {
    background-color: rgba(76, 135, 201, 0.26);
    transition: background-color 0.25s;
  }
  .selectedCell .treeBorderTop {
    border-top-color: #bbb;
  }
  .selectedCell .treeBorderLeft {
    border-left-color: #bbb;
  }
  .selectedCell .treeBorderBottom {
    border-bottom-color: #bbb;
  }
  .selectedCell .treeBorderRight {
    border-right-color: #bbb;
  }
}
@media screen {
  #tblMgrTreeFav tr.selectedCell .node:before {
    color: #aaa;
  }
}
@media screen {
  .legendContainer {
    text-align: left;
    margin-top: 10px;
    position: relative;
    float: right;
    padding-top: 4px;
    top: -20px;
    background: white;
    margin-right: 4%;
    z-index: 1;
  }
  .legendContainer > div {
    float: left;
    line-height: 1.1em;
    padding: 5px;
  }
  .legendContainer .favLegend i:before {
    top: -2px;
    float: left;
    color: #2f87b0;
    background-color: #2f87b0;
    font-size: 1.2rem;
    margin-right: 1px;
  }
  .legendContainer .NeuLegend i:before {
    color: #d3e6ee;
    background-color: #d3e6ee;
    float: left;
    font-size: 1.2rem;
    margin-right: 1px;
    margin-left: 3px;
  }
  .legendContainer .unFavLegend i:before {
    color: #555;
    background-color: #555;
    font-size: 1.2rem;
    margin-right: 1px;
    margin-left: 3px;
  }
  .legendContainer .highLegend i:before {
    top: -2px;
    float: left;
    color: #95ca31;
    background-color: #95ca31;
    font-size: 1.2rem;
    margin-right: 1px;
  }
  .legendContainer .averageLegend i:before {
    color: #f6bf17;
    background-color: #f6bf17;
    float: left;
    font-size: 1.2rem;
    margin-right: 1px;
    margin-left: 3px;
  }
  .legendContainer .lowLegend i:before {
    color: #f24f4f;
    background-color: #f24f4f;
    font-size: 1.2rem;
    margin-right: 1px;
    margin-left: 3px;
  }
}
@media screen {
  .legendContent {
    margin-top: 0px;
    position: relative;
    float: none;
    text-align: center;
    padding-top: 4px;
    top: 0px;
    background: white;
  }
}
/************************************************/
/*              miscellaneous                   */
/************************************************/
@media screen and (max-width: 415px) {
  body {
    background: white;
  }
  .modal-content .primary_data,
.modal-content .compare_data {
    display: block;
    width: 100%;
  }
}
@media screen and (min-width: 415px) and (max-width: 768px) {
  body {
    background-color: white;
  }
  .modal-content .primary_data,
.modal-content .compare_data {
    display: block;
    width: 100%;
  }
  .content3 {
    border: 0 !important;
  }
}
@media screen and (min-width: 769px) {
  .modal-content .primary_data,
.modal-content .compare_data {
    display: inline-block;
    width: 48%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .fa-3x {
    font-size: 2em;
  }
}
@media screen and (max-width: 1023px) {
  ul.secondary_nav_bar {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
  ul.secondary_nav_bar li {
    display: table-row-group;
    position: relative;
    display: inline-block;
    line-height: 24px;
    font-size: 14px;
    left: 10px;
    width: 68%;
  }
}
@media only screen and (max-width: 1023px) and (max-width: 450px) {
  ul.secondary_nav_bar li {
    left: auto;
    width: auto;
    font-size: 12px;
    line-height: 16px;
  }
}
@media only screen and (max-width: 1023px) and (min-width: 450px) and (max-width: 767px) {
  ul.secondary_nav_bar li {
    left: auto;
    width: auto;
    font-size: 12px;
    line-height: 16px;
  }
}
@media screen and (max-width: 1023px) {
  ul.secondary_nav_bar li:last-of-type {
    position: absolute;
    display: block;
    width: 120px;
    left: 0;
    top: 0;
    padding-top: 0;
    padding-left: 10px;
    height: 100%;
    line-height: 48px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 1023px) {
  ul.secondary_nav_bar li:first-of-type {
    margin-top: 5px;
  }
}
@media screen and (max-width: 1023px) {
  ul.secondary_nav_bar li:nth-of-type(2) {
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1249px) {
  ul.secondary_nav_bar li {
    position: relative;
    font-size: 13px;
    line-height: 35px;
  }
}
@media screen and (min-width: 1250px) and (max-width: 1348px) {
  ul.secondary_nav_bar li {
    position: relative;
    font-size: 14px;
    line-height: 35px;
  }
}
@media screen and (min-width: 1024px) {
  ul.secondary_nav_bar li {
    position: relative;
    display: inline-block;
    width: 43%;
    text-align: center;
  }
  ul.secondary_nav_bar li:first-of-type {
    /*margin-left: 140px;*/
    margin: auto;
  }
  ul.secondary_nav_bar li:last-of-type {
    position: absolute;
    left: 0;
  }
  .header-image-container {
    height: 100px;
  }
}
@media screen and (min-width: 1348px) {
  ul.secondary_nav_bar li {
    font-size: 16px;
    line-height: 40px;
    left: 0;
  }
}
.modal {
  display: none;
  z-index: 99999;
  /* Sit on top */
  padding-top: 2%;
  /* Location of the box */
  padding-bottom: 2%;
  /* Location of the box */
  width: 100vw;
  /* Full width */
  height: 100vh;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(133, 133, 133);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  /* Modal Content */
  position: fixed;
  float: left;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.modal .modal-content {
  position: fixed;
  background-color: #fefefe;
  top: 3%;
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 14px;
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border-radius: 4px;
  max-width: 700px;
  min-width: 300px;
  width: 75%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.modal .modal-content .modal-body {
  padding: 0;
  text-align: center;
}
.modal .modal-content .modal-body .textbox-line {
  display: block;
  background-color: transparent;
  color: #000;
  outline: 0;
  outline-style: none;
  border-top: none;
  border-left: none;
  border-right: none;
  border: 1px solid rgba(47, 136, 177, 0.2);
  border-bottom: solid #2f87b0 1px;
  padding: 10px;
  margin: 0;
  margin-top: 10px;
  width: calc(100% - 22px);
  font-size: 1.25em;
}
@media only screen and (max-width: 767px) {
  .modal .modal-content .modal-body input {
    width: 80%;
    max-width: 80%;
  }
}
.modal .modal-content .modal-body a.add-session-buttons {
  padding: 8px 20px;
  background-color: #F15D22;
  border-radius: 3px;
  color: white;
  cursor: pointer;
  margin: 20px 10px 0 0;
  display: inline-block;
  text-decoration: none;
}
.modal .modal-content .data_buttons button:hover {
  background-color: #F15D22;
  color: #fff;
}
.modal .modal-content h1 {
  margin: 0;
  padding: 0;
}
.modal .modal-content h4 {
  display: block;
  margin: 0;
  padding: 10px;
  background-color: #0D7595;
  color: #fff;
  margin-bottom: 10px;
  /* font-weight: 400;*/
  text-transform: uppercase;
  font-size: 20px;
}
.modal .modal-content h5 {
  display: block;
  margin: 0;
  padding: 10px;
  color: #0D7595;
  font-weight: bolder;
  text-transform: uppercase;
  font-size: 15px;
}
.modal .modal-content .primary_data,
.modal .modal-content .compare_data {
  vertical-align: top;
}
.modal .modal-content #lstPrimaryUserDataset,
.modal .modal-content #lstComparisonUserDataset {
  padding-top: 0;
  padding-left: 15px;
}
.modal .modal-content .container {
  display: block;
  /* position: relative; */
  margin-top: 10px;
  margin-bottom: 2px;
  padding-left: 35px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
  line-height: 14px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}
.modal .modal-content .checkmark {
  position: absolute;
  top: 8px;
  left: 47px;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%;
}
.modal .modal-content .checkmark:hover {
  color: #F15D22;
  /*font-weight: bolder;*/
  background-color: #eee;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}
.modal .modal-content .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: white;
}
.modal .modal-content input:checked ~ .checkmark {
  background-color: #0D7595;
}
.modal .modal-content input:checked ~ .checkmark:after {
  display: block;
}
.modal .modal-content .data_buttons {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 10px;
  text-align: center;
  /*border:1px solid red;*/
}
.modal .modal-content .data_buttons button {
  padding: 5px 10px;
  margin: 5px;
  display: inline-block;
  vertical-align: text-bottom;
  top: 0;
  line-height: 24px;
  background-color: #0D7595;
  color: #fff;
  -webkit-transition: background-color 0.25s ease-out;
  -moz-transition: background-color 0.25s ease-out;
  -o-transition: background-color 0.25s ease-out;
  transition: background-color 0.25s ease-out;
}
.modal .modal-content .data_buttons2 {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 10px;
  text-align: center;
  /*border:1px solid red;*/
}
.modal .modal-content .data_buttons2 button {
  padding: 5px 10px;
  margin: 5px;
  display: inline-block;
  vertical-align: text-bottom;
  top: 0;
  line-height: 24px;
  background-color: #0D7595;
  color: #fff;
  -webkit-transition: background-color 0.25s ease-out;
  -moz-transition: background-color 0.25s ease-out;
  -o-transition: background-color 0.25s ease-out;
  transition: background-color 0.25s ease-out;
}
@media only screen and (max-width: 767px) {
  .modal .modal-content {
    padding: 5px;
    width: 80%;
    max-width: 80%;
  }
}

.btnBlueBox {
  padding: 5px 20px;
  margin: 5px;
  background-color: #0D7595;
  color: #fff;
  /*border-radius: 3px;*/
  border: 1px solid #09566E;
  -webkit-transition: background-color 0.25s ease-out;
  -moz-transition: background-color 0.25s ease-out;
  -o-transition: background-color 0.25s ease-out;
  transition: background-color 0.25s ease-out;
}
@media only screen and (max-width: 450px) {
  .btnBlueBox {
    /*padding: 2px 12px;
    margin: 15px;*/
    font-size: 12px;
  }
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  .btnBlueBox {
    /*padding: 2px 12px;
    margin: 15px;*/
    font-size: 12px;
  }
}

.btnBlueBox:hover {
  background-color: #F15D22;
  color: #fff;
  cursor: pointer;
}

/* The Close Button */
.closeModel {
  color: #fff;
  float: right;
  padding-right: 10px;
  font-size: 28px;
  font-weight: bold;
}

.closeModel:hover,
.closeModel:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.col-md-6 {
  width: 50%;
  float: left;
}

ul.secondary_nav_bar {
  position: relative;
  list-style-type: none;
  padding: 0 5px 0;
  margin: 0;
  border: 1px solid #F15D22;
  margin-bottom: 20px;
  /*border-radius: 4px;*/
  overflow: hidden;
}
ul.secondary_nav_bar li {
  position: relative;
  padding: 0;
  margin: 0;
  font-weight: 200;
}
ul.secondary_nav_bar li strong {
  font-weight: 600;
}
ul.secondary_nav_bar li:last-of-type {
  width: 130px;
  border-right: 1px solid #F15D22;
  cursor: pointer;
}
@media only screen and (max-width: 450px) {
  ul.secondary_nav_bar li:last-of-type {
    display: none;
  }
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  ul.secondary_nav_bar li:last-of-type {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  ul.secondary_nav_bar li:last-of-type {
    display: none;
  }
}
ul.secondary_nav_bar li:last-of-type:hover {
  background-color: #2F87B0;
  color: #fff;
}

#tblDataset {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#tblDataset tbody tr td {
  border-bottom: 1px solid var(--mainColor);
  /* height: 12px; */
  /*cursor: pointer;*/
  position: relative;
}
#tblDataset tbody tr td .divTreeLeftBorder {
  margin-left: 24px;
}
#tblDataset tbody tr td .GrandParent + .divTreeLeftBorder {
  margin-left: -1px;
  margin-bottom: 0px;
}
#tblDataset tbody tr.demoOptionRow td {
  cursor: pointer;
}
#tblDataset thead th {
  background-repeat: no-repeat;
  background-position: right 10px center;
  border: 0 solid transparent !important;
  position: relative;
}
#tblDataset thead th.tableSortup :before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  top: 6px;
  right: 10px;
  font-size: 1.5em;
}
#tblDataset thead th.tableSortdown :before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  top: 6px;
  right: 10px;
  font-size: 1.5em;
  font-weight: 900;
}

.tblHeaderCol {
  background-color: #2f87b0;
  color: white;
  height: 35px;
  text-align: center;
  padding-left: 10px;
  font-size: 16px;
}

.sorter {
  cursor: pointer;
}

.treeCell {
  padding: 0 0 0 0 !important;
  line-height: 38px;
  border: none;
}

.divTreeLeftBorder {
  border-bottom: 1px solid var(--mainColor);
}

.parentDiv {
  position: relative;
  height: 100%;
  width: 100%;
  float: left;
  margin-top: 15px;
  min-height: 500px;
}

.tdFavorable {
  background-color: #2f87b0;
  color: white;
  height: 35px;
  text-align: center;
}

#tblSurvey thead th.TrendSort:before {
  right: 50px !important;
}

.sorter {
  cursor: pointer;
}

.divTreeLeftBorder {
  height: 38px;
  vertical-align: middle;
  border-bottom: 1px solid var(--mainColor);
  margin-left: 16px;
}

.treeCell {
  padding: 0 0 0 0 !important;
  line-height: 38px;
  border: none;
}

.parentNode.expanded:before {
  font-family: "Font Awesome 5 Pro";
  top: 2px;
  left: 0;
  content: "\f056";
  color: #aaa;
  font-size: 1.1em;
  display: block;
  margin-left: 2px;
  margin-right: 5px;
  font-weight: 900;
  /* solid style/weight */
}

.parentNode.collapsed:before {
  font-family: "Font Awesome 5 Pro";
  top: 2px;
  left: 7.5px;
  content: "\f055";
  color: #aaa;
  font-size: 1.1em;
  display: block;
  margin-left: 2px;
  padding-right: 5px;
  font-weight: 400;
  /* solid style/weight */
}

.node {
  margin-left: 5px;
  margin-right: 18px;
  float: left;
}
.node.chooseData {
  margin-left: 20px;
}
.node:before {
  position: relative;
  font-family: "Font Awesome 5 Pro";
  top: 1px;
  left: 12px;
  color: #ddd;
  content: "\f111";
  font-size: 1.1em;
  margin-top: 1px;
  margin-left: -12px;
  font-weight: 900;
  /* solid style/weight */
}

.checkBoxNode:before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  top: 1px;
  left: 12px;
  content: "\f111";
  color: #aaa;
  font-weight: 900;
  /* solid style/weight */
}

.checkBoxNodeChecked:before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  top: 1px;
  left: 12px;
  color: #aaa;
  content: "\f058";
  font-size: 1.1em;
  display: block;
  margin-left: 2px;
  margin-right: 5px;
}

.up,
.down {
  height: 50%;
}

.questionRow .treeCell > div {
  margin-left: 20px;
}

.up {
  position: relative;
}

.treeBorderBottom {
  margin-right: 5px;
  margin-left: -1px;
}

.treeBorderBottom + .treeBorderRight {
  margin-top: 5px;
}

.activeRow {
  background-color: rgba(76, 135, 201, 0.1254901961);
}

td.noBorder {
  border: 0 solid transparent !important;
}

.lblselectedDataset,
.lblcompareDataset {
  float: left;
  padding-top: 3px;
  padding-left: 5px;
  font-size: 16px;
  font-weight: 700;
}

.valSelectedDataset,
.valcompareDataset {
  /* width: 39%; */
  float: left;
  padding-top: 3px;
  font-size: 16px;
  font-weight: 200;
  padding-left: 5px;
}

.selectedDataset {
  width: calc(100% - 15px);
  height: 29px;
  border: 1px solid var(--mainColor);
  padding: 5px;
  display: inline-table;
}

.select_Data_table {
  margin-top: 5px;
}

.borderBottom {
  border-bottom: 1px solid var(--mainColor);
  text-align: center;
}

.helplink {
  cursor: pointer;
}

.printlink {
  cursor: pointer;
  font-size: 23px;
  margin-top: 2px;
  font-weight: 300;
}

.selectedDemoOption td {
  background-color: rgba(76, 135, 201, 0.26);
}

.labelLoadData {
  display: none;
  width: 130px;
  padding-left: 10px;
  color: black;
}

.demoOptionRow:hover span.labelLoadData {
  display: inline-block;
  /*text-decoration: underline;*/
}

.far {
  cursor: pointer;
}

.tablesorter-header.tablesorter-headerDesc:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3px;
  width: 10px;
  content: "";
  background-image: url("https://apx.gpstrategies.com/media/images/sort-arrows.gif");
  background-position: right center;
  background-size: 20px;
  background-repeat: no-repeat;
}
.tablesorter-header.tablesorter-headerAsc:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3px;
  width: 10px;
  content: "";
  background-image: url("https://apx.gpstrategies.com/media/images/sort-arrows.gif");
  background-position: left center;
  background-size: 20px;
  background-repeat: no-repeat;
}

.overrideDiv {
  display: none;
  position: absolute;
  top: -19px;
  right: 27px;
}

@media screen {
  .dropdown {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #f0f2f5;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 5px #f0f2f5 inset !important;
    height: 40px;
    margin: 0 0 0 5px;
    padding: 1px;
    color: #647280;
  }
  .hideMainMenu {
    display: none !important;
  }
  #svg_alert {
    z-index: 100000000;
  }
  .popup {
    position: absolute;
    display: none;
    background-color: #fff;
    border: 1px solid #ddd;
    z-index: 999;
    width: 500px;
    text-align: center;
    max-width: 90%;
  }
  .pop-content {
    background-color: #fff;
    z-index: 1;
  }
  .pop-content h1,
.pop-content .title > div {
    color: #2f87b0;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0;
    font-size: 2em;
    font-weight: bold;
  }
  .pop-content > .description {
    text-align: left;
    padding: 10px;
  }
  .pop-content iframe {
    width: 100%;
    height: 400px;
  }
  .pop-close {
    position: relative;
    display: inline-block;
    width: 50%;
    /*border: 1px solid red;*/
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    background-color: #2f87b0;
    color: #fff;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
  }
  .pop-overlay {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    margin-top: -999%;
    margin-left: -999%;
    width: 9999%;
    height: 9999%;
    background-color: #000;
    opacity: 0.2;
    z-index: -1;
    pointer-events: none;
  }
  .wrapper > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
  }
  #help-content {
    display: none;
  }
  #message-help-click,
#message-help2-click,
#message-help3-click {
    cursor: pointer;
  }
  #lstSMSessions {
    width: 400px;
  }
  .currentSMSession {
    font-style: italic;
    Font-Weight: bold;
  }
  #divSessionsList {
    padding-bottom: 10px;
  }
  #settings-content {
    display: none;
  }
  .generic-button {
    position: relative;
    display: inline-block;
    border: solid 2px #F15D22;
    background-color: #F15D22;
    width: 50%;
    text-align: center;
    padding: 4px;
    color: white;
    margin-right: 20px;
  }
  .jconfirm-box .jconfirm-title img {
    width: 22%;
    padding-bottom: 20px;
  }
  .jconfirm-box .jconfirm-title h1 {
    font-size: 25px;
    color: rgba(0, 0, 0, 0.65);
  }
  .jconfirm-box .btn_continue {
    background-color: #95CA31;
    color: #FFF;
    text-shadow: none;
  }
  .onetime_popup_container, .onetime_popup_Title {
    display: none;
  }
  .onetime_popup_content {
    margin-bottom: 10px;
  }
  .onetime_popup_content .onetime-popup-text {
    font-size: 16px;
  }
  .onetime_popup_content:not(:first-child) {
    display: none;
  }
  .onetime-button-container {
    padding-bottom: 0px !important;
    width: 100%;
  }
  .btn-block {
    vertical-align: central;
  }
  #page-help-click > img:hover {
    cursor: pointer;
  }
}
@font-face {
  font-family: "OpenSansExtraBold";
  src: url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff), url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff2);
}
/* media queries - use these to edit specific sizes
    @include mobile-xs {}
    @include mobile-xs-landscape {}
    @include mobile {}
    @include mobile-landscape {}
    @include desktop_range {}
    @include mobile-wide-landscape {}
    @include desktop_wide {}
    @include desktop_max {}
*/
@media screen {
  /************************************************/
  /*              All Menus                       */
  /************************************************/
  .dropdown-menu {
    border-radius: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  /*padding-left: 5px;*/
  .exercises-n-pages anchor-tag .menu-level-2 .page-element {
    padding-left: 25px;
    width: 160px;
  }
  .clearBoth {
    clear: both;
  }
  /************************************************/
  /*               Top Menu                       */
  /************************************************/
  .top-menu {
    padding-left: 0;
    font-size: 14px;
    max-width: 1600px;
    cursor: pointer;
    text-decoration: none;
    background-color: #F0F2F5;
    margin-bottom: 20px;
    overflow-x: hidden;
    white-space: nowrap;
  }
  .top-menu .check,
.top-menu .uncheck {
    height: 19px;
    width: 16px;
    float: right;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 10px 15px;
  }
  .top-menu .dropdown-header {
    padding: 16px;
    border-left: solid 1px #F15D22;
    word-wrap: break-word;
  }
  .top-menu .dropdown-wrapper:first-child .dropdown-header {
    border-left: none;
  }
  .top-menu .dropdown-wrapper a {
    text-decoration: none;
    color: #525456;
  }
  .top-menu .dropdown-wrapper {
    display: inline-block;
    min-width: 85px;
    white-space: normal;
  }
  .top-menu .dropdown-wrapper.disable-exercise {
    color: #cbcbcb;
    cursor: default;
  }
  .top-menu .dropdown-wrapper.disable-exercise a {
    color: #cbcbcb;
    cursor: default;
  }
  .top-menu .dropdown-wrapper.hide-exercise {
    display: none;
  }
  .top-menu .dropdown-wrapper.remove-exercise {
    display: none;
  }
  .top-menu .dropdown-wrapper.highlight-exercise {
    /*background-color: lightgoldenrodyellow;*/
  }
  .top-menu .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 9;
  }
  .top-menu .page-element {
    float: left;
  }
  .top-menu .page-element a {
    color: #6A737B;
    text-decoration: none;
  }
  .top-menu .row-menu {
    border-bottom: solid 1px #F15D22;
    display: block;
    position: relative;
  }
  .top-menu .row-menu .check,
.top-menu .row-menu .uncheck {
    display: inline-block;
    height: 100%;
    width: 30px;
    vertical-align: middle;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #f9f9f9;
  }
  .top-menu .row-menu .check:after,
.top-menu .row-menu .uncheck:after {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    font-size: 14px;
    top: calc(50% - 8px);
    left: calc(50% - 8px);
    width: 100%;
    height: 100%;
  }
  .top-menu .row-menu .check:after {
    content: "\f058";
  }
  .top-menu .row-menu .uncheck:after {
    content: "\f111";
  }
  .top-menu .row-menu:hover .page-element {
    background-color: #F15D22;
    color: white;
  }
  .top-menu .dropdown-content a:last-child .row-menu {
    border-bottom: none;
  }
  .top-menu .row-menu:hover .page-element {
    background-color: #F15D22;
  }
  .top-menu .dropdown-content .page-element {
    padding: 10px 15px;
    padding-right: 30px;
    width: calc(100% - 45px);
    display: block;
  }
  .top-menu .dropdown-content .page-element:after {
    content: "  ";
  }
  .top-menu .dropdown-wrapper:hover .dropdown-content {
    display: block;
  }
  .top-menu .dropdown-header:hover a,
.top-menu .dropdown-wrapper:hover .dropdown-header {
    background-color: #F15D22;
    color: white;
  }
  /************************************************/
  /*               Left Menu                      */
  /************************************************/
  .left-menu {
    display: table-cell;
    vertical-align: top;
    font-size: 12.5px;
    /*float: left;*/
    /*position: static;*/
    width: 225px;
    max-width: 225px;
    min-width: 225px;
    height: 100%;
    background-color: #F0F2F5;
    /*border-right: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;*/
    border-top: 1px solid #F15d22;
    min-height: 200px;
    color: #6A737B;
    box-sizing: border-box;
    /*padding-left: 5px;*/
    /*.left-menu .imgNotExpanded { content: url("https://apx.gpstrategies.com/media/images/bds-down-icon.png); }
    .left-menu .imgExpanded  { content: url("https://apx.gpstrategies.com/media/images/bds-down-icon.png); }*/
  }
  .left-menu .accordion-content {
    position: relative;
    border-bottom: solid 1px #F15D22;
    display: block;
    text-decoration: none;
    transition-duration: 1s;
    transition-property: background-color, border;
    transition-timing-function: ease-out;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: background-color, border;
    -webkit-transition-timing-function: ease-out;
    width: 100%;
    min-height: 37px;
    height: 100%;
  }
  .left-menu .accordion-content:hover {
    background-color: rgba(241, 93, 34, 0.274);
  }
  .left-menu .accordion-content.show {
    display: block;
    transition-duration: 1s;
  }
  .left-menu .accordion-content.show .selected {
    display: block;
  }
  .left-menu .accordion-content.hide {
    display: none;
    transition-duration: 1s;
  }
  .left-menu .accordion-content.hide-page {
    display: none;
  }
  .left-menu .accordion-content.disable-page {
    color: #cbcbcb;
    cursor: default;
  }
  .left-menu .accordion-content.highlight-page {
    /*background-color: lightgoldenrodyellow;*/
  }
  .left-menu .accordion-content.remove-page {
    display: none;
  }
  .left-menu .accordion-content a,
.left-menu .accordion-head {
    transition-duration: 1s;
    transition-property: background-color, border;
    transition-timing-function: ease-out;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: background-color, border;
    -webkit-transition-timing-function: ease-out;
  }
  .left-menu .accordion-head {
    padding: 10px;
    font-weight: 600;
    cursor: pointer;
    padding-right: 30px;
    position: relative;
  }
  .left-menu a.single-page-link {
    color: #595959;
    text-decoration: none;
  }
  .left-menu .accordion-content.menu-level a {
    padding-left: 20px;
  }
  .left-menu .gdl-divider .accordion-head {
    border-bottom: solid 1px #F15D22;
  }
  .left-menu .gdl-divider .accordion-head + .anchor-tag:before {
    position: absolute;
    content: "";
    left: 0;
    top: 1px;
    width: 5px;
    bottom: -1px;
    background-color: #ffffff;
    border-top-right-radius: 5px;
    z-index: 2;
  }
  .left-menu .gdl-divider.active .accordion-head {
    background-color: rgba(241, 93, 34, 0.274);
  }
  .left-menu .gdl-divider .anchor-tag {
    position: relative;
    text-decoration: none;
    color: #595959;
    cursor: pointer;
  }
  .left-menu .gdl-divider .anchor-tag:before {
    position: absolute;
    content: "";
    left: 0;
    top: -1px;
    width: 5px;
    bottom: -1px;
    background-color: #fff;
    z-index: 1;
  }
  .left-menu .gdl-divider .anchor-tag .accordion-content .header-element {
    background-color: #c7c8ca;
    color: white;
  }
  .left-menu .gdl-divider .anchor-tag .accordion-content .myfavorite-element {
    background-color: #c7c8ca;
    color: white;
  }
  .left-menu .gdl-divider .anchor-tag .accordion-content.active .anchor-tag {
    color: white;
  }
  .left-menu .gdl-divider .anchor-tag:last-of-type:before {
    position: absolute;
    content: "";
    left: 0;
    top: -1px;
    width: 5px;
    bottom: 1px;
    background-color: #ffffff;
    border-bottom-right-radius: 5px;
    z-index: 2;
  }
  .left-menu .gdl-divider.inactive div.anchor-tag {
    display: none;
  }
  .left-menu .gdl-divider .accordion-content.active .page-element {
    background-color: #F15D22;
    color: white;
  }
  .left-menu .gdl-divider.hide-exercise {
    display: none;
  }
  .left-menu .gdl-divider.disable-exercise {
    color: #cbcbcb;
    cursor: default;
  }
  .left-menu .gdl-divider.disable-exercise .anchor-tag {
    display: none;
  }
  .left-menu .gdl-divider.highlight-exercise {
    /*background-color: lightgoldenrodyellow;*/
  }
  .left-menu .gdl-divider.remove-exercise {
    display: none;
  }
  .left-menu .divNotExpanded,
.left-menu .imgNotExpanded,
.left-menu .divExpanded,
.left-menu .imgExpanded {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    cursor: pointer;
    position: absolute;
    font-weight: bold;
    right: 6px;
    top: calc(50% - 8px);
    color: #F15D22;
  }
  .left-menu .divNotExpanded:after,
.left-menu .imgNotExpanded:after,
.left-menu .divExpanded:after,
.left-menu .imgExpanded:after {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    font-size: 14px;
    top: 0;
    left: 0;
    content: "\f055";
    width: 100%;
    height: 100%;
  }
  .left-menu .divExpanded:after,
.left-menu .imgExpanded:after {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    font-size: 14px;
    top: 0;
    left: 0;
    content: "\f056";
    width: 100%;
    height: 100%;
  }
  .left-menu .page-element {
    display: inline-block;
    width: calc(100% - 50px);
    /*height: 20px;*/
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 5px;
  }
  .left-menu .check,
.left-menu .uncheck {
    display: inline-block;
    height: 100%;
    width: 30px;
    vertical-align: middle;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 0;
    top: 0;
  }
  .left-menu .check:after,
.left-menu .uncheck:after {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    font-size: 14px;
    top: calc(50% - 8px);
    left: calc(50% - 8px);
    width: 100%;
    height: 100%;
  }
  .left-menu .check:after {
    content: "\f058";
  }
  .left-menu .uncheck:after {
    content: "\f111";
  }
  .left-menu .selected {
    position: absolute;
    display: none;
    height: 100%;
    width: 35px;
    margin-top: 0;
    margin-right: 0;
    top: 0;
    right: -2px;
    background-image: url(../img/continue.svg);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .left-menu .indent {
    height: 15px;
    width: 15px;
    float: left;
  }
  .left-menu .header-element {
    float: left;
    width: 205px;
    /*height: 20px;*/
    padding: 10px;
  }
  .left-menu .myfavorite-element {
    float: left;
    /*height: 20px;*/
  }
  .left-menu a.active .gdl-divider {
    color: white;
  }
  .left-menu .active .gdl-divider {
    background-color: #F15D22;
  }
  /************************************************/
  /*               Mobile Menu                    */
  /************************************************/
  #mobile-top-menu {
    max-width: 95vw;
    margin: auto;
    border: 0;
  }
  #hamburger-bars {
    position: absolute;
    display: none;
    top: 9px;
    right: 0;
  }
  .mobile-menu .mainmenu,
.mobile-menu .submenu {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .mobile-menu .mainmenu a {
    display: block;
    background-color: #F0F2F5;
    text-decoration: none;
    padding: 10px;
    color: #6A737B;
  }
  .mobile-menu .mainmenu a.active {
    background-color: #F15D22;
  }
  .mobile-menu .mainmenu a:hover {
    background-color: #F15D22;
    color: white;
  }
  .mobile-menu .mainmenu .remove-exercise {
    display: none;
  }
  .mobile-menu .mainmenu .hide-exercise {
    display: none;
  }
  .mobile-menu .mainmenu .disable-exercise .menu-exercise {
    color: #cbcbcb;
  }
  .mobile-menu .mainmenu .highlight-exercise .menu-exercise {
    /*background-color: lightgoldenrodyellow;*/
  }
  .mobile-menu .mainmenu div {
    display: block;
    background-color: #F0F2F5;
    text-decoration: none;
    padding: 10px;
    color: #6A737B;
  }
  .mobile-menu .mainmenu .active div {
    background-color: #F15D22;
  }
}
@media only screen and (max-width: 767px) {
  .mobile-menu .mainmenu .active div {
    color: white;
  }
}
@media screen {
  .mobile-menu .mainmenu div:hover {
    background-color: #F15D22;
    color: white;
    cursor: pointer;
  }
}
@media screen {
  .mobile-menu .submenu .active div {
    background-color: #F15D22;
    color: white;
  }
}
@media screen {
  .mobile-menu .submenu div:hover {
    background-color: #F15D22;
    cursor: pointer;
  }
}
@media screen {
  .mobile-menu .mainmenu li .submenu {
    display: none;
  }
}
@media screen {
  .mobile-menu .mainmenu li .submenu.expanded {
    display: block;
  }
}
@media screen {
  .mobile-menu .submenu .active a {
    background-color: #F15D22;
    color: white;
  }
}
@media screen {
  .mobile-menu .submenu a:hover {
    background-color: #F15D22;
  }
}
@media screen {
  .mobile-menu .submenu {
    transition: all 0.5s ease-out;
  }
}
@media screen {
  .mobile-menu .mainmenu > li,
.mobile-menu .submenu li {
    border-bottom: solid 1px #F15D22;
    color: white;
  }
}
@media screen {
  .mobile-menu .submenu li:last-child {
    border-bottom: none;
  }
}
/************************************************/
/*               @media queries                 */
/*               @media queries                 */
/*               @media queries                 */
/*               @media queries                 */
/*               @media queries                 */
/*               @media queries                 */
/*               @media queries                 */
/*               @media queries                 */
/*               @media queries                 */
/*               @media queries                 */
/*               @media queries                 */
/************************************************/
/************************************************/
/*          Convert to Mobile Menu              */
/************************************************/
@media (min-width: 768px) {
  .mobile-menu {
    display: none;
  }
  .top-menu {
    display: block;
  }
}
@media (max-width: 767px) {
  .top-menu {
    display: none;
  }
  #hamburger-bars {
    display: inline-block;
  }
}
/************************************************/
/*              Left Navigation - @media        */
/************************************************/
@media (max-width: 767px) {
  .left-menu {
    position: relative;
    display: none;
    width: 100%;
    height: 0;
    border-right: 0;
    border-bottom: 1px solid #e7e7e7;
  }
}
/************************************************** */
/*                 Max Width Threshold              */
/************************************************** */
@media screen and (min-width: 1640px) {
  .top-menu {
    margin-left: auto;
    margin-right: auto;
  }
}
/************************************************** */
/*          Before Max Width Threshold              */
/************************************************** */
@media screen and (min-width: 1100px) and (max-width: 1639px) {
  /*padding-left: 20px;*/
  /*padding-right: 20px;*/
}
/*

/**************************************************
/*                 Tablet                           */
/************************************************** */
@media screen and (min-width: 767px) and (max-width: 1099px) {
  /*padding-left: 10px;*/
  /*padding-right: 10px;*/
}
@media only screen and (max-width: 767px) {
  body.css-resources .left-menu-old {
    width: calc(100vw - 40px);
    overflow-x: hidden;
  }
  body.css-resources .left-menu-old.active {
    display: table-cell;
  }
}
body.css-resources .left-menu-old .gdl-divider {
  border-bottom: solid 0 transparent !important;
}
body.css-resources .left-menu-old .gdl-divider:first-child {
  /*border-bottom: solid 1px #F15D22 !important;*/
}
body.css-resources .left-menu-old .gdl-divider > .accordion-content:nth-child(-n+2) {
  border-top: solid 0 transparent !important;
}
body.css-resources .left-menu-old .gdl-divider .accordion-content {
  cursor: pointer;
  border-bottom: transparent;
  border-top: 1px solid #F15d22;
}
body.css-resources .left-menu-old .gdl-divider .accordion-content.resource-menu-level-1 {
  padding-left: 0;
}
body.css-resources .left-menu-old .gdl-divider .accordion-content.resource-menu-level-2.item, body.css-resources .left-menu-old .gdl-divider .accordion-content.resource-menu-level-2.menu, body.css-resources .left-menu-old .gdl-divider .accordion-content.resource-menu-level-3.item, body.css-resources .left-menu-old .gdl-divider .accordion-content.resource-menu-level-3.menu {
  border-top: solid 1px rgba(241, 93, 34, 0.368627451);
  background-color: rgba(255, 255, 255, 0.5019607843);
}
body.css-resources .left-menu-old .gdl-divider .accordion-content.resource-menu-level-2.item .page-element,
body.css-resources .left-menu-old .gdl-divider .accordion-content.resource-menu-level-2.item .category-parent-element, body.css-resources .left-menu-old .gdl-divider .accordion-content.resource-menu-level-2.menu .page-element,
body.css-resources .left-menu-old .gdl-divider .accordion-content.resource-menu-level-2.menu .category-parent-element, body.css-resources .left-menu-old .gdl-divider .accordion-content.resource-menu-level-3.item .page-element,
body.css-resources .left-menu-old .gdl-divider .accordion-content.resource-menu-level-3.item .category-parent-element, body.css-resources .left-menu-old .gdl-divider .accordion-content.resource-menu-level-3.menu .page-element,
body.css-resources .left-menu-old .gdl-divider .accordion-content.resource-menu-level-3.menu .category-parent-element {
  padding-left: 5px;
  padding-right: 5px;
}
body.css-resources .left-menu-old .gdl-divider .accordion-content.resource-menu-level-2.item:hover, body.css-resources .left-menu-old .gdl-divider .accordion-content.resource-menu-level-2.menu:hover, body.css-resources .left-menu-old .gdl-divider .accordion-content.resource-menu-level-3.item:hover, body.css-resources .left-menu-old .gdl-divider .accordion-content.resource-menu-level-3.menu:hover {
  background-color: rgba(241, 93, 34, 0.274);
}
body.css-resources .left-menu-old .gdl-divider .accordion-content.resource-menu-level-2 {
  margin-left: 15px;
  width: calc(100% - 15px);
}
body.css-resources .left-menu-old .gdl-divider .accordion-content.resource-menu-level-3 {
  margin-left: 30px;
  width: calc(100% - 30px);
}
body.css-resources .left-menu .gdl-divider > div:nth-of-type(2):before {
  position: absolute;
  content: "";
  left: 0;
  top: 1px;
  width: 5px;
  bottom: -1px;
  background-color: #ffffff;
  border-top-right-radius: 5px;
  z-index: 2;
}
body.css-resources .left-menu .gdl-divider .anchor-tag:last-of-type:before {
  content: unset;
}
body.css-resources .left-menu .gdl-divider .accordion-content {
  padding-right: 0;
  cursor: pointer;
}
body.css-resources .left-menu .gdl-divider .accordion-content.category.active {
  background-color: rgba(241, 93, 34, 0.368627451);
}
body.css-resources .left-menu .gdl-divider .accordion-content.category:before {
  content: unset;
}
body.css-resources .left-menu .gdl-divider .accordion-content:before {
  position: absolute;
  content: "";
  left: 0;
  top: -1px;
  width: 5px;
  bottom: -1px;
  background-color: #ffffff;
  z-index: 2;
}
body.css-resources .left-menu .gdl-divider .accordion-content.active .page-element .anchor-tag {
  color: white;
}
body.css-resources .left-menu .gdl-divider .accordion-content:last-of-type:before {
  position: absolute;
  content: "";
  left: 0;
  top: -1px;
  width: 5px;
  bottom: 1px;
  background-color: #ffffff;
  border-bottom-right-radius: 5px;
  z-index: 2;
}
body.css-resources .left-menu .gdl-divider .accordion-content.resource-menu-level-2:nth-of-type(1):before {
  position: absolute;
  content: "";
  left: 0;
  top: 1px;
  width: 10px;
  bottom: -1px;
  background-color: #ffffff;
  border-top-right-radius: 5px;
  z-index: 2;
}
body.css-resources .left-menu .gdl-divider .accordion-content.resource-menu-level-2:before {
  position: absolute;
  content: "";
  left: 0;
  top: -1px;
  width: 10px;
  bottom: -1px;
  background-color: #ffffff;
  z-index: 2;
}
body.css-resources .left-menu .gdl-divider .accordion-content.resource-menu-level-2:last-of-type:before {
  position: absolute;
  content: "";
  left: 0;
  top: -1px;
  width: 10px;
  bottom: 1px;
  background-color: #ffffff;
  border-bottom-right-radius: 5px;
  z-index: 2;
}
body.css-resources .left-menu .gdl-divider .accordion-content.resource-menu-level-3 .page-element {
  padding-left: 20px;
  width: calc(100% - 25px);
}
body.css-resources .left-menu .gdl-divider .accordion-content.resource-menu-level-3:before {
  position: absolute;
  content: "";
  left: 0;
  top: -1px;
  width: 15px;
  bottom: -1px;
  background-color: #ffffff;
  z-index: 2;
}
body.css-resources .left-menu .gdl-divider .accordion-content.resource-menu-level-3:last-of-type:before {
  position: absolute;
  content: "";
  left: 0;
  top: -1px;
  width: 15px;
  bottom: 1px;
  background-color: #ffffff;
  border-bottom-right-radius: 5px;
  z-index: 2;
}
body.css-resources .left-menu .gdl-divider .header-element {
  width: calc(100% - 50px);
  padding-right: 40px;
  font-weight: bold;
}
body.css-resources .left-menu .gdl-divider .myfavorite-element {
  font-weight: bold;
  cursor: pointer;
  border-bottom: solid 1px var(--mainColor);
}
body.css-resources .left-menu .gdl-divider .page-element {
  width: calc(100% - 20px);
}
body.css-resources .left-menu .gdl-divider .page-element .anchor-tag:last-of-type:before {
  content: unset;
}

@font-face {
  font-family: "OpenSansExtraBold";
  src: url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff), url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff2);
}
/* media queries - use these to edit specific sizes
    @include mobile-xs {}
    @include mobile-xs-landscape {}
    @include mobile {}
    @include mobile-landscape {}
    @include desktop_range {}
    @include mobile-wide-landscape {}
    @include desktop_wide {}
    @include desktop_max {}
*/
body.css-default .white-office-background {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  background-size: cover;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div {
  position: relative;
  display: table;
  vertical-align: top;
  max-width: 800px;
  width: 100%;
  border: solid 1px #bbb;
  min-height: 520px;
  height: auto;
  margin: 140px auto 0 auto;
  /*border: 1px solid red;*/
  background-color: #fff;
}
@media only screen and (max-width: 450px) {
  body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div {
    display: block;
    border: none;
    margin: 0 auto 0 auto;
    max-width: 100%;
    min-height: 100%;
  }
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div {
    display: block;
    border: none;
    margin: 0 auto 0 auto;
    max-width: 100%;
    min-height: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div {
    margin: 8vw auto 0 auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (max-height: 767px) and (orientation: landscape) {
  body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div {
    margin: 0 auto 0 auto;
  }
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-left {
  position: relative;
  display: table-cell;
  vertical-align: top;
  max-width: 330px;
  width: 45%;
  height: auto;
  top: 0;
  color: white;
  background: url("https://apx.gpstrategies.com/media/images/loginpage-inner-left.png");
  background-size: cover;
}
@media only screen and (max-width: 450px) {
  body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-left {
    display: block;
    width: 100%;
    max-width: 100%;
    text-align: center;
    padding: 3vw 0 3vw 0;
  }
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-left {
    display: block;
    width: 100%;
    max-width: 100%;
    text-align: center;
    padding: 2vw 0 2vw 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-left {
    margin: 1vw auto 0 auto;
  }
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-left .bkgvideo {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 0;
}
@media only screen and (max-width: 450px) {
  body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-left .bkgvideo {
    display: none;
  }
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-left .bkgvideo {
    display: none;
  }
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-left .bkgvideo > div {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 290%;
  width: auto;
  min-height: 100%;
  height: auto;
  background-size: cover;
  overflow: hidden;
  left: -100% !important;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-left .bkgvideo .video-js {
  background-color: transparent;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-left .bkgvideo:after {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: rgba(47, 135, 176, 0.671);
  /* Green background-color: rgba(103, 153, 64, 0.771);*/
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-left #program-title-div {
  position: absolute;
  top: 0.25em;
  /*right: .25em;*/
  left: 25%;
  z-index: 1;
}
@media only screen and (max-width: 450px) {
  body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-left #program-title-div {
    position: relative;
    left: 0%;
  }
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-left #program-title-div {
    position: relative;
    left: 0;
  }
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-left .program-title {
  width: 90%;
  max-width: 250px;
  margin: 65px auto 0 auto;
  font-size: 35px;
}
@media only screen and (max-width: 450px) {
  body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-left .program-title {
    font-size: 6vw;
    line-height: 7.5vw;
    margin: auto;
  }
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-left .program-title {
    font-size: 4.5vw;
    line-height: 5.5vw;
    margin: auto;
  }
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-left:after {
  position: absolute;
  width: 330px;
  height: 520px;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.9;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right {
  position: relative;
  display: table-cell;
  vertical-align: top;
  height: 100%;
  background-color: white;
  padding: 0;
  padding-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 450px) {
  body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right {
    height: inherit;
    display: block;
  }
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right {
    height: inherit;
    display: block;
  }
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right #divlanguage-selector {
  text-align: right;
  padding: 5px;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right #divlanguage-selector .languageLabel {
  padding-right: 5px;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right #divlanguage-selector .ddlLanguage {
  color: #908787;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right #divForgotPassword {
  position: relative;
  display: block;
  padding: 0;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right #divForgotPassword .fpsection {
  margin-Left: 15px;
  margin-top: 15px;
  text-align: center;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right #divPasswordReset {
  position: relative;
  display: block;
  padding: 0;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right #divPasswordReset .fpsection {
  margin-Left: 15px;
  margin-top: 15px;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right #divPasswordReset .pwd-icon {
  position: absolute;
  display: inline-block;
  right: 0;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right #divLoginRegistration {
  position: relative;
  display: block;
  padding: 0;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  /*border: 1px solid red;*/
}
@media only screen and (max-width: 450px) {
  body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right #divLoginRegistration {
    width: 80%;
  }
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right #divLoginRegistration #capslockFieldset {
  border-style: none;
  border-width: 2px;
  padding: 0px;
  margin: 0px;
  position: relative;
  display: block;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right #divLoginRegistration #divLogin {
  position: relative;
  display: block;
  /*border: 1px solid red;*/
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right #divLoginRegistration .passwordComplexity {
  border-color: var(--mainColor);
  border-color: var(--mainColor);
  border-style: solid;
  padding: 4px;
  background-color: White;
  color: var(--mainColor);
  font-size: x-small;
  top: 49px;
  left: 41px;
  position: absolute;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right #divLoginRegistration .button-container {
  padding-top: 10px;
  /*border:1px solid red;*/
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right #divLoginRegistration .button-container .registerSection {
  margin-top: 0;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right .pwd {
  position: relative;
  width: 100%;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right .pwd .pwd-icon {
  position: absolute;
  display: inline-block;
  right: 0;
  top: 7px;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right .errorMessage {
  padding-left: 20px;
  padding-right: 20px;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right .errorMessage:empty {
  display: none;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right .errorMessage p {
  margin: 0;
  padding: 20px 0;
  padding-top: 10px;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right .form-group top-form-group {
  position: relative;
  display: block;
  /*border: 1px solid red;*/
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right .WizardText {
  position: relative;
  display: block;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right .login-page-buttons {
  position: relative;
  display: inline-block;
  text-align: center;
  font-weight: 600;
  width: 100%;
  padding-bottom: 4px;
  padding-top: 4px;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right .login-button {
  position: relative;
  display: inline-block;
  border: solid 2px var(--mainColor);
  background-color: var(--mainColor);
  width: 100%;
  text-align: center;
  padding-bottom: 4px;
  padding-top: 4px;
  color: white;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right a.login-page-link-button {
  cursor: pointer;
  text-decoration: none;
  height: 40px;
  outline: none;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right .register-button {
  background-color: white;
  color: var(--mainColor);
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right .register-button a {
  color: var(--mainColor);
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right .login-button a {
  color: white;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right .fp-button {
  border: 2x solid var(--mainColor);
  background-color: var(--mainColor);
  width: 45%;
  min-width: 100px;
  color: white;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right .login-page-buttons.login-question-mark {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: top;
  margin: auto;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right .login-page-buttons.login-question-mark a {
  color: white;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right .login-page-buttons.login-question-mark a .fa-question-circle-o:before {
  font-size: 19px;
  line-height: 120%;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right .forgotPass {
  display: block;
  text-align: center;
  margin-top: 10px;
  text-decoration: none;
  color: #2F87B0;
  font-size: 12px;
  width: 100%;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right .divHelp {
  display: block;
  text-align: center;
  margin-top: 10px;
  bottom: 20px;
  font-size: 12px;
  width: 100%;
  padding-top: 15px;
  cursor: pointer;
  color: #2f87b0;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right .textbox-line {
  display: block;
  background-color: transparent;
  color: black;
  outline: none;
  outline-style: none;
  border: none;
  border-bottom: solid #2F87B0 0;
  padding: 10px 0 10px 0;
  width: 100%;
  font-size: 13px;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right .slider {
  bottom: 0;
  left: 0;
  height: 1px;
  background-color: #2F87B0;
  width: 100%;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right .form-group {
  padding-top: 10px;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right .top-form-group {
  padding-bottom: 5px;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right #divLoginRegistration {
  padding-top: 25px;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right #ctl00_mainContent_divRegister .top-form-group {
  padding-bottom: 5px;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right #ctl00_mainContent_txtRegisterEmail-error {
  display: block;
  margin-top: 20px;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right #divRegister :disabled {
  color: grey;
  background-color: lightgray;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right #ctl00_mainContent_divLogin :disabled {
  color: grey;
  background-color: lightgray;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right .showpasswordICON {
  margin-left: -28px;
  margin-bottom: -6px;
  margin-top: -6px;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right .bwLogo {
  margin-top: 220px;
  margin-left: 60px;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right .clientLogo {
  padding-top: 30px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right .clientLogo img {
  width: 100%;
  max-width: 200px;
}
body.css-default .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right .button-container registerSection {
  margin-top: 0;
}
body.css-default h2 {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}

@font-face {
  font-family: "OpenSansExtraBold";
  src: url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff), url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff2);
}
/* media queries - use these to edit specific sizes
    @include mobile-xs {}
    @include mobile-xs-landscape {}
    @include mobile {}
    @include mobile-landscape {}
    @include desktop_range {}
    @include mobile-wide-landscape {}
    @include desktop_wide {}
    @include desktop_max {}
*/
body.css-postmenu {
  /*@media screen and (max-width: 1144px) {
  	.main-menu-box {
  		width: 100%;
  	}
  }*/
}
@media screen {
  body.css-postmenu {
    /*TO DO - Move all pop-up help css to a shared css file*/
    /*  End Pop-up Help CSS   */
  }
  body.css-postmenu .right-div-heading {
    font-size: 26px;
    padding-left: 1%;
    padding-right: 2%;
    width: 74%;
    margin-right: 0;
    text-align: center;
    font-weight: bold;
  }
  body.css-postmenu .i-help {
    height: 30px;
    width: 30px;
    float: right;
    padding-right: 20px;
    padding-top: 10px;
  }
  body.css-postmenu .popup_help {
    position: absolute;
    width: 100%;
    background-color: #fff;
    top: 0;
    z-index: 5000;
    display: none;
    border: 1px solid #C7C8CA;
    font-size: 16px;
    width: 500px;
  }
  body.css-postmenu .popup_help .title {
    background: #f15d22;
    line-height: 30px;
    padding: 20px;
    color: white;
  }
  body.css-postmenu .popup_help .title a {
    color: white;
    text-decoration: none;
  }
  body.css-postmenu .popup_help .description {
    padding: 20px;
    color: #6a737b;
  }
  body.css-postmenu .card_close {
    vertical-align: top;
    float: right;
    padding: 10px;
    color: white;
  }
  body.css-postmenu .push-footer {
    height: 150px;
    background: transparent;
  }
  body.css-postmenu #master_foot {
    background: #6A737B;
  }
  body.css-postmenu .main-menu-box .inner-right-box {
    padding-top: 28px;
    margin-top: 40px;
    margin-left: 35px;
    margin-bottom: 40px;
    border: solid 1px #F0F2F5;
    background-color: #F0F2F5;
    width: 490px;
    overflow-y: hidden;
  }
  body.css-postmenu .main-menu-box .inner-right-box .hide {
    display: none;
  }
  body.css-postmenu .main-menu-box .inner-right-box .remove {
    display: none;
  }
  body.css-postmenu .main-menu-box .inner-right-box .disable {
    background-color: green;
  }
  body.css-postmenu .main-menu-box .inner-right-box .highlight {
    background-color: lightgoldenrodyellow;
  }
  body.css-postmenu .main-menu-box .menu-item-row {
    height: 150px;
    width: 455px;
    background-color: white;
    margin-bottom: 28px;
  }
  body.css-postmenu .main-menu-box .menu-item-row > .img-container {
    float: left;
    width: 240px;
    height: 150px;
  }
  body.css-postmenu .main-menu-box .item-text {
    text-align: center;
    float: left;
    width: 193px;
    height: 103px;
    padding-top: 45px;
    color: #908787;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
  }
  body.css-postmenu .info-link {
    width: 125px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 62px;
    background-color: var(--mainColor);
    color: white;
    padding: 5px;
    text-align: center;
    border: solid white 1px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  body.css-postmenu {
    top: 50px;
    overflow-x: hidden;
  }
}
@media screen {
  body.css-postmenu .left-menu-n-body-container {
    top: 15%;
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 767px) {
  body.css-postmenu .left-menu-n-body-container {
    top: 50px;
  }
}
@media screen {
  body.css-postmenu .left-menu-n-body-container .main-menu-box {
    width: 100%;
    max-width: 860px;
    border: solid 1px #bbb;
    margin: auto;
    position: relative;
    display: block;
    margin-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  body.css-postmenu .left-menu-n-body-container .main-menu-box {
    margin-top: 15px;
    width: initial;
    padding: 0;
    margin: 0;
  }
}
@media screen {
  body.css-postmenu .left-menu-n-body-container .main-menu-box .left-box {
    width: 300px;
    float: left;
    position: absolute;
    color: white;
    min-height: 645px;
    background-color: rgba(105, 167, 195, 0.85);
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  body.css-postmenu .left-menu-n-body-container .main-menu-box .left-box {
    display: inline-block;
    width: 100%;
    height: auto;
    position: static;
    padding-bottom: 10px;
    min-height: 10px;
  }
}
@media screen {
  body.css-postmenu .left-menu-n-body-container .main-menu-box .left-box .left-inner-top {
    width: 205px;
    margin: 55px auto 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  body.css-postmenu .left-menu-n-body-container .main-menu-box .left-box .left-inner-top {
    width: 100%;
    margin: 10px auto 0 auto;
    padding: 0;
  }
}
@media screen {
  body.css-postmenu .left-menu-n-body-container .main-menu-box .left-box .left-inner-middle {
    width: 205px;
    margin: 45px auto 0 auto;
    padding-top: 16px;
    padding-bottom: 16px;
    border-top: solid #F15D22 1px;
    border-bottom: solid #F15D22 1px;
  }
}
@media only screen and (max-width: 767px) {
  body.css-postmenu .left-menu-n-body-container .main-menu-box .left-box .left-inner-middle {
    display: block;
    width: 80%;
    margin: 10px auto 0 auto;
    padding: 0;
  }
}
@media screen {
  body.css-postmenu .left-menu-n-body-container .main-menu-box .left-box .left-inner-bottom {
    width: 205px;
    margin: 0 auto 0 auto;
    padding: 0;
    text-align: left;
    border-bottom: solid #F15D22 1px;
  }
}
@media screen {
  body.css-postmenu .left-menu-n-body-container .main-menu-box .left-box p {
    font-size: 14px;
    font-weight: 600;
  }
}
@media screen {
  body.css-postmenu .left-menu-n-body-container .main-menu-box .right-box {
    margin-left: 300px;
    width: 560px;
    background-color: white;
    overflow: hidden;
    min-height: 640px;
  }
}
@media only screen and (max-width: 767px) {
  body.css-postmenu .left-menu-n-body-container .main-menu-box .right-box {
    display: block;
    width: 100%;
    margin: 10px auto 0 auto;
    padding: 0;
  }
}
@media screen and (min-width: 798px) and (max-width: 1145px) {
  body.css-postmenu .main-menu-box {
    width: 78%;
  }
  body.css-postmenu .main-menu-box .left-box {
    width: 40%;
    min-height: 600px;
  }
  body.css-postmenu .main-menu-box .right-box {
    margin-left: 0;
    width: 60%;
    float: right;
    /*height: 600px;*/
    background-color: white;
    overflow: hidden;
  }
  body.css-postmenu .main-menu-box .inner-right-box {
    padding-top: 28px;
    margin-top: 40px;
    margin-left: 5%;
    background-color: #F0F2F5;
    width: 93%;
  }
  body.css-postmenu .main-menu-box .menu-item-row {
    width: 92%;
  }
  body.css-postmenu .main-menu-box .menu-item-row > .img-container {
    float: left;
    width: 40%;
    height: 150px;
  }
  body.css-postmenu .info-link {
    width: 60%;
  }
  body.css-postmenu .main-menu-box .item-text {
    width: 50%;
  }
}
@media screen and (min-width: 500px) and (max-width: 797px) {
  body.css-postmenu #hamburger-bars {
    display: none;
  }
  body.css-postmenu .main-menu-box {
    width: 90%;
  }
  body.css-postmenu .main-menu-box .left-box {
    width: 35%;
    min-height: 600px;
  }
  body.css-postmenu .main-menu-box .left-inner-middle {
    width: 85%;
    margin: 45px auto 0 auto;
    padding-top: 0;
    padding-bottom: 16px;
    float: left;
    border-top: solid #F15D22 1px;
    border-bottom: solid #F15D22 1px;
    margin-left: 10%;
  }
  body.css-postmenu .main-menu-box .left-inner-bottom {
    width: 85%;
    margin: 0 auto 0 auto;
    padding-top: 16px;
    padding-bottom: 16px;
    float: left;
    border-bottom: solid #F15D22 1px;
    margin-left: 10%;
  }
  body.css-postmenu .main-menu-box .right-box {
    margin-left: 0;
    width: 65%;
    height: auto;
    background-color: white;
    overflow: hidden;
    float: right;
  }
  body.css-postmenu .main-menu-box .inner-right-box {
    margin-left: 3%;
    width: 97%;
  }
  body.css-postmenu .main-menu-box .menu-item-row > .img-container {
    float: left;
    width: 45%;
    height: 150px;
  }
  body.css-postmenu .main-menu-box .menu-item-row {
    width: 95%;
  }
  body.css-postmenu .info-link {
    width: 80%;
  }
  body.css-postmenu .main-menu-box .item-text {
    width: 47%;
  }
  body.css-postmenu .main-menu-box .left-inner-top {
    margin: 0px auto 0 auto;
    font-size: 10px;
    padding: 7px;
    width: 95%;
  }
}
@media screen and (max-width: 499px) {
  body.css-postmenu #hamburger-bars {
    display: none;
  }
  body.css-postmenu .main-menu-box .left-inner-top {
    width: 100%;
    margin: 0;
    font-size: 11px;
    text-align: center;
  }
  body.css-postmenu .main-menu-box .left-inner-bottom {
    width: 66%;
    padding-bottom: 16px;
    border-bottom: solid #F15D22 1px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    max-width: 204px;
  }
  body.css-postmenu .main-menu-box {
    width: 100%;
    min-width: 200px;
    height: auto;
    margin-top: 0;
  }
  body.css-postmenu .main-menu-box .inner-right-box {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
  }
  body.css-postmenu .main-menu-box .right-box {
    margin-left: 0;
    width: 100%;
    height: auto;
  }
  body.css-postmenu .main-menu-box .menu-item-row {
    width: 96%;
  }
  body.css-postmenu .main-menu-box .menu-item-row > .img-container {
    float: left;
    width: 49%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
  }
  body.css-postmenu .main-menu-box .item-text {
    width: 42%;
    padding-top: 15px;
  }
  body.css-postmenu .info-link {
    width: 100px;
  }
}

body.css-exercises {
  background-color: #eee;
  margin: 0;
  padding: 0;
  border: 0;
  display: flex;
}
body.css-exercises:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: -100px;
  content: "";
  z-index: -1;
}
body.css-exercises #aspnetForm,
body.css-exercises .aspnetForm {
  width: 100%;
}
@media screen and (min-width: 769px) and (max-width: 1639px) {
  body.css-exercises #aspnetForm,
body.css-exercises .aspnetForm {
    max-width: 100%;
  }
  body.css-exercises #aspnetForm > *,
body.css-exercises .aspnetForm > * {
    margin-left: auto;
    margin-right: auto;
  }
}
body.css-exercises #aspnetForm .header-wrapper,
body.css-exercises .aspnetForm .header-wrapper {
  margin-left: auto;
  margin-right: auto;
}
body.css-exercises #aspnetForm .header-wrapper .bw-page-header,
body.css-exercises .aspnetForm .header-wrapper .bw-page-header {
  margin-left: auto;
  margin-right: auto;
}
body.css-exercises #aspnetForm .left-menu-n-body-container,
body.css-exercises .aspnetForm .left-menu-n-body-container {
  max-width: 100%;
}
body.css-exercises #aspnetForm .body-container,
body.css-exercises .aspnetForm .body-container {
  display: block;
}
body.css-exercises #aspnetForm .header-content,
body.css-exercises #aspnetForm .body-content,
body.css-exercises .aspnetForm .header-content,
body.css-exercises .aspnetForm .body-content {
  position: relative;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  body.css-exercises #aspnetForm .header-content,
body.css-exercises #aspnetForm .body-content,
body.css-exercises .aspnetForm .header-content,
body.css-exercises .aspnetForm .body-content {
    max-width: 100vw;
  }
}
@media only screen and (max-width: 1640px) {
  body.css-exercises #aspnetForm .header-content,
body.css-exercises #aspnetForm .body-content,
body.css-exercises .aspnetForm .header-content,
body.css-exercises .aspnetForm .body-content {
    max-width: 100%;
  }
}
body.css-exercises #aspnetForm #exerciseOverview,
body.css-exercises #aspnetForm #exerciseOverviewOverlay,
body.css-exercises .aspnetForm #exerciseOverview,
body.css-exercises .aspnetForm #exerciseOverviewOverlay {
  display: block;
  font-family: "Open Sans", sans-serif;
  margin: 0 0 3vw 0;
  pointer-events: none;
  z-index: 0;
}
body.css-exercises #aspnetForm #exerciseOverviewOverlay,
body.css-exercises .aspnetForm #exerciseOverviewOverlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  opacity: 0.35;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  z-index: 998;
}
body.css-exercises #aspnetForm #exerciseOverview,
body.css-exercises .aspnetForm #exerciseOverview {
  min-height: 500px;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}
body.css-exercises #aspnetForm #exerciseOverview h1,
body.css-exercises #aspnetForm #exerciseOverview h2,
body.css-exercises #aspnetForm #exerciseOverview h3,
body.css-exercises #aspnetForm #exerciseOverview h4,
body.css-exercises #aspnetForm #exerciseOverview h5,
body.css-exercises #aspnetForm #exerciseOverview h6,
body.css-exercises .aspnetForm #exerciseOverview h1,
body.css-exercises .aspnetForm #exerciseOverview h2,
body.css-exercises .aspnetForm #exerciseOverview h3,
body.css-exercises .aspnetForm #exerciseOverview h4,
body.css-exercises .aspnetForm #exerciseOverview h5,
body.css-exercises .aspnetForm #exerciseOverview h6 {
  border: 0;
  margin: 0;
  padding: 0;
}
body.css-exercises #aspnetForm #exerciseOverview #debug,
body.css-exercises .aspnetForm #exerciseOverview #debug {
  display: none;
}
body.css-exercises #aspnetForm #exerciseOverview #journey,
body.css-exercises .aspnetForm #exerciseOverview #journey {
  pointer-events: all;
}
body.css-exercises #aspnetForm #exerciseOverview #journey #road,
body.css-exercises .aspnetForm #exerciseOverview #journey #road {
  width: 100%;
}
body.css-exercises #aspnetForm #exerciseOverview #journey #road #start,
body.css-exercises .aspnetForm #exerciseOverview #journey #road #start {
  border-radius: 10%;
}
body.css-exercises #aspnetForm #exerciseOverview #journey #road circle,
body.css-exercises .aspnetForm #exerciseOverview #journey #road circle {
  cursor: pointer;
}
body.css-exercises #aspnetForm #exerciseOverview #hiliteSVG,
body.css-exercises .aspnetForm #exerciseOverview #hiliteSVG {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  max-width: 1600px;
  pointer-events: all;
  margin-top: 40px;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise {
  position: relative;
  max-width: 330px;
  min-height: 220px;
  width: 100%;
  display: inline-block;
  border-radius: 4px;
  padding: 0;
  margin: 0 1vw 2vw;
  -webkit-filter: blur(0);
  filter: blur(0);
  z-index: 0;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  vertical-align: top;
  background-color: #ffffff;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise.hide-exercise,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise.hide-exercise {
  display: none;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise.disable-exercise,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise.disable-exercise {
  background-color: #a8a8a8;
  cursor: default;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise.disable-exercise h1,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise.disable-exercise h1 {
  color: #a1a1a1;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise.highlight-exercise,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise.highlight-exercise {
  border: solid 1px yellow;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise.remove-exercise,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise.remove-exercise {
  display: none;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise:not(#selected-exercise),
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise:not(#selected-exercise) {
  cursor: pointer;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise:before,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise:before {
  position: absolute;
  font-size: 40px;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
  border: rgba(71, 142, 177, 0.75) 0 solid;
  z-index: -1;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise h1,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise h1 {
  position: relative;
  display: block;
  font-family: "Open Sans";
  font-weight: 200;
  font-size: 16px;
  width: calc(100% - 30px);
  line-height: 24px;
  margin: 0;
  padding: 10px 15px;
  border: 0;
  border-bottom: 1px solid #fff;
  text-align: left;
  color: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  cursor: pointer;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise h1 span,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise h1 span {
  position: absolute;
  right: 15px;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise h1 span:after,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise h1 span:after {
  position: relative;
  display: inline;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  font-size: 1.5em;
  text-align: right;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise h1 span.done:after,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise h1 span.done:after {
  content: "\f058";
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise h1 span.in-progress:after,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise h1 span.in-progress:after {
  content: "\f251";
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise h1 span.submitted:after,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise h1 span.submitted:after {
  content: "\f14d";
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise h2,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise h2 {
  position: relative;
  font-size: 14px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: left;
  font-weight: normal;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise h2 p,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise h2 p {
  display: inline-block;
  padding: 0;
  margin: 0;
  min-height: 3.5em;
  width: 100%;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise h2 p i.far,
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise h2 p i.fas,
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise h2 p i.fad,
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise h2 p i.fab,
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise h2 p i.fal,
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise h2 p i.fa-4x,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise h2 p i.far,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise h2 p i.fas,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise h2 p i.fad,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise h2 p i.fab,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise h2 p i.fal,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise h2 p i.fa-4x {
  display: inline-block;
  position: absolute;
  left: 15px;
  top: 15px;
  font-size: 4em;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise h2 p img,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise h2 p img {
  position: relative;
  left: 0;
  top: 0;
  float: left;
  margin-right: 10px;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise h2 p img.right,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise h2 p img.right {
  float: right;
  margin-left: 10px;
  margin-right: 0;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise .datatype,
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise .status-bar,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise .datatype,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise .status-bar {
  position: absolute;
  display: inline-block;
  width: calc(100% - 30px);
  bottom: 14px;
  margin: 0;
  padding: 0 15px;
  border: 0;
  text-align: left;
  font-size: 12px;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise .datatype:before,
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise .status-bar:before,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise .datatype:before,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise .status-bar:before {
  position: relative;
  text-align: center;
  font-family: "Font Awesome 5 Pro";
  font-weight: normal;
  font-size: 40px;
  top: -20px;
  left: 20%;
  padding: 10px;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  background-color: #478EB1;
  color: white;
  display: inline-block;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise .datatype .label,
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise .status-bar .label,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise .datatype .label,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise .status-bar .label {
  position: relative;
  display: block;
  font-size: 12px;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise .datatype .label:nth-of-type(2),
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise .status-bar .label:nth-of-type(2),
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise .datatype .label:nth-of-type(2),
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise .status-bar .label:nth-of-type(2) {
  display: none;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise .datatype .label:nth-of-type(3),
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise .status-bar .label:nth-of-type(3),
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise .datatype .label:nth-of-type(3),
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise .status-bar .label:nth-of-type(3) {
  display: none;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise .datatype .label .data,
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise .status-bar .label .data,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise .datatype .label .data,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise .status-bar .label .data {
  position: absolute;
  top: 0;
  right: 0;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise .datatype .progress,
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise .status-bar .progress,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise .datatype .progress,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise .status-bar .progress {
  margin-top: 5px;
  height: 8px;
  border-radius: 4px;
  position: relative;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise .datatype .progress svg,
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise .status-bar .progress svg,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise .datatype .progress svg,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise .status-bar .progress svg {
  position: absolute;
  border: 0;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise .datatype .progress svg .line-scale,
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise .status-bar .progress svg .line-scale,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise .datatype .progress svg .line-scale,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise .status-bar .progress svg .line-scale {
  fill: rgba(53, 112, 41, 0.2);
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise .datatype .progress svg .line-complete,
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise .status-bar .progress svg .line-complete,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise .datatype .progress svg .line-complete,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise .status-bar .progress svg .line-complete {
  stroke: var(--mainColor);
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise .datatype .progress svg .divider,
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise .status-bar .progress svg .divider,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise .datatype .progress svg .divider,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise .status-bar .progress svg .divider {
  stroke: #fff;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise .datatype .progress .complete,
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise .status-bar .progress .complete,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise .datatype .progress .complete,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise .status-bar .progress .complete {
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  height: 100%;
  border-radius: 4px;
  background-color: rgba(0, 67, 250, 0.212);
  box-sizing: border-box;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise .datatype .progress-numbers,
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise .status-bar .progress-numbers,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise .datatype .progress-numbers,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise .status-bar .progress-numbers {
  margin-top: 5px;
  font-size: 14px;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise > .details,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise > .details {
  display: none;
  padding: 0 15px;
  overflow-x: auto;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise > .details .datagroup,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise > .details .datagroup {
  padding-bottom: calc(1em - 5px);
  border-top: 1px dashed #ccc;
  padding-top: 5px;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise > .details .datagroup .label,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise > .details .datagroup .label {
  position: relative;
  display: block;
  text-align: left;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise > .details .datagroup .label.mystep:nth-of-type(1),
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise > .details .datagroup .label.mystep:nth-of-type(1) {
  font-weight: bold;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise > .details .datagroup .label.theirstep:nth-of-type(1),
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise > .details .datagroup .label.theirstep:nth-of-type(1) {
  font-weight: bold;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise > .details .datagroup .label .data,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise > .details .datagroup .label .data {
  position: absolute;
  top: 0;
  right: 10px;
  width: 20px;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise > .details .datagroup .label .data:after,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise > .details .datagroup .label .data:after {
  position: relative;
  display: inline;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  font-size: 1.5em;
  text-align: right;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise > .details .datagroup .label .data.check-0:after,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise > .details .datagroup .label .data.check-0:after {
  content: "\f111";
  font-weight: 100;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise > .details .datagroup .label .data.check-1:after,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent .exercise > .details .datagroup .label .data.check-1:after {
  content: "\f058";
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent div.buttons,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent div.buttons {
  position: absolute;
  display: block;
  left: 15px;
  bottom: 15px;
  margin-top: 10px;
  width: calc(100% - 30px);
  text-align: right;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent div.buttons .more,
body.css-exercises #aspnetForm #exerciseOverview #jsonContent div.buttons .details,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent div.buttons .more,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent div.buttons .details {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin: 0;
  text-decoration: none;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent div.buttons .more:active,
body.css-exercises #aspnetForm #exerciseOverview #jsonContent div.buttons .details:active,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent div.buttons .more:active,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent div.buttons .details:active {
  border: 1px solid #333;
  box-sizing: content-box;
  box-shadow: 0 0 2px #888888;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent div.buttons .more:hover,
body.css-exercises #aspnetForm #exerciseOverview #jsonContent div.buttons .details:hover,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent div.buttons .more:hover,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent div.buttons .details:hover {
  color: black;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent div.buttons .details,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent div.buttons .details {
  display: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -3px;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent div.buttons .more,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent div.buttons .more {
  margin-right: -2px;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent div.buttons .more:after,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent div.buttons .more:after {
  content: "»";
  padding-left: 3px;
  text-decoration: none;
  font-size: 1em;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent #selected-exercise,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent #selected-exercise {
  display: none;
  position: fixed;
  max-height: 80vh;
  box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0.25);
  z-index: 999;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent #selected-exercise h1,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent #selected-exercise h1 {
  background-color: #55595c;
  cursor: initial;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent #selected-exercise h2,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent #selected-exercise h2 {
  display: none;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent #selected-exercise .status-bar,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent #selected-exercise .status-bar {
  display: none;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent #selected-exercise .details,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent #selected-exercise .details {
  overflow-y: auto;
  max-height: 81%;
  margin-top: 15px;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent #selected-exercise:after,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent #selected-exercise:after {
  position: absolute;
  display: block;
  right: -0.75em;
  top: -0.75em;
  content: "\f057";
  color: #fff;
  background-color: #55595c;
  border-radius: 50%;
  margin: 0;
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  font-size: 1.5em;
  padding: 3px;
  cursor: pointer;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent #selected-exercise div.buttons,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent #selected-exercise div.buttons {
  text-align: center;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent #selected-exercise div.buttons > div,
body.css-exercises .aspnetForm #exerciseOverview #jsonContent #selected-exercise div.buttons > div {
  background-color: #F15D22;
  padding: 5px 15px;
  border-radius: 4px;
  color: white;
}
body.css-exercises #aspnetForm #lineZoom,
body.css-exercises .aspnetForm #lineZoom {
  position: absolute;
  display: block;
  top: 0;
  pointer-events: none;
}
body.css-exercises #aspnetForm .indent,
body.css-exercises .aspnetForm .indent {
  padding-left: 10px;
  font-weight: 400;
}

@font-face {
  font-family: "OpenSansExtraBold";
  src: url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff), url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff2);
}
/* media queries - use these to edit specific sizes
    @include mobile-xs {}
    @include mobile-xs-landscape {}
    @include mobile {}
    @include mobile-landscape {}
    @include desktop_range {}
    @include mobile-wide-landscape {}
    @include desktop_wide {}
    @include desktop_max {}
*/
@media screen {
  body.css-drdashboard {
    /********************************************************************/
    /*#region  IME Bars  and Help Divs                                  */
    /********************************************************************/
    /*#endregion*/
    /*****************************************************/
    /*.popup {
        width: 600px;
        height: 600px;
        background: #F15D22;
        z-index: 1000;
        display: none;
        position: absolute;
        left: 465px;
        top: 297px;
        color: white;
    }*/
  }
  body.css-drdashboard body:after {
    position: absolute;
    z-index: -1;
    background-image: url(https://apx.gpstrategies.com/media/images/dr/inede_680.jpg);
    background-position: -9999px -9999px;
  }
  body.css-drdashboard .body-container {
    border: none;
  }
  body.css-drdashboard .help-video {
    float: right;
    padding-top: 20px;
    padding-left: 8px;
    padding-bottom: 5px;
  }
  body.css-drdashboard .overview_svg {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 25px;
    overflow: hidden;
  }
  body.css-drdashboard #dash_svg {
    position: relative;
    display: block;
  }
  body.css-drdashboard .overview_svg div {
    /*position: relative;*/
    /*display: inline-block;*/
    /*height: 40px;*/
    /*border:1px solid red;*/
    /*background-color: #6A737B;*/
    /*color:#fff;*/
  }
  body.css-drdashboard .overview_svg div:nth-of-type(1) {
    /*width: 68.8%;*/
    /*margin-right: 1.3%;*/
  }
  body.css-drdashboard .overview_svg div:nth-of-type(2) {
    /*width: 29.674%;*/
  }
  body.css-drdashboard .row1card {
    /*position: absolute;*/
    /*display: none !important;*/
    /*top:-9999px;*/
    /*left:-9999px;*/
  }
  body.css-drdashboard #i_bar:hover {
    fill: red;
  }
  body.css-drdashboard .card2 {
    background-image: url(https://apx.gpstrategies.com/media/images/dr/inede_680.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    animation-delay: 1s;
    animation-duration: 3s;
    animation-name: background_shade;
    animation-fill-mode: forwards;
  }
  body.css-drdashboard .engagement {
    position: relative;
    max-width: 680px;
    max-height: 448px;
    /*border:1px solid red;*/
    width: 100%;
    height: 27vw;
    /*background-image: url(https://apx.gpstrategies.com/media/images/dr/inede_680.jpg);*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
    /*z-index: -2;*/
  }
  body.css-drdashboard .shade {
    position: absolute;
    top: 0;
    left: 0;
    width: 120%;
    height: 120%;
    z-index: -1;
    animation-delay: 1s;
    animation-duration: 3s;
    animation-name: background_shade;
    animation-fill-mode: forwards;
  }
  @keyframes background_shade {
    0% {
      background-color: rgba(255, 255, 255, 0);
    }
    100% {
      background-color: rgba(255, 255, 255, 0.65);
    }
  }
  body.css-drdashboard #svg_engagement_levels {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
  }
  body.css-drdashboard .data-choice {
    text-decoration: none;
  }
  body.css-drdashboard #tblSatisfaction {
    width: 100%;
  }
  body.css-drdashboard #tblContribution {
    width: 100%;
  }
  body.css-drdashboard .point-container {
    float: right;
    margin-right: -25px;
    margin-top: -38px;
  }
  body.css-drdashboard .header-legend {
    float: right;
    height: 50px;
    margin-top: -9px;
    color: black;
    margin-right: 95px;
    background: #FAFAFA;
  }
  body.css-drdashboard .data-caption-div {
    height: 100%;
    width: 29%;
    /*float: left;*/
    padding: 10px;
    margin-left: 10px;
    text-align: center;
    font-size: 55px;
    color: grey;
  }
  body.css-drdashboard .separator {
    position: relative;
    display: inline-block;
    height: 100%;
    width: 2%;
  }
  body.css-drdashboard .ime-icon {
    cursor: pointer;
  }
  body.css-drdashboard .ind-icon-header {
    float: left;
    width: 33px;
    height: 33px;
    margin-top: 7px;
    margin-left: 5px;
    background-image: url(https://apx.gpstrategies.com/media/images/dr/i-icon-32.png);
  }
  body.css-drdashboard .mgr-icon-header {
    float: left;
    width: 33px;
    height: 33px;
    margin-top: 7px;
    margin-left: 5px;
    background-image: url(https://apx.gpstrategies.com/media/images/dr/m-icon-32.png);
  }
  body.css-drdashboard .progress-data-cell {
    width: 100%;
    text-align: center;
    font-size: 50px;
  }
  body.css-drdashboard .exe-icon-header {
    float: left;
    width: 33px;
    height: 33px;
    margin-right: 5px;
    margin-top: 7px;
    /*background: rgb(172, 181, 195);*/
    /*color: white;*/
    margin-left: 5px;
    background-image: url(https://apx.gpstrategies.com/media/images/dr/e-icon-32.png);
  }
  body.css-drdashboard body {
    /*overflow-x: hidden;*/
    height: 100%;
    width: 100%;
    background: white;
  }
  body.css-drdashboard .nav.nav-pills {
    margin-bottom: 20px;
    height: 45px;
  }
  body.css-drdashboard .val1 {
    width: 20%;
    height: 70px;
    position: absolute;
    left: 79%;
    top: 34px;
  }
  body.css-drdashboard td {
    border: 0;
    /*!important*/
  }
  body.css-drdashboard .table-content {
    /*height: 93%;*/
    position: relative;
    display: block;
    margin-top: 2px;
  }
  body.css-drdashboard .chart {
    float: left;
  }
  body.css-drdashboard .bar_header {
    padding-left: 50px;
    padding-right: 0;
    width: 100%;
    height: 26px;
    color: #808080;
  }
  body.css-drdashboard .data-cell-header {
    width: 100%;
    /*padding-top: 15px;*/
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 10px;
  }
  body.css-drdashboard .table-content td .data_align_bottom {
    position: relative;
    display: block;
    bottom: 5px;
    left: 0;
    width: 100%;
    /*border:1px solid red;*/
  }
  body.css-drdashboard .data_align_bottom {
    padding-bottom: 5px;
    border-bottom: 1px solid #2F87B0;
    margin-bottom: 10px;
  }
  body.css-drdashboard .data-cell {
    position: relative;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    /*height: 100%;*/
    /*max-width: 298px;*/
    background: white;
    /*border-bottom: 1px solid #2F87B0;*/
    /*padding-bottom: 5px;*/
    vertical-align: bottom;
  }
  body.css-drdashboard .data-cell-icon-container {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    width: 30%;
    /*max-width: 98px;*/
    /*border: 1px solid green;*/
    margin-bottom: -5px;
  }
  body.css-drdashboard .data-cell-body-container {
    position: relative;
    display: inline-block;
    font-size: 23px;
    /*text-align: center;*/
    /*padding-top: 30px;*/
    background-color: white;
    /*border: 1px solid blue;*/
    width: 60%;
  }
  body.css-drdashboard .sub-menu-list {
    text-align: center;
  }
  body.css-drdashboard .caption-data,
body.css-drdashboard .caption-text {
    height: 100%;
    width: 48%;
    display: inline-block;
    vertical-align: top;
  }
  body.css-drdashboard .caption-data {
    color: white;
    text-align: center;
  }
  body.css-drdashboard .table-col-1 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 48.5%;
    height: 100%;
    padding: 0;
    margin-right: 0;
  }
  body.css-drdashboard .caption-content-span {
    /*text-align: center;*/
    /*font-size: 35px;*/
  }
  body.css-drdashboard .count {
    font-size: 45px;
    width: 15%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  body.css-drdashboard .line {
    height: 100%;
    background: orangered;
    width: 1px;
    margin-left: auto;
    margin-right: auto;
  }
  body.css-drdashboard .count-caption {
    width: 26%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  body.css-drdashboard .header {
    position: relative;
    background: #6A737B;
    color: white;
    text-align: center;
    font-size: 20px;
    line-height: 40px;
  }
  body.css-drdashboard #grid1 {
    position: relative;
    height: 315px;
    padding-left: 35px;
    padding-right: 35px;
    display: block;
    top: 0;
    left: 50%;
    width: 50%;
  }
  body.css-drdashboard .caption-footer {
    width: 100%;
    height: 100px;
    position: absolute;
    top: 345px;
    background-color: #0088cc;
    color: white;
  }
  body.css-drdashboard .val2 {
    width: 20%;
    height: 70px;
    position: absolute;
    left: 79%;
    top: 120px;
  }
  body.css-drdashboard .varaince-container-progress-div {
    font-size: 15px;
    margin-top: -10px;
  }
  body.css-drdashboard .val3 {
    width: 20%;
    height: 70px;
    position: absolute;
    left: 79%;
    top: 220px;
  }
  body.css-drdashboard .engage {
    position: relative;
    top: -54px;
    left: 12%;
  }
  body.css-drdashboard .score,
body.css-drdashboard .caption-content {
    height: 99px;
    width: 50%;
    float: left;
  }
  body.css-drdashboard h3 {
    margin-left: auto;
    margin-right: auto;
    color: #808080;
    padding: 0;
    margin: 0;
    padding-bottom: 15px;
  }
  body.css-drdashboard .clear {
    clear: both;
  }
  body.css-drdashboard .caption-status-div {
    position: absolute;
    bottom: 0;
    background-color: #3A8DB4;
    width: 100%;
    /*background-color: red;*/
    /*opacity: .5;*/
  }
  body.css-drdashboard .caption-text {
    color: rgba(255, 255, 255, 0.54);
    /*width: 50%;*/
    text-align: left;
    /*padding-top: 5px;*/
    /*float: left;*/
  }
  body.css-drdashboard .color_arrow_up {
    color: #23AE89;
  }
  body.css-drdashboard .color_arrow_down {
    color: #F15D22;
  }
  body.css-drdashboard .color_arrow_equal {
    color: #808080;
  }
  body.css-drdashboard .white_arrow {
    color: white;
  }
  body.css-drdashboard .chart_data_label {
    width: 250px;
    text-align: center;
    bottom: 0;
    vertical-align: bottom;
    margin-top: -20px;
  }
  body.css-drdashboard .chart_data_label h1 {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    font-weight: 800;
    color: #888888;
    word-spacing: -20px;
    font-size: 18px;
    padding-bottom: 45px;
  }
  body.css-drdashboard .chart_data_label h2 {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #888888;
    word-spacing: 2px;
  }
  body.css-drdashboard .overall_val {
    font-family: "Open Sans", sans-serif;
  }
  body.css-drdashboard .fa-3x {
    font-size: 2.8em;
  }
  body.css-drdashboard .drpopup_ind {
    width: 55%;
    background: #F15D22;
    z-index: 1000;
    display: none;
    position: absolute;
    left: 600px;
    border: 1px solid #C7C8CA;
  }
  body.css-drdashboard .drpopup_mgr {
    width: 55%;
    background: rgb(172, 181, 195);
    z-index: 1000;
    display: none;
    position: absolute;
    /*left: 825px;*/
    /*top: 420px;*/
    border: 1px solid #C7C8CA;
  }
  body.css-drdashboard .drpopup_exe {
    width: 55%;
    background: #4B77BE;
    z-index: 1000;
    display: none;
    position: absolute;
    /*left: 825px;*/
    /*top: 497px;*/
    border: 1px solid #C7C8CA;
  }
  body.css-drdashboard .drpopup_ind > .drpopup_top {
    background: #f15d22;
    height: 50px;
    padding: 20px;
    color: white;
  }
  body.css-drdashboard .drpopup_ind > .drpopup_top > .drpopup_top_link {
    border: 1px solid white;
    width: 200px;
    padding-left: 5px;
  }
  body.css-drdashboard .drpopup_ind > .drpopup_top > .drpopup_top_link a {
    color: white;
    text-decoration: none;
  }
  body.css-drdashboard .header-info {
    margin-right: 9px;
    height: 20px;
    width: 20px;
  }
  body.css-drdashboard .drpopup_mgr > .drpopup_top > .drpopup_top_link {
    border: 1px solid white;
    width: 200px;
    padding-left: 5px;
  }
  body.css-drdashboard .drpopup_mgr > .drpopup_top > .drpopup_top_link a {
    color: white;
  }
  body.css-drdashboard .drpopup_mgr > .drpopup_top {
    background: #939598;
    height: 50px;
    padding: 20px;
  }
  body.css-drdashboard .drpopup_exe > .drpopup_top {
    background: #00447C;
    height: 50px;
    padding: 20px;
  }
  body.css-drdashboard .drpopup_exe > .drpopup_top > .drpopup_top_link {
    border: 1px solid white;
    width: 200px;
    padding-left: 5px;
  }
  body.css-drdashboard .drpopup_exe > .drpopup_top > .drpopup_top_link a {
    color: white;
    text-decoration: none;
  }
  body.css-drdashboard .popup_help:before {
    /*    position: fixed;
    opacity: 0.3;
    background-color: #000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: " ";*/
  }
  body.css-drdashboard .popup_help {
    position: absolute;
    width: 100%;
    background-color: #fff;
    top: 0;
    z-index: 5;
    display: none;
    border: 1px solid #C7C8CA;
    font-size: 16px;
  }
  body.css-drdashboard .popup_help .title {
    background: #f15d22;
    line-height: 30px;
    padding: 20px;
    color: white;
  }
  body.css-drdashboard .popup_help .title a {
    color: white;
    text-decoration: none;
  }
  body.css-drdashboard .popup_help .description {
    padding: 20px;
  }
  body.css-drdashboard #card4 {
    display: inline-block;
  }
  body.css-drdashboard .card4_help_popup {
    width: 55%;
    /*background: #4B77BE;*/
    z-index: 1000;
    display: none;
    position: absolute;
    border: 1px solid #C7C8CA;
  }
  body.css-drdashboard .card4_help_popup > .drpopup_top {
    background: #f15d22;
    /* width: 100%; */
    height: 50px;
    padding: 20px;
    color: white;
  }
  body.css-drdashboard .card4_help_popup > .drpopup_top > .drpopup_top_link {
    /*border: 1px solid white;

    width: 45%;*/
    padding: 8px;
  }
  body.css-drdashboard .card4_help_popup > .drpopup_top > .drpopup_top_link a {
    color: white;
    text-decoration: none;
  }
  body.css-drdashboard .card_close {
    vertical-align: top;
    float: right;
    padding: 10px;
    color: white;
  }
  body.css-drdashboard .drpopup_bottom {
    background: white;
    /* width: 100%;*/
    /* height: 150px; */
    padding: 20px;
  }
  body.css-drdashboard .Cell20 {
    width: 20%;
    text-align: center;
    height: 102px;
  }
  body.css-drdashboard .Cell30 {
    width: 30%;
    text-align: center;
    height: 102px;
  }
  body.css-drdashboard .Cell32 {
    width: 32%;
    text-align: center;
    height: 102px;
  }
  body.css-drdashboard .Cell35 {
    width: 35%;
    text-align: center;
    height: 102px;
  }
  body.css-drdashboard .card3_table_1 {
    /*width: 100%;*/
    /*bottom: 146px;*/
    /*position: absolute;*/
    /*left: 0;*/
  }
  body.css-drdashboard #iSummaryGreen {
    margin-top: 5px;
  }
  body.css-drdashboard #mgr,
body.css-drdashboard #mgr1 {
    font-size: 20px;
    color: #808080;
  }
  body.css-drdashboard .font16 {
    font-size: 16px;
  }
  body.css-drdashboard .font20 {
    font-size: 20px;
  }
  body.css-drdashboard .summaryIconGreen {
    color: #3c763d;
  }
  body.css-drdashboard .e_bar_mobile {
    height: 30px;
    background-color: rgb(221, 221, 221);
    font-size: 30px;
    color: white;
    border-radius: 0;
  }
  body.css-drdashboard .cell1 {
    height: 102px;
    text-align: center;
    padding-left: 2px;
    padding-right: 2px;
    color: #BBD387;
  }
  body.css-drdashboard .cell2 {
    text-align: center;
  }
  body.css-drdashboard .cell4 {
    text-align: center;
  }
  body.css-drdashboard #mgr {
    font-size: 16px;
    color: #808080;
    margin-right: auto;
    margin-left: auto;
  }
  body.css-drdashboard .i_bar_mobile,
body.css-drdashboard #bar2 {
    height: 30px;
    background-color: rgb(221, 221, 221);
    font-size: 30px;
    color: white;
  }
  body.css-drdashboard #ind_bar,
body.css-drdashboard #mgr_bar,
body.css-drdashboard #exe_bar {
    width: 0px;
    height: 30px;
    background: #F15D22;
    /*border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;*/
    border-bottom-left-radius: 0;
    text-align: right;
  }
  body.css-drdashboard .bar_header2 {
    padding-top: 15px;
    margin-left: auto;
    margin-right: auto;
    height: 30px;
  }
  body.css-drdashboard .bardiv {
    margin-left: auto;
    margin-right: auto;
  }
  body.css-drdashboard .m_bar_mobile {
    width: 90%;
    height: 30px;
    background-color: rgb(221, 221, 221);
    font-size: 30px;
    color: rgb(221, 221, 221);
    /*border-radius: 30px;*/
  }
  body.css-drdashboard .execheader {
    /*padding-top: 15px;*/
    color: #808080;
    height: 30px;
  }
  body.css-drdashboard #exec {
    font-size: 16px;
    color: #808080;
  }
  body.css-drdashboard #execPer {
    font-size: 16px;
    color: #808080;
  }
  body.css-drdashboard #exec1 {
    float: right;
    font-size: 18px;
    /*margin-top: 28px;*/
  }
  body.css-drdashboard #grid1 h3 {
    margin-top: 7px;
    margin-left: 45px;
  }
  body.css-drdashboard .likeTheWork {
    position: absolute;
    left: 12%;
  }
  body.css-drdashboard .engageHeader {
    padding: 0;
    margin: 0;
    padding-bottom: 0;
    margin-top: 5px;
    padding-left: 22%;
  }
  body.css-drdashboard .fa {
    margin-right: 5px;
  }
  body.css-drdashboard .user_div {
    height: 102px;
    text-align: center;
    color: #BBD387;
  }
  body.css-drdashboard #container-speed {
    height: 346px;
    width: 50%;
    float: left;
    min-height: 250px;
    background: rgba(150, 208, 249, 0.38) !important;
  }
  body.css-drdashboard .highcharts-title {
    margin-top: 2vw;
    margin-bottom: 2vw;
    font-size: 2.5vw;
  }
  body.css-drdashboard .card {
    border-bottom: 0;
    perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -o-perspective: 1000px;
    -ms-perspective: 1000px;
    width: 57%;
    height: 312px;
    font-size: 16px;
  }
  body.css-drdashboard .header-cap {
    height: 100%;
    font-weight: normal;
    font-size: 16px;
    padding-top: 0;
  }
  body.css-drdashboard .card-help-icon {
    position: absolute;
    right: 0;
    margin-right: 5px;
    margin-top: 0;
    padding-top: 0;
    background-image: url(https://apx.gpstrategies.com/media/images/icons/info-white.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 100%;
    cursor: pointer;
    /*border: 1px solid red;*/
  }
  body.css-drdashboard #overall_label,
body.css-drdashboard #overall_info {
    cursor: pointer;
  }
  body.css-drdashboard .sprite-container {
    width: 100%;
    height: 20px;
    /*border: 1px solid red;*/
    background-color: white;
  }
  body.css-drdashboard .sprite-bar {
    height: 100%;
    width: 0;
    background-color: #2F87B0;
    /* background-color: #F15D22;*/
    /* border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;*/
  }
  body.css-drdashboard .progress-line-top {
    width: 0;
    height: 0;
    margin-bottom: 5px;
    border: 0.5px solid #2F87B0;
  }
  body.css-drdashboard .progress-line-bottom {
    width: 0;
    height: 0;
    margin-top: 5px;
    border: 0.5px solid #2F87B0;
  }
  body.css-drdashboard .progress-line-container {
    width: 100%;
  }
  body.css-drdashboard .col-lg-1,
body.css-drdashboard .col-lg-10,
body.css-drdashboard .col-lg-11,
body.css-drdashboard .col-lg-12,
body.css-drdashboard .col-lg-2,
body.css-drdashboard .col-lg-3,
body.css-drdashboard .col-lg-4,
body.css-drdashboard .col-lg-5,
body.css-drdashboard .col-lg-6,
body.css-drdashboard .col-lg-7,
body.css-drdashboard .col-lg-8,
body.css-drdashboard .col-lg-9,
body.css-drdashboard .col-md-1,
body.css-drdashboard .col-md-10,
body.css-drdashboard .col-md-11,
body.css-drdashboard .col-md-12,
body.css-drdashboard .col-md-2,
body.css-drdashboard .col-md-3,
body.css-drdashboard .col-md-4,
body.css-drdashboard .col-md-5,
body.css-drdashboard .col-md-6,
body.css-drdashboard .col-md-7,
body.css-drdashboard .col-md-8,
body.css-drdashboard .col-md-9,
body.css-drdashboard .col-sm-1,
body.css-drdashboard .col-sm-10,
body.css-drdashboard .col-sm-11,
body.css-drdashboard .col-sm-12,
body.css-drdashboard .col-sm-2,
body.css-drdashboard .col-sm-3,
body.css-drdashboard .col-sm-4,
body.css-drdashboard .col-sm-5,
body.css-drdashboard .col-sm-6,
body.css-drdashboard .col-sm-7,
body.css-drdashboard .col-sm-8,
body.css-drdashboard .col-sm-9,
body.css-drdashboard .col-xs-1,
body.css-drdashboard .col-xs-10,
body.css-drdashboard .col-xs-11,
body.css-drdashboard .col-xs-12,
body.css-drdashboard .col-xs-2,
body.css-drdashboard .col-xs-3,
body.css-drdashboard .col-xs-4,
body.css-drdashboard .col-xs-5,
body.css-drdashboard .col-xs-6,
body.css-drdashboard .col-xs-7,
body.css-drdashboard .col-xs-8,
body.css-drdashboard .col-xs-9 {
    padding-right: 0;
  }
  body.css-drdashboard .grey {
    position: absolute;
    bottom: 112px;
    left: 164px;
  }
  body.css-drdashboard .orange {
    position: absolute;
    bottom: 115px;
    left: 217px;
  }
  body.css-drdashboard .blue {
    position: absolute;
    bottom: 45px;
    left: 196px;
  }
  body.css-drdashboard #ind1 {
    color: #808080;
    float: right;
    font-size: 18px;
    /*margin-top: 29px;*/
  }
  body.css-drdashboard #ind {
    font-size: 16px;
    color: #808080;
  }
  body.css-drdashboard #mgr1 {
    float: right;
    font-size: 18px;
    color: #808080;
  }
  body.css-drdashboard .progress__meter,
body.css-drdashboard .progress__value {
    fill: none;
  }
  body.css-drdashboard .progress__meter {
    stroke: white;
  }
  body.css-drdashboard .progress__value {
    stroke: #2f87b0;
    stroke-linecap: flat;
  }
  body.css-drdashboard .inner-circle-grey {
    fill: rgb(147, 149, 152);
  }
  body.css-drdashboard .inner-circle-orange {
    fill: #F2652D;
  }
  body.css-drdashboard .demo {
    background: #d8e5f1;
    width: 50%;
    height: 100%;
    float: left;
    height: 271px;
  }
  body.css-drdashboard #line_2 {
    transform: rotate(90deg);
    border: 1px solid black;
    height: 100%;
    width: 271px;
  }
  body.css-drdashboard .svg-container {
    display: inline-block;
    position: relative;
    width: 55%;
    vertical-align: middle;
    overflow: hidden;
  }
  body.css-drdashboard .svg-content {
    display: inline-block;
    position: absolute;
    fill: red;
    top: 45px;
    /*transform: rotate(90deg);*/
    left: 0;
    /*display: none;*/
  }
  body.css-drdashboard .progress__meter {
    stroke: white;
  }
  body.css-drdashboard .progress__value {
    stroke: #4493B8;
    stroke-linecap: flat;
  }
  body.css-drdashboard .svg_line_orange {
    transform: rotate(90deg);
    height: 100%;
    width: 271px;
  }
  body.css-drdashboard .progress__meter,
body.css-drdashboard .progress__value {
    fill: none;
  }
  body.css-drdashboard .inner-circle-grey {
    fill: #B0B9C6;
  }
  body.css-drdashboard .inner-circle-orange {
    fill: #F2652D;
  }
  body.css-drdashboard .inner-circle-blue {
    fill: #00447c;
  }
  body.css-drdashboard .demo {
    background: #d8e5f1;
    width: 40%;
    height: 100%;
    float: left;
    height: 271px;
    border: 1px solid black;
  }
  body.css-drdashboard .path2 {
    stroke-dasharray: 2240;
    /*   stroke-dashoffset: 800; */
    animation: draw1 30s linear alternate;
  }
  @keyframes draw1 {
    from {
      stroke-dashoffset: 2240;
    }
    to {
      stroke-dashoffset: 1120;
    }
  }
  body.css-drdashboard .float1,
body.css-drdashboard .float2 {
    float: left;
    height: 100%;
    width: 50%;
  }
  body.css-drdashboard .float1 {
    background-color: #D3E6EE;
  }
  body.css-drdashboard .float2 {
    background-color: #F0F2F5;
  }
  body.css-drdashboard .svg-header {
    height: 40px;
    width: 100%;
    color: white;
    background: grey;
    text-align: center;
    padding-top: 5px;
    font-size: 16px;
  }
  body.css-drdashboard .variance-container1 {
    width: 25%;
    height: 30px;
    /*border: 1px solid black;*/
    float: right;
    margin-right: 10%;
    margin-top: 40px;
  }
  body.css-drdashboard .variance-container2 {
    width: 25%;
    height: 30px;
    /*border: 1px solid black;*/
    float: right;
    margin-right: -25%;
    margin-top: 104px;
  }
  body.css-drdashboard .variance-container3 {
    width: 25%;
    height: 30px;
    /*border: 1px solid black;*/
    float: right;
    margin-right: -25%;
    margin-top: 155px;
  }
  body.css-drdashboard .label-container1 {
    width: 25%;
    height: 30px;
    /*border: 1px solid black;*/
    float: left;
    margin-left: 15%;
    margin-top: 15px;
    transform: rotate(270deg);
    font-size: 8px;
  }
  body.css-drdashboard .label-container2 {
    width: 25%;
    height: 30px;
    /*border: 1px solid black;*/
    float: left;
    margin-left: -25%;
    margin-top: 77px;
    transform: rotate(270deg);
    font-size: 8px;
  }
  body.css-drdashboard .label-container3 {
    width: 25%;
    height: 30px;
    /*border: 1px solid black;*/
    float: left;
    margin-left: -25%;
    margin-top: 133px;
    transform: rotate(270deg);
    font-size: 8px;
  }
  body.css-drdashboard .nav.navbar-nav {
    display: none;
  }
  body.css-drdashboard html,
body.css-drdashboard body,
body.css-drdashboard form {
    margin: 0;
  }
  body.css-drdashboard .dr-angle-right {
    width: 8%;
  }
  body.css-drdashboard .svg-head {
    /*width: 100%;*/
  }
  body.css-drdashboard #bgr-layer-gauge {
    fill: #d3e6ee;
    stroke-width: 0;
    x: 0;
    y: 128;
  }
  body.css-drdashboard #bgr-layer-bar {
    fill: #f0f2f5;
    stroke-width: 0;
    x: 160;
    y: 128;
  }
  body.css-drdashboard #point {
    font-size: 5px;
    transform: rotate(270deg);
    color: #727A82;
    stroke-width: 1px;
  }
  body.css-drdashboard .st0 {
    fill: #727A82;
    transform: rotate(-90deg);
  }
}
@media screen and (max-width: 450px) {
  body.css-drdashboard #GDW {
    display: none;
  }
  body.css-drdashboard .fa.fa-caret-up {
    margin-left: 15px;
  }
  body.css-drdashboard .header-cap {
    font-size: 12px;
  }
  body.css-drdashboard .progress__meter,
body.css-drdashboard .progress__value {
    transform: rotate(90deg);
  }
  body.css-drdashboard #number-caption {
    font-size: 7.5vw;
    line-height: 120%;
  }
  body.css-drdashboard .execheader {
    margin-bottom: 0;
  }
  body.css-drdashboard .header-legend {
    height: 40px;
    width: 120px;
  }
  body.css-drdashboard .ind-icon-header,
body.css-drdashboard .mgr-icon-header,
body.css-drdashboard .exe-icon-header {
    /*height: 25px;*/
    font-size: 19px;
    margin-top: 3px;
    /*width: 25px;*/
  }
  body.css-drdashboard .i_bar_mobile,
body.css-drdashboard .m_bar_mobile,
body.css-drdashboard .e_bar_mobile {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
  }
  body.css-drdashboard #grid1 {
    padding-left: 0;
    padding-right: 0;
    float: none;
    display: block;
    width: 100%;
  }
  body.css-drdashboard .point-container {
    margin-right: 10px;
  }
  body.css-drdashboard .svg-content {
    /*position: static;*/
    background: #d3e6ee;
  }
  body.css-drdashboard .svg-container {
    width: 100%;
    height: auto;
    padding-bottom: 0;
  }
  body.css-drdashboard .inner-circle-grey {
    r: 30;
    cx: 170;
    cy: 274;
  }
  body.css-drdashboard .inner-circle-orange {
    cx: 220;
    cy: 244;
    r: 25;
  }
  body.css-drdashboard .inner-circle-blue {
    fill: #00447c;
    cx: 217;
    cy: 305;
    r: 20;
  }
  body.css-drdashboard .float2 {
    display: none;
  }
  body.css-drdashboard .demo {
    width: 100%;
    float: none;
  }
  body.css-drdashboard .float1,
body.css-drdashboard .float2 {
    height: 300px;
    width: 100%;
    float: none;
  }
  body.css-drdashboard .st1.path2 {
    display: none;
  }
  body.css-drdashboard #ulheaderSelect.nav.nav-pills {
    float: none;
  }
  body.css-drdashboard .bodycontainer {
    height: auto;
  }
  body.css-drdashboard #container-speed {
    position: static;
    float: none;
    width: 100%;
  }
  body.css-drdashboard .card {
    width: 100%;
    /*position: static;*/
    height: auto;
  }
  body.css-drdashboard .padding-top {
    padding-top: 5px;
  }
  body.css-drdashboard .header-info {
    margin-right: 0px;
  }
  body.css-drdashboard .margin-top {
    margin-top: 0px;
    width: 22px;
  }
  body.css-drdashboard .nav.nav-pills {
    height: auto;
  }
  body.css-drdashboard #mgr1 {
    margin-top: 5px;
    margin-right: 13px;
    font-size: 16px;
  }
  body.css-drdashboard #exec1 {
    margin-top: 0;
    font-size: 16px;
    margin-right: 13px;
  }
  body.css-drdashboard .grey {
    bottom: 64%;
    left: 27%;
  }
  body.css-drdashboard .orange {
    bottom: 66%;
    left: 39%;
  }
  body.css-drdashboard .blue {
    bottom: 53%;
    left: 39%;
  }
  body.css-drdashboard .card2 {
    width: 100%;
    /*position: static;*/
    margin-bottom: 0;
    /*height: 375px;*/
  }
  body.css-drdashboard .card3 {
    position: relative;
    width: 100%;
    /*position: static;*/
    height: auto;
    margin-top: 0px;
  }
  body.css-drdashboard .separator {
    display: none;
  }
  body.css-drdashboard .engage {
    top: -66px;
    left: 6%;
  }
  body.css-drdashboard .likeTheWork {
    top: 175px;
    left: 6%;
  }
  body.css-drdashboard .overallSat {
    left: 6%;
    top: 250px;
  }
  body.css-drdashboard .val3 {
    top: 200px;
  }
  body.css-drdashboard .engageHeader {
    padding-left: 6%;
  }
  body.css-drdashboard #ind_bar circle {
    cx: 94%;
  }
  body.css-drdashboard #mgr_bar circle {
    cx: 94%;
  }
  body.css-drdashboard #exe_bar circle {
    cx: 91%;
  }
  body.css-drdashboard .cell1 {
    width: 32%;
  }
  body.css-drdashboard .cell2 {
    width: 20%;
  }
  body.css-drdashboard .cell4 {
    width: 20%;
  }
  body.css-drdashboard body {
    background: white;
  }
  body.css-drdashboard #titlehead {
    font-size: 16px;
  }
  body.css-drdashboard .data-select {
    width: 100% !important;
  }
  body.css-drdashboard .fa.fa-file-pdf-o.fa-2x {
    display: none;
  }
  body.css-drdashboard #ind1 {
    color: #808080;
    float: right;
    font-size: 16px;
    margin-top: 5px;
    margin-right: 13px;
  }
  body.css-drdashboard #bar2 {
    width: 90%;
  }
  body.css-drdashboard .caption-text {
    /*font-size: 27px;*/
  }
  body.css-drdashboard .top-menu {
    display: none;
  }
  body.css-drdashboard .table-col-1 {
    width: 100%;
  }
  body.css-drdashboard .col-sm-6.table-col-1.mobile-table-1 {
    margin-top: 0;
  }
  body.css-drdashboard .col-sm-6.table-col-1.mobile-table-2 {
    margin-left: 0;
  }
  body.css-drdashboard .data-cell {
    width: 95%;
    font-size: 12px;
    /*height: 130px;*/
    border-bottom: 0;
  }
  body.css-drdashboard .table > tbody > tr > td,
body.css-drdashboard .table > tbody > tr > th,
body.css-drdashboard .table > tfoot > tr > td,
body.css-drdashboard .table > tfoot > tr > th,
body.css-drdashboard .table > thead > tr > td,
body.css-drdashboard .table > thead > tr > th {
    padding: 0;
  }
  body.css-drdashboard .data-cell-header {
    /*min-height: 56px;*/
    /*height: auto;*/
    font-weight: bold;
    width: 91%;
  }
  body.css-drdashboard .data-cell-body-container {
    height: 20px;
    font-size: 14px;
    text-align: left;
    padding: 0;
    padding-left: 0;
    background: white;
  }
  body.css-drdashboard .data-cell-icon-container {
    height: 45px;
    margin-top: 3px;
    padding-left: 0;
    padding-left: 0;
    width: 70%;
  }
  body.css-drdashboard .chart_data_label_small {
    width: 80px;
    margin-top: -20px;
    margin-left: 40px;
  }
  body.css-drdashboard .chart_data_label_small h1 {
    padding-bottom: 10px;
    font-size: 3vw;
  }
  body.css-drdashboard .header-legend {
    margin-right: 5px;
  }
  body.css-drdashboard .header-cap {
    padding-top: 5px;
  }
  body.css-drdashboard .label-container1,
body.css-drdashboard .label-container2,
body.css-drdashboard .label-container3 {
    font-size: 6px;
    transform: rotate(270deg);
  }
  body.css-drdashboard .bar_header,
body.css-drdashboard bardiv {
    padding-left: 9%;
    padding-right: 0;
    /* display: none; */
    width: 85%;
    height: 26px;
    color: #808080;
    margin-bottom: 3px;
  }
  body.css-drdashboard .bardiv {
    margin-top: 10px;
    padding-left: 5%;
  }
  body.css-drdashboard .fa.fa-angle-right {
    width: 8%;
  }
  body.css-drdashboard #bgr-layer-bar,
body.css-drdashboard #ind_bar1,
body.css-drdashboard #grey-ind-bar,
body.css-drdashboard #mgr_bar1,
body.css-drdashboard #grey-mgr-bar,
body.css-drdashboard #exe_bar1,
body.css-drdashboard #grey-exe-bar,
body.css-drdashboard path,
body.css-drdashboard g {
    /*display: none !important;*/
  }
}
@media screen and (min-width: 450px) and (max-width: 768px) {
  body.css-drdashboard .col-sm-6.data-cell-body-container {
    width: 100%;
    margin-top: 10px;
  }
  body.css-drdashboard #number-caption {
    font-size: 8vw;
    /*padding-top: 2vw;*/
    line-height: 110%;
  }
  body.css-drdashboard .bardiv {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  body.css-drdashboard .execheader {
    margin-bottom: 0px;
  }
  body.css-drdashboard .demo {
    float: none;
    width: 100%;
  }
  body.css-drdashboard .svg-container {
    width: 100%;
    height: 50vw;
  }
  body.css-drdashboard #ulheaderSelect.nav.nav-pills {
    float: none;
  }
  body.css-drdashboard .nav-pills > li {
    float: left;
    width: 24%;
  }
  body.css-drdashboard .nav.nav-pills {
    height: auto;
  }
  body.css-drdashboard .header-legend {
    margin-right: 40px;
  }
  body.css-drdashboard .bodycontainer {
    height: auto;
  }
  body.css-drdashboard .header-info {
    margin-right: 5px;
  }
  body.css-drdashboard #ind1 {
    margin-right: 13px;
  }
  body.css-drdashboard .padding-top {
    padding-top: 5px;
  }
  body.css-drdashboard #container-speed {
    position: static;
    float: none;
    width: 100%;
  }
  body.css-drdashboard .card {
    width: 100%;
    position: static;
    height: auto;
  }
  body.css-drdashboard #grid1 {
    position: absolute;
    display: none;
    margin-top: 0vw;
    width: 97%;
    left: 0;
    background: #F0F2F5;
    padding-right: 0;
    padding-left: 3vw;
    padding-top: 3vw;
    height: 50vw;
  }
  body.css-drdashboard #grid1 h3 {
    margin-top: 0;
    margin-left: 0;
    padding-bottom: 2vw;
    font-size: 3vw;
  }
  body.css-drdashboard #grid1 .bar_header {
    padding-left: 0;
    height: 2.8vw;
  }
  body.css-drdashboard .card2 {
    width: 100%;
    margin-bottom: 0;
    top: -66vw;
  }
  body.css-drdashboard .card3 {
    width: 100%;
    height: auto;
    /*margin-top: -66vw;*/
  }
  body.css-drdashboard .separator {
    display: none;
  }
  body.css-drdashboard .ind-mgr-junction {
    transform: translate(170px, 188px) rotate(78deg);
    stroke: #999A9D;
    stroke-width: 1px;
  }
  body.css-drdashboard #ind_bar,
body.css-drdashboard #mgr_bar,
body.css-drdashboard #exe_bar {
    height: 4vw;
  }
  body.css-drdashboard .i_bar_mobile,
body.css-drdashboard .m_bar_mobile,
body.css-drdashboard .e_bar_mobile {
    width: 85%;
    margin-left: 0;
    height: 4vw;
  }
  body.css-drdashboard .table-col-1 {
    width: 100%;
  }
  body.css-drdashboard .col-sm-6.table-col-1.mobile-table-1 {
    margin-top: 0;
  }
  body.css-drdashboard .col-sm-6.table-col-1.mobile-table-2 {
    margin-left: 0;
  }
  body.css-drdashboard .data-cell {
    width: 90%;
    font-size: 12px;
    /*height: 115px;*/
    border-bottom: 0;
  }
  body.css-drdashboard .margin-top {
    margin-top: 5px;
  }
  body.css-drdashboard .table > tbody > tr > td,
body.css-drdashboard .table > tbody > tr > th,
body.css-drdashboard .table > tfoot > tr > td,
body.css-drdashboard .table > tfoot > tr > th,
body.css-drdashboard .table > thead > tr > td,
body.css-drdashboard .table > thead > tr > th {
    padding: 0;
  }
  body.css-drdashboard .data-cell-body-container {
    height: 20px;
    font-size: 14px;
    text-align: left;
    padding: 0;
    padding-left: 0;
    background: white;
  }
  body.css-drdashboard .data-cell-icon-container {
    height: 45px;
    width: 80%;
    float: none;
    margin-top: 3px;
    padding-left: 0;
    padding-left: 0px;
  }
  body.css-drdashboard .engage {
    margin-left: 0;
  }
  body.css-drdashboard .likeTheWork {
    left: 6%;
  }
  body.css-drdashboard .overallSat {
    top: 285px;
    left: 6%;
  }
  body.css-drdashboard .chart_data_label_small {
    width: 80px;
    margin-top: -20px;
    margin-left: 40px;
  }
  body.css-drdashboard .chart_data_label_small h1 {
    padding-bottom: 10px;
    font-size: 3vw;
  }
  body.css-drdashboard .likeTheWork {
    top: 193px;
  }
  body.css-drdashboard .progress__value {
    transform: rotate(90deg);
    cx: 206;
    cy: -76;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  body.css-drdashboard #ind1b,
body.css-drdashboard #mgr1b,
body.css-drdashboard #exec1b {
    font-size: 8px;
    transform: rotate(270deg);
  }
  body.css-drdashboard .svg-info {
    padding-right: 15px;
    padding-top: 2px;
  }
  body.css-drdashboard .progress__value,
body.css-drdashboard .progress__meter {
    transform: rotate(90deg);
  }
  body.css-drdashboard #grey-ind-bar {
    x: 10;
    y: 159;
    transform: rotate(270deg);
  }
  body.css-drdashboard #grey-mgr-bar {
    x: -18;
    y: 159;
    transform: rotate(270deg);
  }
  body.css-drdashboard #grey-exe-bar {
    x: -46;
    y: 159;
    transform: rotate(270deg);
  }
  body.css-drdashboard #ind_bar1 {
    y: 159;
    x: 10;
    transform: rotate(270deg);
  }
  body.css-drdashboard #mgr_bar1 {
    y: 159;
    x: -18;
    transform: rotate(270deg);
  }
  body.css-drdashboard #exe_bar1 {
    y: 159;
    x: -46;
    transform: rotate(270deg);
  }
  body.css-drdashboard #bgr-layer-gauge {
    x: -18;
    y: -62;
    height: 188px;
    width: 156px;
  }
  body.css-drdashboard #bgr-layer-bar {
    x: 138;
    y: -63;
    width: 202px;
    height: 189px;
  }
  body.css-drdashboard #grid1 {
    display: none;
  }
  body.css-drdashboard .inner-circle-grey {
    r: 30;
    cx: 170;
    cy: 274;
  }
  body.css-drdashboard .inner-circle-orange {
    cx: 220;
    cy: 244;
    r: 25;
  }
  body.css-drdashboard .inner-circle-blue {
    cx: 217;
    cy: 305;
    r: 20;
  }
  body.css-drdashboard .svg-container {
    /*height: 374px;*/
    background: #c7d5e0;
  }
  body.css-drdashboard #path-orange {
    d: path("M64,5 145,5 145,-15 178,-15");
  }
  body.css-drdashboard #path-grey {
    d: path("M42,19 145,19 145,12 212,13");
  }
  body.css-drdashboard #path-blue {
    d: path("M64,29 145,29 145,41 208,41");
  }
  body.css-drdashboard .ind-mgr-junction {
    transform: translate(145px, 5px) rotate(78deg);
    stroke: #999A9D;
    stroke-width: 1px;
  }
  body.css-drdashboard .st0 {
    fill: #727A82;
    transform: translate(282px, -61px) rotate(0deg);
  }
  body.css-drdashboard .caption-data {
    /*font-size: 45px;*/
  }
  body.css-drdashboard .caption-text {
    /*font-size: 30px;*/
  }
  body.css-drdashboard #point {
    font-size: 5px;
    transform: translate(280px, -62px) rotate(0deg);
    color: #727A82;
    stroke-width: 1px;
  }
  body.css-drdashboard .exe-mgr-junction {
    transform: translate(145px, 17px) rotate(59deg);
    stroke: #999A9D;
    stroke-width: 1px;
  }
  body.css-drdashboard #individual-label {
    transform: translate(159px, -24px) rotate(0deg);
    font-size: 8px;
  }
  body.css-drdashboard #manager-label {
    font-size: 8px;
    transform: translate(160px, -46px) rotate(0deg);
  }
  body.css-drdashboard #executive-label {
    font-size: 8px;
    transform: translate(159px, -17px) rotate(0deg);
  }
  body.css-drdashboard #ind1b {
    font-size: 8px;
    color: #727A82;
    stroke-width: 1px;
    transform: translate(274px, -63px) rotate(0deg);
  }
  body.css-drdashboard #mgr1b {
    font-size: 7px;
    color: #727A82;
    stroke-width: 1px;
    transform: translate(273px, -35px) rotate(0deg);
  }
  body.css-drdashboard #exec1b {
    font-size: 8px;
    color: #727A82;
    stroke-width: 1px;
    transform: translate(274px, -7px) rotate(0deg);
  }
  body.css-drdashboard .progresss {
    width: 219px;
  }
  body.css-drdashboard #ind_ bar1 {
    transform: rotate(-180deg);
  }
  body.css-drdashboard .list4 {
    width: 5%;
  }
  body.css-drdashboard .nav-pills > li + li {
    margin-left: 2px;
    width: 30%;
  }
  body.css-drdashboard .header {
    font-size: 13px;
    font-weight: bold;
  }
  body.css-drdashboard .data-select {
    width: 8%;
  }
  body.css-drdashboard .header-legend {
    margin-right: 25px;
    height: 48px;
    margin-top: -8px;
  }
  body.css-drdashboard .grey {
    position: absolute;
    bottom: 30%;
    left: 8%;
  }
  body.css-drdashboard .orange {
    position: absolute;
    bottom: 41%;
    left: 19%;
  }
  body.css-drdashboard .blue {
    position: absolute;
    bottom: 14%;
    left: 19%;
  }
  body.css-drdashboard #grid1 {
    display: none;
    position: static;
    padding-left: 15px;
    padding-right: 0;
    top: -100%;
    left: 50%;
    width: 50%;
  }
  body.css-drdashboard .bar_header {
    font-size: 14px;
  }
  body.css-drdashboard #ind1 {
    font-size: 14px;
    padding-right: 5px;
    margin-top: 0px;
  }
  body.css-drdashboard .i_bar_mobile,
body.css-drdashboard #bar2 {
    width: 90%;
  }
  body.css-drdashboard #mgr1 {
    float: right;
    font-size: 14px;
    color: #808080;
    margin-top: 3px;
    padding-right: 5px;
  }
  body.css-drdashboard #exec1 {
    float: right;
    font-size: 14px;
    margin-top: 0;
    padding-right: 5px;
  }
  body.css-drdashboard .e_bar_mobile {
    width: 90%;
    height: 30px;
    background-color: rgb(221, 221, 221);
    font-size: 30px;
    color: white;
    border-radius: 0;
  }
  body.css-drdashboard .caption-text {
    /*color: #ded3d3;*/
    /*font-size: 32px;*/
    /*width: 50%;*/
    /*text-align: center;*/
    /*float: left;*/
  }
  body.css-drdashboard .fa-3x {
    font-size: 2em;
  }
  body.css-drdashboard .card2 {
    /*width: 40%;*/
  }
  body.css-drdashboard .card {
    float: left;
    position: absolute;
  }
  body.css-drdashboard .fa-3x {
    font-size: 2em;
  }
  body.css-drdashboard .card3 {
    margin-top: 0;
    /*height: 445px;*/
  }
  body.css-drdashboard .table-col-1 {
    width: 48.25%;
  }
  body.css-drdashboard .data-cell-header {
    font-size: 12px;
    width: 100%;
    /* margin-left: -20px; */
    font-size: 12px;
    /*height: 26px;*/
    /*border: 1px solid black;*/
  }
  body.css-drdashboard .data-cell-body-container {
    padding-left: 0;
    padding-right: 0;
    /*padding-top: 35px;*/
    /* margin-left: -20px; */
    /*float: left;*/
    font-size: 12px;
    /*border: 1px solid black;*/
  }
  body.css-drdashboard .data-cell-icon-container {
    /*height: 45px;*/
    margin-top: 27px;
    padding-left: 5px;
    /*float: right;*/
    /*width: 45%;*/
  }
  body.css-drdashboard .data-cell {
    /*height: 100px;*/
    padding-bottom: 5px;
    /*border:1px red solid;*/
  }
  body.css-drdashboard .nav.nav-pills {
    height: 50px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1348px) {
  body.css-drdashboard .svg-info {
    padding-right: 15px;
    padding-top: 1px;
  }
  body.css-drdashboard #individual-label {
    transform: translate(175px, 160px) rotate(0deg);
    font-size: 6px;
  }
  body.css-drdashboard #ind1b {
    font-size: 7px;
    color: #727A82;
    stroke-width: 1px;
    transform: translate(297px, 121px) rotate(0deg);
  }
  body.css-drdashboard #mgr1b {
    font-size: 7px;
    color: #727A82;
    stroke-width: 1px;
    transform: translate(297px, 147px) rotate(0deg);
  }
  body.css-drdashboard #exec1b {
    font-size: 7px;
    color: #727A82;
    stroke-width: 1px;
    transform: translate(297px, 175px) rotate(0deg);
  }
  body.css-drdashboard #manager-label {
    font-size: 7px;
    transform: translate(175px, 137px) rotate(0deg);
  }
  body.css-drdashboard #executive-label {
    font-size: 7px;
    transform: translate(175px, 165px) rotate(0deg);
  }
  body.css-drdashboard #bgr-layer-gauge {
    x: 0;
    y: 132;
    height: 153px;
    width: 155px;
  }
  body.css-drdashboard #mgr_bar1 {
    y: 175;
    x: -200;
  }
  body.css-drdashboard #ind_bar1 {
    y: 175;
    x: -174;
  }
  body.css-drdashboard #exe_bar1 {
    y: 175;
    x: -228;
  }
  body.css-drdashboard #grey-exe-bar {
    y: -275;
    x: 217;
    transform: rotate(90deg);
  }
  body.css-drdashboard #grey-mgr-bar {
    y: -275;
    x: 189;
    transform: rotate(90deg);
  }
  body.css-drdashboard #bgr-layer-bar {
    x: 155;
    y: 132;
    height: 153px;
    width: 205px;
  }
  body.css-drdashboard .ind-mgr-junction {
    transform: translate(167px, 181px) rotate(78deg);
    stroke: #999A9D;
    stroke-width: 1px;
  }
  body.css-drdashboard .exe-mgr-junction {
    transform: translate(167px, 197px) rotate(58deg);
    stroke: #999A9D;
    stroke-width: 1px;
  }
  body.css-drdashboard #grey-ind-bar {
    x: 163;
    y: -275;
    transform: rotate(90deg);
  }
  body.css-drdashboard #grid1 {
    display: none;
  }
  body.css-drdashboard .svg-container {
    background: #c7d5e0;
    /*height: 400px;*/
  }
  body.css-drdashboard .progress__value,
body.css-drdashboard .progress__meter {
    cy: -70;
    cx: 195;
    transform: rotate(90deg);
  }
  body.css-drdashboard .inner-circle-grey {
    r: 30;
    cx: 170;
    cy: 274;
  }
  body.css-drdashboard .inner-circle-orange {
    cx: 220;
    cy: 244;
    r: 25;
  }
  body.css-drdashboard .inner-circle-blue {
    cx: 217;
    cy: 305;
    r: 20;
  }
  body.css-drdashboard #grid1 {
    display: none !important;
  }
  body.css-drdashboard .st0 {
    fill: #727A82;
    transform: translate(298px, 131px) rotate(0deg);
  }
  body.css-drdashboard #point {
    font-size: 5px;
    transform: translate(296px, 129px) rotate(0deg);
    color: #727A82;
    stroke-width: 1px;
  }
  body.css-drdashboard #path-orange {
    d: path("M81,181 167,181 167,169 228,169");
  }
  body.css-drdashboard #path-grey {
    d: path("M66,197 167,197 167,192 227,192");
  }
  body.css-drdashboard #path-blue {
    d: path("M74,209 167,209 167,223 256,223");
  }
  body.css-drdashboard .col-sm-6.data-cell-icon-container.text-center {
    /*width: 48%;*/
  }
  body.css-drdashboard .data-cell-body-container {
    width: 56%;
    font-size: 16px;
    padding-left: 0;
  }
  body.css-drdashboard .caption-data {
    /*font-size: 45px;*/
  }
  body.css-drdashboard .grey {
    position: absolute;
    bottom: 31%;
    left: 11%;
  }
  body.css-drdashboard .orange {
    position: absolute;
    bottom: 41%;
    left: 20%;
  }
  body.css-drdashboard .blue {
    position: absolute;
    bottom: 14%;
    left: 18%;
  }
  body.css-drdashboard .caption-text {
    /*color: #ded3d3;*/
    /*font-size: 32px;*/
    /* border: 1px solid black; */
    /*width: 50%;*/
    /*text-align: center;*/
    /*padding-top: 0;*/
    /*float: left;*/
  }
  body.css-drdashboard .i_bar_mobile,
body.css-drdashboard #bar2 {
    width: 90%;
  }
  body.css-drdashboard #ind1 {
    color: #808080;
    float: right;
    font-size: 18px;
    padding-right: 10px;
    margin-top: 0;
  }
  body.css-drdashboard #mgr1 {
    float: right;
    font-size: 18px;
    padding-right: 10px;
    color: #808080;
    margin-top: 0;
  }
  body.css-drdashboard #exec1 {
    float: right;
    font-size: 18px;
    margin-top: 0;
    padding-right: 10px;
  }
  body.css-drdashboard .e_bar_mobile {
    width: 90%;
    height: 30px;
    background-color: rgb(221, 221, 221);
    font-size: 30px;
    color: white;
    border-radius: 0;
  }
  body.css-drdashboard .svg-head {
    height: 35px;
  }
  body.css-drdashboard .list4 {
    width: 5%;
  }
  body.css-drdashboard #ind_bar1,
body.css-drdashboard #mgr_bar1,
body.css-drdashboard #exe_bar1 {
    transform: rotate(270deg);
  }
  body.css-drdashboard .card3 {
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -o-perspective: 1000px;
    -ms-perspective: 1000px;
    width: 100%;
    /*height: 420px;*/
    vertical-align: top;
    font-size: 14px;
    /*font-weight: bold;*/
    margin-top: -8px;
  }
  body.css-drdashboard .card2 {
    /*width: 40%;*/
    /*height: 400px;*/
  }
  body.css-drdashboard .card {
    /*float: left;*/
  }
  body.css-drdashboard .data-select {
    width: 12%;
  }
  body.css-drdashboard .nav-pills > li + li {
    width: 29%;
  }
  body.css-drdashboard .nav.nav-pills {
    height: 55px;
  }
  body.css-drdashboard .likeTheWork {
    top: 193px;
  }
  body.css-drdashboard .chart_data_label_small {
    width: 80px;
    margin-top: -19px;
    margin-left: 40px;
  }
  body.css-drdashboard #grid1 {
    display: block;
    top: 0%;
    left: 50%;
    width: 50%;
    padding-left: 20px;
    padding-right: 10px;
  }
  body.css-drdashboard .highcharts-title {
    font-family: Helvetica;
  }
  body.css-drdashboard .header {
    font-weight: bold;
    font-size: 16px;
  }
  body.css-drdashboard .header-legend {
    margin-top: -9px;
    margin-right: 5%;
  }
  body.css-drdashboard .mgr-icon-header,
body.css-drdashboard .ind-icon-header,
body.css-drdashboard .exe-icon-header {
    /* padding-top: 5px; */
  }
}
@media screen and (min-width: 1349px) {
  body.css-drdashboard .svg-info {
    padding-right: 0px;
    padding-top: 2px;
  }
  body.css-drdashboard #individual-label {
    transform: translate(160px, -32px) rotate(0deg);
  }
  body.css-drdashboard #point {
    font-size: 5px;
    transform: translate(285px, -59px) rotate(0deg);
    color: #727A82;
    stroke-width: 1px;
  }
  body.css-drdashboard .st0 {
    fill: #727A82;
    transform: translate(287px, -58px) rotate(0deg);
  }
  body.css-drdashboard #ind1b {
    font-size: 8px;
    color: #727A82;
    stroke-width: 1px;
    transform: translate(280px, -73px) rotate(0deg);
  }
  body.css-drdashboard #mgr1b {
    font-size: 8px;
    color: #727A82;
    stroke-width: 1px;
    transform: translate(280px, -42px) rotate(0deg);
  }
  body.css-drdashboard #exec1b {
    font-size: 8px;
    color: #727A82;
    stroke-width: 1px;
    transform: translate(280px, -12px) rotate(0deg);
  }
  body.css-drdashboard #manager-label {
    font-size: 8px;
    transform: translate(160px, -53px) rotate(0deg);
  }
  body.css-drdashboard #executive-label {
    font-size: 8px;
    transform: translate(160px, -23px) rotate(0deg);
  }
  body.css-drdashboard .progress__value,
body.css-drdashboard .progress__meter {
    transform: rotate(90deg);
  }
  body.css-drdashboard #grid1 {
    display: none;
  }
  body.css-drdashboard .svg-container {
    background: #c7d5e0;
  }
  body.css-drdashboard .inner-circle-grey {
    r: 30;
    cx: 170;
    cy: 274;
  }
  body.css-drdashboard .inner-circle-orange {
    cx: 220;
    cy: 244;
    r: 25;
  }
  body.css-drdashboard .inner-circle-blue {
    cx: 217;
    cy: 305;
    r: 20;
  }
  body.css-drdashboard #path-orange {
    d: path("M60,-4 150,-4 150,-25 178,-25");
  }
  body.css-drdashboard #path-blue {
    d: path("M58,21 150,21 150,36 162,36");
  }
  body.css-drdashboard #path-grey {
    d: path("M39,10 150,10 150,6 183,6");
  }
  body.css-drdashboard #grid1 {
    display: none !important;
  }
  body.css-drdashboard .sub-menu-list-icon {
    padding-right: 0;
  }
  body.css-drdashboard .list4 {
    width: 3%;
  }
  body.css-drdashboard .header-legend {
    float: right;
    /*width: 110px;*/
    height: 51px;
    margin-top: -9px;
    background: white;
    color: black;
  }
  body.css-drdashboard .header-info {
    margin-top: 0;
    margin-right: 15px;
  }
  body.css-drdashboard #ind1 {
    margin-top: 29px;
    padding-right: 0px;
  }
  body.css-drdashboard .grey {
    position: absolute;
    bottom: 31%;
    left: 16%;
  }
  body.css-drdashboard .orange {
    position: absolute;
    bottom: 41%;
    left: 22%;
  }
  body.css-drdashboard .blue {
    position: absolute;
    bottom: 14%;
    left: 21%;
  }
  body.css-drdashboard .card {
    float: left;
  }
  body.css-drdashboard #bgr-layer-gauge {
    x: -20;
    y: -55;
    height: 160px;
    width: 158px;
  }
  body.css-drdashboard .ind-mgr-junction {
    transform: translate(150px, -4px) rotate(78deg);
    stroke: #999A9D;
    stroke-width: 1px;
  }
  body.css-drdashboard .exe-mgr-junction {
    transform: translate(150px, 9px) rotate(60deg);
    stroke: #999A9D;
    stroke-width: 1px;
  }
  body.css-drdashboard #grey-ind-bar {
    y: -260;
    transform: rotate(90deg);
    x: -30;
  }
  body.css-drdashboard #ind_bar1 {
    y: 160;
    x: 19;
    transform: rotate(270deg);
  }
  body.css-drdashboard #grey-mgr-bar {
    x: 0;
    y: -260;
    transform: rotate(90deg);
  }
  body.css-drdashboard #mgr_bar1 {
    x: -11;
    y: 160;
    transform: rotate(270deg);
  }
  body.css-drdashboard #grey-exe-bar {
    x: 30;
    y: -260;
    transform: rotate(90deg);
  }
  body.css-drdashboard #exe_bar1 {
    transform: rotate(270deg);
    x: -41;
    y: 160;
  }
  body.css-drdashboard .header {
    height: 40px;
    background: #6A737B;
    color: white;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
  }
  body.css-drdashboard #bgr-layer-bar {
    x: 138;
    y: -55;
    height: 160px;
    width: 202px;
  }
  body.css-drdashboard .data-cell-body-container {
    /*width: 53%;*/
  }
  body.css-drdashboard .col-sm-6.data-cell-icon-container.text-center {
    /*width: 47%;*/
  }
}
@media screen and (max-width: 449px) {
  body.css-drdashboard .caption-status-div {
    top: 56vw !important;
  }
  body.css-drdashboard #grid1 {
    top: -31vw !important;
    left: 0;
    padding-left: 3vw;
    margin-left: 0;
    margin-top: 0;
  }
  body.css-drdashboard #grid1 h3 {
    margin-left: 0;
    margin-top: 0;
    padding-bottom: 0;
    font-size: 3.4vw;
  }
  body.css-drdashboard .bar_header,
body.css-drdashboard .bardiv {
    padding-left: 0;
    margin-left: 0;
  }
  body.css-drdashboard .i_bar_mobile,
body.css-drdashboard .m_bar_mobile,
body.css-drdashboard .e_bar_mobile {
    margin-left: 0;
  }
  body.css-drdashboard #ind_bar,
body.css-drdashboard #mgr_bar,
body.css-drdashboard #exe_bar,
body.css-drdashboard .i_bar_mobile,
body.css-drdashboard .m_bar_mobile,
body.css-drdashboard .e_bar_mobile {
    height: 3vw;
  }
  body.css-drdashboard #ind,
body.css-drdashboard #mgr,
body.css-drdashboard #exec {
    font-size: 3vw;
  }
}
@media screen and (max-width: 550px) {
  body.css-drdashboard #GDW {
    display: none;
  }
  body.css-drdashboard #svg_engagement_levels {
    /*top:-4px;*/
    width: 63%;
  }
}
@media screen and (min-width: 551px) and (max-width: 768px) {
  body.css-drdashboard #svg_engagement_levels {
    /*top:-4px;*/
    width: 65%;
  }
}
@media screen and (max-width: 768px) {
  body.css-drdashboard .caption-status-div {
    position: absolute;
    height: 15vw;
    top: 40vw;
    overflow: hidden;
  }
  body.css-drdashboard .svg-container,
body.css-drdashboard .card2 {
    height: 120vw;
    margin-bottom: 25px;
    /*border-bottom: 2px solid red;*/
    overflow: hidden;
  }
  body.css-drdashboard .engagement {
    max-width: 100%;
    height: 60vw;
  }
  body.css-drdashboard .card2 {
    margin-left: 0;
    height: 48vw;
  }
  body.css-drdashboard .progress-data-cell {
    font-size: 8vw;
  }
  body.css-drdashboard #PerRiskPopNum {
    margin-top: 3vw;
  }
  body.css-drdashboard .varaince-container-progress-div {
    font-size: 2.5vw;
    margin-top: -0.5vw;
  }
  body.css-drdashboard .caption-text {
    margin-top: 1.8vw;
    font-size: 4.6vw !important;
  }
  body.css-drdashboard .caption-data-variance {
    font-size: 2.5vw !important;
  }
  body.css-drdashboard .data-caption-div {
    width: 53%;
    margin-left: 0;
  }
  body.css-drdashboard #path-orange {
    opacity: 0;
  }
  body.css-drdashboard #grid1 {
    top: 75vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  body.css-drdashboard .caption-status-div {
    height: 8vw;
    overflow: hidden;
  }
  body.css-drdashboard .svg-container,
body.css-drdashboard .card2 {
    height: 30vw;
    margin-bottom: 25px;
    /*border-bottom: 2px solid red;*/
    overflow: hidden;
  }
  body.css-drdashboard #svg_engagement_levels {
    /*top:-4px;*/
    width: 94%;
  }
  body.css-drdashboard .progress-data-cell {
    font-size: 3vw;
  }
  body.css-drdashboard #PerRiskPopNum {
    margin-top: 8vw;
  }
  body.css-drdashboard .varaince-container-progress-div {
    font-size: 0.9vw;
    margin-top: -0.5vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1599px) {
  body.css-drdashboard .svg-container,
body.css-drdashboard .card2 {
    height: 30vw;
    margin-bottom: 25px;
    /*border-bottom: 2px solid red;*/
    overflow: hidden;
  }
  body.css-drdashboard .caption-status-div {
    height: 9.1vw;
    overflow: hidden;
  }
  body.css-drdashboard .progress-data-cell {
    font-size: 3vw;
  }
  body.css-drdashboard #PerRiskPopNum {
    margin-top: 8vw;
  }
  body.css-drdashboard .varaince-container-progress-div {
    font-size: 0.9vw;
    margin-top: -0.5vw;
  }
}
@media screen and (max-width: 1599px) {
  body.css-drdashboard .caption-data {
    font-size: 4.25vw;
    line-height: 120%;
  }
  body.css-drdashboard .caption-text {
    font-size: 3.2vw;
    line-height: 120%;
  }
  body.css-drdashboard .caption-data-variance {
    font-size: 1.5vw;
    line-height: 120%;
  }
}
@media screen and (min-width: 1600px) {
  body.css-drdashboard .svg-container,
body.css-drdashboard .card2 {
    height: 487px;
    margin-bottom: 25px;
    /*background-color: red;*/
    /*border-bottom: 2px solid red;*/
    overflow: hidden;
  }
  body.css-drdashboard #PerRiskPopNum {
    margin-top: 120px;
  }
  body.css-drdashboard .svg-info {
    padding-right: 5px;
    padding-top: 3px;
  }
  body.css-drdashboard .ind-mgr-junction {
    transform: translate(176px, 173px) rotate(78deg);
    stroke: #999A9D;
    stroke-width: 1px;
  }
  body.css-drdashboard .exe-mgr-junction {
    transform: translate(176px, 186px) rotate(59deg);
    stroke: #999A9D;
    stroke-width: 1px;
  }
  body.css-drdashboard .st0 {
    fill: #727A82;
    transform: translate(301px, 125px) rotate(0deg);
  }
  body.css-drdashboard #point {
    font-size: 5px;
    transform: translate(300px, 124px) rotate(0deg);
    color: #727A82;
    stroke-width: 1px;
  }
  body.css-drdashboard .caption-text {
    font-size: 49px;
    line-height: 120%;
    padding-top: 5px;
  }
  body.css-drdashboard .caption-data-variance {
    font-size: 20px;
  }
  body.css-drdashboard .caption-data {
    color: white;
    font-size: 78px;
    padding-top: 0;
    /*width: 50%;*/
    text-align: center;
  }
  body.css-drdashboard #individual-label {
    font-size: 6px;
    transform: translate(182px, 151px) rotate(0);
  }
  body.css-drdashboard #ind1b {
    font-size: 6px;
    color: #727A82;
    stroke-width: 1px;
    transform: translate(306px, 112px) rotate(0deg);
  }
  body.css-drdashboard #mgr1b {
    font-size: 6px;
    color: #727A82;
    stroke-width: 1px;
    transform: translate(306px, 133px) rotate(0deg);
  }
  body.css-drdashboard #exec1b {
    font-size: 6px;
    color: #727A82;
    stroke-width: 1px;
    transform: translate(306px, 156px) rotate(0deg);
  }
  body.css-drdashboard #manager-label {
    font-size: 6px;
    transform: translate(182px, 123px) rotate(0deg);
  }
  body.css-drdashboard #executive-label {
    font-size: 7px;
    transform: translate(182px, 145px) rotate(0deg);
  }
  body.css-drdashboard .progress__value,
body.css-drdashboard .progress__meter {
    transform: rotate(90deg);
  }
  body.css-drdashboard .chart_data_label_small {
    width: 80px;
    margin-top: -19px;
    margin-left: 40px;
  }
  body.css-drdashboard .data-cell-header {
    width: 100%;
    padding-top: 5px;
    font-size: 16px;
    font-weight: bold;
    /* height: 40px !important; */
    /*border: 1px solid black;*/
  }
  body.css-drdashboard #grid1 {
    display: none;
  }
  body.css-drdashboard #path-orange {
    d: path("M82,173 176,173 176,160 183,160");
  }
  body.css-drdashboard #path-blue {
    d: path("M84,198 176,198 176,204 182,204");
  }
  body.css-drdashboard #path-grey {
    d: path("M66,186 176,186 176,182 184,182");
  }
  body.css-drdashboard .svg-container {
    background: #c7d5e0;
  }
  body.css-drdashboard #grey-ind-bar {
    y: -282;
    x: 154;
    transform: rotate(90deg);
  }
  body.css-drdashboard #grey-mgr-bar {
    y: -282;
    x: 176;
    transform: rotate(90deg);
  }
  body.css-drdashboard #grey-exe-bar {
    y: -282;
    x: 198;
    transform: rotate(90deg);
  }
  body.css-drdashboard #ind_bar1 {
    y: 182;
    x: -165;
    transform: rotate(270deg);
  }
  body.css-drdashboard #mgr_bar1 {
    y: 182;
    x: -187;
    transform: rotate(270deg);
  }
  body.css-drdashboard #exe_bar1 {
    y: 182;
    x: -209;
    transform: rotate(270deg);
  }
  body.css-drdashboard .inner-circle-grey {
    r: 30;
    cx: 170;
    cy: 274;
  }
  body.css-drdashboard .inner-circle-orange {
    cx: 220;
    cy: 244;
    r: 25;
  }
  body.css-drdashboard .inner-circle-blue {
    cx: 217;
    cy: 305;
    r: 20;
  }
  body.css-drdashboard .sub-menu-list-icon {
    padding-right: 0;
  }
  body.css-drdashboard .list4 {
    width: 3%;
  }
  body.css-drdashboard .header-info {
    margin-right: 9px;
  }
  body.css-drdashboard .margin-top {
    margin-top: 5px;
  }
  body.css-drdashboard .header-cap {
    padding-top: 0;
  }
  body.css-drdashboard .padding-top {
    padding-top: 5px;
  }
  body.css-drdashboard .grey {
    position: absolute;
    bottom: 31%;
    left: 16%;
  }
  body.css-drdashboard .orange {
    position: absolute;
    bottom: 41%;
    left: 22%;
  }
  body.css-drdashboard .blue {
    position: absolute;
    bottom: 14%;
    left: 21%;
  }
  body.css-drdashboard #ind_bar circle {
    cx: 95%;
  }
  body.css-drdashboard #mgr_bar circle {
    cx: 95%;
  }
  body.css-drdashboard #exe_bar circle {
    cx: 93%;
  }
  body.css-drdashboard .card {
    float: left;
  }
  body.css-drdashboard .caption-status-div {
    height: 155px;
  }
}
body.css-drdashboard #bar_i_bkg,
body.css-drdashboard #i_bar,
body.css-drdashboard #bar_m_bkg,
body.css-drdashboard #m_bar,
body.css-drdashboard #bar_e_bkg,
body.css-drdashboard #e_bar,
body.css-drdashboard #card1-help-click,
body.css-drdashboard #card2_help_click,
body.css-drdashboard #card2_help_click_alt {
  cursor: pointer;
}
body.css-drdashboard .dashboardTable {
  border-width: 0px !important;
  width: calc(100% + 6px);
  border-collapse: separate;
  border-spacing: 2px 0px;
  margin: 0 -2px 0 -2px;
  min-width: calc(100% + 6px);
}
body.css-drdashboard .dashboardTable thead th {
  background-repeat: no-repeat;
  background-position: right 10px center;
  border: 0 solid transparent !important;
  position: relative;
}
body.css-drdashboard .dashboardTable th {
  background-color: #6A737B;
  color: #fff;
  height: 35px;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
}
body.css-drdashboard .dashboardTable .tdQuestionText {
  width: 35%;
  /*min-height:40px;*/
  height: 38px;
}
body.css-drdashboard .dashboardTable td {
  border-bottom: 1px solid #f15d22;
  border-left: 0 solid transparent;
  border-right: 1px solid transparent;
  position: relative;
}
body.css-drdashboard #divChart td {
  position: relative;
}
body.css-drdashboard td:not(.treeCell) {
  position: relative;
}
body.css-drdashboard .tdQuestionText {
  width: 32%;
  border-bottom: 1px solid #f15d22;
}
body.css-drdashboard .divFav {
  height: 18px;
  background-color: #2f87b0;
  float: left;
}
body.css-drdashboard .divNeut {
  height: 18px;
  background-color: #d3e6ee;
  float: left;
}
body.css-drdashboard .divUnfav {
  height: 18px;
  background-color: #6a737b;
  float: left;
}
body.css-drdashboard .divCompareChild {
  float: left;
  height: 100%;
  width: 100%;
}
body.css-drdashboard .tdSeprate {
  border-right: thin solid Gray !important;
}
body.css-drdashboard .tdCompare {
  position: relative;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center;
  position: relative;
  width: 10%;
}
body.css-drdashboard .divCompareNegative {
  float: right;
  width: 20%;
  height: 15px;
  background-color: #a03522;
}
body.css-drdashboard .tooltip {
  position: relative;
  display: inline-block;
  z-index: 100;
}
body.css-drdashboard .tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 1;
  transition: opacity 1s;
}
body.css-drdashboard .tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
body.css-drdashboard .tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
body.css-drdashboard .workGroupVal {
  text-align: center;
}
@media only screen and (max-width: 450px) {
  body.css-drdashboard .workGroupVal {
    display: table-cell;
  }
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  body.css-drdashboard .workGroupVal {
    display: table-cell;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body.css-drdashboard .workGroupVal {
    display: none;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1640px) {
  body.css-drdashboard .workGroupVal {
    display: none;
  }
}
@media only screen and (min-width: 1641px) {
  body.css-drdashboard .workGroupVal {
    display: none;
  }
}
@media only screen and (max-width: 450px) {
  body.css-drdashboard .workGroupChart {
    display: none;
  }
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  body.css-drdashboard .workGroupChart {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body.css-drdashboard .workGroupChart {
    display: table-cell;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1640px) {
  body.css-drdashboard .workGroupChart {
    display: table-cell;
  }
}
@media only screen and (min-width: 1641px) {
  body.css-drdashboard .workGroupChart {
    display: table-cell;
  }
}
body.css-drdashboard .questionChart {
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  width: 40px;
  padding: 0 0 0 0 !important;
  cursor: pointer;
}
body.css-drdashboard .imgTrend {
  background-image: url(https://apx.gpstrategies.com/media/images/icons/trend-inactive.png);
}
body.css-drdashboard .imgTrend:hover {
  background-image: url(https://apx.gpstrategies.com/media/images/icons/trend-active.png);
}
body.css-drdashboard .imgTrend.active {
  background-image: url(https://apx.gpstrategies.com/media/images/icons/trend-active.png);
}
body.css-drdashboard .divFav span {
  float: right;
  padding-right: 5px;
  vertical-align: middle;
  color: #fff;
  font-size: 12px;
}
body.css-drdashboard .dashboardTable thead th {
  background-repeat: no-repeat;
  background-position: right 10px center;
  border: 0 solid transparent !important;
  position: relative;
}
body.css-drdashboard .dashboardTable thead th.tableSortup :before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  top: 6px;
  right: 10px;
  font-size: 1.5em;
  font-weight: 900;
  /* solid style/weight */
}
body.css-drdashboard .dashboardTable thead th.tableSortdown :before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  top: 6px;
  right: 10px;
  font-size: 1.5em;
  font-weight: 900;
  /* solid style/weight */
}
body.css-drdashboard .dashboardTable thead th.TrendSort :before {
  right: 50px !important;
}
body.css-drdashboard .questionHighChartToolTip {
  display: none;
  position: absolute;
  background-color: #fff;
  color: black;
  border: 1px solid #ccc;
  padding: 2px;
  padding-top: 55px;
  z-index: 1000;
  width: 250px;
  height: 200px;
  border-radius: 5px;
}
body.css-drdashboard .questionHighChartToolTip:after {
  content: "";
  position: absolute;
  left: 218px;
  top: 206px;
  width: 0;
  height: 0;
  border-left: 37px solid transparent;
  border-bottom: 33px solid #ccc;
  border-top: 19px solid transparent;
}
body.css-drdashboard .clearable__clear {
  position: absolute;
  right: -10px;
  top: 3px;
  padding: 2px 12px;
  font-style: normal;
  font-size: 1.25em;
  user-select: none;
  cursor: pointer;
  color: #aaa;
}
body.css-drdashboard .chartDescriptionLabel {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 8px;
  font-style: normal;
  font-size: 1em;
  user-select: none;
  cursor: pointer;
  color: #6a737b;
  width: 94%;
  border-radius: 10px 10px 0 0;
  height: 57px;
  padding-top: 5px;
}
body.css-drdashboard .sepraterRow td {
  height: 5px;
  margin-top: 2px;
  border: 10px solid transparent !important;
}
body.css-drdashboard .divComparePositive {
  width: 50%;
  height: 15px;
  background-color: #95ca31;
}

@font-face {
  font-family: "OpenSansExtraBold";
  src: url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff), url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff2);
}
/* media queries - use these to edit specific sizes
    @include mobile-xs {}
    @include mobile-xs-landscape {}
    @include mobile {}
    @include mobile-landscape {}
    @include desktop_range {}
    @include mobile-wide-landscape {}
    @include desktop_wide {}
    @include desktop_max {}
*/
@media screen {
  body.css-drcharts .tblContainer {
    position: relative;
    width: 100%;
  }
}
@media only screen and (max-width: 450px) {
  body.css-drcharts .tblContainer {
    max-width: 400px;
  }
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  body.css-drcharts .tblContainer {
    max-width: 680px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body.css-drcharts .tblContainer {
    max-width: 860px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1640px) {
  body.css-drcharts .tblContainer {
    max-width: 1335px;
  }
}
@media only screen and (min-width: 1641px) {
  body.css-drcharts .tblContainer {
    max-width: 1503px;
  }
}
@media screen {
  body.css-drcharts .tblContainer .more:after {
    position: absolute;
    display: block;
    width: 30px;
    height: 100%;
    content: "⇰";
    top: 0;
    right: 0;
    background-color: #f15d22;
    color: white;
  }
}
@media screen {
  body.css-drcharts .tblContainer #tblStaticHeader {
    position: sticky;
    top: 0;
  }
}
@media screen {
  body.css-drcharts #demoSurveyYear {
    float: right;
    padding-right: 15px;
  }
}
@media screen {
  body.css-drcharts #rdoFilter {
    position: absolute;
    top: -999px;
    left: -999px;
    width: 0px;
    height: 0px;
  }
}
@media screen {
  body.css-drcharts .chart-help {
    height: 30px;
    width: 30px;
    margin-right: 5px;
    float: right;
  }
}
@media screen {
  body.css-drcharts .popup_help {
    position: absolute;
    width: 100%;
    background-color: #fff;
    top: 0;
    z-index: 5000;
    display: none;
    border: 1px solid #c7c8ca;
    font-size: 16px;
    width: 500px;
  }
  body.css-drcharts .popup_help .title {
    background: #f15d22;
    line-height: 30px;
    padding: 20px;
    color: #fff;
  }
  body.css-drcharts .popup_help .title a {
    color: #fff;
    text-decoration: none;
  }
  body.css-drcharts .popup_help .description {
    padding: 20px;
  }
}
@media screen {
  body.css-drcharts .card_close {
    vertical-align: top;
    float: right;
    padding: 10px;
    color: #fff;
  }
}
@media screen {
  body.css-drcharts .mgrDivbuttons {
    color: #6a737b;
    border: 0.05em solid grey;
    background: #fff;
    text-align: center;
    margin-left: 5px;
    border-radius: 15px;
    font-size: 12PX;
    height: auto;
    padding: 5px;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    cursor: pointer;
  }
  body.css-drcharts .mgrDivbuttons.active {
    color: #fff;
    border: 0.05em solid grey;
    background: #2f87b0;
    text-align: center;
    margin-left: 5px;
    border-radius: 15px;
    font-size: 12PX;
    height: auto;
    padding: 5px;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    cursor: pointer;
    border-width: 0.05em;
  }
}
@media screen {
  body.css-drcharts .StoplightCategoty {
    position: relative;
    margin-left: 1%;
    /*max-width: 600px;*/
    /*float: left;*/
    margin-right: 23px;
    margin-bottom: 5px;
    max-width: calc(100% - 215px);
  }
}
@media only screen and (max-width: 450px) {
  body.css-drcharts .StoplightCategoty {
    max-width: 100%;
  }
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  body.css-drcharts .StoplightCategoty {
    max-width: 100%;
  }
}
@media screen {
  body.css-drcharts .StoplightCategoty > .mgrDivbuttons {
    margin-top: 5px;
    min-width: 98px;
  }
}
@media screen {
  body.css-drcharts .divbuttons.drcharts .imgHighlight {
    position: relative;
  }
  body.css-drcharts .divbuttons.drcharts .imgHighlight:hover:before, body.css-drcharts .divbuttons.drcharts .imgHighlight.active:before {
    position: absolute;
    background-image: url(../img/drcharts-sprite.gif);
    background-position: -600px 0;
    content: "";
    top: 6px;
    left: 1px;
    width: 35px;
    height: 35px;
  }
  body.css-drcharts .divbuttons.drcharts .imgHighlight:before {
    position: absolute;
    background-image: url(../img/drcharts-sprite.gif);
    background-position: -550px 0;
    content: "";
    top: 6px;
    left: 1px;
    width: 35px;
    height: 35px;
  }
  body.css-drcharts .divbuttons.drcharts .imgStopLight {
    position: relative;
  }
  body.css-drcharts .divbuttons.drcharts .imgStopLight:hover:before, body.css-drcharts .divbuttons.drcharts .imgStopLight.active:before {
    position: absolute;
    background-image: url(../img/drcharts-sprite.gif);
    background-position: -150px 0;
    content: "";
    top: 6px;
    left: 1px;
    width: 35px;
    height: 35px;
  }
  body.css-drcharts .divbuttons.drcharts .imgStopLight:before {
    position: absolute;
    background-image: url(../img/drcharts-sprite.gif);
    background-position: -100px 0;
    content: "";
    top: 6px;
    left: 1px;
    width: 35px;
    height: 35px;
  }
  body.css-drcharts .divbuttons.drcharts .imgChart {
    position: relative;
  }
  body.css-drcharts .divbuttons.drcharts .imgChart.active:before, body.css-drcharts .divbuttons.drcharts .imgChart:hover:before {
    position: absolute;
    background-image: url(../img/drcharts-sprite.gif);
    background-position: -50px 0;
    content: "";
    top: 6px;
    left: 1px;
    width: 35px;
    height: 35px;
  }
  body.css-drcharts .divbuttons.drcharts .imgChart:before {
    position: absolute;
    background-image: url(../img/drcharts-sprite.gif);
    background-position: 0 0;
    content: "";
    top: 6px;
    left: 1px;
    width: 35px;
    height: 35px;
  }
  body.css-drcharts .divbuttons.drcharts .imgTrend {
    position: relative;
  }
  body.css-drcharts .divbuttons.drcharts .imgTrend:hover:before, body.css-drcharts .divbuttons.drcharts .imgTrend.active:before {
    position: absolute;
    background-image: url(../img/drcharts-sprite.gif);
    background-position: -450px 0;
    content: "";
    top: 6px;
    left: 1px;
    width: 35px;
    height: 35px;
  }
  body.css-drcharts .divbuttons.drcharts .imgTrend:before {
    position: absolute;
    background-image: url(../img/drcharts-sprite.gif);
    background-position: -400px 0;
    content: "";
    top: 6px;
    left: 1px;
    width: 35px;
    height: 35px;
  }
}
@media screen {
  body.css-drcharts .tblContainer .imgTrend {
    background-image: url(https://apx.gpstrategies.com/media/images/icons/charts-inactive.png);
  }
}
@media screen {
  body.css-drcharts #divChart {
    float: left;
    margin: 0 0 0 0 !important;
    border: 1px solid #f15d22;
    width: 100% !important;
    padding-top: 0px !important;
  }
  body.css-drcharts #divChart td {
    position: relative;
  }
}
@media screen {
  body.css-drcharts .tdFavorable {
    background-color: #2f87b0;
    color: #fff;
    height: 35px;
    text-align: center;
    padding-left: 10px;
  }
}
@media screen {
  body.css-drcharts td {
    padding: 5px;
    padding-bottom: 5px;
    /*.treeContent {
        margin-left: 5px;
    }*/
  }
  body.css-drcharts td:not(.treeCell) {
    position: relative;
  }
}
@media screen {
  body.css-drcharts .workGroupVal {
    text-align: center;
  }
}
@media only screen and (max-width: 450px) {
  body.css-drcharts .workGroupVal {
    display: table-cell;
  }
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  body.css-drcharts .workGroupVal {
    display: table-cell;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body.css-drcharts .workGroupVal {
    display: none;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1640px) {
  body.css-drcharts .workGroupVal {
    display: none;
  }
}
@media only screen and (min-width: 1641px) {
  body.css-drcharts .workGroupVal {
    display: none;
  }
}
@media only screen and (max-width: 450px) {
  body.css-drcharts .workGroupChart {
    display: none;
  }
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  body.css-drcharts .workGroupChart {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body.css-drcharts .workGroupChart {
    display: table-cell;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1640px) {
  body.css-drcharts .workGroupChart {
    display: table-cell;
  }
}
@media only screen and (min-width: 1641px) {
  body.css-drcharts .workGroupChart {
    display: table-cell;
  }
}
@media screen {
  body.css-drcharts #tblMain,
body.css-drcharts #statichead {
    margin-bottom: 20px;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 3%;
    /*@include mobile {
        background-color: red;
    }

    @include desktop_range {
        background-color: green;
    }

    @include desktop_wide {
        background-color: blue;
    }

    @include desktop_max {
        background-color: pink;
    }*/
  }
  body.css-drcharts #tblMain td,
body.css-drcharts #statichead td {
    border-bottom: 1px solid #f15d22;
    border-left: 0 solid transparent;
    border-right: 1px solid transparent;
    position: relative;
  }
  body.css-drcharts #tblMain .tdQuestionText,
body.css-drcharts #statichead .tdQuestionText {
    width: 35%;
  }
  body.css-drcharts #tblMain th,
body.css-drcharts #statichead th {
    background-color: #2f87b0;
    color: #fff;
    height: 35px;
    text-align: center;
    /*   min-width: 100px; */
    font-weight: normal;
  }
  body.css-drcharts #tblMain thead tr,
body.css-drcharts #statichead thead tr {
    background-repeat: no-repeat;
    background-position: center right;
  }
  body.css-drcharts #tblMain thead tr .sorter,
body.css-drcharts #statichead thead tr .sorter {
    cursor: pointer;
  }
}
@media screen {
  body.css-drcharts #statichead {
    position: sticky;
    top: 0;
    margin-bottom: 0;
    width: 100%;
  }
}
@media screen {
  body.css-drcharts .tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  body.css-drcharts .tab div {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
  }
  body.css-drcharts .tab div:hover {
    background-color: #ddd;
  }
  body.css-drcharts .tab div.active {
    background-color: #ccc;
  }
}
@media screen {
  body.css-drcharts .tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
  }
}
@media screen {
  body.css-drcharts #divMgrLevelChart {
    float: left;
    margin: 0;
    width: 100%;
  }
}
@media screen {
  body.css-drcharts #divMgrFilterButtons {
    float: right;
  }
  body.css-drcharts #divMgrFilterButtons .custom-dropdown {
    display: none;
  }
}
@media screen {
  body.css-drcharts #divTrend {
    float: left !important;
    margin: 0 0 0 0 !important;
    width: 100% !important;
    padding-top: 20px;
  }
}
@media screen {
  body.css-drcharts .trend-grid-container {
    height: 500px;
    overflow-y: scroll;
    margin-left: 1%;
  }
}
@media screen {
  body.css-drcharts #tblMgrLevel {
    width: 100%;
    margin: auto;
    margin-bottom: 3%;
  }
  body.css-drcharts #tblMgrLevel td {
    border-bottom: 1px solid #f15d22;
  }
  body.css-drcharts #tblMgrLevel th {
    background-color: #2f87b0;
    color: #fff;
    height: 35px !important;
    text-align: center;
    padding-left: 10px;
    font-weight: normal;
  }
  body.css-drcharts #tblMgrLevel .tdQuestionText {
    text-align: right !important;
  }
  body.css-drcharts #tblMgrLevel .managerName {
    width: 20%;
    text-align: left;
  }
  body.css-drcharts #tblMgrLevel tbody.avoid-sort tr td {
    border-bottom: 10px solid lightgrey !important;
  }
  body.css-drcharts #tblMgrLevel thead tr {
    background-repeat: no-repeat;
    background-position: center right;
  }
}
@media screen {
  body.css-drcharts #tblDemoTree {
    width: 100%;
    margin: auto;
    margin-bottom: 3%;
  }
  body.css-drcharts #tblDemoTree tr {
    cursor: pointer;
  }
  body.css-drcharts #tblDemoTree tr td {
    border-bottom: 1px solid #f15d22;
  }
  body.css-drcharts #tblDemoTree th {
    background-color: #2f87b0;
    color: #fff;
    height: 35px !important;
    text-align: center;
    padding-left: 10px;
    font-weight: normal;
  }
  body.css-drcharts #tblDemoTree .tdQuestionText {
    text-align: right !important;
  }
  body.css-drcharts #tblDemoTree .demoName {
    text-align: left;
  }
  body.css-drcharts #tblDemoTree tbody.avoid-sort tr td {
    border-bottom: 10px solid lightgrey !important;
  }
  body.css-drcharts #tblDemoTree thead tr {
    background-repeat: no-repeat;
    background-position: center right;
  }
}
@media screen {
  body.css-drcharts #tblStaticHeader {
    width: 100%;
    margin: auto;
    border-collapse: collapse;
    z-index: 1;
    pointer-events: none;
  }
  body.css-drcharts #tblStaticHeader * {
    pointer-events: none;
  }
  body.css-drcharts #tblStaticHeader th {
    background-color: #2f87b0;
    color: #fff;
    height: 35px !important;
    text-align: center;
    padding-left: 10px;
    font-weight: normal;
  }
  body.css-drcharts #tblStaticHeader th.active-header {
    background-color: #2fb04b;
  }
}
@media screen {
  body.css-drcharts .solidbottomBorder {
    border-bottom: 10px solid lightgrey !important;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
  }
}
@media screen {
  body.css-drcharts .sorter {
    cursor: pointer;
  }
  body.css-drcharts .sorter .tablesorter-header-inner {
    margin-left: 5px;
    margin-right: 0;
    width: calc(100% - 16px);
    line-height: 1em;
    height: 1em;
    overflow: hidden;
  }
}
@media screen {
  body.css-drcharts .tdQuestionText {
    width: 32%;
    border-bottom: 1px solid #f15d22 !important;
  }
}
@media screen {
  body.css-drcharts #tblTrend {
    width: 97% !important;
  }
  body.css-drcharts #tblTrend .tdQuestionText :hover {
    cursor: pointer !important;
  }
}
@media screen {
  body.css-drcharts .trend-table-header {
    height: 35px !important;
  }
}
@media screen {
  body.css-drcharts .tdCompare {
    position: relative;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
    position: relative;
  }
  body.css-drcharts .tdCompare:not(.tdGreen):not(.tdYellow):not(.tdRed):not(.tdGreenHover):not(.tdYellowHover):not(.tdRedHover):after {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    bottom: 0;
  }
}
@media screen {
  body.css-drcharts #bodycontainer {
    height: 800px;
    padding-bottom: 20px;
    overflow-y: scroll;
    border: 1px solid transparent;
  }
}
@media screen {
  body.css-drcharts .divFav {
    height: 15px;
    background-color: #2f87b0;
    float: left;
  }
  body.css-drcharts .divFav span {
    float: right;
    padding-right: 5px;
    vertical-align: middle;
    color: #fff;
    font-size: 12px;
  }
}
@media screen {
  body.css-drcharts .divNeut {
    height: 15px;
    background-color: #d3e6ee;
    float: left;
  }
}
@media screen {
  body.css-drcharts .divUnfav {
    height: 15px;
    background-color: #6a737b;
    float: left;
  }
}
@media screen {
  body.css-drcharts .divCompareChild {
    float: left;
    height: 100%;
    width: 100%;
  }
}
@media screen {
  body.css-drcharts .divCompareNegative {
    float: right;
    width: 20%;
    height: 15px;
    background-color: #a03522;
  }
}
@media screen {
  body.css-drcharts .divComparePositive {
    width: 50%;
    height: 15px;
    background-color: #95ca31;
  }
}
@media screen {
  body.css-drcharts .tdSeprate {
    border-right: thin solid Gray !important;
  }
}
@media screen {
  body.css-drcharts #divIndexContainer {
    margin: 0;
    height: 60px;
    border-bottom: 1px solid #f15d22;
    border-left: 1px solid #f15d22;
    border-right: 1px solid #f15d22;
    border-top: 1px solid transparent !important;
    padding-right: 5% !important;
    padding-left: 5% !important;
  }
}
@media screen {
  body.css-drcharts #container1 {
    height: 40%;
    width: 41%;
    margin-left: 4%;
    margin-right: 4%;
    float: left;
    margin-top: 2%;
  }
}
@media screen {
  body.css-drcharts #container2 {
    height: 40%;
    width: 41%;
    margin-left: 4%;
    margin-right: 4%;
    float: left;
    margin-top: 2%;
  }
}
@media screen {
  body.css-drcharts #container3 {
    height: 40%;
    width: 41%;
    margin-left: 4%;
    margin-right: 4%;
    float: left;
    margin-top: 2%;
  }
}
@media screen {
  body.css-drcharts #container4 {
    height: 40%;
    width: 41%;
    margin-left: 4%;
    margin-right: 4%;
    float: left;
    margin-top: 2%;
  }
}
@media screen {
  body.css-drcharts #example {
    width: 100%;
    height: 15px;
    background-color: #ddd;
    font-size: 15px;
    color: #fff;
  }
}
@media screen {
  body.css-drcharts #bar2 {
    width: 100%;
    height: 15px;
    background-color: #ddd;
    font-size: 15px;
    color: #fff;
  }
}
@media screen {
  body.css-drcharts .div_bar {
    width: 30%;
    height: 15px;
    background: #f15d22;
    border-bottom-left-radius: 0;
  }
}
@media screen {
  body.css-drcharts .indexVal {
    float: right;
    padding-right: 12px;
    vertical-align: middle;
    color: #fff;
    text-align: center;
    font-size: 12px;
  }
}
@media screen {
  body.css-drcharts .Comparison {
    width: 33.33%;
    height: 30px;
    background-color: #f15d22;
    font-size: 30px;
    color: #fff;
    margin: auto;
  }
}
@media screen {
  body.css-drcharts .comparisionVal {
    margin: auto;
    vertical-align: middle;
    color: #fff;
    text-align: center;
    font-size: 21px;
  }
}
@media screen {
  body.css-drcharts #lblIndex {
    font-size: 14px;
  }
}
@media screen {
  body.css-drcharts .divWraperTabedMenu {
    display: table;
    margin: 0 auto;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 450px) {
  body.css-drcharts .divWraperTabedMenu {
    padding-left: 0px;
    padding-bottom: 15px;
  }
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  body.css-drcharts .divWraperTabedMenu {
    padding-left: 0px;
    padding-bottom: 15px;
  }
}
@media screen {
  body.css-drcharts .divWraperTabedMenu:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
  }
}
@media screen {
  body.css-drcharts .divWraperTabedMenu .divTabedMenu {
    white-space: nowrap;
  }
  body.css-drcharts .divWraperTabedMenu .divTabedMenu.left {
    border-radius: 18px 0 0 18px;
    padding-left: 25px;
    background-position: left 5px center;
    text-align: right;
  }
  body.css-drcharts .divWraperTabedMenu .divTabedMenu.right {
    border-radius: 0 18px 18px 0;
    padding-right: 25px;
    background-position: right 10px center;
    text-align: left;
  }
  body.css-drcharts .divWraperTabedMenu .divTabedMenu.center {
    background-position: right 10px center;
    text-align: center;
    display: table-cell;
    max-width: 200px;
    background-color: #e1e5ec;
    padding: 8px 10px 8px 10px;
    border: 1px solid grey;
    height: 14px;
    background-repeat: no-repeat;
    min-width: 115px;
    width: 14px;
    vertical-align: middle;
  }
  body.css-drcharts .divWraperTabedMenu .divTabedMenu:hover {
    background-color: #d3e6ee;
    color: black;
    cursor: pointer;
  }
  body.css-drcharts .divWraperTabedMenu .divTabedMenu.active {
    background-color: #2f87b0;
    color: #fff;
  }
  body.css-drcharts .divWraperTabedMenu .divTabedMenu:not(.center) {
    display: table-cell;
    max-width: 200px;
    padding: 8px 10px 8px 10px;
    border: 1px solid grey;
    height: 14px;
    background-repeat: no-repeat;
    min-width: 120px;
    width: 14px;
    background-image: url(https://apx.gpstrategies.com/media/images/icons/eye.png);
    vertical-align: middle;
  }
}
@media screen {
  body.css-drcharts .divWraperSubTabedMenu {
    min-height: 5px;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    padding-top: 10px;
  }
}
@media screen {
  body.css-drcharts .divSubTabedMenu {
    width: 100%;
    height: 100%;
    border-top: 1px solid #f15d22;
    border-left: 1px solid #f15d22;
    border-right: 1px solid #f15d22;
    margin: 0;
    padding-top: 3px;
    padding-bottom: 3px;
    background: #f0f2f5;
  }
  body.css-drcharts .divSubTabedMenu:last-of-type {
    border-bottom: 1px solid #f15d22;
  }
  body.css-drcharts .divSubTabedMenu.active {
    background-color: #2f87b0;
    color: #fff;
  }
  body.css-drcharts .divSubTabedMenu:hover {
    background-color: #d3e6ee;
    color: black;
    cursor: pointer;
  }
}
@media screen {
  body.css-drcharts .highhighlightsSection {
    width: 100%;
  }
}
@media screen {
  body.css-drcharts .tooltip {
    position: relative;
    display: inline-block;
    z-index: 100;
  }
  body.css-drcharts .tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 1;
    transition: opacity 1s;
  }
  body.css-drcharts .tooltip .tooltiptext:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }
  body.css-drcharts .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }
}
@media screen {
  body.css-drcharts .divSubGroup {
    position: relative;
    display: inline-block;
  }
  body.css-drcharts .divSubGroup:hover .dropdown-content {
    display: block;
  }
}
@media screen {
  body.css-drcharts .maincontainer {
    position: relative;
    background: #fff;
    width: 94%;
    max-width: 88vw;
    margin-left: 3%;
    padding-top: 12px;
    margin-bottom: 53px;
    top: 0;
  }
}
@media screen {
  body.css-drcharts .managerName {
    width: 35%;
    text-align: left;
    min-width: 280px;
    height: 100%;
    border: none;
    position: relative;
  }
  body.css-drcharts .managerName .imgNotExpanded {
    height: 15px;
    width: 15px;
    margin-top: 9px;
    background-size: cover;
  }
  body.css-drcharts .managerName .imgExpanded {
    height: 15px;
    width: 15px;
    margin-top: 10px;
    background-size: cover;
  }
}
@media screen {
  body.css-drcharts .demoName {
    width: 32%;
    text-align: left;
    min-width: 280px;
    height: 100%;
    border: none;
    position: relative;
  }
  body.css-drcharts .demoName .imgNotExpanded {
    height: 15px;
    width: 15px;
    margin-top: 9px;
    background-size: cover;
  }
  body.css-drcharts .demoName .imgExpanded {
    height: 15px;
    width: 15px;
    margin-top: 10px;
    background-size: cover;
  }
}
@media screen {
  body.css-drcharts .favTotal {
    text-align: center;
  }
}
@media screen {
  body.css-drcharts #tblMgrTreeFav {
    width: 100%;
    margin: 0 0 0 0 !important;
  }
  body.css-drcharts #tblMgrTreeFav th {
    background-color: #2f87b0;
    color: #fff;
    height: 35px;
    text-align: center;
    font-weight: normal;
  }
  body.css-drcharts #tblMgrTreeFav td:not(.treeCell) {
    border-bottom: 1px solid #f15d22;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
  }
}
@media screen {
  body.css-drcharts .topcorner {
    margin-bottom: 1%;
  }
  body.css-drcharts .topcorner button {
    min-width: 104px;
  }
}
@media screen {
  body.css-drcharts .headerSort {
    display: none;
    height: 14px;
    width: 14px;
    margin-left: 6px;
    background-size: cover;
  }
}
@media screen {
  body.css-drcharts .headerSortDown {
    height: 14px;
    width: 14px;
    margin-left: 6px;
    background-size: cover;
    vertical-align: middle;
  }
}
@media screen {
  body.css-drcharts .headerSortUp {
    height: 14px;
    width: 14px;
    margin-left: 6px;
    background-size: cover;
    transform: rotate(180deg);
  }
}
@media screen {
  body.css-drcharts #questionList {
    /*text-align: center;*/
    margin-left: 10px;
    margin: auto;
  }
}
@media screen {
  body.css-drcharts #ddQuestion {
    font-family: Open Sans;
    max-width: 500px;
    border-radius: 20px;
    padding-left: 6px;
  }
}
@media screen {
  body.css-drcharts .gridContainer {
    width: 32%;
    min-height: 400px;
    margin-bottom: 3%;
    display: inline-block;
    vertical-align: top;
    overflow-x: scroll;
  }
}
@media only screen and (max-width: 450px) {
  body.css-drcharts .gridContainer {
    min-width: 97%;
    margin: auto;
  }
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  body.css-drcharts .gridContainer {
    min-width: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body.css-drcharts .gridContainer {
    min-width: 300px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1640px) {
  body.css-drcharts .gridContainer {
    min-width: 300px;
  }
}
@media only screen and (min-width: 1641px) {
  body.css-drcharts .gridContainer {
    min-width: 300px;
  }
}
@media screen {
  body.css-drcharts .trendContainer {
    width: 67%;
    width: -webkit-calc(67% - 71px);
    width: -moz-calc(67% - 71px);
    width: -o-calc(67% - 71px);
    min-height: 600px;
    display: inline-block;
    vertical-align: top;
  }
}
@media screen {
  body.css-drcharts .far-circle {
    cursor: pointer;
  }
}
@media screen {
  body.css-drcharts .fa fa-check-circle {
    cursor: pointer;
  }
}
@media screen {
  body.css-drcharts .divbuttonCaption {
    float: left;
    margin-left: 5px !important;
    width: auto !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
@media screen {
  body.css-drcharts #MgrLevel {
    margin-right: 10px;
  }
}
@media screen {
  body.css-drcharts .levelButtons {
    margin-top: 10px;
  }
}
@media screen {
  body.css-drcharts .treeButtons {
    margin-top: 10px;
  }
}
@media screen {
  body.css-drcharts button:focus {
    outline: 0;
  }
}
@media screen {
  body.css-drcharts .divFavZero span {
    float: right;
    color: #2f87b0;
    font-size: 12px;
  }
}
@media screen {
  body.css-drcharts #tblIndex td {
    border: 1px solid transparent !important;
  }
}
@media screen {
  body.css-drcharts .body-container .dropdown-content {
    height: 100%;
    display: none;
    position: absolute;
    top: 28px;
    min-width: 160px;
    width: 100%;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 1;
    font-size: -2px;
  }
}
@media only screen and (max-width: 760px), (min-width: 768px) and (max-width: 1024px) {
  body.css-drcharts select {
    width: 250px;
  }
}
body.css-drcharts .divbuttons {
  margin-top: 10px;
  display: inline-block;
  text-align: left;
}
body.css-drcharts .divbuttons.drcharts {
  top: 0px;
}
body.css-drcharts .managerSection {
  margin-top: 8px;
}
body.css-drcharts #divCheckAll {
  float: right;
  margin-right: 7px;
}
body.css-drcharts .tdGreen {
  color: black;
  background-color: #95ca31;
}
body.css-drcharts .tdYellow {
  color: black;
  background-color: #f6bf17;
}
body.css-drcharts .tdRed {
  color: #fff;
  background-color: #f24f4f;
}
body.css-drcharts .tdGreenBorder {
  border: 1px sold #95ca31 !important;
  font-weight: bolder;
}
body.css-drcharts .tdYellowBorder {
  border: 1px solid #f6bf17 !important;
  font-weight: bolder;
}
body.css-drcharts .tdRedBorder {
  border: 1px solid #f24f4f !important;
  font-weight: bolder;
}
body.css-drcharts .tdGreenHover {
  color: black;
  background-color: rgba(149, 202, 49, 0.5);
}
body.css-drcharts .tdYellowHover {
  color: black;
  background-color: rgba(246, 191, 23, 0.5);
}
body.css-drcharts .tdRedHover {
  color: #fff;
  background-color: rgba(242, 79, 79, 0.5);
}
body.css-drcharts .tdGrey {
  color: black;
  background-color: #f0f2f5;
}
body.css-drcharts .levelquestionDescription {
  display: none;
  position: absolute;
  background-color: #fff;
  color: black;
  border: 1px solid #ccc;
  padding: 2px;
  z-index: 1000;
  max-width: 200px;
}
body.css-drcharts .treequestionDescription {
  display: none;
  position: absolute;
  background-color: #fff;
  color: black;
  border: 1px solid #ccc;
  padding: 2px;
  z-index: 1000;
  max-width: 200px;
}
body.css-drcharts .legendContainer {
  top: 0px;
}
body.css-drcharts .legendContainer .legendDescription {
  display: none;
  position: absolute;
  background-color: #fff;
  color: black;
  border: 1px solid #ccc;
  padding: 2px;
  z-index: 1000;
  text-align: left;
  max-width: 174px;
  width: 100%;
}
body.css-drcharts .legendContainer > div {
  padding: 0;
}
body.css-drcharts .legendContainer .workgroup {
  position: relative;
  max-width: 130px;
  width: 130px;
  margin-right: 10px;
  vertical-align: top;
}
body.css-drcharts .legendContainer .workgroup i {
  position: absolute;
  display: none;
  vertical-align: top;
  top: 0;
  left: 0;
}
body.css-drcharts .legendContainer .workgroup i:before {
  clear: both;
  top: 0;
  margin-right: 0;
  height: 40px;
}
body.css-drcharts .legendContainer .workgroup .header {
  position: relative;
  display: inline-block;
  vertical-align: top;
  left: 3px;
  line-height: 1em;
}
body.css-drcharts .legendContainer .workgroup .fineprint {
  position: relative;
  display: inline-block;
  vertical-align: top;
  left: 3px;
  line-height: 1em;
  font-size: 9px;
}
body.css-drcharts .legendContainer .workgroup.favLegend {
  border-left: 15px solid #2f87b0;
}
body.css-drcharts .legendContainer .workgroup.NeuLegend {
  border-left: 15px solid #d3e6ee;
}
body.css-drcharts .legendContainer .workgroup.unFavLegend {
  border-left: 15px solid #555;
}
body.css-drcharts .treedemoDescription {
  display: none;
  position: absolute;
  background-color: #fff;
  color: black;
  border: 1px solid #ccc;
  padding: 2px;
  z-index: 1000;
  max-width: 200px;
}
body.css-drcharts .tablesorter-header-inner {
  text-align: center;
}
body.css-drcharts .tablesorter-header-inner .managerLableSpanDiv {
  position: relative;
  display: inline-block;
  margin-left: 25px;
  vertical-align: middle;
  line-height: 35px;
  cursor: auto;
  text-align: left;
}
body.css-drcharts .tablesorter-header-inner .managerLableSpanDiv.wide:nth-of-type(1) {
  width: 80%;
}
body.css-drcharts .tablesorter-header-inner .managerLableSpanDiv span {
  width: 47%;
  display: inline-block;
}
body.css-drcharts .tablesorter-header-inner .managerLableSpanDivNonTree {
  position: relative;
  display: inline-block;
  margin-left: 15px;
  vertical-align: middle;
  line-height: 35px;
  cursor: auto;
  text-align: left;
  white-space: nowrap;
}
body.css-drcharts .tablesorter-header-inner .managerLableSpanDivNonTree.wide:nth-of-type(1) {
  width: 80%;
}
body.css-drcharts .tablesorter-header-inner .managerLableSpanDivNonTree > span,
body.css-drcharts .tablesorter-header-inner .managerLableSpanDivNonTree > div {
  display: inline-block;
  margin-right: 5px;
}
body.css-drcharts .tablesorter-header-inner .custom-dropdown {
  position: relative;
  display: none;
  vertical-align: middle;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 10px;
  right: 0;
}
body.css-drcharts .tablesorter-header-inner .custom-dropdown.show {
  display: inline-block;
}
body.css-drcharts .tablesorter-header-inner .custom-dropdown.hide {
  display: none;
}
body.css-drcharts .tablesorter-header-inner .custom-dropdown select {
  display: block;
  position: relative;
  background-color: #266C8D;
  color: #fff;
  font-size: inherit;
  padding: 0.3em;
  padding-right: 2.5em;
  border: 1px solid #2f87b0;
  margin: 0;
  border-radius: 3px;
  text-indent: 0.01px;
  text-overflow: "";
  width: 100%;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
body.css-drcharts .tablesorter-header-inner .custom-dropdown select:-ms-expand {
  display: none;
}
body.css-drcharts .tablesorter-header-inner .custom-dropdown:before, body.css-drcharts .tablesorter-header-inner .custom-dropdown:after {
  content: "";
  position: absolute;
  pointer-events: none;
}
body.css-drcharts .tablesorter-header-inner .custom-dropdown:after {
  content: "▼";
  height: 1em;
  font-size: 1.25em;
  line-height: 1;
  right: 0.4em;
  top: 50%;
  margin-top: -0.5em;
  color: #fff;
}
body.css-drcharts .tablesorter-header-inner .custom-dropdown:before {
  display: block;
  position: absolute;
  width: 2em;
  margin-right: -3.8em;
  top: 1px;
  bottom: 0;
  height: 23px;
  border-radius: 0 3px 3px 0;
  background-color: rgba(255, 255, 255, 0.4);
  z-index: 1;
}
body.css-drcharts .tablesorter-header-inner .custom-dropdown:after {
  color: rgba(0, 0, 0, 0.6);
}
body.css-drcharts .tablesorter-header-inner .custom-dropdown .custom-dropdown select[disabled] {
  color: rgba(0, 0, 0, 0.25);
}
body.css-drcharts .demoLableSpanDiv {
  float: left;
  margin-left: 4px;
  vertical-align: middle;
  line-height: 35px;
}
body.css-drcharts .managercheckaAll {
  float: right;
  margin-top: 7px;
}
body.css-drcharts .managercheckaAll #divCheckAll {
  margin-top: 5px;
}
body.css-drcharts .questioncheckaAll {
  float: right;
  margin-top: 5px;
  margin-right: 5px;
}
body.css-drcharts .viewHierachy {
  background-image: url(https://apx.gpstrategies.com/media/images/icons/tree.png);
  background-position: left center;
  background-size: 20px;
  background-repeat: no-repeat;
  padding-left: 23px;
  padding-right: 10px;
  vertical-align: middle;
  margin-left: 5px;
  line-height: 35px;
  cursor: pointer;
}
body.css-drcharts .viewHierachy span {
  display: block;
  font-size: 10px;
  line-height: 10px;
}
body.css-drcharts .compareDemo {
  height: 100%;
  background-position: center;
  background-size: 32px;
  background-repeat: no-repeat;
  padding-left: 14px;
  padding-right: 14px;
  cursor: pointer;
}
body.css-drcharts .disabledbutton {
  cursor: default !important;
  opacity: 0.4;
}
body.css-drcharts .managerError {
  display: none;
  position: absolute;
  background-color: #fff;
  color: black;
  border: 1px solid #ccc;
  padding: 2px;
  z-index: 1000;
  max-width: 200px;
  margin-top: 7px;
}
body.css-drcharts .divTreeLeftBorder {
  vertical-align: middle;
  border-bottom: 1px solid #f15d22;
  margin-left: 20px;
  margin-bottom: -0.75px;
}
body.css-drcharts .questionOptionRow .divTreeLeftBorder {
  margin-left: 50px;
  margin-bottom: -1px;
}
body.css-drcharts .questionOptionRow .checkBoxNode:before,
body.css-drcharts .questionOptionRow .checkBoxNodeChecked:before {
  margin-left: 20px;
}
body.css-drcharts .treeCell {
  padding: 0 0 0 0 !important;
  line-height: 38px;
  border: none;
  min-width: 280px;
}
body.css-drcharts .parentNode.expanded:before {
  font-family: "Font Awesome 5 Pro";
  top: 2px;
  left: 7.5px;
  content: "\f056";
  color: #aaa;
  font-size: 1.1em;
  font-weight: 900;
  /* solid style/weight */
  display: block;
  margin-left: 2px;
  float: left;
}
body.css-drcharts .parentNode.expanded + .down.treeBorderRight {
  margin-top: 0px;
}
body.css-drcharts .parentNode.collapsed:before {
  font-family: "Font Awesome 5 Pro";
  top: 2px;
  left: 7.5px;
  content: "\f055";
  color: #aaa;
  font-size: 1.1em;
  font-weight: 900;
  /* solid style/weight */
  display: block;
  margin-left: 2px;
  float: left;
}
body.css-drcharts .up {
  height: 50%;
  position: relative;
}
body.css-drcharts .down {
  height: 50%;
}
body.css-drcharts .treeBorderTop {
  border-top: 1px solid #ddd;
}
body.css-drcharts .treeBorderLeft {
  border-left: 1px solid #ddd;
}
body.css-drcharts .treeBorderBottom {
  border-bottom: 0;
  margin-right: 5px;
  margin-left: 0;
}
body.css-drcharts .treeBorderBottom + .treeBorderRight {
  margin-top: 5px;
}
body.css-drcharts .treeBorderRight {
  border-right: 1px solid #ddd;
}
body.css-drcharts .TrendSort {
  min-width: 250px !important;
}
body.css-drcharts .buttonSection {
  margin-bottom: 10px;
  margin-left: 10px;
}
body.css-drcharts .clearable__clear {
  position: absolute;
  right: -10px;
  top: 3px;
  padding: 0 8px;
  font-style: normal;
  font-size: 1em;
  user-select: none;
  cursor: pointer;
  color: #aaa;
}
body.css-drcharts .questionDescription {
  margin-left: 20px;
}
body.css-drcharts .questionChart {
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  width: 40px;
  padding: 0 0 0 0 !important;
  cursor: pointer;
}
body.css-drcharts .tdSeprate {
  width: 10%;
}
body.css-drcharts .questionHighChartToolTip {
  position: absolute;
  background-color: #fff;
  color: black;
  border: 1px solid #ccc;
  padding: 2px;
  padding-top: 55px;
  z-index: 1000;
  width: 250px;
  height: 200px;
  border-radius: 5px;
}
body.css-drcharts .questionHighChartToolTip:after {
  content: "";
  position: absolute;
  left: 217px;
  top: 205px;
  width: 0;
  height: 0;
  border-left: 37px solid transparent;
  border-bottom: 33px solid #ccc;
  border-top: 19px solid transparent;
}
body.css-drcharts .demoHighChartToolTip {
  display: none;
  position: absolute;
  background-color: #fff;
  color: black;
  border: 1px solid #ccc;
  padding: 2px;
  padding-top: 50px;
  z-index: 1000;
  width: 250px;
  height: 200px;
  border-radius: 10px;
}
body.css-drcharts .managerHighChartToolTip {
  position: absolute;
  background-color: #fff;
  color: black;
  border: 1px solid #ccc;
  padding: 5px;
  padding-top: 44px;
  z-index: 1000;
  width: 250px;
  height: 200px;
  border-radius: 5px;
  box-shadow: 0 0 10px 0 #999;
}
body.css-drcharts .managerHighChartToolTip .highcharts-container {
  background-color: #ddd;
}
body.css-drcharts .managerHighChartToolTip .chartDescriptionLabel {
  padding-top: 5px;
}
body.css-drcharts .managerHighChartToolTip .chartDescriptionLabel > div {
  border: 1px sold red;
}
body.css-drcharts .managerHighChartToolTip .chartDescriptionLabel div:nth-of-type(1) {
  display: inline-block;
}
body.css-drcharts .managerHighChartToolTip .chartDescriptionLabel div:nth-of-type(2) {
  display: inline-block;
  text-align: right;
}
body.css-drcharts .managerHighChartToolTip .chartDescriptionLabel div:nth-of-type(2) .clearable__clear {
  position: relative;
  top: 0;
}
body.css-drcharts .chartDescriptionLabel {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 8px;
  font-style: normal;
  font-size: 1em;
  user-select: none;
  cursor: pointer;
  color: #6a737b;
  width: 94%;
  border-radius: 10px 10px 0 0;
  height: 57px;
}
body.css-drcharts .demoViewLevel1 {
  margin-left: 10px;
}
body.css-drcharts #divMgrLevel thead th {
  background-repeat: no-repeat;
  background-position: right 10px center;
  border: 0 solid transparent !important;
  position: relative;
}
body.css-drcharts #tblMgrTreeFav thead th {
  background-repeat: no-repeat;
  background-position: right 10px center;
  border: 0 solid transparent !important;
  position: relative;
}
body.css-drcharts #tblMgrTreeFav thead th.tableSortup > div:before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
}
body.css-drcharts #tblMgrTreeFav thead th.tableSortdown > div:before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
}
body.css-drcharts #tblMgrTreeFav thead th.TrendSort :before {
  right: 50px !important;
}
body.css-drcharts #tblMain thead th {
  background-repeat: no-repeat;
  background-position: right 10px center;
  border: 0 solid transparent !important;
  position: relative;
}
body.css-drcharts #tblMain thead th.tableSortup :before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
}
body.css-drcharts #tblMain thead th.tableSortdown :before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
}
body.css-drcharts #tblMain thead th.TrendSort :before {
  right: 50px !important;
}
body.css-drcharts #tblTrend thead th {
  background-repeat: no-repeat;
  background-position: right 10px center;
  border: 0 solid transparent !important;
  position: relative;
}
body.css-drcharts #tblDemoTree thead th {
  background-repeat: no-repeat;
  background-position: right 10px center;
  border: 0 solid transparent !important;
  position: relative;
}
body.css-drcharts #tblDemoTree thead th.tableSortup :before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  /* solid style/weight */
}
body.css-drcharts #tblDemoTree thead th.tableSortdown :before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  /* solid style/weight */
}
body.css-drcharts #tblDemoTree thead th.TrendSort :before {
  right: 50px !important;
}
body.css-drcharts #tblMgrLevel thead th.tableSortup:before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
}
body.css-drcharts #tblMgrLevel thead th.tableSortdown:before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
}
body.css-drcharts #tblMgrLevel thead th.TrendSort:before {
  right: 50px !important;
}
body.css-drcharts .tableSortup > div:before,
body.css-drcharts .tableSortdown > div:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3px;
  width: 10px;
  background-image: url("https://apx.gpstrategies.com/media/images/sort-arrows.gif");
  background-position: left center;
  background-size: 20px;
  background-repeat: no-repeat;
}
body.css-drcharts .tableSortup > div:before {
  background-position: left center;
}
body.css-drcharts .tableSortdown > div:before {
  background-position: right center;
}
body.css-drcharts .checkBoxNode:before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  top: 1px;
  left: 12px;
  content: "\f0c8";
  color: #aaa;
  font-size: 1.1em;
  font-weight: 400;
  /* regular style/weight */
  display: block;
  margin-left: 1px;
  margin-right: 5px;
  margin-bottom: 1px;
}
body.css-drcharts .checkBoxNodeChecked:before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  top: 1px;
  left: 12px;
  color: #aaa;
  content: "\f14a";
  font-weight: 400;
  /* regular style/weight */
  font-size: 1.1em;
  display: block;
  margin-left: 1px;
  margin-right: 5px;
  margin-bottom: 1px;
}
body.css-drcharts .compare {
  display: block;
  background-image: url(https://apx.gpstrategies.com/media/images/icons/filtered-icon.png);
  height: -7px;
  background-position: left center;
  background-size: 20px;
  background-repeat: no-repeat;
  padding-left: 10px;
  padding-right: 20px;
  padding-top: 30px;
}
body.css-drcharts .compareQueTR,
body.css-drcharts .compareDemoTR {
  background-color: bisque;
}
body.css-drcharts .goBack {
  display: block;
  background-image: url(https://apx.gpstrategies.com/media/images/icons/unfiltered-icon.png);
  height: -7px;
  background-position: left center;
  background-size: 20px;
  background-repeat: no-repeat;
  padding-left: 10px;
  padding-right: 20px;
  padding-top: 30px;
}
body.css-drcharts .questionCheck:before {
  top: 8px !important;
  left: 6px;
  cursor: pointer;
}
body.css-drcharts .demoHighChartToolTipLeft:after {
  content: "";
  position: absolute;
  right: 218px;
  top: 200px;
  width: 0;
  height: 0;
  border-right: 37px solid transparent;
  border-bottom: 33px solid #ccc;
  border-top: 19px solid transparent;
}
body.css-drcharts .demoHighChartToolTipRight:after {
  content: "";
  position: absolute;
  left: 218px;
  top: 200px;
  width: 0;
  height: 0;
  border-left: 37px solid transparent;
  border-bottom: 33px solid #ccc;
  border-top: 19px solid transparent;
}
body.css-drcharts .demoToolTipDiv:after {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  width: 0;
  height: 0;
  border-top: 19px solid #ccc;
  border-left: 19px solid transparent;
  cursor: pointer;
}
body.css-drcharts .managerHighChartToolTipLeft:after {
  content: "";
  position: absolute;
  right: 228px;
  top: 197px;
  width: 0;
  height: 0;
  border-right: 33px solid transparent;
  border-bottom: 33px solid #ccc;
  border-top: 19px solid transparent;
}
body.css-drcharts .managerHighChartToolTipRight:after {
  content: "";
  position: absolute;
  left: 218px;
  top: 195px;
  width: 0;
  height: 0;
  border-left: 37px solid transparent;
  border-bottom: 33px solid #ccc;
  border-top: 19px solid transparent;
}
body.css-drcharts .mgrToolTipDiv:after {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  width: 0;
  height: 0;
  border-top: 19px solid #ccc;
  border-left: 19px solid transparent;
  cursor: pointer;
}
body.css-drcharts .table {
  width: 100%;
}
body.css-drcharts .table th {
  min-width: 90px;
}
body.css-drcharts .highlightedCell {
  font-weight: bold;
  background-color: rgba(76, 135, 201, 0.26);
}
body.css-drcharts .responseColmn {
  max-width: 220px;
  width: 15%;
}

@font-face {
  font-family: "OpenSansExtraBold";
  src: url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff), url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff2);
}
/* media queries - use these to edit specific sizes
    @include mobile-xs {}
    @include mobile-xs-landscape {}
    @include mobile {}
    @include mobile-landscape {}
    @include desktop_range {}
    @include mobile-wide-landscape {}
    @include desktop_wide {}
    @include desktop_max {}
*/
@media screen {
  body.css-drdemographics .tblContainer {
    position: relative;
    width: 100%;
  }
}
@media only screen and (max-width: 450px) {
  body.css-drdemographics .tblContainer {
    max-width: 400px;
  }
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  body.css-drdemographics .tblContainer {
    max-width: 680px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body.css-drdemographics .tblContainer {
    max-width: 860px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1640px) {
  body.css-drdemographics .tblContainer {
    max-width: 1335px;
  }
}
@media only screen and (min-width: 1641px) {
  body.css-drdemographics .tblContainer {
    max-width: 1503px;
  }
}
@media screen {
  body.css-drdemographics .tblContainer .more:after {
    position: absolute;
    display: block;
    width: 30px;
    height: 100%;
    content: "⇰";
    top: 0;
    right: 0;
    background-color: #f15d22;
    color: white;
  }
}
@media screen {
  body.css-drdemographics .tblContainer #tblStaticHeader {
    position: sticky;
    top: 0;
  }
}
@media screen {
  body.css-drdemographics #demoSurveyYear {
    float: right;
    padding-right: 10px;
    margin-right: 49px;
    margin-top: 30px;
  }
}
@media screen {
  body.css-drdemographics #lblSurvey {
    font-weight: bold !important;
    margin-top: 37px;
  }
}
@media screen {
  body.css-drdemographics #ddSurveyYear {
    border-radius: 20px;
  }
}
@media screen {
  body.css-drdemographics #rdoFilter {
    position: absolute;
    top: -999px;
    left: -999px;
    width: 0px;
    height: 0px;
  }
}
@media screen {
  body.css-drdemographics .chart-help {
    height: 30px;
    width: 30px;
    margin-right: 5px;
    float: right;
  }
}
@media screen {
  body.css-drdemographics .popup_help {
    position: absolute;
    width: 100%;
    background-color: #fff;
    top: 0;
    z-index: 5000;
    display: none;
    border: 1px solid #c7c8ca;
    font-size: 16px;
    width: 500px;
  }
  body.css-drdemographics .popup_help .title {
    background: #f15d22;
    line-height: 30px;
    padding: 20px;
    color: #fff;
  }
  body.css-drdemographics .popup_help .title a {
    color: #fff;
    text-decoration: none;
  }
  body.css-drdemographics .popup_help .description {
    padding: 20px;
  }
}
@media screen {
  body.css-drdemographics .card_close {
    vertical-align: top;
    float: right;
    padding: 10px;
    color: #fff;
  }
}
@media screen {
  body.css-drdemographics .mgrDivbuttons {
    color: #6a737b;
    border: 0.05em solid grey;
    background: #fff;
    text-align: center;
    margin-left: 5px;
    border-radius: 15px;
    font-size: 12PX;
    height: auto;
    padding: 5px;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    cursor: pointer;
  }
  body.css-drdemographics .mgrDivbuttons.active {
    color: #fff;
    border: 0.05em solid grey;
    background: #2f87b0;
    text-align: center;
    margin-left: 5px;
    border-radius: 15px;
    font-size: 12PX;
    height: auto;
    padding: 5px;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    cursor: pointer;
    border-width: 0.05em;
  }
}
@media screen {
  body.css-drdemographics .StoplightCategoty {
    position: relative;
    margin-left: 1%;
    /*max-width: 600px;*/
    /*float: left;*/
    margin-right: 23px;
    margin-bottom: 5px;
    max-width: calc(100% - 215px);
  }
}
@media only screen and (max-width: 450px) {
  body.css-drdemographics .StoplightCategoty {
    max-width: 100%;
  }
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  body.css-drdemographics .StoplightCategoty {
    max-width: 100%;
  }
}
@media screen {
  body.css-drdemographics .StoplightCategoty > .mgrDivbuttons {
    margin-top: 5px;
    min-width: 98px;
  }
}
@media screen {
  body.css-drdemographics .divbuttons.drcharts .imgHighlight {
    position: relative;
  }
  body.css-drdemographics .divbuttons.drcharts .imgHighlight:hover:before, body.css-drdemographics .divbuttons.drcharts .imgHighlight.active:before {
    position: absolute;
    background-image: url(../img/drcharts-sprite.gif);
    background-position: -600px 0;
    content: "";
    top: 6px;
    left: 1px;
    width: 35px;
    height: 35px;
  }
  body.css-drdemographics .divbuttons.drcharts .imgHighlight:before {
    position: absolute;
    background-image: url(../img/drcharts-sprite.gif);
    background-position: -550px 0;
    content: "";
    top: 6px;
    left: 1px;
    width: 35px;
    height: 35px;
  }
  body.css-drdemographics .divbuttons.drcharts .imgStopLight {
    position: relative;
  }
  body.css-drdemographics .divbuttons.drcharts .imgStopLight:hover:before, body.css-drdemographics .divbuttons.drcharts .imgStopLight.active:before {
    position: absolute;
    background-image: url(../img/drcharts-sprite.gif);
    background-position: -150px 0;
    content: "";
    top: 6px;
    left: 1px;
    width: 35px;
    height: 35px;
  }
  body.css-drdemographics .divbuttons.drcharts .imgStopLight:before {
    position: absolute;
    background-image: url(../img/drcharts-sprite.gif);
    background-position: -100px 0;
    content: "";
    top: 6px;
    left: 1px;
    width: 35px;
    height: 35px;
  }
  body.css-drdemographics .divbuttons.drcharts .imgChart {
    position: relative;
  }
  body.css-drdemographics .divbuttons.drcharts .imgChart.active:before, body.css-drdemographics .divbuttons.drcharts .imgChart:hover:before {
    position: absolute;
    background-image: url(../img/drcharts-sprite.gif);
    background-position: -50px 0;
    content: "";
    top: 6px;
    left: 1px;
    width: 35px;
    height: 35px;
  }
  body.css-drdemographics .divbuttons.drcharts .imgChart:before {
    position: absolute;
    background-image: url(../img/drcharts-sprite.gif);
    background-position: 0 0;
    content: "";
    top: 6px;
    left: 1px;
    width: 35px;
    height: 35px;
  }
  body.css-drdemographics .divbuttons.drcharts .imgTrend {
    position: relative;
  }
  body.css-drdemographics .divbuttons.drcharts .imgTrend:hover:before, body.css-drdemographics .divbuttons.drcharts .imgTrend.active:before {
    position: absolute;
    background-image: url(../img/drcharts-sprite.gif);
    background-position: -450px 0;
    content: "";
    top: 6px;
    left: 1px;
    width: 35px;
    height: 35px;
  }
  body.css-drdemographics .divbuttons.drcharts .imgTrend:before {
    position: absolute;
    background-image: url(../img/drcharts-sprite.gif);
    background-position: -400px 0;
    content: "";
    top: 6px;
    left: 1px;
    width: 35px;
    height: 35px;
  }
}
@media screen {
  body.css-drdemographics .tblContainer .imgTrend {
    background-image: url(https://apx.gpstrategies.com/media/images/icons/charts-inactive.png);
  }
}
@media screen {
  body.css-drdemographics #divChart {
    float: left;
    margin: 0 0 0 0 !important;
    border: 1px solid #f15d22;
    width: 100% !important;
    padding-top: 0px !important;
  }
  body.css-drdemographics #divChart td {
    position: relative;
  }
}
@media screen {
  body.css-drdemographics .tdFavorable {
    background-color: #2f87b0;
    color: #fff;
    height: 35px;
    text-align: center;
    padding-left: 10px;
  }
}
@media screen {
  body.css-drdemographics td {
    padding: 5px;
    padding-bottom: 5px;
    /*.treeContent {
        margin-left: 5px;
    }*/
  }
  body.css-drdemographics td:not(.treeCell) {
    position: relative;
  }
}
@media screen {
  body.css-drdemographics .workGroupVal {
    text-align: center;
  }
}
@media only screen and (max-width: 450px) {
  body.css-drdemographics .workGroupVal {
    display: table-cell;
  }
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  body.css-drdemographics .workGroupVal {
    display: table-cell;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body.css-drdemographics .workGroupVal {
    display: none;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1640px) {
  body.css-drdemographics .workGroupVal {
    display: none;
  }
}
@media only screen and (min-width: 1641px) {
  body.css-drdemographics .workGroupVal {
    display: none;
  }
}
@media only screen and (max-width: 450px) {
  body.css-drdemographics .workGroupChart {
    display: none;
  }
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  body.css-drdemographics .workGroupChart {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body.css-drdemographics .workGroupChart {
    display: table-cell;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1640px) {
  body.css-drdemographics .workGroupChart {
    display: table-cell;
  }
}
@media only screen and (min-width: 1641px) {
  body.css-drdemographics .workGroupChart {
    display: table-cell;
  }
}
@media screen {
  body.css-drdemographics #tblMain,
body.css-drdemographics #statichead {
    margin-bottom: 20px;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 3%;
    /*@include mobile {
        background-color: red;
    }

    @include desktop_range {
        background-color: green;
    }

    @include desktop_wide {
        background-color: blue;
    }

    @include desktop_max {
        background-color: pink;
    }*/
  }
  body.css-drdemographics #tblMain td,
body.css-drdemographics #statichead td {
    border-bottom: 1px solid #f15d22;
    border-left: 0 solid transparent;
    border-right: 1px solid transparent;
    position: relative;
  }
  body.css-drdemographics #tblMain .tdQuestionText,
body.css-drdemographics #statichead .tdQuestionText {
    width: 35%;
  }
  body.css-drdemographics #tblMain th,
body.css-drdemographics #statichead th {
    background-color: #2f87b0;
    color: #fff;
    height: 35px;
    text-align: center;
    /*   min-width: 100px; */
    font-weight: normal;
  }
  body.css-drdemographics #tblMain thead tr,
body.css-drdemographics #statichead thead tr {
    background-repeat: no-repeat;
    background-position: center right;
  }
  body.css-drdemographics #tblMain thead tr .sorter,
body.css-drdemographics #statichead thead tr .sorter {
    cursor: pointer;
  }
}
@media screen {
  body.css-drdemographics #statichead {
    position: sticky;
    top: 0;
    margin-bottom: 0;
    width: 100%;
  }
}
@media screen {
  body.css-drdemographics .tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  body.css-drdemographics .tab div {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
  }
  body.css-drdemographics .tab div:hover {
    background-color: #ddd;
  }
  body.css-drdemographics .tab div.active {
    background-color: #ccc;
  }
}
@media screen {
  body.css-drdemographics .tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
  }
}
@media screen {
  body.css-drdemographics #divMgrLevelChart {
    float: left;
    margin: 0;
    width: 100%;
  }
}
@media screen {
  body.css-drdemographics #divMgrFilterButtons {
    float: right;
  }
  body.css-drdemographics #divMgrFilterButtons .custom-dropdown {
    display: none;
  }
}
@media screen {
  body.css-drdemographics #divTrend {
    float: left !important;
    margin: 0 0 0 0 !important;
    width: 100% !important;
    padding-top: 20px;
  }
}
@media screen {
  body.css-drdemographics .trend-grid-container {
    height: 500px;
    overflow-y: scroll;
    margin-left: 1%;
  }
}
@media screen {
  body.css-drdemographics #tblMgrLevel {
    width: 100%;
    margin: auto;
    margin-bottom: 3%;
  }
  body.css-drdemographics #tblMgrLevel td {
    border-bottom: 1px solid #f15d22;
  }
  body.css-drdemographics #tblMgrLevel th {
    background-color: #2f87b0;
    color: #fff;
    height: 35px !important;
    text-align: center;
    padding-left: 10px;
    font-weight: normal;
  }
  body.css-drdemographics #tblMgrLevel .tdQuestionText {
    text-align: right !important;
  }
  body.css-drdemographics #tblMgrLevel .managerName {
    width: 20%;
    text-align: left;
  }
  body.css-drdemographics #tblMgrLevel tbody.avoid-sort tr td {
    border-bottom: 10px solid lightgrey !important;
  }
  body.css-drdemographics #tblMgrLevel thead tr {
    background-repeat: no-repeat;
    background-position: center right;
  }
}
@media screen {
  body.css-drdemographics #tblDemoTree {
    width: 100%;
    margin: auto;
    margin-bottom: 3%;
  }
  body.css-drdemographics #tblDemoTree tr {
    cursor: pointer;
  }
  body.css-drdemographics #tblDemoTree tr td {
    border-bottom: 1px solid #f15d22;
  }
  body.css-drdemographics #tblDemoTree th {
    background-color: #2f87b0;
    color: #fff;
    height: 35px !important;
    text-align: center;
    padding-left: 10px;
    font-weight: normal;
  }
  body.css-drdemographics #tblDemoTree .tdQuestionText {
    text-align: right !important;
  }
  body.css-drdemographics #tblDemoTree .demoName {
    text-align: left;
  }
  body.css-drdemographics #tblDemoTree tbody.avoid-sort tr td {
    border-bottom: 10px solid lightgrey !important;
  }
  body.css-drdemographics #tblDemoTree thead tr {
    background-repeat: no-repeat;
    background-position: center right;
  }
}
@media screen {
  body.css-drdemographics #tblStaticHeader {
    width: 100%;
    margin: auto;
    border-collapse: collapse;
    z-index: 1;
    pointer-events: none;
  }
  body.css-drdemographics #tblStaticHeader * {
    pointer-events: none;
  }
  body.css-drdemographics #tblStaticHeader th {
    background-color: #2f87b0;
    color: #fff;
    height: 35px !important;
    text-align: center;
    padding-left: 10px;
    font-weight: normal;
  }
  body.css-drdemographics #tblStaticHeader th.active-header {
    background-color: #2fb04b;
  }
}
@media screen {
  body.css-drdemographics .solidbottomBorder {
    border-bottom: 10px solid lightgrey !important;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
  }
}
@media screen {
  body.css-drdemographics .sorter {
    cursor: pointer;
  }
  body.css-drdemographics .sorter .tablesorter-header-inner {
    margin-left: 5px;
    margin-right: 0;
    width: calc(100% - 16px);
    line-height: 1em;
    height: 1em;
    overflow: hidden;
  }
}
@media screen {
  body.css-drdemographics .tdQuestionText {
    width: 32%;
    border-bottom: 1px solid #f15d22 !important;
  }
}
@media screen {
  body.css-drdemographics #tblTrend {
    width: 97% !important;
  }
  body.css-drdemographics #tblTrend .tdQuestionText :hover {
    cursor: pointer !important;
  }
}
@media screen {
  body.css-drdemographics .trend-table-header {
    height: 35px !important;
  }
}
@media screen {
  body.css-drdemographics .tdCompare {
    position: relative;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
    position: relative;
  }
  body.css-drdemographics .tdCompare:not(.tdGreen):not(.tdYellow):not(.tdRed):not(.tdGreenHover):not(.tdYellowHover):not(.tdRedHover):after {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    bottom: 0;
  }
}
@media screen {
  body.css-drdemographics #bodycontainer {
    height: 800px;
    padding-bottom: 20px;
    overflow-y: scroll;
    border: 1px solid transparent;
  }
}
@media screen {
  body.css-drdemographics .divFav {
    height: 15px;
    background-color: #2f87b0;
    float: left;
  }
  body.css-drdemographics .divFav span {
    float: right;
    padding-right: 5px;
    vertical-align: middle;
    color: #fff;
    font-size: 12px;
  }
}
@media screen {
  body.css-drdemographics .divNeut {
    height: 15px;
    background-color: #d3e6ee;
    float: left;
  }
}
@media screen {
  body.css-drdemographics .divUnfav {
    height: 15px;
    background-color: #6a737b;
    float: left;
  }
}
@media screen {
  body.css-drdemographics .divCompareChild {
    float: left;
    height: 100%;
    width: 100%;
  }
}
@media screen {
  body.css-drdemographics .divCompareNegative {
    float: right;
    width: 20%;
    height: 15px;
    background-color: #a03522;
  }
}
@media screen {
  body.css-drdemographics .divComparePositive {
    width: 50%;
    height: 15px;
    background-color: #95ca31;
  }
}
@media screen {
  body.css-drdemographics .tdSeprate {
    border-right: thin solid Gray !important;
  }
}
@media screen {
  body.css-drdemographics #divIndexContainer {
    margin: 0;
    height: 60px;
    border-bottom: 1px solid #f15d22;
    border-left: 1px solid #f15d22;
    border-right: 1px solid #f15d22;
    border-top: 1px solid transparent !important;
    padding-right: 5% !important;
    padding-left: 5% !important;
  }
}
@media screen {
  body.css-drdemographics #container1 {
    height: 40%;
    width: 41%;
    margin-left: 4%;
    margin-right: 4%;
    float: left;
    margin-top: 2%;
  }
}
@media screen {
  body.css-drdemographics #container2 {
    height: 40%;
    width: 41%;
    margin-left: 4%;
    margin-right: 4%;
    float: left;
    margin-top: 2%;
  }
}
@media screen {
  body.css-drdemographics #container3 {
    height: 40%;
    width: 41%;
    margin-left: 4%;
    margin-right: 4%;
    float: left;
    margin-top: 2%;
  }
}
@media screen {
  body.css-drdemographics #container4 {
    height: 40%;
    width: 41%;
    margin-left: 4%;
    margin-right: 4%;
    float: left;
    margin-top: 2%;
  }
}
@media screen {
  body.css-drdemographics #example {
    width: 100%;
    height: 15px;
    background-color: #ddd;
    font-size: 15px;
    color: #fff;
  }
}
@media screen {
  body.css-drdemographics #bar2 {
    width: 100%;
    height: 15px;
    background-color: #ddd;
    font-size: 15px;
    color: #fff;
  }
}
@media screen {
  body.css-drdemographics .div_bar {
    width: 30%;
    height: 15px;
    background: #f15d22;
    border-bottom-left-radius: 0;
  }
}
@media screen {
  body.css-drdemographics .indexVal {
    float: right;
    padding-right: 12px;
    vertical-align: middle;
    color: #fff;
    text-align: center;
    font-size: 12px;
  }
}
@media screen {
  body.css-drdemographics .Comparison {
    width: 33.33%;
    height: 30px;
    background-color: #f15d22;
    font-size: 30px;
    color: #fff;
    margin: auto;
  }
}
@media screen {
  body.css-drdemographics .comparisionVal {
    margin: auto;
    vertical-align: middle;
    color: #fff;
    text-align: center;
    font-size: 21px;
  }
}
@media screen {
  body.css-drdemographics #lblIndex {
    font-size: 14px;
  }
}
@media screen {
  body.css-drdemographics .divWraperTabedMenu {
    display: table;
    margin: 0 auto;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 450px) {
  body.css-drdemographics .divWraperTabedMenu {
    padding-left: 0px;
    padding-bottom: 15px;
  }
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  body.css-drdemographics .divWraperTabedMenu {
    padding-left: 0px;
    padding-bottom: 15px;
  }
}
@media screen {
  body.css-drdemographics .divWraperTabedMenu:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
  }
}
@media screen {
  body.css-drdemographics .divWraperTabedMenu .divTabedMenu {
    white-space: nowrap;
  }
  body.css-drdemographics .divWraperTabedMenu .divTabedMenu.left {
    border-radius: 18px 0 0 18px;
    padding-left: 25px;
    background-position: left 5px center;
    text-align: right;
  }
  body.css-drdemographics .divWraperTabedMenu .divTabedMenu.right {
    border-radius: 0 18px 18px 0;
    padding-right: 25px;
    background-position: right 10px center;
    text-align: left;
  }
  body.css-drdemographics .divWraperTabedMenu .divTabedMenu.center {
    background-position: right 10px center;
    text-align: center;
    display: table-cell;
    max-width: 200px;
    background-color: #e1e5ec;
    padding: 8px 10px 8px 10px;
    border: 1px solid grey;
    height: 14px;
    background-repeat: no-repeat;
    min-width: 115px;
    width: 14px;
    vertical-align: middle;
  }
  body.css-drdemographics .divWraperTabedMenu .divTabedMenu:hover {
    background-color: #d3e6ee;
    color: black;
    cursor: pointer;
  }
  body.css-drdemographics .divWraperTabedMenu .divTabedMenu.active {
    background-color: #2f87b0;
    color: #fff;
  }
  body.css-drdemographics .divWraperTabedMenu .divTabedMenu:not(.center) {
    display: table-cell;
    max-width: 200px;
    padding: 8px 10px 8px 10px;
    border: 1px solid grey;
    height: 14px;
    background-repeat: no-repeat;
    min-width: 120px;
    width: 14px;
    background-image: url(https://apx.gpstrategies.com/media/images/icons/eye.png);
    vertical-align: middle;
  }
}
@media screen {
  body.css-drdemographics .divWraperSubTabedMenu {
    min-height: 5px;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    padding-top: 10px;
  }
}
@media screen {
  body.css-drdemographics .divSubTabedMenu {
    width: 100%;
    height: 100%;
    border-top: 1px solid #f15d22;
    border-left: 1px solid #f15d22;
    border-right: 1px solid #f15d22;
    margin: 0;
    padding-top: 3px;
    padding-bottom: 3px;
    background: #f0f2f5;
  }
  body.css-drdemographics .divSubTabedMenu:last-of-type {
    border-bottom: 1px solid #f15d22;
  }
  body.css-drdemographics .divSubTabedMenu.active {
    background-color: #2f87b0;
    color: #fff;
  }
  body.css-drdemographics .divSubTabedMenu:hover {
    background-color: #d3e6ee;
    color: black;
    cursor: pointer;
  }
}
@media screen {
  body.css-drdemographics .highhighlightsSection {
    width: 100%;
  }
}
@media screen {
  body.css-drdemographics .tooltip {
    position: relative;
    display: inline-block;
    z-index: 100;
  }
  body.css-drdemographics .tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 1;
    transition: opacity 1s;
  }
  body.css-drdemographics .tooltip .tooltiptext:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }
  body.css-drdemographics .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }
}
@media screen {
  body.css-drdemographics .divSubGroup {
    position: relative;
    display: inline-block;
  }
  body.css-drdemographics .divSubGroup:hover .dropdown-content {
    display: block;
  }
}
@media screen {
  body.css-drdemographics .maincontainer {
    position: relative;
    background: #fff;
    width: 94%;
    max-width: 88vw;
    margin-left: 3%;
    padding-top: 12px;
    margin-bottom: 53px;
    top: 0;
  }
}
@media screen {
  body.css-drdemographics .managerName {
    width: 35%;
    text-align: left;
    min-width: 280px;
    height: 100%;
    border: none;
    position: relative;
  }
  body.css-drdemographics .managerName .imgNotExpanded {
    height: 15px;
    width: 15px;
    margin-top: 9px;
    background-size: cover;
  }
  body.css-drdemographics .managerName .imgExpanded {
    height: 15px;
    width: 15px;
    margin-top: 10px;
    background-size: cover;
  }
}
@media screen {
  body.css-drdemographics .demoName {
    width: 32%;
    text-align: left;
    min-width: 280px;
    height: 100%;
    border: none;
    position: relative;
  }
  body.css-drdemographics .demoName .imgNotExpanded {
    height: 15px;
    width: 15px;
    margin-top: 9px;
    background-size: cover;
  }
  body.css-drdemographics .demoName .imgExpanded {
    height: 15px;
    width: 15px;
    margin-top: 10px;
    background-size: cover;
  }
}
@media screen {
  body.css-drdemographics .favTotal {
    text-align: center;
  }
}
@media screen {
  body.css-drdemographics #tblMgrTreeFav {
    width: 100%;
    margin: 0 0 0 0 !important;
  }
  body.css-drdemographics #tblMgrTreeFav th {
    background-color: #2f87b0;
    color: #fff;
    height: 35px;
    text-align: center;
    font-weight: normal;
  }
  body.css-drdemographics #tblMgrTreeFav td:not(.treeCell) {
    border-bottom: 1px solid #f15d22;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
  }
}
@media screen {
  body.css-drdemographics .topcorner {
    margin-bottom: 1%;
  }
  body.css-drdemographics .topcorner button {
    min-width: 104px;
  }
}
@media screen {
  body.css-drdemographics .headerSort {
    display: none;
    height: 14px;
    width: 14px;
    margin-left: 6px;
    background-size: cover;
  }
}
@media screen {
  body.css-drdemographics .headerSortDown {
    height: 14px;
    width: 14px;
    margin-left: 6px;
    background-size: cover;
    vertical-align: middle;
  }
}
@media screen {
  body.css-drdemographics .headerSortUp {
    height: 14px;
    width: 14px;
    margin-left: 6px;
    background-size: cover;
    transform: rotate(180deg);
  }
}
@media screen {
  body.css-drdemographics #questionList {
    /*text-align: center;*/
    margin-left: 10px;
    margin: auto;
  }
}
@media screen {
  body.css-drdemographics #ddQuestion {
    font-family: Open Sans;
    max-width: 500px;
    border-radius: 20px;
    padding-left: 6px;
  }
}
@media screen {
  body.css-drdemographics .gridContainer {
    width: 32%;
    min-height: 400px;
    margin-bottom: 3%;
    display: inline-block;
    vertical-align: top;
    overflow-x: scroll;
  }
}
@media only screen and (max-width: 450px) {
  body.css-drdemographics .gridContainer {
    min-width: 97%;
    margin: auto;
  }
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  body.css-drdemographics .gridContainer {
    min-width: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body.css-drdemographics .gridContainer {
    min-width: 300px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1640px) {
  body.css-drdemographics .gridContainer {
    min-width: 300px;
  }
}
@media only screen and (min-width: 1641px) {
  body.css-drdemographics .gridContainer {
    min-width: 300px;
  }
}
@media screen {
  body.css-drdemographics .trendContainer {
    width: 67%;
    width: -webkit-calc(67% - 71px);
    width: -moz-calc(67% - 71px);
    width: -o-calc(67% - 71px);
    min-height: 600px;
    display: inline-block;
    vertical-align: top;
  }
}
@media screen {
  body.css-drdemographics .far-circle {
    cursor: pointer;
  }
}
@media screen {
  body.css-drdemographics .fa fa-check-circle {
    cursor: pointer;
  }
}
@media screen {
  body.css-drdemographics .divbuttonCaption {
    float: left;
    margin-left: 5px !important;
    width: auto !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
@media screen {
  body.css-drdemographics #MgrLevel {
    margin-right: 10px;
  }
}
@media screen {
  body.css-drdemographics .levelButtons {
    margin-top: 10px;
  }
}
@media screen {
  body.css-drdemographics .treeButtons {
    margin-top: 10px;
  }
}
@media screen {
  body.css-drdemographics button:focus {
    outline: 0;
  }
}
@media screen {
  body.css-drdemographics .divFavZero span {
    float: right;
    color: #2f87b0;
    font-size: 12px;
  }
}
@media screen {
  body.css-drdemographics #tblIndex td {
    border: 1px solid transparent !important;
  }
}
@media screen {
  body.css-drdemographics .body-container .dropdown-content {
    height: 100%;
    display: none;
    position: absolute;
    top: 28px;
    min-width: 160px;
    width: 100%;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 1;
    font-size: -2px;
  }
}
@media only screen and (max-width: 760px), (min-width: 768px) and (max-width: 1024px) {
  body.css-drdemographics select {
    width: 250px;
  }
}
body.css-drdemographics .divbuttons {
  margin-top: 10px;
  display: inline-block;
  text-align: left;
}
body.css-drdemographics .divbuttons.drcharts {
  top: 0px;
}
body.css-drdemographics .managerSection {
  margin-top: 8px;
}
body.css-drdemographics #divCheckAll {
  float: right;
  margin-right: 7px;
}
body.css-drdemographics .tdGreen {
  color: black;
  background-color: #95ca31;
}
body.css-drdemographics .tdYellow {
  color: black;
  background-color: #f6bf17;
}
body.css-drdemographics .tdRed {
  color: #fff;
  background-color: #f24f4f;
}
body.css-drdemographics .tdGreenBorder {
  border: 1px sold #95ca31 !important;
  font-weight: bolder;
}
body.css-drdemographics .tdYellowBorder {
  border: 1px solid #f6bf17 !important;
  font-weight: bolder;
}
body.css-drdemographics .tdRedBorder {
  border: 1px solid #f24f4f !important;
  font-weight: bolder;
}
body.css-drdemographics .tdGreenHover {
  color: black;
  background-color: rgba(149, 202, 49, 0.5);
}
body.css-drdemographics .tdYellowHover {
  color: black;
  background-color: rgba(246, 191, 23, 0.5);
}
body.css-drdemographics .tdRedHover {
  color: #fff;
  background-color: rgba(242, 79, 79, 0.5);
}
body.css-drdemographics .tdGrey {
  color: black;
  background-color: #f0f2f5;
}
body.css-drdemographics .levelquestionDescription {
  display: none;
  position: absolute;
  background-color: #fff;
  color: black;
  border: 1px solid #ccc;
  padding: 2px;
  z-index: 1000;
  max-width: 200px;
}
body.css-drdemographics .treequestionDescription {
  display: none;
  position: absolute;
  background-color: #fff;
  color: black;
  border: 1px solid #ccc;
  padding: 2px;
  z-index: 1000;
  max-width: 200px;
}
body.css-drdemographics .legendContainer {
  top: 0px;
}
body.css-drdemographics .legendContainer .legendDescription {
  display: none;
  position: absolute;
  background-color: #fff;
  color: black;
  border: 1px solid #ccc;
  padding: 2px;
  z-index: 1000;
  text-align: left;
  max-width: 174px;
  width: 100%;
}
body.css-drdemographics .legendContainer > div {
  padding: 0;
}
body.css-drdemographics .legendContainer .workgroup {
  position: relative;
  max-width: 130px;
  width: 130px;
  margin-right: 10px;
  vertical-align: top;
}
body.css-drdemographics .legendContainer .workgroup i {
  position: absolute;
  display: none;
  vertical-align: top;
  top: 0;
  left: 0;
}
body.css-drdemographics .legendContainer .workgroup i:before {
  clear: both;
  top: 0;
  margin-right: 0;
  height: 40px;
}
body.css-drdemographics .legendContainer .workgroup .header {
  position: relative;
  display: inline-block;
  vertical-align: top;
  left: 3px;
  line-height: 1em;
}
body.css-drdemographics .legendContainer .workgroup .fineprint {
  position: relative;
  display: inline-block;
  vertical-align: top;
  left: 3px;
  line-height: 1em;
  font-size: 9px;
}
body.css-drdemographics .legendContainer .workgroup.favLegend {
  border-left: 15px solid #2f87b0;
}
body.css-drdemographics .legendContainer .workgroup.NeuLegend {
  border-left: 15px solid #d3e6ee;
}
body.css-drdemographics .legendContainer .workgroup.unFavLegend {
  border-left: 15px solid #555;
}
body.css-drdemographics .treedemoDescription {
  display: none;
  position: absolute;
  background-color: #fff;
  color: black;
  border: 1px solid #ccc;
  padding: 2px;
  z-index: 1000;
  max-width: 200px;
}
body.css-drdemographics .tablesorter-header-inner {
  text-align: center;
}
body.css-drdemographics .tablesorter-header-inner .managerLableSpanDiv {
  position: relative;
  display: inline-block;
  margin-left: 25px;
  vertical-align: middle;
  line-height: 35px;
  cursor: auto;
  text-align: left;
}
body.css-drdemographics .tablesorter-header-inner .managerLableSpanDiv.wide:nth-of-type(1) {
  width: 80%;
}
body.css-drdemographics .tablesorter-header-inner .managerLableSpanDiv span {
  width: 47%;
  display: inline-block;
}
body.css-drdemographics .tablesorter-header-inner .managerLableSpanDivNonTree {
  position: relative;
  display: inline-block;
  margin-left: 15px;
  vertical-align: middle;
  line-height: 35px;
  cursor: auto;
  text-align: left;
  white-space: nowrap;
}
body.css-drdemographics .tablesorter-header-inner .managerLableSpanDivNonTree.wide:nth-of-type(1) {
  width: 80%;
}
body.css-drdemographics .tablesorter-header-inner .managerLableSpanDivNonTree > span,
body.css-drdemographics .tablesorter-header-inner .managerLableSpanDivNonTree > div {
  display: inline-block;
  margin-right: 5px;
}
body.css-drdemographics .tablesorter-header-inner .custom-dropdown {
  position: relative;
  display: none;
  vertical-align: middle;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 10px;
  right: 0;
}
body.css-drdemographics .tablesorter-header-inner .custom-dropdown.show {
  display: inline-block;
}
body.css-drdemographics .tablesorter-header-inner .custom-dropdown.hide {
  display: none;
}
body.css-drdemographics .tablesorter-header-inner .custom-dropdown select {
  display: block;
  position: relative;
  background-color: #266C8D;
  color: #fff;
  font-size: inherit;
  padding: 0.3em;
  padding-right: 2.5em;
  border: 1px solid #2f87b0;
  margin: 0;
  border-radius: 3px;
  text-indent: 0.01px;
  text-overflow: "";
  width: 100%;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
body.css-drdemographics .tablesorter-header-inner .custom-dropdown select:-ms-expand {
  display: none;
}
body.css-drdemographics .tablesorter-header-inner .custom-dropdown:before, body.css-drdemographics .tablesorter-header-inner .custom-dropdown:after {
  content: "";
  position: absolute;
  pointer-events: none;
}
body.css-drdemographics .tablesorter-header-inner .custom-dropdown:after {
  content: "▼";
  height: 1em;
  font-size: 1.25em;
  line-height: 1;
  right: 0.4em;
  top: 50%;
  margin-top: -0.5em;
  color: #fff;
}
body.css-drdemographics .tablesorter-header-inner .custom-dropdown:before {
  display: block;
  position: absolute;
  width: 2em;
  margin-right: -3.8em;
  top: 1px;
  bottom: 0;
  height: 23px;
  border-radius: 0 3px 3px 0;
  background-color: rgba(255, 255, 255, 0.4);
  z-index: 1;
}
body.css-drdemographics .tablesorter-header-inner .custom-dropdown:after {
  color: rgba(0, 0, 0, 0.6);
}
body.css-drdemographics .tablesorter-header-inner .custom-dropdown .custom-dropdown select[disabled] {
  color: rgba(0, 0, 0, 0.25);
}
body.css-drdemographics .demoLableSpanDiv {
  float: left;
  margin-left: 4px;
  vertical-align: middle;
  line-height: 35px;
}
body.css-drdemographics .managercheckaAll {
  float: right;
  margin-top: 7px;
}
body.css-drdemographics .managercheckaAll #divCheckAll {
  margin-top: 5px;
}
body.css-drdemographics .questioncheckaAll {
  float: right;
  margin-top: 5px;
  margin-right: 5px;
}
body.css-drdemographics .viewHierachy {
  background-image: url(https://apx.gpstrategies.com/media/images/icons/tree.png);
  background-position: left center;
  background-size: 20px;
  background-repeat: no-repeat;
  padding-left: 23px;
  padding-right: 10px;
  vertical-align: middle;
  margin-left: 5px;
  line-height: 35px;
  cursor: pointer;
}
body.css-drdemographics .viewHierachy span {
  display: block;
  font-size: 10px;
  line-height: 10px;
}
body.css-drdemographics .compareDemo {
  height: 100%;
  background-position: center;
  background-size: 32px;
  background-repeat: no-repeat;
  padding-left: 14px;
  padding-right: 14px;
  cursor: pointer;
}
body.css-drdemographics .disabledbutton {
  cursor: default !important;
  opacity: 0.4;
}
body.css-drdemographics .managerError {
  display: none;
  position: absolute;
  background-color: #fff;
  color: black;
  border: 1px solid #ccc;
  padding: 2px;
  z-index: 1000;
  max-width: 200px;
  margin-top: 7px;
}
body.css-drdemographics .divTreeLeftBorder {
  vertical-align: middle;
  border-bottom: 1px solid #f15d22;
  margin-left: 20px;
  margin-bottom: -0.75px;
}
body.css-drdemographics .questionOptionRow .divTreeLeftBorder {
  margin-left: 50px;
  margin-bottom: -1px;
}
body.css-drdemographics .questionOptionRow .checkBoxNode:before,
body.css-drdemographics .questionOptionRow .checkBoxNodeChecked:before {
  margin-left: 20px;
}
body.css-drdemographics .treeCell {
  padding: 0 0 0 0 !important;
  line-height: 38px;
  border: none;
  min-width: 280px;
}
body.css-drdemographics .parentNode.expanded:before {
  font-family: "Font Awesome 5 Pro";
  top: 2px;
  left: 7.5px;
  content: "\f056";
  color: #aaa;
  font-size: 1.1em;
  font-weight: 900;
  /* solid style/weight */
  display: block;
  margin-left: 2px;
  float: left;
}
body.css-drdemographics .parentNode.expanded + .down.treeBorderRight {
  margin-top: 0px;
}
body.css-drdemographics .parentNode.collapsed:before {
  font-family: "Font Awesome 5 Pro";
  top: 2px;
  left: 7.5px;
  content: "\f055";
  color: #aaa;
  font-size: 1.1em;
  font-weight: 900;
  /* solid style/weight */
  display: block;
  margin-left: 2px;
  float: left;
}
body.css-drdemographics .up {
  height: 50%;
  position: relative;
}
body.css-drdemographics .down {
  height: 50%;
}
body.css-drdemographics .treeBorderTop {
  border-top: 1px solid #ddd;
}
body.css-drdemographics .treeBorderLeft {
  border-left: 1px solid #ddd;
}
body.css-drdemographics .treeBorderBottom {
  border-bottom: 0;
  margin-right: 5px;
  margin-left: 0;
}
body.css-drdemographics .treeBorderBottom + .treeBorderRight {
  margin-top: 5px;
}
body.css-drdemographics .treeBorderRight {
  border-right: 1px solid #ddd;
}
body.css-drdemographics .TrendSort {
  min-width: 250px !important;
}
body.css-drdemographics .buttonSection {
  margin-bottom: 10px;
  margin-left: 10px;
}
body.css-drdemographics .clearable__clear {
  position: absolute;
  right: -10px;
  top: 3px;
  padding: 0 8px;
  font-style: normal;
  font-size: 1em;
  user-select: none;
  cursor: pointer;
  color: #aaa;
}
body.css-drdemographics .questionDescription {
  margin-left: 20px;
}
body.css-drdemographics .questionChart {
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  width: 40px;
  padding: 0 0 0 0 !important;
  cursor: pointer;
}
body.css-drdemographics .tdSeprate {
  width: 10%;
}
body.css-drdemographics .questionHighChartToolTip {
  position: absolute;
  background-color: #fff;
  color: black;
  border: 1px solid #ccc;
  padding: 2px;
  padding-top: 55px;
  z-index: 1000;
  width: 250px;
  height: 200px;
  border-radius: 5px;
}
body.css-drdemographics .questionHighChartToolTip:after {
  content: "";
  position: absolute;
  left: 217px;
  top: 205px;
  width: 0;
  height: 0;
  border-left: 37px solid transparent;
  border-bottom: 33px solid #ccc;
  border-top: 19px solid transparent;
}
body.css-drdemographics .demoHighChartToolTip {
  display: none;
  position: absolute;
  background-color: #fff;
  color: black;
  border: 1px solid #ccc;
  padding: 2px;
  padding-top: 50px;
  z-index: 1000;
  width: 250px;
  height: 200px;
  border-radius: 10px;
}
body.css-drdemographics .managerHighChartToolTip {
  position: absolute;
  background-color: #fff;
  color: black;
  border: 1px solid #ccc;
  padding: 5px;
  padding-top: 44px;
  z-index: 1000;
  width: 250px;
  height: 200px;
  border-radius: 5px;
  box-shadow: 0 0 10px 0 #999;
}
body.css-drdemographics .managerHighChartToolTip .highcharts-container {
  background-color: #ddd;
}
body.css-drdemographics .managerHighChartToolTip .chartDescriptionLabel {
  padding-top: 5px;
}
body.css-drdemographics .managerHighChartToolTip .chartDescriptionLabel > div {
  border: 1px sold red;
}
body.css-drdemographics .managerHighChartToolTip .chartDescriptionLabel div:nth-of-type(1) {
  display: inline-block;
}
body.css-drdemographics .managerHighChartToolTip .chartDescriptionLabel div:nth-of-type(2) {
  display: inline-block;
  text-align: right;
}
body.css-drdemographics .managerHighChartToolTip .chartDescriptionLabel div:nth-of-type(2) .clearable__clear {
  position: relative;
  top: 0;
}
body.css-drdemographics .chartDescriptionLabel {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 8px;
  font-style: normal;
  font-size: 1em;
  user-select: none;
  cursor: pointer;
  color: #6a737b;
  width: 94%;
  border-radius: 10px 10px 0 0;
  height: 57px;
}
body.css-drdemographics .demoViewLevel1 {
  margin-left: 10px;
}
body.css-drdemographics #divMgrLevel thead th {
  background-repeat: no-repeat;
  background-position: right 10px center;
  border: 0 solid transparent !important;
  position: relative;
}
body.css-drdemographics #tblMgrTreeFav thead th {
  background-repeat: no-repeat;
  background-position: right 10px center;
  border: 0 solid transparent !important;
  position: relative;
}
body.css-drdemographics #tblMgrTreeFav thead th.tableSortup > div:before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
}
body.css-drdemographics #tblMgrTreeFav thead th.tableSortdown > div:before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
}
body.css-drdemographics #tblMgrTreeFav thead th.TrendSort :before {
  right: 50px !important;
}
body.css-drdemographics #tblMain thead th {
  background-repeat: no-repeat;
  background-position: right 10px center;
  border: 0 solid transparent !important;
  position: relative;
}
body.css-drdemographics #tblMain thead th.tableSortup :before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
}
body.css-drdemographics #tblMain thead th.tableSortdown :before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
}
body.css-drdemographics #tblMain thead th.TrendSort :before {
  right: 50px !important;
}
body.css-drdemographics #tblTrend thead th {
  background-repeat: no-repeat;
  background-position: right 10px center;
  border: 0 solid transparent !important;
  position: relative;
}
body.css-drdemographics #tblDemoTree thead th {
  background-repeat: no-repeat;
  background-position: right 10px center;
  border: 0 solid transparent !important;
  position: relative;
}
body.css-drdemographics #tblDemoTree thead th.tableSortup :before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  /* solid style/weight */
}
body.css-drdemographics #tblDemoTree thead th.tableSortdown :before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  /* solid style/weight */
}
body.css-drdemographics #tblDemoTree thead th.TrendSort :before {
  right: 50px !important;
}
body.css-drdemographics #tblMgrLevel thead th.tableSortup:before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
}
body.css-drdemographics #tblMgrLevel thead th.tableSortdown:before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
}
body.css-drdemographics #tblMgrLevel thead th.TrendSort:before {
  right: 50px !important;
}
body.css-drdemographics .tableSortup > div:before,
body.css-drdemographics .tableSortdown > div:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3px;
  width: 10px;
  background-image: url("https://apx.gpstrategies.com/media/images/sort-arrows.gif");
  background-position: left center;
  background-size: 20px;
  background-repeat: no-repeat;
}
body.css-drdemographics .tableSortup > div:before {
  background-position: left center;
}
body.css-drdemographics .tableSortdown > div:before {
  background-position: right center;
}
body.css-drdemographics .checkBoxNode:before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  top: 1px;
  left: 12px;
  content: "\f0c8";
  color: #aaa;
  font-size: 1.1em;
  font-weight: 400;
  /* regular style/weight */
  display: block;
  margin-left: 1px;
  margin-right: 5px;
  margin-bottom: 1px;
}
body.css-drdemographics .checkBoxNodeChecked:before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  top: 1px;
  left: 12px;
  color: #aaa;
  content: "\f14a";
  font-weight: 400;
  /* regular style/weight */
  font-size: 1.1em;
  display: block;
  margin-left: 1px;
  margin-right: 5px;
  margin-bottom: 1px;
}
body.css-drdemographics .compare {
  display: block;
  background-image: url("https://apx.gpstrategies.com/media/images/icons/filtered-icon.png");
  height: -7px;
  background-position: left center;
  background-size: 20px;
  background-repeat: no-repeat;
  padding-left: 10px;
  padding-right: 20px;
  padding-top: 30px;
}
body.css-drdemographics .compareQueTR,
body.css-drdemographics .compareDemoTR {
  background-color: bisque;
}
body.css-drdemographics .goBack {
  display: block;
  background-image: url("https://apx.gpstrategies.com/media/images/icons/unfiltered-icon.png");
  height: -7px;
  background-position: left center;
  background-size: 20px;
  background-repeat: no-repeat;
  padding-left: 10px;
  padding-right: 20px;
  padding-top: 30px;
}
body.css-drdemographics .questionCheck:before {
  top: 8px !important;
  left: 6px;
  cursor: pointer;
}
body.css-drdemographics .demoHighChartToolTipLeft:after {
  content: "";
  position: absolute;
  right: 218px;
  top: 200px;
  width: 0;
  height: 0;
  border-right: 37px solid transparent;
  border-bottom: 33px solid #ccc;
  border-top: 19px solid transparent;
}
body.css-drdemographics .demoHighChartToolTipRight:after {
  content: "";
  position: absolute;
  left: 218px;
  top: 200px;
  width: 0;
  height: 0;
  border-left: 37px solid transparent;
  border-bottom: 33px solid #ccc;
  border-top: 19px solid transparent;
}
body.css-drdemographics .demoToolTipDiv:after {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  width: 0;
  height: 0;
  border-top: 19px solid #ccc;
  border-left: 19px solid transparent;
  cursor: pointer;
}
body.css-drdemographics .managerHighChartToolTipLeft:after {
  content: "";
  position: absolute;
  right: 228px;
  top: 197px;
  width: 0;
  height: 0;
  border-right: 33px solid transparent;
  border-bottom: 33px solid #ccc;
  border-top: 19px solid transparent;
}
body.css-drdemographics .managerHighChartToolTipRight:after {
  content: "";
  position: absolute;
  left: 218px;
  top: 195px;
  width: 0;
  height: 0;
  border-left: 37px solid transparent;
  border-bottom: 33px solid #ccc;
  border-top: 19px solid transparent;
}
body.css-drdemographics .mgrToolTipDiv:after {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  width: 0;
  height: 0;
  border-top: 19px solid #ccc;
  border-left: 19px solid transparent;
  cursor: pointer;
}
body.css-drdemographics .table {
  width: 100%;
}
body.css-drdemographics .table th {
  min-width: 90px;
}
body.css-drdemographics .highlightedCell {
  font-weight: bold;
  background-color: rgba(76, 135, 201, 0.26);
}
body.css-drdemographics .responseColmn {
  max-width: 220px;
  width: 15%;
}

body.css-drretention {
  /*.primaryYes > div {
      height: 24px;
  }*/
  /*.primaryProb > div {
      height: 24px;
  }*/
  /*.primaryNo > div {
      height: 24px;
  }*/
  /*.primaryNo > div:nth-child(3) {
      padding-top: 5px;
  }*/
  /*.left-menu-n-body-container{
      margin-left:0;
      margin-right: 0;
  }*/
  /*.primaryYes{
      display: none;
  }*/
}
@media screen {
  body.css-drretention {
    /*TO DO - Move all pop-up help css to a shared css file*/
    /*  End Pop-up Help CSS   */
  }
  body.css-drretention .i_help_page {
    height: 30px;
    width: 30px;
    float: right;
    padding-right: 20px;
    padding-top: 10px;
  }
  body.css-drretention .popup_help {
    position: absolute;
    width: 100%;
    background-color: #fff;
    top: 0;
    z-index: 5000;
    display: none;
    border: 1px solid #C7C8CA;
    font-size: 16px;
    width: 500px;
  }
  body.css-drretention .popup_help .title {
    background: #f15d22;
    line-height: 30px;
    padding: 20px;
    color: white;
  }
  body.css-drretention .popup_help .title a {
    color: white;
    text-decoration: none;
  }
  body.css-drretention .popup_help .description {
    padding: 20px;
  }
  body.css-drretention .card_close {
    vertical-align: top;
    float: right;
    padding: 10px;
    color: white;
  }
  body.css-drretention .flightrisk-label {
    font-size: 16px;
    text-align: center;
    width: 100%;
    padding-top: 20px;
  }
  body.css-drretention #lbl {
    margin-top: 19px;
    width: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
  }
  body.css-drretention .primaryPer {
    font-size: 18px;
  }
  body.css-drretention .primary-yes-bar {
    height: 12px;
    width: 100%;
    background-color: #D3E6EE;
    margin-left: auto;
    margin-right: auto;
  }
  body.css-drretention .progress-bar-container {
    height: 15px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3px;
    border-left: 2px solid #c7c8ca;
    border-right: 2px solid #c7c8ca;
  }
  body.css-drretention .primary-yes-block {
    width: 28%;
    height: 180px;
    float: left;
    /*background-color:  #D3E6EE;*/
  }
  body.css-drretention .primary-prob-bar {
    height: 12px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #D3E6EE;
  }
  body.css-drretention .primary-no-bar {
    height: 12px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #D3E6EE;
  }
  body.css-drretention .svg-container {
    height: 100px;
    width: 50%;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  body.css-drretention .div-com-block {
    height: 12px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #D3E6EE;
  }
  body.css-drretention .primary-yes-progress {
    height: 100%;
    width: 0%;
    background-color: #95ca31;
  }
  body.css-drretention .div-com-progress {
    height: 100%;
    width: 0%;
    max-width: 100%;
    background-color: #95ca31;
  }
  body.css-drretention .div-com-progress-2 {
    height: 100%;
    width: 0%;
    max-width: 100%;
    background-color: #f6bf17;
  }
  body.css-drretention .primary-prob-progress-2 {
    height: 100%;
    width: 0%;
    background-color: #f6bf17;
  }
  body.css-drretention .primary-prob-progress-3 {
    height: 100%;
    width: 0%;
    max-width: 100%;
    background-color: #a03522;
  }
  body.css-drretention .primaryYes,
body.css-drretention .primaryProb,
body.css-drretention .primaryNo,
body.css-drretention .primaryNumbers {
    display: none;
  }
  body.css-drretention .charts-sec-container {
    background: white;
    width: 94%;
    margin-left: 3%;
    padding-top: 12px;
    margin-top: 10px;
    min-height: 300px;
    border-bottom: 10px solid #2F87B0;
  }
  body.css-drretention .variance-progress {
    fill: rgb(123, 191, 140);
    stroke-width: 0;
    transform: translate(212px, 13px);
  }
  body.css-drretention .svg-container {
    display: none;
  }
  body.css-drretention .variance-progress-container {
    width: 80%;
    height: 75px;
    min-width: 130px;
    margin-left: auto;
    margin-right: auto;
  }
  body.css-drretention #aspnetForm > div.wrapper > div.left-menu-n-body-container > div.body-container > div.trend-wrapper > div.charts-sec-container > div > div.primaryLable > div:nth-child(1) {
    height: 50px;
  }
  body.css-drretention .var-circle {
    background-color: #e8efef;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 12px;
  }
  body.css-drretention .partition-line {
    border: 1px solid #c7c8ca;
    height: 70px;
    margin-top: -65px;
    width: 0px;
    margin-left: auto;
    margin-right: auto;
  }
  body.css-drretention .red-progress {
    width: 1px;
    height: 15px;
    background-color: #679940;
    margin-left: 50%;
    max-width: 100px;
    margin-top: -60px;
  }
  body.css-drretention .blue-progress {
    width: 0;
    height: 15px;
    max-width: 100px;
    background-color: #a03522;
    /* margin-left: -39px; */
    /* margin-top: -44px; */
    position: absolute;
    right: 0%;
    top: 0px;
  }
  body.css-drretention .parent {
    width: 49%;
    height: 15px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    top: -44px;
    right: -2px;
  }
  body.css-drretention #progress-yes-1 {
    float: right;
    float: right;
    margin-top: -15px;
    margin-right: 30px;
  }
  body.css-drretention #div-com-label-1 {
    float: right;
    margin-right: 7.5%;
    margin-top: -20px;
  }
  body.css-drretention #var-label-2 {
    float: right;
    margin-right: 7.5%;
    margin-top: -20px;
  }
  body.css-drretention #var-label-1 {
    float: right;
    margin-right: 7.5%;
    margin-top: -15px;
  }
  body.css-drretention #progress-no-label {
    float: right;
    margin-top: -15px;
    margin-right: 7.5%;
  }
  body.css-drretention #div-com-no-label {
    float: right;
    margin-top: -20px;
    margin-right: 7.5%;
  }
  body.css-drretention #primary-yes-2-label {
    /*float: right;*/
    margin-left: 7.5%;
    /*margin-top: -15px;*/
    text-align: center;
  }
  body.css-drretention #compare-employee-label {
    /*float: right;*/
    margin-left: 7.5%;
    /*margin-top: -20px;*/
    text-align: center;
  }
  body.css-drretention #primary-prob-label {
    /*float: right;*/
    margin-left: 7.5%;
    /*margin-top: -15px;*/
    text-align: center;
  }
  body.css-drretention #primary-prob-2-label {
    /*float: right;*/
    margin-left: 7.5%;
    /*margin-top: -20px;*/
    text-align: center;
  }
  body.css-drretention #primary-no-2-label {
    /*float: right;*/
    margin-left: 7.5%;
    /*margin-top: -15px;*/
    text-align: center;
  }
  body.css-drretention #primary-no-label {
    /*float: right;*/
    margin-left: 7.5%;
    /*margin-top: -20px;*/
    text-align: center;
  }
  body.css-drretention .primaryLable > div:nth-child(2) {
    height: 45px;
  }
  body.css-drretention .var-span-blue,
body.css-drretention .var-span-red {
    top: -2px;
    margin-top: -1px;
  }
  body.css-drretention .var-span-red {
    height: 20px;
    float: left;
    font-size: 15px;
  }
  body.css-drretention .var-span-blue {
    height: 20px;
    float: right;
    font-size: 15px;
    text-align: left;
  }
  body.css-drretention .topmargin {
    margin-top: -58px;
  }
  body.css-drretention .primary-legend {
    height: auto;
    width: 96%;
    margin-left: auto;
    padding-bottom: 0px;
    margin-right: auto;
    margin-top: 35px;
  }
  body.css-drretention .legend-blank {
    float: left;
    min-height: 10px;
    width: 12%;
  }
  body.css-drretention .legend-yes {
    float: left;
    min-height: 10px;
    width: 28%;
  }
  body.css-drretention .legend-prob {
    float: left;
    min-height: 10px;
    width: 28%;
  }
  body.css-drretention .legend-no {
    float: left;
    min-height: 10px;
    width: 28%;
  }
  body.css-drretention .yes {
    height: auto;
    width: 30%;
    border: 2px solid #a0a0a4;
    border-radius: 21px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    background-color: #e0efc4;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 3px;
  }
  body.css-drretention .no {
    height: auto;
    width: 30%;
    border: 2px solid #a0a0a4;
    border-radius: 21px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    background-color: #f3c0ba;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 3px;
  }
  body.css-drretention .prob {
    height: auto;
    width: 32%;
    border: 2px solid #a0a0a4;
    border-radius: 21px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fcecbc;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 3px;
  }
  body.css-drretention #flighRisk > div.primaryPer > div:nth-child(8) {
    padding-top: 0;
  }
  body.css-drretention .primary {
    height: 50px;
    margin-top: 0px;
  }
  body.css-drretention .secondary {
    height: 50px;
  }
  body.css-drretention #variance-label-1 {
    float: right;
    position: relative;
  }
  body.css-drretention #variance-label-5 {
    float: right;
    position: relative;
    margin-left: -30px;
  }
  body.css-drretention #variance-label-2 {
    position: relative;
    float: none;
  }
  body.css-drretention #variance-label-4 {
    position: relative;
  }
  body.css-drretention #variance-label-6 {
    position: relative;
    margin-top: -15px;
    float: none;
    position: relative;
  }
  body.css-drretention #variance-label-18 {
    position: relative;
    margin-top: 0;
    margin-right: 0;
    float: none;
  }
  body.css-drretention #variance-label-21 {
    position: relative;
    margin-top: 0;
    float: none;
  }
  body.css-drretention #variance-label-3 {
    position: relative;
    float: right;
    margin-left: -30px;
  }
  body.css-drretention #variance-label-20 {
    position: relative;
    float: right;
    margin-left: -44px;
  }
  body.css-drretention #variance-label-17 {
    margin-left: -44px;
  }
  body.css-drretention #variance-label-22 {
    /* margin-top: -60px; */
    position: relative;
    float: none;
    position: relative;
    float: none;
    margin-left: -30px;
  }
  body.css-drretention #variance-label-23 {
    position: relative;
    float: none;
  }
  body.css-drretention #aspnetForm > div.wrapper > div.left-menu-n-body-container > div.body-container > div.trend-wrapper > div.charts-sec-container > div > div.primary-legend {
    margin-top: -10px;
  }
  body.css-drretention .mobile-var-container {
    display: none;
  }
}
@media screen and (min-width: 1600px) {
  body.css-drretention .divbuttonCaption {
    width: 8%;
    margin-bottom: 0px;
  }
  body.css-drretention .primaryLable {
    text-align: center;
  }
  body.css-drretention #aspnetForm > div.wrapper > div.left-menu-n-body-container > div.body-container > div.trend-wrapper > div.charts-sec-container > div > div.primaryLable {
    height: 143px;
    padding-top: 8px;
  }
  body.css-drretention #flighRisk > div.primaryPer > div.primaryLable {
    padding-top: 0px;
  }
}
@media screen and (min-width: 1115px) and (max-width: 1599px) {
  body.css-drretention {
    /*.var-span-blue{
                                margin-right: -17px;
                       }*/
  }
  body.css-drretention .divbuttonCaption {
    width: 8%;
    margin-bottom: 0px;
  }
  body.css-drretention .primaryLable {
    text-align: center;
  }
  body.css-drretention .prob {
    width: 40%;
  }
  body.css-drretention .primaryLable > div:nth-child(2) {
    font-size: 14px;
  }
  body.css-drretention #aspnetForm > div.wrapper > div.left-menu-n-body-container > div.body-container > div.trend-wrapper > div.charts-sec-container > div > div.primaryLable > div:nth-child(1) {
    font-size: 14px;
  }
  body.css-drretention #variance-label-21 {
    margin-right: -28px;
  }
  body.css-drretention #variance-label-4 {
    margin-right: -22px;
    float: none;
  }
  body.css-drretention #variance-label-18 {
    margin-right: -25px;
  }
}
body.css-drretention #variance-label-1 {
  margin-left: -30px;
}
body.css-drretention #variance-label-4 {
  margin-right: -22px;
  margin-top: 0;
  float: none;
}
body.css-drretention #variance-label-18 {
  margin-right: -25px;
}
@media screen and (min-width: 799px) and (max-width: 1114px) {
  body.css-drretention .divbuttonCaption {
    width: 12%;
    margin-bottom: 0px;
  }
  body.css-drretention .primaryPer {
    margin-top: 5%;
  }
  body.css-drretention .var-circle {
    width: 50px;
    height: 50px;
  }
  body.css-drretention .partition-line {
    border: 1px solid #c7c8ca;
    height: 60px;
    margin-top: -56px;
    width: 0px;
    margin-left: auto;
    margin-right: auto;
  }
  body.css-drretention .primaryLable {
    width: 10%;
  }
  body.css-drretention .primary {
    font-size: 12px;
  }
  body.css-drretention .compare {
    font-size: 12px;
    border-bottom: 1px solid grey;
  }
  body.css-drretention .primaryLable > div {
    height: 31px;
  }
  body.css-drretention .variance-progress-container {
    height: 70px;
  }
  body.css-drretention .prob {
    width: 51%;
  }
  body.css-drretention #aspnetForm > div.wrapper > div.left-menu-n-body-container > div.body-container > div.trend-wrapper > div.charts-sec-container > div > div.primaryLable {
    font-size: 12px;
    width: 12%;
  }
  body.css-drretention .primaryPer > div {
    padding-top: 20px;
    text-align: center;
  }
  body.css-drretention #variance-label-21 {
    margin-right: -28px;
  }
}
@media screen and (min-width: 501px) and (max-width: 798px) {
  body.css-drretention .header-image-container,
body.css-drretention .header-image-foreground {
    display: none;
  }
  body.css-drretention .divbuttonCaption {
    margin-left: 10%;
  }
  body.css-drretention .primaryPer {
    margin-top: 15%;
  }
  body.css-drretention .primary {
    font-size: 10px;
    margin-top: 6px;
  }
  body.css-drretention .compare {
    font-size: 10px;
    border-bottom: 1px solid grey;
  }
  body.css-drretention .primaryLable {
    width: 12%;
  }
  body.css-drretention #progress-yes-1 {
    margin-right: 9px;
    font-size: 10px;
  }
  body.css-drretention #var-label-1 {
    font-size: 10px;
  }
  body.css-drretention #progress-no-label {
    font-size: 10px;
  }
  body.css-drretention .var-circle {
    background-color: #e8efef;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 8px;
  }
  body.css-drretention .partition-line {
    border: 1px solid #c7c8ca;
    height: 50px;
    margin-top: -46px;
    width: 0px;
    margin-left: auto;
    margin-right: auto;
  }
  body.css-drretention .parent {
    top: -35px;
  }
  body.css-drretention .red-progress {
    margin-top: -49px;
    max-width: 30px;
  }
  body.css-drretention .blue-progress {
    max-width: 30px;
  }
  body.css-drretention .variance-progress-container {
    height: 52px;
  }
  body.css-drretention #div-com-label-1 {
    font-size: 10px;
    margin-top: -13px;
  }
  body.css-drretention #var-label-2 {
    font-size: 10px;
    margin-top: -14px;
  }
  body.css-drretention #div-com-no-label {
    font-size: 10px;
    margin-top: -14px;
  }
  body.css-drretention .primaryLable {
    padding-top: 10px;
  }
  body.css-drretention #var-label-2 {
    font-size: 10px;
  }
  body.css-drretention .primaryLable {
    padding-top: 10px;
  }
  body.css-drretention .primaryLable > div:nth-child(1) {
    padding-top: 10px;
  }
  body.css-drretention .primaryLable > div:nth-child(2) {
    padding-top: 14px;
    height: 27px;
  }
  body.css-drretention .primaryLable > div {
    height: 29px;
  }
  body.css-drretention .var-span-blue {
    font-size: 10px;
  }
  body.css-drretention .primary-yes-block {
    height: 110px;
  }
  body.css-drretention .primaryLable {
    height: 110px;
  }
  body.css-drretention .yes {
    font-size: 12px;
    width: 37%;
    margin-top: -2px;
  }
  body.css-drretention .prob {
    font-size: 12px;
    width: 79%;
    margin-top: -2px;
  }
  body.css-drretention .no {
    font-size: 12px;
    width: 37%;
    margin-top: -2px;
  }
  body.css-drretention .charts-sec-container {
    width: 100%;
    margin-left: 0;
  }
  body.css-drretention #aspnetForm > div.wrapper > div.left-menu-n-body-container > div.body-container > div.trend-wrapper > div.charts-sec-container > div > div.primaryLable > div:nth-child(1) {
    font-size: 9px;
  }
  body.css-drretention #aspnetForm > div.wrapper > div.left-menu-n-body-container > div.body-container > div.trend-wrapper > div.charts-sec-container > div > div.primaryLable > div:nth-child(2) {
    font-size: 9px;
  }
  body.css-drretention #aspnetForm > div.wrapper > div.left-menu-n-body-container > div.body-container > div.trend-wrapper > div.charts-sec-container > div > div.primaryLable > div:nth-child(1) {
    height: 42px;
  }
  body.css-drretention #aspnetForm > div.wrapper > div.left-menu-n-body-container > div.body-container > div.trend-wrapper > div.charts-sec-container > div > div.primaryLable > div:nth-child(2) {
    height: 35px;
  }
  body.css-drretention #aspnetForm > div.wrapper > div.left-menu-n-body-container > div.body-container > div.trend-wrapper > div.charts-sec-container > div > div.primaryLable {
    padding-top: 12px;
  }
  body.css-drretention #aspnetForm > div.wrapper > div.left-menu-n-body-container > div.body-container > div.trend-wrapper > div.charts-sec-container > div {
    margin-top: 0;
  }
  body.css-drretention #variance-label-1 {
    margin-top: -65px;
  }
  body.css-drretention #variance-label-4 {
    margin-top: -28px;
  }
  body.css-drretention #variance-label-6 {
    margin-top: -28px;
  }
  body.css-drretention #variance-label-18 {
    margin-top: -28px;
  }
  body.css-drretention #variance-label-21 {
    margin-top: -28px;
  }
  body.css-drretention .divbuttonCaption {
    margin-left: 13%;
  }
  body.css-drretention .header-image-container {
    display: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 500px) {
  body.css-drretention {
    /*#aspnetForm > div.wrapper > div.left-menu-n-body-container > div.body-container > div.trend-wrapper > div.charts-sec-container > div > div.primary-legend{
                            margin-top: -40px;
                        }*/
  }
  body.css-drretention .divbuttonCaption {
    margin-left: 10%;
  }
  body.css-drretention .primaryPer {
    margin-top: 15%;
  }
  body.css-drretention .primary {
    font-size: 10px;
    margin-top: 6px;
  }
  body.css-drretention .compare {
    font-size: 10px;
    border-bottom: 1px solid grey;
  }
  body.css-drretention .primaryLable {
    width: 20%;
    padding-left: 0;
    padding-right: 0;
    height: 90px;
    padding-top: 10px;
  }
  body.css-drretention #progress-yes-1 {
    margin-right: 4px;
    font-size: 8px;
    margin-top: -12px;
  }
  body.css-drretention #var-label-1 {
    font-size: 8px;
    margin-top: -11px;
  }
  body.css-drretention #progress-no-label {
    font-size: 8px;
    margin-top: -12px;
  }
  body.css-drretention .var-circle {
    background-color: #e8efef;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: auto;
    margin-left: 18%;
    margin-top: 8px;
  }
  body.css-drretention .partition-line {
    border: 1px solid #c7c8ca;
    height: 35px;
    margin-top: -34px;
    width: 0px;
    margin-left: 38px;
    margin-right: auto;
  }
  body.css-drretention .parent {
    top: -27px;
    left: -24px;
  }
  body.css-drretention .var-span-red {
    font-size: 8px;
  }
  body.css-drretention .red-progress {
    margin-top: -42px;
    margin-left: 30%;
  }
  body.css-drretention .variance-progress-container {
    height: 52px;
    display: none;
  }
  body.css-drretention #div-com-label-1 {
    font-size: 8px;
    margin-top: -14px;
  }
  body.css-drretention #var-label-2 {
    font-size: 8px;
    margin-top: -13px;
  }
  body.css-drretention #div-com-no-label {
    font-size: 8px;
    margin-top: -13px;
  }
  body.css-drretention .primaryLable > div:nth-child(1) {
    padding-top: 10px;
  }
  body.css-drretention .primaryLable > div:nth-child(2) {
    padding-top: 7px;
    height: 22px;
  }
  body.css-drretention .primaryLable > div {
    height: 22px;
  }
  body.css-drretention .var-span-blue {
    font-size: 10px;
  }
  body.css-drretention .primary-yes-block {
    height: 90px;
    width: 26%;
  }
  body.css-drretention .yes {
    font-size: 8px;
    width: 37%;
    margin-top: -2px;
    margin-left: 40%;
  }
  body.css-drretention .prob {
    font-size: 8px;
    width: 69%;
    margin-top: -2px;
    margin-left: 27%;
  }
  body.css-drretention .no {
    font-size: 8px;
    width: 37%;
    margin-top: -2px;
    margin-left: 38%;
  }
  body.css-drretention .header-image-container {
    display: none;
  }
  body.css-drretention .charts-sec-container {
    width: 100%;
    margin-left: 0;
  }
  body.css-drretention #aspnetForm > div.wrapper > div.left-menu-n-body-container > div.body-container > div.trend-wrapper > div.charts-sec-container > div > div.primaryLable > div:nth-child(1) {
    height: 30px;
    font-size: 8px;
    padding-top: 5px;
  }
  body.css-drretention #aspnetForm > div.wrapper > div.left-menu-n-body-container > div.body-container > div.trend-wrapper > div.charts-sec-container > div > div.primaryLable > div:nth-child(2) {
    height: 26px;
    font-size: 8px;
    padding-top: 2px;
  }
  body.css-drretention #aspnetForm > div.wrapper > div.left-menu-n-body-container > div.body-container > div.trend-wrapper > div.charts-sec-container > div > div.primaryLable {
    padding-top: 21px;
    width: 16%;
  }
  body.css-drretention #aspnetForm > div.wrapper > div.left-menu-n-body-container > div.body-container > div.trend-wrapper > div.charts-sec-container > div {
    margin-top: 0;
  }
  body.css-drretention #variance-label-1 {
    margin-top: -41px;
    margin-left: -26px;
  }
  body.css-drretention .mobile-var-container {
    display: block;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    /*border: 1px solid red;*/
  }
  body.css-drretention .mobile-var-span {
    /*border: 1px solid red;*/
    margin-left: auto;
    margin-right: auto;
    margin-top: 11px;
    text-align: center;
    font-size: 10px;
  }
  body.css-drretention #primary-yes-2-label {
    font-size: 8px;
    margin-top: 0px;
  }
  body.css-drretention #compare-employee-label {
    font-size: 8px;
    margin-top: -13px;
  }
  body.css-drretention #primary-prob-label {
    font-size: 8px;
    margin-top: 0;
  }
  body.css-drretention #primary-prob-2-label {
    font-size: 8px;
    margin-top: -13px;
  }
  body.css-drretention #primary-no-2-label {
    font-size: 8px;
    margin-top: 0;
  }
  body.css-drretention #primary-no-label {
    font-size: 8px;
    margin-top: -13px;
  }
}
body.css-drretention .imgWhyLeave {
  background: url("https://apx.gpstrategies.com/media/images/icons/grid-outline-inactive.png");
}
body.css-drretention .imgWhyLeave:hover,
body.css-drretention .imgWhyLeave.active {
  background-image: url("https://apx.gpstrategies.com/media/images/icons/grid-outline-active.png");
}
body.css-drretention .imgFlightRisk {
  background-image: url("https://apx.gpstrategies.com/media/images/icons/charts-inactive.png");
}
body.css-drretention .imgFlightRisk:hover,
body.css-drretention .imgFlightRisk.active {
  background-image: url("https://apx.gpstrategies.com/media/images/icons/charts-active.png");
}
body.css-drretention .imgWhyStay {
  background-image: url("https://apx.gpstrategies.com/media/images/icons/grid-solid-inactive.png");
}
body.css-drretention .imgWhySay:hover,
body.css-drretention .imgWhyStay.active {
  background-image: url("https://apx.gpstrategies.com/media/images/icons/grid-solid-active.png");
}
body.css-drretention .headerSort {
  content: url("https://apx.gpstrategies.com/media/images/bg.gif");
}
body.css-drretention .headerSortUp {
  content: url("https://apx.gpstrategies.com/media/images/desc.gif");
}
body.css-drretention .headerSortDown {
  content: url("../../media/images/asc.gif");
}
body.css-drretention .separator {
  height: 100%;
  width: 5%;
  float: left;
}
body.css-drretention .barLine {
  height: 16px;
  background: grey;
  width: 1px;
  margin-left: 0;
  margin-right: 0;
  float: left;
}
body.css-drretention .bar {
  margin-top: 3px;
  height: 10px;
  float: left;
}
body.css-drretention .sub-nav-pill {
  width: 100%;
  border: 0;
}
body.css-drretention .barSpace {
  height: 10px;
  background-color: #D3E6EE;
  float: left;
  margin-top: 3px;
}
body.css-drretention .numVal {
  float: right;
  padding-right: 5px;
  vertical-align: middle;
  color: white;
  font-size: 8px;
  margin-top: 1px;
}
body.css-drretention .primaryPer {
  margin-left: 2%;
  margin-right: 2%;
  margin-top: 3%;
  vertical-align: middle;
}
body.css-drretention .primaryPer > div {
  padding-top: 4px;
}
body.css-drretention .primaryNumbers {
  margin-left: 2%;
  margin-right: 2%;
  margin-top: 2%;
  vertical-align: middle;
}
body.css-drretention .primaryNumbers > div {
  padding-top: 20px;
}
body.css-drretention .primaryLable {
  float: left;
  width: 8%;
  padding-right: 2%;
  height: 162px;
  padding-left: 2%;
}
body.css-drretention .primaryLable > div {
  height: 44px;
}
body.css-drretention .primaryLable > div:nth-child(1) {
  /*border-top: 1px solid grey;*/
  padding-top: 8px;
}
body.css-drretention .primaryLable > div:nth-child(2) {
  /* border-top: 1px solid grey; */
  padding-top: 15px;
  /*border-bottom: 1px solid grey;*/
}
body.css-drretention .primaryYes {
  float: left;
  width: 27%;
  padding-right: 3%;
}
body.css-drretention .primaryYes > div:nth-child(1) {
  padding-top: 12px;
}
body.css-drretention .primaryYes > div:nth-child(3) {
  padding-top: 5px;
}
body.css-drretention .primaryProb {
  float: left;
  width: 27%;
  padding-right: 3%;
}
body.css-drretention .primaryProb > div:nth-child(1) {
  padding-top: 12px;
}
body.css-drretention .primaryProb > div:nth-child(3) {
  padding-top: 5px;
}
body.css-drretention .primaryNo {
  float: left;
  width: 27%;
  padding-right: 3%;
}
body.css-drretention .primaryNo > div:nth-child(1) {
  padding-top: 12px;
}
body.css-drretention .barValue {
  font-size: 10px !important;
  text-align: right;
}
body.css-drretention .varianceVal {
  font-size: 10px !important;
  height: 15px !important;
  padding-top: 27px;
  text-align: center;
}
body.css-drretention #divChart {
  margin-left: auto;
  margin-right: auto;
}
body.css-drretention #tblRetention {
  width: 100%;
}
body.css-drretention #tblFlight {
  width: 95%;
}
body.css-drretention .tdFavorable,
body.css-drretention .tdFavorableHeader {
  background-color: #2f87b0;
  color: white;
  height: 35px;
  text-align: center;
  /* padding-left: 10px; */
}
body.css-drretention .headerSort {
  content: url(/media/images/bds-down-borderless-icon.png);
  height: 15px;
}
body.css-drretention .headerSortDown {
  content: url(/media/images/bds-down-borderless-icon.png);
  height: 15px;
}
body.css-drretention .headerSortUp {
  content: url(/media/images/bds-down-borderless-icon.png);
  height: 15px;
  transform: rotate(180deg);
}
body.css-drretention td {
  padding: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
}
body.css-drretention #tblRetention {
  border-collapse: collapse !important;
  margin-bottom: 20px;
}
body.css-drretention #tblFlight {
  border-collapse: collapse !important;
  margin-bottom: 20px;
  margin-left: 25px;
  font-size: 15px;
}
body.css-drretention #tblFlight .tdFavorable,
body.css-drretention #tblFlight .tdFavorableHeader {
  background-color: #2f87b0;
  color: white;
  height: 35px;
  text-align: center;
  padding-left: 0px;
  font-size: 20px;
}
body.css-drretention #responseColumn {
  text-align: left;
  padding-left: 10px;
}
body.css-drretention #tblFlight .flight-response {
  width: 9%;
}
body.css-drretention #tblFlight .flight-yes {
  width: 30%;
}
body.css-drretention #tblFlight .flight-probably {
  width: 30%;
}
body.css-drretention #tblFlight .flight-no {
  width: 3031%;
}
body.css-drretention #questionSort {
  text-align: left;
}
body.css-drretention #tblRetention > tbody > tr:nth-child(1) > td:nth-child(1),
body.css-drretention #tblRetention > tbody > tr:nth-child(1) > td:nth-child(2),
body.css-drretention #tblRetention > tbody > tr:nth-child(1) > td:nth-child(3),
body.css-drretention #tblRetention > tbody > tr:nth-child(1) > td:nth-child(4) {
  padding-top: 30px;
}
body.css-drretention .table-row-1 {
  text-align: center;
  /* padding-right: 2.5%; */
}
body.css-drretention .table-row-text {
  padding-left: 15px;
}
body.css-drretention .header-image-foreground {
  /*    background-color: #ffffff8c;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  margin-top: -4px;*/
}
body.css-drretention .svg-container {
  /*display: inline-block;*/
  position: relative;
  width: 15%;
  height: 155px;
  vertical-align: middle;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
body.css-drretention .svg-content {
  display: inline-block;
  position: absolute;
  fill: red;
  top: 0px;
  left: 0;
}
body.css-drretention .variance-container {
  cx: 212;
  cy: 17;
  r: 19;
  stroke: grey;
  stroke-width: 0px;
  fill: rgba(212, 212, 207, 0.3411764706);
}
body.css-drretention .variance-center-line {
  stroke: rgb(185, 180, 180);
  stroke-width: 1px;
  transform: translate(192px, -5px);
}
body.css-drretention .variance-center-line-horizontal {
  stroke: rgb(123, 191, 140);
  stroke-width: 6px;
  transform: translate(212px, -4px);
}
body.css-drretention .variance-span {
  transform: translate(245px, 18px);
  font-size: 8px;
  fill: #a6a0a0;
}
body.css-drretention #tblRetention thead th.tableSortup :before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  top: 9px;
  right: 10px;
  font-size: 1.5em;
  font-weight: 900;
  /* solid style/weight */
}
body.css-drretention #tblRetention thead th.tableSortdown :before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  top: 9px;
  right: 10px;
  font-size: 1.5em;
  font-weight: 900;
  /* solid style/weight */
}
body.css-drretention #tblRetention thead th.TrendSort :before {
  right: 50px !important;
}
body.css-drretention #tblRetention thead th {
  background-repeat: no-repeat;
  background-position: right 10px center;
  border: 0 solid transparent !important;
  min-width: 100px;
  position: relative;
  cursor: pointer;
}

@media screen {
  body.css-drpicklist {
    /*TO DO - Move all pop-up help css to a shared css file*/
    /*  End Pop-up Help CSS   */
  }
  body.css-drpicklist .i-help {
    height: 30px;
    width: 30px;
    float: right;
    padding-right: 20px;
  }
  body.css-drpicklist .popup_help {
    position: absolute;
    width: 100%;
    background-color: #fff;
    top: 0;
    z-index: 5000;
    display: none;
    border: 1px solid #C7C8CA;
    font-size: 16px;
    width: 500px;
  }
  body.css-drpicklist .popup_help .title {
    background: #f15d22;
    line-height: 30px;
    padding: 20px;
    color: white;
  }
  body.css-drpicklist .popup_help .title a {
    color: white;
    text-decoration: none;
  }
  body.css-drpicklist .popup_help .description {
    padding: 20px;
  }
  body.css-drpicklist .card_close {
    vertical-align: top;
    float: right;
    padding: 10px;
    color: white;
  }
  body.css-drpicklist .imgSatisfaction {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/grid-outline-inactive.png");
  }
  body.css-drpicklist .imgSatisfaction:hover,
body.css-drpicklist .imgSatisfaction.active {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/grid-outline-active.png");
  }
  body.css-drpicklist .imgContribution {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/grid-solid-inactive.png");
  }
  body.css-drpicklist .imgContribution:hover,
body.css-drpicklist .imgContribution.active {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/grid-solid-active.png");
  }
  body.css-drpicklist #tblMain {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
  body.css-drpicklist #questionSort {
    text-align: left;
  }
  body.css-drpicklist .tdFavorable {
    /* background-color: #2f87b0; */
    height: 18px;
    text-align: center;
    padding-left: 10px;
  }
  body.css-drpicklist .tdFavorableHeader {
    background-color: #2f87b0;
    color: white;
    height: 35px;
    text-align: center;
    padding-left: 10px;
  }
  body.css-drpicklist .headerSort {
    content: url("https://apx.gpstrategies.com/media/images/bds-down-borderless-icon.png");
    height: 12px;
  }
  body.css-drpicklist .headerSortDown {
    content: url("https://apx.gpstrategies.com/media/images/bds-down-borderless-icon.png");
    height: 12px;
  }
  body.css-drpicklist .headerSortUp {
    content: url("https://apx.gpstrategies.com/media/images/bds-down-borderless-icon.png");
    height: 12px;
    transform: rotate(180deg);
  }
  body.css-drpicklist td {
    padding: 5px;
    /* padding-top: 10px; */
    padding-bottom: 10px;
    position: relative;
  }
  body.css-drpicklist #tblMain {
    border-collapse: collapse !important;
    margin-bottom: 20px;
  }
  body.css-drpicklist .header-image-container {
    position: absolute;
    width: 100%;
    height: 120px;
    /*background-image: url(https://apx.gpstrategies.com/media/images/dr/inede.jpeg);*/
    background-image: url("https://apx.gpstrategies.com/media/images/dr/content-head-background.jpg");
    margin-top: -4px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 -115px;
    /*border-top-left-radius: 4px;*/
    /*border-top-right-radius: 4px;*/
  }
  body.css-drpicklist .header-image-foreground {
    background-color: rgba(255, 255, 255, 0.5490196078);
    /*opacity: 0.5;*/
    width: 100%;
    height: 100%;
    margin-top: -4px;
  }
  body.css-drpicklist #tblMain > tbody > tr:nth-child(1) > td:nth-child(1),
body.css-drpicklist #tblMain > tbody > tr:nth-child(1) > td:nth-child(2),
body.css-drpicklist #tblMain > tbody > tr:nth-child(1) > td:nth-child(3),
body.css-drpicklist #tblMain > tbody > tr:nth-child(1) > td:nth-child(4) {
    padding-top: 30px;
  }
  body.css-drpicklist .table-row-1 {
    text-align: right;
    padding-right: 2.5%;
  }
  body.css-drpicklist .table-row-text {
    padding-left: 15px;
  }
  body.css-drpicklist .col-sm-3 {
    width: 14%;
    padding: 0 !important;
    margin: 0 !important;
    float: right !important;
  }
  body.css-drpicklist .col-sm-9 {
    width: 77% !important;
  }
  body.css-drpicklist .jqx-tree-grid-indent {
    width: 0px !important;
  }
  body.css-drpicklist #containerMain {
    position: relative;
    /*height: 70%;*/
    height: inherit !important;
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.css-drpicklist #container1 {
    height: 40%;
    width: 49%;
    margin-top: 1%;
    margin-left: 1%;
  }
  body.css-drpicklist #container2 {
    height: 40%;
    width: 49%;
    margin-top: 1%;
  }
  body.css-drpicklist #container3 {
    height: 40%;
    width: 49%;
    margin-top: 1%;
    margin-left: 1%;
  }
  body.css-drpicklist #container4 {
    height: 40%;
    width: 49%;
    margin-top: 1%;
  }
  body.css-drpicklist #tblDriver,
body.css-drpicklist #tblPickList {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  body.css-drpicklist table {
    background-color: white;
  }
  body.css-drpicklist label input {
    width: 0;
  }
  body.css-drpicklist table {
    border-collapse: initial !important;
    border: none !important;
  }
  body.css-drpicklist .tdSeprate {
    border-bottom: 1px solid #F15D22 !important;
    border-right: 1px solid red !important;
  }
}
@media screen and (max-width: 450px) {
  body.css-drpicklist td {
    font-size: 11px;
  }
  body.css-drpicklist .header-image-container {
    display: none;
  }
  body.css-drpicklist .tdFavorable {
    font-size: 11px;
  }
  body.css-drpicklist .table-row-text {
    padding-left: 10px;
  }
  body.css-drpicklist #tblMain > thead > tr > th:nth-child(2) {
    padding-left: 9px;
    width: 20%;
  }
  body.css-drpicklist #tblMain > thead > tr > th:nth-child(3) {
    padding-left: 3px;
    width: 23%;
  }
  body.css-drpicklist #tblMain {
    width: 100%;
  }
  body.css-drpicklist #tblMain > thead > tr > th:nth-child(4) {
    width: 23%;
    font-size: 11px;
    padding-left: 4px;
  }
  body.css-drpicklist .table-row-text {
    width: 36%;
  }
  body.css-drpicklist .divbuttonCaption {
    width: 63%;
  }
}
@media screen and (min-width: 1025px) {
  body.css-drpicklist #tblDriver,
body.css-drpicklist #tblPickList {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  body.css-drpicklist .col-sm-3 {
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
    float: right !important;
    margin-top: 5px !important;
  }
  body.css-drpicklist #tblDriver,
body.css-drpicklist #tblPickList {
    width: 100%;
    margin-left: 0%;
  }
  body.css-drpicklist .tdFavorable {
    font-size: 12px;
  }
  body.css-drpicklist #tblMain > thead > tr > th:nth-child(2) {
    width: 11%;
  }
  body.css-drpicklist #tblMain > thead > tr > th:nth-child(3) {
    width: 12%;
  }
  body.css-drpicklist #tblMain > thead > tr > th:nth-child(4) {
    width: 12%;
  }
}
@media screen and (min-width: 451px) and (max-width: 768px) {
  body.css-drpicklist .col-sm-3 {
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
    float: right !important;
    margin-top: 5px !important;
  }
  body.css-drpicklist #containerMain {
    height: 40% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: 0 !important;
  }
  body.css-drpicklist #container1 {
    height: 43% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-bottom: 1% !important;
  }
  body.css-drpicklist #container2 {
    height: 47% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-bottom: 1% !important;
    padding: 0 !important;
    margin-top: 1% !important;
  }
  body.css-drpicklist #container3 {
    height: 40% !important;
    width: 100% !important;
    padding: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
  }
  body.css-drpicklist #container4 {
    height: 40% !important;
    width: 100% !important;
    padding: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
  }
  body.css-drpicklist #nameMain {
    width: 100% !important;
  }
  body.css-drpicklist #nameCompare {
    width: 100% !important;
  }
  body.css-drpicklist #nameM {
    width: 100% !important;
  }
  body.css-drpicklist #tblDriver,
body.css-drpicklist #tblPickList {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
  body.css-drpicklist text {
    font-size: 13px !important;
  }
  body.css-drpicklist .divbuttonCaption {
    max-width: 208px;
    width: 42%;
  }
  body.css-drpicklist .header-image-container {
    display: none;
  }
  body.css-drpicklist #tblMain > thead > tr > th:nth-child(2) {
    padding-left: 9px;
    width: 20%;
  }
  body.css-drpicklist #tblMain > thead > tr > th:nth-child(3) {
    padding-left: 3px;
    width: 23%;
  }
  body.css-drpicklist #tblMain {
    width: 100%;
  }
  body.css-drpicklist #tblMain > thead > tr > th:nth-child(4) {
    width: 23%;
    font-size: 14px;
    padding-left: 4px;
  }
}
body.css-drpicklist .tableSortup > div:before,
body.css-drpicklist .tableSortdown > div:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3px;
  width: 10px;
  content: "";
  background-image: url("https://apx.gpstrategies.com/media/images/sort-arrows.gif");
  background-position: left center;
  background-size: 20px;
  background-repeat: no-repeat;
}
body.css-drpicklist .tableSortup > div:before {
  background-position: left center;
}
body.css-drpicklist .tableSortdown > div:before {
  background-position: right center;
}
body.css-drpicklist #tblMain thead th.TrendSort :before {
  right: 50px !important;
}
body.css-drpicklist #tblMain thead th {
  background-repeat: no-repeat;
  background-position: right 10px center;
  border: 0 solid transparent !important;
  min-width: 100px;
  position: relative;
  cursor: pointer;
}

body.css-content .body-container .cnsi-content #mainContent svg {
  width: 95%;
  height: 75vh;
}

@font-face {
  font-family: "OpenSansExtraBold";
  src: url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff), url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff2);
}
/* media queries - use these to edit specific sizes
    @include mobile-xs {}
    @include mobile-xs-landscape {}
    @include mobile {}
    @include mobile-landscape {}
    @include desktop_range {}
    @include mobile-wide-landscape {}
    @include desktop_wide {}
    @include desktop_max {}
*/
@media screen {
  body.css-postmenuh .body-container .main-menu-box {
    position: relative;
    display: block;
    max-width: calc(100% - 150px);
    margin: 75px auto 75px auto;
    border: solid 1px #bbb;
  }
}
@media only screen and (max-width: 1640px) {
  body.css-postmenuh .body-container .main-menu-box {
    margin: 4.57vw auto 4.57vw auto;
    max-width: calc(100% - 4.57vw - 4.57vw);
  }
}
@media only screen and (max-width: 767px) {
  body.css-postmenuh .body-container .main-menu-box {
    margin: 20px auto 20px auto;
    max-width: calc(100% - 20px);
  }
}
@media screen {
  body.css-postmenuh .body-container .main-menu-box > div {
    border-right: 1px solid red;
  }
}
@media screen {
  body.css-postmenuh .body-container .main-menu-box .left-box {
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 300px;
    margin: 0;
    border: 0;
    padding: 0;
    width: 30%;
    color: white;
    min-height: 300px;
    background-color: rgba(105, 167, 195, 0.75);
    vertical-align: top;
  }
  body.css-postmenuh .body-container .main-menu-box .left-box .left-inner-top {
    width: 205px;
    margin: 55px auto 0 auto;
  }
  body.css-postmenuh .body-container .main-menu-box .left-box .left-inner-middle {
    width: 205px;
    margin: 45px auto 0 auto;
    padding-top: 16px;
    padding-bottom: 16px;
    border-top: solid #F15D22 1px;
    border-bottom: solid #F15D22 1px;
  }
  body.css-postmenuh .body-container .main-menu-box .left-box .left-inner-bottom {
    width: 205px;
    margin: 0 auto 0 auto;
    padding-bottom: 16px;
    text-align: left;
    border-bottom: solid #F15D22 1px;
  }
}
@media screen {
  body.css-postmenuh .body-container .main-menu-box .right-box {
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 300px;
    margin: 0;
    border: 0;
    padding: 0;
    width: 69%;
    background-color: white;
    vertical-align: top;
  }
  body.css-postmenuh .body-container .main-menu-box .right-box .inner-right-box {
    display: block;
    background-color: #F0F2F5;
    overflow-y: hidden;
    max-height: 300px;
  }
  body.css-postmenuh .body-container .main-menu-box .right-box .inner-right-box .video-container {
    margin-top: 40px;
    margin-left: 35px;
    margin-right: 35px;
    margin-bottom: 40px;
  }
}
@media screen {
  body.css-postmenuh .body-container .main-menu-box .menu-item-col {
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    width: 11.7em;
    background-color: white;
    margin-left: 10px;
    margin-right: 10px;
  }
  body.css-postmenuh .body-container .main-menu-box .menu-item-col > .img-container {
    width: 100%;
    height: 90px;
    background-position: center center;
    background-size: cover;
  }
}
@media screen {
  body.css-postmenuh .body-container .main-menu-box .item-text {
    display: block;
    text-align: center;
    color: #908787;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen {
  body.css-postmenuh .body-container .main-menu-box .carousel {
    padding: 20px;
    background-color: #fff;
    height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
  }
  body.css-postmenuh .body-container .main-menu-box .carousel .inner-carousel {
    display: block;
    padding: 20px 10px 20px 10px;
    background-color: #eee;
    border: 1px solid #F15D22;
  }
  body.css-postmenuh .body-container .main-menu-box .carousel .inner-carousel a {
    text-decoration: none;
  }
  body.css-postmenuh .body-container .main-menu-box .carousel .inner-carousel .info-link {
    position: relative;
    width: 107px;
    margin-left: auto;
    margin-right: auto;
    top: 34%;
    background-color: orangered;
    color: white;
    padding: 5px;
    text-align: center;
    border: solid white 1px;
  }
}
body.css-overviewinnerbox .body-container .overviewInnerBox {
  overflow: auto;
}
body.css-overviewinnerbox .body-container .overviewInnerBox .header-box {
  background-color: rgba(105, 167, 195, 0.6);
  /*height: 110px;*/
  margin: 30px 30px 0 30px;
  padding: 10px 50px;
  color: white;
}
body.css-overviewinnerbox .body-container .overviewInnerBox .main-box {
  margin: 0 30px;
  background-color: white;
  min-height: 600px;
  padding: 30px 50px;
}
body.css-overviewinnerbox .body-container .overviewInnerBox .main-box .box1 {
  border: solid #b6c2c7 1px;
  background-color: #dbeaf1;
  min-height: 590px;
}
body.css-overviewinnerbox .body-container .overviewInnerBox .main-box .box1 .box2 {
  border: solid #b6c2c7 1px;
  background-color: white;
  min-height: 580px;
  margin: 32px;
  padding: 40px;
}
body.css-overviewinnerbox .body-container .overviewInnerBox .main-box .box1 .box2 .body1-box {
  position: relative;
  padding-bottom: 30px;
  border-bottom: solid 1px #3397c5;
  margin-bottom: 30px;
}
body.css-overviewinnerbox .body-container .overviewInnerBox .main-box .box1 .box2 .body1-box:after {
  position: absolute;
  display: block;
  content: "";
  bottom: -20px;
  height: 40px;
  width: 100%;
  background-image: url("https://apx.gpstrategies.com/media/images/icons/xmodel-active.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
body.css-overviewinnerbox .body-container .overviewInnerBox .main-box .box1 .box2 .body2-box {
  /*border:solid 1px gray;*/
  margin-top: 10px;
}
body.css-overviewinnerbox .body-container .overviewInnerBox .main-box .box1 .box2 .body2-box .outer {
  position: relative;
  max-width: 955px;
  margin-left: auto;
  margin-right: auto;
  vertical-align: top;
  margin-left: auto;
  margin-right: auto;
}
body.css-overviewinnerbox .body-container .overviewInnerBox .main-box .box1 .box2 .body2-box .outer > div {
  position: relative;
  display: inline-block;
  vertical-align: top;
  max-width: 250px;
  clear: both;
  float: none;
  margin-bottom: 10px;
  margin-right: 10px;
}

@font-face {
  font-family: "OpenSansExtraBold";
  src: url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff), url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff2);
}
/* media queries - use these to edit specific sizes
    @include mobile-xs {}
    @include mobile-xs-landscape {}
    @include mobile {}
    @include mobile-landscape {}
    @include desktop_range {}
    @include mobile-wide-landscape {}
    @include desktop_wide {}
    @include desktop_max {}
*/
@media screen and (max-width: 768px) {
  body.css-resources .parentDiv .childDiv .childContent {
    padding-top: 3px;
  }
  body.css-resources .parentDiv .childDiv .childContent .resourcestypeContent {
    padding-left: 10%;
  }
  body.css-resources .parentDiv .childDiv .childContent .resourceContent {
    text-align: center;
  }
  body.css-resources .parentDiv .childDiv .childContent .childContentDuration {
    display: inline-block;
    text-align: right;
    padding-right: 10%;
  }
  body.css-resources .parentDiv .childDiv .childFooter {
    position: relative;
  }
  body.css-resources .parentDiv .childDiv .childFooter .childFooterContent {
    padding-left: 5%;
    padding-right: 5%;
  }
  body.css-resources .parentDiv .childDiv .childFooter .childFooterDuration {
    display: none;
    top: 0;
    left: 0;
  }
}
@media screen {
  body.css-resources {
    /* The Modal (background) */
    /* Modal Content */
    /* The Close Button */
  }
  body.css-resources .body-container {
    /*border: 1px solid red;*/
  }
  body.css-resources .remove-category {
    display: none;
  }
  body.css-resources .parentDiv {
    position: relative;
    height: 100%;
    width: 100%;
    float: left;
    margin-top: 15px;
    /*border: 1px solid red;        */
    display: none;
  }
  body.css-resources .parentDiv .childDiv {
    position: relative;
    display: inline-block;
    /*border: 1px solid green;
    /*height: 100%;*/
    /*background-color: gray;*/
    padding: 0;
    margin-top: 0;
    margin-bottom: 30px;
    vertical-align: top;
  }
}
@media only screen and (max-width: 767px) {
  body.css-resources .parentDiv .childDiv {
    text-align: center;
    max-width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px !important;
  }
  body.css-resources .parentDiv .childDiv:after {
    position: relative;
    display: block;
    content: "";
    width: 60%;
    padding-top: 10px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #ddd;
  }
}
@media screen {
  body.css-resources .parentDiv .childDiv .childHeader {
    position: relative;
    padding: 10px;
    height: auto;
  }
  body.css-resources .parentDiv .childDiv .childHeader .img-responsive {
    display: inline-block;
    max-width: 100%;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  body.css-resources .parentDiv .childDiv .childHeader .img-responsive {
    display: inline-block;
    max-width: 75%;
    width: 100%;
    padding-right: 5px;
  }
}
@media only screen and (max-width: 767px) {
  body.css-resources .parentDiv .childDiv .childHeader .svg-wrapper {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  body.css-resources .parentDiv .childDiv .childHeader .resourceContent {
    font-size: 14px;
    line-height: 18px;
  }
}
@media screen {
  body.css-resources .parentDiv .childDiv .childContent {
    position: relative;
    margin-top: 0;
    color: #5f6871;
    text-align: left;
    padding-top: 13px;
    padding-left: 3px;
    padding-right: 3px;
  }
  body.css-resources .parentDiv .childDiv .childContent .resourcestypeContent,
body.css-resources .parentDiv .childDiv .childContent .childContentDuration {
    display: inline-block;
    font-size: 9.5px;
    max-width: 40%;
    width: 100%;
  }
  body.css-resources .parentDiv .childDiv .childContent .childContentDuration {
    text-align: right;
  }
  body.css-resources .parentDiv .childDiv .childContent .resourceContent {
    position: relative;
    display: block;
    left: 0;
    top: 0;
  }
}
@media screen and (max-width: 900px) {
  body.css-resources .parentDiv .childDiv .childHeader {
    padding: 5px;
    min-height: 100%;
  }
}
@media screen {
  body.css-resources .parentDiv .childDiv .svg-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  body.css-resources .parentDiv .childDiv .svg-wrapper svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  body.css-resources .parentDiv .childDiv .svg-wrapper .border-static {
    stroke-width: 2px;
    fill: transparent;
    stroke: #fff;
  }
  body.css-resources .parentDiv .childDiv .svg-wrapper .border-animate {
    stroke-dasharray: 250% 0.1%;
    stroke-dashoffset: 103%;
    stroke-width: 2px;
    fill: transparent;
    stroke: #9acde4;
    transition: all 800ms ease-in-out;
  }
  body.css-resources .parentDiv .childDiv .svg-wrapper:hover .border-animate {
    stroke-dasharray: 81% 116%;
    stroke-dashoffset: -116%;
  }
}
@media screen {
  body.css-resources .parentDiv .childDiv .childFooter {
    position: relative;
    bottom: 0;
    padding-top: 13px;
    line-height: 1.2;
    background-color: white;
    text-align: left;
    padding-left: 3px;
    padding-right: 3px;
  }
}
@media screen and (max-width: 900px) {
  body.css-resources .parentDiv .childDiv .childFooter {
    padding-top: 0;
  }
}
@media screen {
  body.css-resources .parentDiv .childDiv .childFooterContent {
    font-size: 12px;
  }
}
@media screen {
  body.css-resources .parentDiv .childDiv .childFooterDuration {
    font-size: 12.5px;
    width: 40%;
    display: inline-block;
    text-align: right;
    vertical-align: top;
    min-height: 25px;
  }
}
@media screen {
  body.css-resources .parentDiv .childDiv .childFooterFavorite {
    font-size: 8px;
    width: 25%;
    display: inline-block;
    min-height: 25px;
    vertical-align: top;
  }
}
@media screen {
  body.css-resources .parentDiv .childDiv .childFooterComplete {
    font-size: 11px;
    width: 35%;
    display: inline-block;
    min-height: 25px;
    vertical-align: top;
  }
}
@media screen {
  body.css-resources .parentDiv .childDiv .childFooterFavorite:active {
    font-size: 20px;
  }
}
@media screen {
  body.css-resources .parentDiv .childDiv .childFooterDurFavContainer {
    padding-top: 13px;
    font-size: 9.5px;
    min-height: 25px;
  }
}
@media screen {
  body.css-resources .resourceHeader {
    position: relative;
    display: block;
    max-width: 1255px;
    text-align: center;
    padding: 1px 50px;
  }
  body.css-resources .resourceHeader .heading-div {
    display: block;
    padding-top: 20px;
    color: white;
    font-size: 30px;
    text-align: left;
    width: 100%;
  }
  body.css-resources .resourceHeader .subhead-div {
    display: block;
    padding-bottom: 20px;
    color: white;
    font-size: 14px;
    text-align: left;
  }
}
@media screen and (max-width: 1640px) {
  body.css-resources .resourceHeader {
    padding: 1px 3.0487804878vw;
  }
  body.css-resources .resourceHeader .heading-div {
    font-size: 1.8292682927vw;
    padding-top: 0.6097560976vw;
  }
  body.css-resources .resourceHeader .subhead-div {
    font-size: 0.7926829268vw;
    padding-bottom: 0.6097560976vw;
  }
}
@media screen and (max-width: 1200px) {
  body.css-resources .resourceHeader {
    padding: 1px 1vw;
  }
  body.css-resources .resourceHeader .heading-div {
    font-size: 2.25vw;
  }
  body.css-resources .resourceHeader .subhead-div {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 900px) {
  body.css-resources .resourceHeader .heading-div {
    font-size: 18px;
    text-align: center;
  }
  body.css-resources .resourceHeader .subhead-div {
    font-size: 13px;
    text-align: center;
  }
}
@media screen {
  body.css-resources .resourcestypeContent {
    font-size: 9.5px;
  }
}
@media screen {
  body.css-resources .resourceContent {
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
  }
}
@media screen {
  body.css-resources .clearDIV {
    clear: both;
  }
}
@media screen {
  body.css-resources .modalResources {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 99999;
    /* Sit on top */
    padding-top: 2%;
    /* Location of the box */
    padding-bottom: 2%;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
    /* Modal Content */
  }
}
@media screen {
  body.css-resources .modalResources-content {
    /*background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
    height: auto;*/
    position: fixed;
    background-color: #fefefe;
    top: 3%;
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 14px;
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border-radius: 4px;
    max-width: 700px;
    min-width: 300px;
    width: 75%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
}
@media only screen and (max-width: 767px) {
  body.css-resources .modalResources-content {
    position: absolute;
    width: inherit;
    height: inherit;
    padding: 0;
    margin: 0;
    top: 0;
  }
}
@media only screen and (max-width: 767px) {
  body.css-resources .modalResources-content #placeHolder {
    width: 100%;
  }
}
@media screen {
  body.css-resources .modalResources-content #placeHolder .video-js {
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  body.css-resources .modalResources-content #placeHolder .video-js {
    width: 100vw;
    height: 100vh;
  }
}
@media only screen and (max-width: 767px) {
  body.css-resources .modalResources-content .Comments > div {
    height: 120px;
  }
}
@media only screen and (max-width: 767px) {
  body.css-resources .modalResources-content .Comments > div > div {
    clear: both;
    padding-right: 10vw;
  }
}
@media screen {
  body.css-resources .closeModel {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
}
@media only screen and (max-width: 767px) {
  body.css-resources .closeModel {
    display: none;
  }
}
@media screen {
  body.css-resources .closeModel:hover,
body.css-resources .closeModel:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
}
@media screen {
  body.css-resources .video-js {
    width: 100%;
    height: 360px;
    margin-top: 10px;
    margin: auto;
  }
}
@media screen {
  body.css-resources .Comments {
    margin-top: 2%;
    margin-bottom: 3%;
  }
}
@media screen and (max-width: 768px) {
  body.css-resources .body-container {
    margin-left: 0 !important;
  }
  body.css-resources input.rounded {
    width: 90%;
    font-size: 10px;
    color: #6A737B;
  }
}
body.css-resources input.rounded {
  display: block;
  width: 50%;
  min-width: 60px;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #6A737B;
  background-color: #fff;
  background-clip: padding-box;
  border: 2px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  /* border: 1px solid #ccc;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font-size: 14px;
  padding: 1px 7px;
  outline: 0;
  -webkit-appearance: none;
  padding-bottom: 3px;
  padding-top: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
  width: 205px;*/
}
body.css-resources input.rounded:focus {
  border: 2px solid #babdbf;
}
body.css-resources #waiteDIV {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  /*background-color: #7061616b;*/
}
body.css-resources #loader {
  background: url("../img/loading.svg") center no-repeat;
  background-size: 550px 150px;
  background-color: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  z-index: 10000;
}
body.css-resources .highlight {
  background: rgba(246, 191, 23, 0.4);
}
body.css-resources .resource-search-menu {
  margin-top: 15px;
  position: relative;
}
body.css-resources .resource-search-menu .resource-menu {
  position: relative;
  display: none;
  cursor: pointer;
  background-image: url("../img/data-change.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  height: 30px;
}
@media only screen and (max-width: 767px) {
  body.css-resources .resource-search-menu .resource-menu {
    display: inline-block;
  }
}
body.css-resources .resource-search-menu .clearable__clear {
  display: none;
  right: 0;
  top: 0;
  padding: 0 8px;
  font-style: normal;
  font-size: 1.5em;
  user-select: none;
  cursor: pointer;
}
body.css-resources .resource-search-menu .clearable input::-ms-clear {
  /* Remove IE default X */
  display: none;
}
body.css-resources .resouceHeaderLeft {
  position: relative;
  display: table-cell;
  width: 200px;
  max-width: 250px;
  text-align: center;
  left: 35px;
  height: 100%;
  vertical-align: middle;
}
body.css-resources .categoryHeader {
  position: relative;
  border: 1px solid white;
  background-color: green;
  color: white;
  width: 100%;
  padding: 10px;
}
body.css-resources .lblCategory {
  padding-right: 5px;
}
body.css-resources .body-container > div:nth-child(2) {
  position: relative;
  display: table;
  /*left: 120px;*/
  /*height: 100%;*/
  /*width: 75%;*/
  /*top: 0;*/
}
body.css-resources .parent-expand {
  float: right;
  left: 15px;
  position: relative;
}
body.css-resources .divExpanded,
body.css-resources .divNotExpanded {
  position: absolute;
  top: 25%;
  right: 10px;
}
body.css-resources .left-menu .category-parent-element {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 5px;
  width: calc(100% - 40px);
}
body.css-resources .header-element .divExpanded,
body.css-resources .header-element .divNotExpanded {
  position: absolute;
  top: 25%;
  right: 10px;
}

@font-face {
  font-family: "OpenSansExtraBold";
  src: url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff), url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff2);
}
/* media queries - use these to edit specific sizes
    @include mobile-xs {}
    @include mobile-xs-landscape {}
    @include mobile {}
    @include mobile-landscape {}
    @include desktop_range {}
    @include mobile-wide-landscape {}
    @include desktop_wide {}
    @include desktop_max {}
*/
@media screen {
  body.css-airesource {
    /* The Modal (background) */
    /* Modal Content */
    /* The Close Button */
  }
  body.css-airesource .parentDiv {
    position: relative;
    height: 100%;
    width: 100%;
    float: left;
    margin-top: 15px;
    min-height: 0px;
    /*border: 1px solid red;  */
    background-color: white;
  }
  body.css-airesource .parentDiv .childDiv {
    position: relative;
    display: inline-block;
    /*border: 1px solid green;
    /*height: 100%;*/
    /*background-color: gray;*/
    padding: 0;
    margin-top: 0;
    margin-bottom: 30px;
    vertical-align: top;
  }
}
@media only screen and (max-width: 767px) {
  body.css-airesource .parentDiv .childDiv {
    text-align: center;
    max-width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px !important;
  }
  body.css-airesource .parentDiv .childDiv:after {
    position: relative;
    display: block;
    content: "";
    width: 60%;
    padding-top: 10px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #ddd;
  }
}
@media screen {
  body.css-airesource .parentDiv .childDiv .childHeader {
    position: relative;
    padding: 10px;
    height: auto;
  }
  body.css-airesource .parentDiv .childDiv .childHeader .img-responsive {
    display: inline-block;
    max-width: 100%;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  body.css-airesource .parentDiv .childDiv .childHeader .img-responsive {
    display: inline-block;
    max-width: 75%;
    width: 100%;
    padding-right: 5px;
  }
}
@media only screen and (max-width: 767px) {
  body.css-airesource .parentDiv .childDiv .childHeader .svg-wrapper {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  body.css-airesource .parentDiv .childDiv .childHeader .resourceContent {
    font-size: 14px;
    line-height: 18px;
  }
}
@media screen {
  body.css-airesource .parentDiv .childDiv .childContent {
    position: relative;
    margin-top: 0;
    color: #5f6871;
    text-align: left;
    padding-top: 13px;
    padding-left: 8px;
    padding-right: 3px;
  }
  body.css-airesource .parentDiv .childDiv .childContent .resourcestypeContent,
body.css-airesource .parentDiv .childDiv .childContent .childContentDuration {
    display: inline-block;
    font-size: 9.5px;
    max-width: 40%;
    width: 100%;
  }
  body.css-airesource .parentDiv .childDiv .childContent .childContentDuration {
    text-align: right;
  }
  body.css-airesource .parentDiv .childDiv .childContent .resourceContent {
    position: relative;
    display: block;
    left: 0;
    top: 0;
  }
}
@media screen and (max-width: 900px) {
  body.css-airesource .parentDiv .childDiv .childHeader {
    padding: 5px;
    min-height: 100%;
  }
}
@media screen {
  body.css-airesource .parentDiv .childDiv .svg-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  body.css-airesource .parentDiv .childDiv .svg-wrapper svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  body.css-airesource .parentDiv .childDiv .svg-wrapper .border-static {
    stroke-width: 2px;
    fill: transparent;
    stroke: #fff;
  }
  body.css-airesource .parentDiv .childDiv .svg-wrapper .border-animate {
    stroke-dasharray: 250% 0.1%;
    stroke-dashoffset: 103%;
    stroke-width: 2px;
    fill: transparent;
    stroke: #9acde4;
    transition: all 800ms ease-in-out;
  }
  body.css-airesource .parentDiv .childDiv .svg-wrapper:hover .border-animate {
    stroke-dasharray: 81% 116%;
    stroke-dashoffset: -116%;
  }
}
@media screen {
  body.css-airesource .parentDiv .childDiv .childFooter {
    position: relative;
    bottom: 0;
    padding-top: 13px;
    line-height: 1.2;
    background-color: white;
    text-align: left;
    padding-left: 8px;
    padding-right: 3px;
  }
}
@media screen and (max-width: 900px) {
  body.css-airesource .parentDiv .childDiv .childFooter {
    padding-top: 0;
  }
}
@media screen {
  body.css-airesource .parentDiv .childDiv .childFooterContent {
    font-size: 12px;
  }
}
@media screen {
  body.css-airesource .parentDiv .childDiv .childFooterDuration {
    font-size: 12.5px;
    width: 40%;
    display: inline-block;
    text-align: right;
    vertical-align: top;
    min-height: 25px;
  }
}
@media screen {
  body.css-airesource .parentDiv .childDiv .childFooterFavorite {
    font-size: 8px;
    width: 25%;
    display: inline-block;
    min-height: 25px;
    vertical-align: top;
  }
}
@media screen {
  body.css-airesource .parentDiv .childDiv .childFooterComplete {
    font-size: 11px;
    width: 35%;
    display: inline-block;
    min-height: 25px;
    vertical-align: top;
  }
}
@media screen {
  body.css-airesource .parentDiv .childDiv .childFooterFavorite:active {
    font-size: 20px;
  }
}
@media screen {
  body.css-airesource .parentDiv .childDiv .childFooterDurFavContainer {
    padding-top: 13px;
    font-size: 9.5px;
    min-height: 25px;
  }
}
@media screen {
  body.css-airesource .resourceHeader {
    position: relative;
    display: block;
    max-width: 1255px;
    text-align: center;
    padding: 1px 50px;
  }
  body.css-airesource .resourceHeader .heading-div {
    display: block;
    padding-top: 20px;
    color: white;
    font-size: 30px;
    text-align: left;
    width: 100%;
  }
  body.css-airesource .resourceHeader .subhead-div {
    display: block;
    padding-bottom: 20px;
    color: white;
    font-size: 14px;
    text-align: left;
  }
}
@media screen {
  body.css-airesource .resourcestypeContent {
    font-size: 9.5px;
  }
}
@media screen {
  body.css-airesource .resourceContent {
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
  }
}
@media screen {
  body.css-airesource .clearDIV {
    clear: both;
  }
}
@media screen {
  body.css-airesource .modalResources {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 99999;
    /* Sit on top */
    padding-top: 2%;
    /* Location of the box */
    padding-bottom: 2%;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
    /* Modal Content */
  }
}
@media screen {
  body.css-airesource .modalResources-content {
    /*background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
    height: auto;*/
    position: fixed;
    background-color: #fefefe;
    top: 3%;
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 14px;
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border-radius: 4px;
    max-width: 700px;
    min-width: 300px;
    width: 75%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
}
@media only screen and (max-width: 767px) {
  body.css-airesource .modalResources-content {
    position: absolute;
    width: inherit;
    height: inherit;
    padding: 0;
    margin: 0;
    top: 0;
  }
}
@media only screen and (max-width: 767px) {
  body.css-airesource .modalResources-content #placeHolder {
    width: 100%;
  }
}
@media screen {
  body.css-airesource .modalResources-content #placeHolder .video-js {
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  body.css-airesource .modalResources-content #placeHolder .video-js {
    width: 100vw;
    height: 100vh;
  }
}
@media only screen and (max-width: 767px) {
  body.css-airesource .modalResources-content .Comments > div {
    height: 120px;
  }
}
@media only screen and (max-width: 767px) {
  body.css-airesource .modalResources-content .Comments > div > div {
    clear: both;
    padding-right: 10vw;
  }
}
@media screen {
  body.css-airesource .closeModel {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
}
@media only screen and (max-width: 767px) {
  body.css-airesource .closeModel {
    display: none;
  }
}
@media screen {
  body.css-airesource .closeModel:hover,
body.css-airesource .closeModel:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
}
@media screen {
  body.css-airesource .video-js {
    width: 100%;
    height: 360px;
    margin-top: 10px;
    margin: auto;
  }
}
@media screen {
  body.css-airesource .Comments {
    margin-top: 2%;
    margin-bottom: 3%;
  }
}
body.css-airesource .body-container > div:nth-child(2) {
  position: relative;
  display: table;
}
body.css-airesource .citLink {
  cursor: pointer;
}
body.css-airesource .citLink.selected {
  font-weight: bold;
  text-decoration: underline;
}
body.css-airesource .img-responsive {
  max-height: 175px;
}
body.css-airesource .img-responsive.selected {
  background-color: darkorange;
  padding: 4px;
}
body.css-airesource #btn_GoBack > div {
  background-color: var(--btnGoBack);
  border-radius: 10px;
}
body.css-airesource #btn_Continue > div {
  background-color: var(--btnContinue);
  border-radius: 10px;
}
body.css-airesource .sticky-header {
  position: sticky;
  top: 0;
  background: white;
  z-index: 1;
}
body.css-airesource .seeBorder {
  border: red solid 1px;
}
body.css-airesource .hidden {
  display: none;
}
body.css-airesource .newchat {
  font-family: "Font Awesome 5 Pro", "Open Sans";
}
body.css-airesource .newchat:after {
  content: "\f044";
  font-size: 22px;
  cursor: pointer;
}
body.css-airesource .title {
  font-size: 16px;
  font-weight: bold;
  margin-right: 10px;
  text-wrap-mode: nowrap;
  display: flex;
  align-self: flex-start;
}
body.css-airesource .input-container {
  margin-top: 20px;
  padding-top: 1px;
  background-color: #e7e8eb;
  border: solid 1px #d1d3d6;
  border-radius: 10px;
}
body.css-airesource .input-container div .radio-group, body.css-airesource .input-container textarea, body.css-airesource .input-container span, body.css-airesource .input-container h3, body.css-airesource .input-container .response {
  width: 100%;
  border-radius: 10px;
}
body.css-airesource .input-container-citations {
  margin-top: 20px;
  padding-top: 1px;
  background-color: #F0F2F5;
  border: solid 1px #d1d3d6;
  border-radius: 10px;
}
body.css-airesource .input-container-citations div .radio-group, body.css-airesource .input-container-citations textarea, body.css-airesource .input-container-citations span, body.css-airesource .input-container-citations h3, body.css-airesource .input-container-citations .response {
  width: 100%;
  border-radius: 10px;
}
body.css-airesource .input-container-chat-question {
  margin: 10px 10px 10px 0px;
  display: flex;
  background-color: #F0F2F5;
  border-radius: 10px;
  width: 50%;
  border: solid 1px #d1d3d6;
}
body.css-airesource .input-container-chat-response {
  margin: 10px 0px 10px 0px;
  display: flex;
  background-color: #F0F2F5;
  border-radius: 10px;
  border: solid 1px #d1d3d6;
}
body.css-airesource .table {
  display: flex;
  flex-direction: column;
  width: 100%;
}
body.css-airesource .rowflex {
  display: flex;
  flex-direction: row;
}
body.css-airesource .cellCenter {
  flex: 1;
  padding: 10px 10px 10px 10px;
  display: flex;
  justify-content: center; /* horizontal centering */
  align-items: center; /* vertical centering */
}
body.css-airesource .cell {
  flex: 1;
  padding: 10px 10px 10px 10px;
  display: flex;
}
body.css-airesource .radio-group {
  display: flex;
  gap: 1rem; /* space between radio buttons */
  align-items: center;
}
body.css-airesource .radio-group label {
  display: flex;
  align-items: center;
  gap: 0.25rem; /* space between input and label text */
  white-space: nowrap; /* prevent text wrapping */
}
body.css-airesource textarea {
  border: solid 1px #d1d3d6;
  font-family: "Open Sans";
  font-size: 14px;
  color: #525456;
}
body.css-airesource .response {
  background-color: white;
  border: solid 1px #d1d3d6;
  padding: 10px 10px 10px 10px;
  border-radius: 10px;
  width: 100%;
}
body.css-airesource .btn {
  background-color: #163d5e; /* Red */
  border: none;
  color: white;
  padding: 15px 25px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 10px;
}
body.css-airesource span#spanPrompt {
  padding-top: 10px;
}
body.css-airesource .promptLink {
  cursor: pointer;
  color: #174162;
}

@media screen {
  body.css-drresponse {
    /*TO DO - Move all pop-up help css to a shared css file*/
    /*  End Pop-up Help CSS   */
  }
  body.css-drresponse .definitions-icon {
    right: 110px;
    top: 148px;
  }
  body.css-drresponse .help_div {
    width: 70px;
    height: 30px;
    padding-right: 0px;
  }
  body.css-drresponse .helplink {
    position: relative;
  }
  body.css-drresponse .printlink {
    position: relative;
    margin-left: 8px;
    top: -5px;
  }
  body.css-drresponse .popup_help {
    position: absolute;
    width: 100%;
    background-color: #fff;
    top: 0;
    z-index: 5000;
    display: none;
    border: 1px solid #C7C8CA;
    font-size: 16px;
    width: 500px;
  }
  body.css-drresponse .popup_help .title {
    background: #f15d22;
    line-height: 30px;
    padding: 20px;
    color: white;
  }
  body.css-drresponse .popup_help .title a {
    color: white;
    text-decoration: none;
  }
  body.css-drresponse .popup_help .description {
    padding: 20px;
  }
  body.css-drresponse .card_close {
    vertical-align: top;
    float: right;
    padding: 10px;
    color: white;
  }
  body.css-drresponse .parentDiv {
    position: relative;
    height: 100%;
    width: 100%;
    float: left;
    margin-top: 15px;
    min-height: 500px;
  }
  body.css-drresponse .tdFavorable {
    background-color: #2f87b0;
    color: white;
    height: 35px;
    text-align: center;
  }
  body.css-drresponse .table-row {
    display: table-row;
  }
  body.css-drresponse .table-row .table-cell {
    display: table-cell;
  }
  body.css-drresponse .table-row .table-cell .reportlist {
    padding: 0 0 0 25px;
  }
  body.css-drresponse #tblSurvey {
    width: 100% !important;
  }
  body.css-drresponse #tblSurvey tbody tr td {
    border-bottom: 1px solid #F15D22;
    height: 35px;
    cursor: pointer;
  }
  body.css-drresponse #tblSurvey tbody tr td:nth-of-type(2) {
    min-width: 200px;
  }
  body.css-drresponse #tblSurvey tbody tr td {
    border-bottom: 1px solid #F15D22;
    height: 35px;
    cursor: pointer;
  }
  body.css-drresponse #tblSurvey tbody tr td .divTreeLeftBorder .treeContent {
    display: block;
    line-height: 3em;
  }
  body.css-drresponse #tblSurvey thead th,
body.css-drresponse #tblDemographics thead th,
body.css-drresponse #tblResponseRate thead th {
    background-repeat: no-repeat;
    background-position: right 10px center;
    border: 0 solid transparent !important;
    position: relative;
  }
  body.css-drresponse #tblSurvey thead th.tableSortup:before,
body.css-drresponse #tblDemographics thead th.tableSortup :before,
body.css-drresponse #tblResponseRate thead th.tableSortup :before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 6px;
    right: 10px;
    font-size: 1.5em;
    font-weight: 900;
    /* solid style/weight */
  }
  body.css-drresponse #tblSurvey thead th.tableSortdown:before,
body.css-drresponse #tblDemographics thead th.tableSortdown :before,
body.css-drresponse #tblResponseRate thead th.tableSortdown :before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 6px;
    right: 10px;
    font-size: 1.5em;
    font-weight: 900;
    /* solid style/weight */
  }
  body.css-drresponse #tblSurvey thead th.TrendSort:before {
    right: 50px !important;
  }
  body.css-drresponse .sorter {
    cursor: pointer;
  }
  body.css-drresponse .divTreeLeftBorder {
    height: 39px;
    line-height: 39px;
    vertical-align: middle;
    border-bottom: 1px solid #F15D22;
    float: left;
    margin-left: 23px;
  }
  body.css-drresponse .treeCell {
    padding: 0 0 0 0 !important;
    line-height: 2em;
    border: none;
    height: 39px;
  }
  body.css-drresponse .treeCell span {
    display: inline-block;
    line-height: 1.5em;
    padding-left: 3px;
  }
  body.css-drresponse .leftBorder {
    float: unset;
    height: 39px;
    display: block;
  }
  body.css-drresponse .parentNode.expanded:before,
body.css-drresponse .parentNode.collapsed:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 0;
    left: 0;
    color: #aaa;
    font-size: 1.1em;
    margin-left: 2px;
    font-weight: 900;
    /* solid style/weight */
    height: 40px;
    vertical-align: middle;
    line-height: 40px;
    width: 16px;
  }
  body.css-drresponse .parentNode.expanded:before {
    content: "\f056";
  }
  body.css-drresponse .parentNode.expanded + .down.treeBorderRight {
    margin-top: 22px;
  }
  body.css-drresponse .parentNode.collapsed:before {
    content: "\f055";
  }
  body.css-drresponse .node:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 1px;
    left: 12px;
    color: #ddd;
    content: "\f111";
    font-size: 0.5em;
    margin-top: 1px;
    margin-left: -1px;
    font-weight: 900;
    /* solid style/weight */
  }
  body.css-drresponse .checkBoxNode:before,
body.css-drresponse .checkBoxNodeChecked:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 0.5em;
    left: 23px;
    color: #aaa;
    font-size: 1.1em;
    display: block;
    margin-left: 2px;
    margin-right: 5px;
    font-weight: 400;
    /* solid style/weight */
  }
  body.css-drresponse .checkBoxNode:before {
    content: "\f0c8";
  }
  body.css-drresponse .checkBoxNodeChecked:before {
    content: "\f14a";
  }
  body.css-drresponse .up,
body.css-drresponse .down {
    height: 50%;
    display: block;
  }
  body.css-drresponse .up {
    position: relative;
  }
  body.css-drresponse .down {
    display: none;
  }
  body.css-drresponse .treeBorderTop {
    border-top: 1px solid #ddd;
  }
  body.css-drresponse .treeBorderLeft {
    border-left: 1px solid #ddd;
  }
  body.css-drresponse .treeBorderBottom {
    border-bottom: 0;
    margin-right: 5px;
    margin-left: -1px;
  }
  body.css-drresponse .treeBorderRight {
    border-right: 1px solid #ddd;
    display: none;
  }
  body.css-drresponse .treeBorderBottom + .treeBorderRight {
    margin-top: 5px;
  }
  body.css-drresponse .surveyOptionRow .surveyCheck {
    width: 10px;
    float: left;
    height: 100%;
  }
  body.css-drresponse .surveyOptionRow .divTreeLeftBorder {
    padding-left: 20px;
    display: inline-block;
  }
  body.css-drresponse .tdCompare {
    position: relative;
    width: 15.5%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
  }
  body.css-drresponse .tdCompare,
body.css-drresponse td:not(.treeCell) {
    position: relative;
  }
  body.css-drresponse .tdCompare:after {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    bottom: 0px;
    border-bottom: 1px solid #F15D22;
  }
  body.css-drresponse #tblDemographics tbody tr td:not(.treeCell):not(.noBorder),
body.css-drresponse #tblResponseRate tbody tr td:not(.treeCell):not(.noBorder) {
    height: 35px;
  }
  body.css-drresponse #tblDemographics tbody tr td:not(.treeCell):not(.noBorder):not(.tdCompare),
body.css-drresponse #tblResponseRate tbody tr td:not(.treeCell):not(.noBorder):not(.tdCompare) {
    cursor: pointer;
  }
  body.css-drresponse #tblDemographics tbody tr td:not(.noBorder):nth-child(0),
body.css-drresponse #tblResponseRate tbody tr td:not(.noBorder):nth-child(0) {
    cursor: pointer;
  }
  body.css-drresponse .activeRow {
    background-color: rgba(76, 135, 201, 0.1254901961);
  }
  body.css-drresponse td.noBorder {
    border: 0 solid transparent !important;
  }
  body.css-drresponse .maincontainer {
    position: relative;
    background: white;
    width: 94%;
    margin-left: 3%;
    padding-top: 12px;
    top: 20px;
    min-height: 396px;
  }
  body.css-drresponse .mainControl-wrapper {
    position: relative;
    height: auto;
    background: #e1e5ec;
    padding-top: 5px;
    padding-bottom: 10px;
  }
  body.css-drresponse .imgSummary {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/grid-outline-inactive.png");
  }
  body.css-drresponse .imgSummary:hover,
body.css-drresponse .imgSummary.active {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/grid-outline-active.png");
  }
  body.css-drresponse .imgReport {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/grid-solid-inactive.png");
  }
  body.css-drresponse .imgReport:hover,
body.css-drresponse .imgReport.active {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/grid-solid-active.png");
  }
  body.css-drresponse #divSurvey {
    margin-bottom: 20px;
  }
  body.css-drresponse #tblDemographics,
body.css-drresponse #tblResponseRate {
    width: 100% !important;
  }
  body.css-drresponse .expand {
    /*border: 1px solid black;*/
    padding-left: 20px;
    float: left;
    top: 5px;
  }
  body.css-drresponse .collapse {
    /*border:1px solid black;*/
    padding-left: 10px;
    float: left;
  }
  body.css-drresponse .headerCaption {
    float: left;
    padding-right: 15px;
  }
  body.css-drresponse .expand-collapse {
    margin: auto;
    width: 50%;
  }
  body.css-drresponse #expandButton,
body.css-drresponse #collapseButton,
body.css-drresponse .headerSort {
    vertical-align: middle;
  }
}

@media screen {
  body.css-drcomments {
    /*TO DO - Move all pop-up help css to a shared css file*/
    /*  End Pop-up Help CSS   */
  }
  body.css-drcomments .i-help {
    height: 30px;
    width: 30px;
    float: right;
    padding-right: 20px;
  }
  body.css-drcomments .popup_help {
    position: absolute;
    width: 100%;
    background-color: #fff;
    top: 0;
    z-index: 5000;
    display: none;
    border: 1px solid #C7C8CA;
    font-size: 16px;
    width: 500px;
  }
  body.css-drcomments .popup_help .title {
    background: #f15d22;
    line-height: 30px;
    padding: 20px;
    color: white;
  }
  body.css-drcomments .popup_help .title a {
    color: white;
    text-decoration: none;
  }
  body.css-drcomments .popup_help .description {
    padding: 20px;
  }
  body.css-drcomments .card_close {
    vertical-align: top;
    float: right;
    padding: 10px;
    color: white;
  }
  body.css-drcomments .btn-primary {
    display: none;
  }
  body.css-drcomments .jqx-widget-custom .jqx-grid-column-header-custom,
body.css-drcomments .jqx-widget-custom .jqx-grid-cell-custom,
body.css-drcomments .jqx-widget-custom .jqx-grid-group-cell-custom,
body.css-drcomments .jqx-grid-cell-custom {
    border-color: #ddd;
  }
  body.css-drcomments .jqx-widget-header-custom {
    background-color: white;
    border-color: #ddd;
  }
  body.css-drcomments #container {
    height: 400px;
    width: 100%;
    margin-top: 5%;
    display: block;
  }
  body.css-drcomments #treeGrid {
    margin-top: 5%;
    margin-left: 10%;
  }
  body.css-drcomments #learn1 {
    padding: 7px 12px 7px 12px;
    border-radius: 5px;
    font-size: 15px;
    color: #578EBE !important;
  }
  body.css-drcomments #learn {
    float: right;
  }
  body.css-drcomments .exp-col-button {
    vertical-align: middle;
  }
  body.css-drcomments .expand,
body.css-drcomments .collapse {
    line-height: 18px;
    cursor: pointer;
  }
  body.css-drcomments .filtercolumns.jqx-widget.jqx-widget-custom.jqx-dropdownlist-state-normal.jqx-dropdownlist-state-normal-custom.jqx-rc-all.jqx-rc-all-custom.jqx-fill-state-normal.jqx-fill-state-normal-custom.jqx-default.jqx-default-custom {
    display: none !important;
  }
  body.css-drcomments .commentsTable {
    width: 98%;
    margin: auto;
    border-spacing: 0;
  }
  body.css-drcomments .commentsTable thead {
    background-color: #4694b8;
    color: white;
  }
  body.css-drcomments .commentsTable tbody tr.trcommentCategory td {
    border-bottom: 1px solid #F15D22 !important;
    padding: 5px;
    cursor: pointer;
  }
  body.css-drcomments .commentsTable tbody tr.trcommentCategory td:nth-child(1) {
    width: 40%;
  }
  body.css-drcomments .commentsTable tbody tr.trcommentCategory td:nth-child(3) {
    text-align: center;
  }
  body.css-drcomments .commentsTable tbody tr.active td {
    border: 1px solid transparent !important;
    background-color: #D3E6EE;
    border-spacing: 2px;
  }
  body.css-drcomments .commentsTable tbody tr.trComments {
    /* background-color: #F0F2F5; */
    display: none;
    border-bottom: 0;
  }
  body.css-drcomments .commentsTable tbody tr.trComments td {
    padding: 0;
    border-bottom: 1px solid #F15D22 !important;
  }
  body.css-drcomments .comment-container div.commentData {
    padding: 7px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    cursor: pointer;
  }
  body.css-drcomments .commentRegion {
    padding: 10px 5px 10px 5px;
  }
  body.css-drcomments .clearDIV {
    clear: both;
  }
  body.css-drcomments .bar {
    background-color: #4694b8;
    height: 17px;
    float: left;
    margin-top: 3px;
  }
  body.css-drcomments .barSpace {
    height: 17px;
    background-color: #fff;
    float: left;
    margin-top: 3px;
  }
  body.css-drcomments .charts-container {
    background: white;
    width: 90%;
    margin-left: 5%;
    padding-top: 12px;
    height: 100%;
    padding-bottom: 50px;
  }
  body.css-drcomments input.rounded {
    border: 1px solid #ccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size: 14px;
    padding: 1px 7px;
    outline: 0;
    -webkit-appearance: none;
    padding-bottom: 3px;
    padding-top: 3px;
    margin-top: 3px;
    margin-bottom: 3px;
  }
  body.css-drcomments .comment-container {
    background: rgba(200, 214, 220, 0.3294117647);
    /* margin-bottom: 10px; */
  }
  body.css-drcomments input.rounded:focus {
    border-color: #339933;
  }
  body.css-drcomments .highlight {
    background: yellow;
  }
  body.css-drcomments .questionSection {
    margin-bottom: 20px;
    margin-left: 70px;
    /*padding-left: 69px;*/
    padding-top: 10px;
  }
  body.css-drcomments .questionDropDown {
    font-family: "Open Sans";
    color: #6A737B;
  }
  body.css-drcomments .imgQuestion {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/charts-inactive.png");
  }
  body.css-drcomments .imgQuestion:hover,
body.css-drcomments .imgQuestion.active {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/charts-active.png");
  }
  body.css-drcomments .countWord {
    font-size: 14px;
  }
  body.css-drcomments .header-image-container {
    position: absolute;
    width: 100%;
    height: 120px;
    /*background-image: url(https://apx.gpstrategies.com/media/images/dr/inede.jpeg);*/
    background-image: url("https://apx.gpstrategies.com/media/images/dr/content-head-background.jpg");
    margin-top: -4px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 -115px;
    /*border-top-left-radius: 4px;*/
    /*border-top-right-radius: 4px;*/
  }
  body.css-drcomments .header-image-foreground {
    background-color: rgba(255, 255, 255, 0.5490196078);
    /*opacity: 0.5;*/
    width: 100%;
    height: 100%;
    margin-top: -4px;
  }
  body.css-drcomments .clearable {
    position: relative !important;
    display: inline-block !important;
  }
  body.css-drcomments .clearable__clear {
    display: none;
    position: absolute !important;
    right: 0 !important;
    top: 4px !important;
    padding: 0 8px !important;
    font-style: normal !important;
    font-size: 1.2em !important;
    user-select: none !important;
    cursor: pointer !important;
    color: black !important;
  }
  body.css-drcomments .clearable input::-ms-clear {
    /* Remove IE default X */
    display: none !important;
  }
}
@media screen and (max-width: 450px) {
  body.css-drcomments #questionSelect {
    width: 95%;
  }
  body.css-drcomments .bar-container {
    display: none;
  }
  body.css-drcomments .count-cell {
    display: none;
  }
  body.css-drcomments .count-span {
    font-size: 14px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    color: white;
    margin-top: 2px;
    margin-bottom: 2px;
    display: block;
  }
  body.css-drcomments input.rounded {
    width: 90%;
    font-size: 10px;
    color: #6A737B;
  }
  body.css-drcomments .search {
    padding-right: 7%;
  }
  body.css-drcomments .commentsTable {
    width: 100%;
  }
  body.css-drcomments .commentsTable tbody tr.trcommentCategory td:nth-child(1) {
    width: 60%;
  }
  body.css-drcomments .category-container {
    font-size: 14px;
    padding-right: 15px;
  }
  body.css-drcomments .trcommentCategory,
body.css-drcomments .trComments {
    font-size: 12px;
  }
  body.css-drcomments .header-image-container {
    display: none;
  }
}
@media screen and (min-width: 451px) and (max-width: 798px) {
  body.css-drcomments .count-span {
    display: none;
  }
  body.css-drcomments #questionSelect {
    width: 95%;
  }
  body.css-drcomments .commentsTable {
    width: 100%;
  }
  body.css-drcomments .category-container {
    font-size: 12px;
  }
  body.css-drcomments .count-cell {
    font-size: 12px;
  }
  body.css-drcomments .header-image-container {
    display: none;
  }
  body.css-drcomments .expand {
    width: 50%;
    font-size: 12px;
    float: left;
  }
  body.css-drcomments .collapse {
    width: 50%;
    font-size: 12px;
    float: left;
  }
  body.css-drcomments .trcommentCategory,
body.css-drcomments .trComments {
    font-size: 14px;
  }
}
@media screen and (min-width: 799px) {
  body.css-drcomments .count-span {
    display: none;
  }
  body.css-drcomments .expand {
    font-size: 12px;
    /*border:1px solid black;*/
    float: left;
    width: 45%;
  }
  body.css-drcomments .collapse {
    font-size: 12px;
    /*border:1px solid black;*/
    float: left;
    width: 45%;
  }
}
body.css-drcomments .barSpace span {
  float: left;
  padding-left: 5px;
  vertical-align: middle;
  color: #4694b8;
  font-size: 13px;
}
body.css-drcomments .commentsMessage {
  text-align: center;
  font-size: 20px;
  display: none;
  min-height: 250px;
}
body.css-drcomments .notTagged {
  color: #4694b8;
  font-weight: 400;
}
body.css-drcomments .tagged {
  color: #4694b8;
  font-weight: 900;
}
body.css-drcomments .spaceRow td {
  height: 7px;
  background-color: white;
}
body.css-drcomments .expand-collapse {
  margin: auto;
  width: calc(100% - 20px);
}
body.css-drcomments .ShowTagged {
  font-weight: 900;
}
body.css-drcomments .HideTagged {
  font-weight: 400;
}
body.css-drcomments #showBookMark {
  color: white;
  font-size: 1.3em;
  cursor: pointer;
}

@media screen {
  body.css-drpicklist {
    /*TO DO - Move all pop-up help css to a shared css file*/
    /*  End Pop-up Help CSS   */
  }
  body.css-drpicklist .i-help {
    height: 30px;
    width: 30px;
    float: right;
    padding-right: 20px;
  }
  body.css-drpicklist .popup_help {
    position: absolute;
    width: 100%;
    background-color: #fff;
    top: 0;
    z-index: 5000;
    display: none;
    border: 1px solid #C7C8CA;
    font-size: 16px;
    width: 500px;
  }
  body.css-drpicklist .popup_help .title {
    background: #f15d22;
    line-height: 30px;
    padding: 20px;
    color: white;
  }
  body.css-drpicklist .popup_help .title a {
    color: white;
    text-decoration: none;
  }
  body.css-drpicklist .popup_help .description {
    padding: 20px;
  }
  body.css-drpicklist .card_close {
    vertical-align: top;
    float: right;
    padding: 10px;
    color: white;
  }
  body.css-drpicklist .imgSatisfaction {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/grid-outline-inactive.png");
  }
  body.css-drpicklist .imgSatisfaction:hover,
body.css-drpicklist .imgSatisfaction.active {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/grid-outline-active.png");
  }
  body.css-drpicklist .imgContribution {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/grid-solid-inactive.png");
  }
  body.css-drpicklist .imgContribution:hover,
body.css-drpicklist .imgContribution.active {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/grid-solid-active.png");
  }
  body.css-drpicklist #tblMain {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
  body.css-drpicklist #questionSort {
    text-align: left;
  }
  body.css-drpicklist .tdFavorable {
    /* background-color: #2f87b0; */
    height: 18px;
    text-align: center;
    padding-left: 10px;
  }
  body.css-drpicklist .tdFavorableHeader {
    background-color: #2f87b0;
    color: white;
    height: 35px;
    text-align: center;
    padding-left: 10px;
  }
  body.css-drpicklist .headerSort {
    content: url("https://apx.gpstrategies.com/media/images/bds-down-borderless-icon.png");
    height: 12px;
  }
  body.css-drpicklist .headerSortDown {
    content: url("https://apx.gpstrategies.com/media/images/bds-down-borderless-icon.png");
    height: 12px;
  }
  body.css-drpicklist .headerSortUp {
    content: url("https://apx.gpstrategies.com/media/images/bds-down-borderless-icon.png");
    height: 12px;
    transform: rotate(180deg);
  }
  body.css-drpicklist td {
    padding: 5px;
    /* padding-top: 10px; */
    padding-bottom: 10px;
    position: relative;
  }
  body.css-drpicklist #tblMain {
    border-collapse: collapse !important;
    margin-bottom: 20px;
  }
  body.css-drpicklist .header-image-container {
    position: absolute;
    width: 100%;
    height: 120px;
    /*background-image: url(https://apx.gpstrategies.com/media/images/dr/inede.jpeg);*/
    background-image: url("https://apx.gpstrategies.com/media/images/dr/content-head-background.jpg");
    margin-top: -4px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 -115px;
    /*border-top-left-radius: 4px;*/
    /*border-top-right-radius: 4px;*/
  }
  body.css-drpicklist .header-image-foreground {
    background-color: rgba(255, 255, 255, 0.5490196078);
    /*opacity: 0.5;*/
    width: 100%;
    height: 100%;
    margin-top: -4px;
  }
  body.css-drpicklist #tblMain > tbody > tr:nth-child(1) > td:nth-child(1),
body.css-drpicklist #tblMain > tbody > tr:nth-child(1) > td:nth-child(2),
body.css-drpicklist #tblMain > tbody > tr:nth-child(1) > td:nth-child(3),
body.css-drpicklist #tblMain > tbody > tr:nth-child(1) > td:nth-child(4) {
    padding-top: 30px;
  }
  body.css-drpicklist .table-row-1 {
    text-align: right;
    padding-right: 2.5%;
  }
  body.css-drpicklist .table-row-text {
    padding-left: 15px;
  }
  body.css-drpicklist .col-sm-3 {
    width: 14%;
    padding: 0 !important;
    margin: 0 !important;
    float: right !important;
  }
  body.css-drpicklist .col-sm-9 {
    width: 77% !important;
  }
  body.css-drpicklist .jqx-tree-grid-indent {
    width: 0px !important;
  }
  body.css-drpicklist #containerMain {
    position: relative;
    /*height: 70%;*/
    height: inherit !important;
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.css-drpicklist #container1 {
    height: 40%;
    width: 49%;
    margin-top: 1%;
    margin-left: 1%;
  }
  body.css-drpicklist #container2 {
    height: 40%;
    width: 49%;
    margin-top: 1%;
  }
  body.css-drpicklist #container3 {
    height: 40%;
    width: 49%;
    margin-top: 1%;
    margin-left: 1%;
  }
  body.css-drpicklist #container4 {
    height: 40%;
    width: 49%;
    margin-top: 1%;
  }
  body.css-drpicklist #tblDriver,
body.css-drpicklist #tblPickList {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  body.css-drpicklist table {
    background-color: white;
  }
  body.css-drpicklist label input {
    width: 0;
  }
  body.css-drpicklist table {
    border-collapse: initial !important;
    border: none !important;
  }
  body.css-drpicklist .tdSeprate {
    border-bottom: 1px solid #F15D22 !important;
    border-right: 1px solid red !important;
  }
}
@media screen and (max-width: 450px) {
  body.css-drpicklist td {
    font-size: 11px;
  }
  body.css-drpicklist .header-image-container {
    display: none;
  }
  body.css-drpicklist .tdFavorable {
    font-size: 11px;
  }
  body.css-drpicklist .table-row-text {
    padding-left: 10px;
  }
  body.css-drpicklist #tblMain > thead > tr > th:nth-child(2) {
    padding-left: 9px;
    width: 20%;
  }
  body.css-drpicklist #tblMain > thead > tr > th:nth-child(3) {
    padding-left: 3px;
    width: 23%;
  }
  body.css-drpicklist #tblMain {
    width: 100%;
  }
  body.css-drpicklist #tblMain > thead > tr > th:nth-child(4) {
    width: 23%;
    font-size: 11px;
    padding-left: 4px;
  }
  body.css-drpicklist .table-row-text {
    width: 36%;
  }
  body.css-drpicklist .divbuttonCaption {
    width: 63%;
  }
}
@media screen and (min-width: 1025px) {
  body.css-drpicklist #tblDriver,
body.css-drpicklist #tblPickList {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  body.css-drpicklist .col-sm-3 {
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
    float: right !important;
    margin-top: 5px !important;
  }
  body.css-drpicklist #tblDriver,
body.css-drpicklist #tblPickList {
    width: 100%;
    margin-left: 0%;
  }
  body.css-drpicklist .tdFavorable {
    font-size: 12px;
  }
  body.css-drpicklist #tblMain > thead > tr > th:nth-child(2) {
    width: 11%;
  }
  body.css-drpicklist #tblMain > thead > tr > th:nth-child(3) {
    width: 12%;
  }
  body.css-drpicklist #tblMain > thead > tr > th:nth-child(4) {
    width: 12%;
  }
}
@media screen and (min-width: 451px) and (max-width: 768px) {
  body.css-drpicklist .col-sm-3 {
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
    float: right !important;
    margin-top: 5px !important;
  }
  body.css-drpicklist #containerMain {
    height: 40% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: 0 !important;
  }
  body.css-drpicklist #container1 {
    height: 43% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-bottom: 1% !important;
  }
  body.css-drpicklist #container2 {
    height: 47% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-bottom: 1% !important;
    padding: 0 !important;
    margin-top: 1% !important;
  }
  body.css-drpicklist #container3 {
    height: 40% !important;
    width: 100% !important;
    padding: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
  }
  body.css-drpicklist #container4 {
    height: 40% !important;
    width: 100% !important;
    padding: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
  }
  body.css-drpicklist #nameMain {
    width: 100% !important;
  }
  body.css-drpicklist #nameCompare {
    width: 100% !important;
  }
  body.css-drpicklist #nameM {
    width: 100% !important;
  }
  body.css-drpicklist #tblDriver,
body.css-drpicklist #tblPickList {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
  body.css-drpicklist text {
    font-size: 13px !important;
  }
  body.css-drpicklist .divbuttonCaption {
    max-width: 208px;
    width: 42%;
  }
  body.css-drpicklist .header-image-container {
    display: none;
  }
  body.css-drpicklist #tblMain > thead > tr > th:nth-child(2) {
    padding-left: 9px;
    width: 20%;
  }
  body.css-drpicklist #tblMain > thead > tr > th:nth-child(3) {
    padding-left: 3px;
    width: 23%;
  }
  body.css-drpicklist #tblMain {
    width: 100%;
  }
  body.css-drpicklist #tblMain > thead > tr > th:nth-child(4) {
    width: 23%;
    font-size: 14px;
    padding-left: 4px;
  }
}
body.css-drpicklist .tableSortup > div:before,
body.css-drpicklist .tableSortdown > div:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3px;
  width: 10px;
  content: "";
  background-image: url("https://apx.gpstrategies.com/media/images/sort-arrows.gif");
  background-position: left center;
  background-size: 20px;
  background-repeat: no-repeat;
}
body.css-drpicklist .tableSortup > div:before {
  background-position: left center;
}
body.css-drpicklist .tableSortdown > div:before {
  background-position: right center;
}
body.css-drpicklist #tblMain thead th.TrendSort :before {
  right: 50px !important;
}
body.css-drpicklist #tblMain thead th {
  background-repeat: no-repeat;
  background-position: right 10px center;
  border: 0 solid transparent !important;
  min-width: 100px;
  position: relative;
  cursor: pointer;
}

@font-face {
  font-family: OpenSansExtraBold;
  src: url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff), url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff2);
}
@media screen {
  body.tabbed-theme .trend-wrapper {
    position: relative;
    height: auto;
    background: #e1e5ec;
    padding-top: 4px;
    padding-bottom: 10px;
  }
  body.tabbed-theme .divbuttons {
    position: relative;
    display: table;
    padding-top: 4px;
    top: 25px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background: #fff;
    height: 45px;
    margin-left: 3%;
  }
  body.tabbed-theme .divbuttons > div {
    display: table-cell;
    cursor: pointer;
    height: 40px;
    margin-right: 2px;
    line-height: 45px;
  }
  body.tabbed-theme .divbuttons > div:first-of-type {
    padding-left: 10px;
  }
  body.tabbed-theme .divbuttons > div:last-of-type {
    margin-right: 4px;
  }
  body.tabbed-theme .divbuttons > div > div {
    height: 100%;
    background-position: left center;
    background-size: 35px;
    background-repeat: no-repeat;
    padding-left: 45px;
    padding-right: 20px;
  }
  body.tabbed-theme .divbuttonCaption {
    border: 1PX SOLID grey;
    text-align: center;
    margin-left: 1%;
    border-radius: 15px;
    font-size: 12PX;
    height: auto;
    padding: 5px;
    max-width: 208px;
    margin-bottom: 11px;
  }
  body.tabbed-theme .header-image-container {
    position: absolute;
    width: 100%;
    height: 120px;
    background-image: url(https://apx.gpstrategies.com/media/images/dr/content-head-background.jpg);
    margin-top: -4px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 -115px;
  }
  body.tabbed-theme #divChart {
    float: none;
    margin: 0;
    border: 0;
    width: 94%;
    background: #fff;
    margin-left: 3%;
    padding-top: 20px;
    padding-bottom: 15px;
    margin-bottom: 25px;
  }
  body.tabbed-theme #divTrend {
    float: left;
    margin-top: 0;
    border: 0 solid #f15d22;
    width: 90%;
    margin-left: 5%;
    background: #fff;
    padding-bottom: 5px;
    margin-bottom: 30px;
  }
  body.tabbed-theme .no-display {
    display: none;
  }
  body.tabbed-theme .Name-hover {
    width: 10%;
    margin-bottom: 50px;
    height: 15px;
    text-align: center;
  }
  body.tabbed-theme .charts-container {
    position: relative;
    background: #fff;
    width: 94%;
    top: 20px;
    margin-left: 3%;
    padding-top: 12px;
    border-top-right-radius: 4px;
    margin-bottom: 15px;
  }
  body.tabbed-theme .charts-container .fav-analysis-btns {
    padding-left: 10px;
  }
  body.tabbed-theme .trend-table-header {
    background: #2f87b0;
    color: #fff;
    height: 40px;
  }
  body.tabbed-theme .tdQuestionText {
    width: 32%;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  body.tabbed-theme .trend-grid-container {
    overflow-y: auto;
  }
  body.tabbed-theme .caption-table.table.table-bordered {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
  }
  body.tabbed-theme .sub-buttons {
    float: none;
    width: 10%;
    margin-top: 2%;
    margin-right: auto;
    border-radius: 22px;
    background: #fff;
    width: 22%;
    margin-bottom: -35px;
    height: 60px;
    margin-left: 5%;
  }
}
@media screen and (max-width: 798px) {
  body.tabbed-theme .divbuttons {
    margin-top: 5px;
  }
  body.tabbed-theme #divChart {
    width: 100%;
    margin-left: 0;
  }
  body.tabbed-theme .charts-container {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (min-width: 799px) {
  body.tabbed-theme #divbuttons {
    margin-top: -110px;
  }
  body.tabbed-theme .divbuttonCaption {
    width: 27%;
    margin-bottom: 11px;
  }
}
@media screen and (max-width: 1024px) {
  body.tabbed-theme .header-image-container {
    background-size: cover;
  }
}

@font-face {
  font-family: "OpenSansExtraBold";
  src: url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff), url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff2);
}
/* media queries - use these to edit specific sizes
    @include mobile-xs {}
    @include mobile-xs-landscape {}
    @include mobile {}
    @include mobile-landscape {}
    @include desktop_range {}
    @include mobile-wide-landscape {}
    @include desktop_wide {}
    @include desktop_max {}
*/
body.css-drlevels {
  /*.video-js.vjs-paused.vjs-controls-enabled.vjs-workinghover.vjs-user-active.bc-player-ryMUXWoce_default.vjs-plugins-ready.vjs-contextmenu.vjs-contextmenu-ui.vjs-player-info.vjs-errors.vjs-playlist-enabled {
      width: 50% !important;
  }

  .video-js.vjs-controls-enabled.vjs-workinghover.bc-player-ryMUXWoce_default.vjs-plugins-ready.vjs-contextmenu.vjs-contextmenu-ui.vjs-player-info.vjs-errors.vjs-playlist-enabled.vjs-playing.vjs-has-started.vjs-user-inactive {
      width: 50% !important;
  }

  .video-js.vjs-controls-enabled.vjs-workinghover.bc-player-ryMUXWoce_default.vjs-plugins-ready.vjs-contextmenu.vjs-contextmenu-ui.vjs-player-info.vjs-errors.vjs-playlist-enabled.vjs-has-started.vjs-user-active.vjs-playing {
      width: 50% !important;
  }

  .video-js.vjs-controls-enabled.vjs-workinghover.bc-player-ryMUXWoce_default.vjs-plugins-ready.vjs-contextmenu.vjs-contextmenu-ui.vjs-player-info.vjs-errors.vjs-playlist-enabled.vjs-has-started.vjs-paused.vjs-user-inactive {
      width: 50% !important;
  }*/
  /*#myPlayerID_html5_api{
   top: 50%;
  }*/
}
@media screen and (-ms-high-contrast: none) {
  body.css-drlevels #svg_xmodel {
    width: 100%;
    max-height: 530px;
    height: 32.3780487805vw;
  }
}
@media screen {
  body.css-drlevels {
    /*@import url('../Vendor/open-sans');*/
    /*TO DO - Move all pop-up help css to a shared css file*/
    /*  End Pop-up Help CSS   */
    /*5 levels icons*/
    /*.video-container div:nth-of-type(1) {
        position: relative;
        width: 100%;
        overflow: hidden;
    }*/
    /*.video-container div:nth-of-type(2) {
        position: relative;
    }*/
    /*.video-js.vjs-v5 {
        height: 300px
    }*/
    /*.video-js .vjs-tech {
        background-color: #fff;
    }*/
  }
  body.css-drlevels .video-div {
    position: relative;
    display: block;
    max-width: 640px;
    height: 263px;
    width: 550px;
  }
  body.css-drlevels .i_help_page {
    height: 30px;
    width: 30px;
    float: right;
    padding-right: 20px;
    padding-top: 10px;
  }
  body.css-drlevels .popup_help {
    position: absolute;
    width: 100%;
    background-color: #fff;
    top: 0;
    z-index: 5000;
    display: none;
    border: 1px solid #C7C8CA;
    font-size: 16px;
    width: 500px;
  }
  body.css-drlevels .popup_help .title {
    background: #f15d22;
    line-height: 30px;
    padding: 20px;
    color: white;
  }
  body.css-drlevels .popup_help .title a {
    color: white;
    text-decoration: none;
  }
  body.css-drlevels .popup_help .description {
    padding: 20px;
  }
  body.css-drlevels .card_close {
    vertical-align: top;
    float: right;
    padding: 10px;
    color: white;
  }
  body.css-drlevels .charts-container {
    position: relative;
    display: table;
    margin-top: 20px;
    vertical-align: top;
    text-align: center;
  }
  body.css-drlevels .divbuttonCaption {
    display: none;
  }
  body.css-drlevels .xmodel {
    position: relative;
    display: inline-block;
    width: 40%;
    margin-bottom: 2%;
    margin-right: 5%;
    /*border:1px solid blue;*/
  }
  body.css-drlevels .five_levels {
    position: relative;
    display: block;
    text-align: center;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    color: #777;
    font-size: 25px;
    line-height: 100%;
    margin-bottom: 10px;
    z-index: 2;
  }
  body.css-drlevels .trend-wrapper {
    position: relative;
    padding-top: 10px;
  }
  body.css-drlevels .icon {
    width: 100px;
    height: 100px;
    /*border:1px red solid;*/
    background-image: url("https://apx.gpstrategies.com/media/images/icons/xmodel-icons.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 800px;
  }
  body.css-drlevels .icon.te-bw {
    display: inline-block;
    background-position: 96.5% 6%;
  }
  body.css-drlevels .icon.te-col-line {
    display: inline-block;
    background-position: 96.5% 35%;
  }
  body.css-drlevels .icon.te-col-fill {
    display: inline-block;
    background-position: 96.5% 63%;
  }
  body.css-drlevels .icon.tae-bw {
    display: inline-block;
    background-position: 79% 6%;
  }
  body.css-drlevels .icon.tae-col-line {
    display: inline-block;
    background-position: 79% 35%;
  }
  body.css-drlevels .icon.tae-col-fill {
    display: inline-block;
    background-position: 79% 63%;
  }
  body.css-drlevels .icon.cns-bw {
    display: inline-block;
    background-position: 44.6% 6%;
  }
  body.css-drlevels .icon.cns-col-line {
    display: inline-block;
    background-position: 44.6% 35%;
  }
  body.css-drlevels .icon.cns-col-fill {
    display: inline-block;
    background-position: 44.6% 63%;
  }
  body.css-drlevels .icon.snc-bw {
    display: inline-block;
    background-position: 61.6% 6%;
  }
  body.css-drlevels .icon.snc-col-line {
    display: inline-block;
    background-position: 61.6% 35%;
  }
  body.css-drlevels .icon.snc-col-fill {
    display: inline-block;
    background-position: 61.6% 63%;
  }
  body.css-drlevels .icon.td-bw {
    display: inline-block;
    background-position: 25.6% 6%;
  }
  body.css-drlevels .icon.td-col-line {
    display: inline-block;
    background-position: 25.6% 35%;
  }
  body.css-drlevels .icon.td-col-fill {
    display: inline-block;
    background-position: 25.6% 63%;
  }
  body.css-drlevels svg g#quad1,
body.css-drlevels svg g#quad2,
body.css-drlevels svg g#quad3,
body.css-drlevels svg g#quad4,
body.css-drlevels svg g#quad5 {
    cursor: pointer;
  }
  body.css-drlevels .xmodel_tabs {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    font-family: "Open Sans", sans-serif;
    /*font-weight: bold;*/
    color: #fff;
    text-transform: uppercase;
    line-height: 1.5em;
    text-align: left;
    height: 0;
    overflow: hidden;
  }
}
@media only screen and (min-width: 1641px) {
  body.css-drlevels .xmodel_tabs {
    font-size: 13px;
  }
}
@media only screen and (min-width: 649px) and (max-width: 651px) {
  body.css-drlevels .xmodel_tabs {
    font-size: 0.7vw;
  }
}
@media only screen and (max-width: 651px) {
  body.css-drlevels .xmodel_tabs {
    height: 7vw;
  }
}
@media screen {
  body.css-drlevels .xmodel_tabs .xtab {
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 20%;
    height: 100%;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
  }
  body.css-drlevels .xmodel_tabs .xtab p {
    position: absolute;
    padding: 5px;
    margin: auto;
    display: inline-block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    vertical-align: middle;
    line-height: 1.25em;
  }
  body.css-drlevels .xmodel_tabs .xtab.tab_one {
    background-color: #F15A28;
  }
  body.css-drlevels .xmodel_tabs .xtab.tab_one.active {
    background-color: #80878E;
    color: #fff;
  }
  body.css-drlevels .xmodel_tabs .xtab.tab_two {
    background-color: #0093D0;
  }
  body.css-drlevels .xmodel_tabs .xtab.tab_two.active {
    background-color: #764C29;
    color: #fff;
  }
  body.css-drlevels .xmodel_tabs .xtab.tab_three {
    color: #000;
    background-color: #FCB040;
  }
  body.css-drlevels .xmodel_tabs .xtab.tab_three.active {
    background-color: #FCB040;
    color: #fff;
  }
  body.css-drlevels .xmodel_tabs .xtab.tab_four {
    background-color: #764C29;
  }
  body.css-drlevels .xmodel_tabs .xtab.tab_four.active {
    background-color: #0093D0;
    color: #fff;
  }
  body.css-drlevels .xmodel_tabs .xtab.tab_five {
    background-color: #80878E;
  }
  body.css-drlevels .xmodel_tabs .xtab.tab_five.active {
    background-color: #F15A28;
    color: #fff;
  }
}
@media screen {
  body.css-drlevels .xmodel_description {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    /*border-bottom-left-radius:6px;*/
    /*border-bottom-right-radius:6px;*/
    /*border-top-left-radius:2px;*/
    /*border-top-right-radius:2px;*/
  }
}
@media screen {
  body.css-drlevels .xdesc {
    position: relative;
    display: none;
    font-family: "Open Sans", sans-serif;
    font-size: 0.9vw;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 12vw;
    background-color: #E6E7E7;
    /*border:1px solid red;*/
    /*padding:1vw;*/
  }
}
@media only screen and (max-width: 651px) {
  body.css-drlevels .xdesc {
    min-height: 28vw;
  }
}
@media screen {
  body.css-drlevels .xdesc:after {
    position: absolute;
    display: block;
    bottom: 0;
    width: 100%;
    font-size: 1vw;
    line-height: 1vw;
    height: 1.5vw;
    content: "great days at work    ";
    white-space: pre;
    text-transform: uppercase;
    color: #fff;
    padding: 0.5vw 0;
    margin: 0;
    text-align: right;
  }
}
@media only screen and (max-width: 651px) {
  body.css-drlevels .xdesc:after {
    font-size: 2vw;
    line-height: 2vw;
    height: 3vw;
    padding: 1.25vw 0;
  }
}
@media screen {
  body.css-drlevels .xdesc > div {
    position: relative;
    display: inline-block;
    vertical-align: top;
    /*border:1px solid green;*/
  }
  body.css-drlevels .xdesc > div:first-of-type {
    width: 22%;
    margin-left: 0;
    position: relative;
  }
  body.css-drlevels .xdesc > div:last-of-type {
    padding-top: 1.5vw;
    text-align: center;
    width: 75%;
  }
}
@media only screen and (max-width: 651px) {
  body.css-drlevels .xdesc > div:last-of-type {
    font-size: 2.7vw;
  }
}
@media screen {
  body.css-drlevels .xdesc > div .icon:nth-of-type(1) {
    position: absolute;
    width: 2vw;
    height: 2vw;
    top: 0.3vw;
    left: 0.3vw;
    background-size: 15vw;
  }
}
@media only screen and (max-width: 651px) {
  body.css-drlevels .xdesc > div .icon:nth-of-type(1) {
    width: 4vw;
    height: 4vw;
    top: 0.6vw;
    left: 0.6vw;
    background-size: 35vw;
  }
}
@media screen {
  body.css-drlevels .xdesc > div .icon:nth-of-type(2) {
    position: absolute;
    width: 5vw;
    height: 5vw;
    top: 0.5vw;
    left: 1.5vw;
    background-size: 40vw;
  }
}
@media only screen and (max-width: 651px) {
  body.css-drlevels .xdesc > div .icon:nth-of-type(2) {
    width: 10vw;
    height: 10vw;
    top: 1vw;
    left: 3vw;
    background-size: 80vw;
  }
}
@media screen {
  body.css-drlevels .xdesc > div .icon:nth-of-type(3) {
    position: absolute;
    width: 3vw;
    height: 3vw;
    top: 5vw;
    left: 1vw;
    background-size: 25vw;
  }
}
@media only screen and (max-width: 651px) {
  body.css-drlevels .xdesc > div .icon:nth-of-type(3) {
    width: 6vw;
    height: 6vw;
    top: 10vw;
    left: 2vw;
    background-size: 50vw;
  }
}
@media screen {
  body.css-drlevels .xdesc.tab_one {
    border-top: 5px solid #F15A28;
  }
}
@media screen {
  body.css-drlevels .xdesc.tab_one::after {
    background-color: #F15A28;
  }
}
@media screen {
  body.css-drlevels .xdesc.tab_two {
    border-top: 5px solid #0093D0;
  }
}
@media screen {
  body.css-drlevels .xdesc.tab_two::after {
    background-color: #0093D0;
  }
}
@media screen {
  body.css-drlevels .xdesc.tab_three {
    border-top: 5px solid #FCB040;
  }
}
@media screen {
  body.css-drlevels .xdesc.tab_three::after {
    background-color: #FCB040;
    color: #000;
  }
}
@media screen {
  body.css-drlevels .xdesc.tab_four {
    border-top: 5px solid #764C29;
  }
}
@media screen {
  body.css-drlevels .xdesc.tab_four::after {
    background-color: #764C29;
  }
}
@media screen {
  body.css-drlevels .xdesc.tab_five {
    border-top: 5px solid #80878E;
  }
}
@media screen {
  body.css-drlevels .xdesc.tab_five::after {
    background-color: #80878E;
  }
}
@media screen {
  body.css-drlevels .imgDetail {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/equalizer-inactive.png");
  }
}
@media screen {
  body.css-drlevels .imgDetail:hover,
body.css-drlevels .imgDetail.active {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/equalizer-acvtive.png");
  }
}
@media screen {
  body.css-drlevels .imgXmodel {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/xmodel-inactive.png");
  }
}
@media screen {
  body.css-drlevels .imgXmodel:hover,
body.css-drlevels .imgXmodel.active {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/xmodel-active.png");
  }
}
@media screen {
  body.css-drlevels .btn-primary {
    /*display: none;*/
  }
}
@media screen {
  body.css-drlevels #xModel {
    display: block;
  }
}
@media screen {
  body.css-drlevels #myPlayerID {
    position: relative;
    display: block;
    top: 0;
    margin-top: 0;
    /*vertical-align: top;*/
    width: 85%;
    /*border:1px solid red;*/
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    /*height: 75%;*/
  }
}
@media screen {
  body.css-drlevels .video-description.large {
    top: 10px;
    margin-bottom: 30px;
  }
}
@media screen {
  body.css-drlevels .video-description {
    font-size: 13px;
    text-align: left;
    padding: 0 50px;
  }
}
@media screen {
  body.css-drlevels .video-description h1 {
    font-size: 15px;
    font-weight: bold;
    padding: 0;
    margin: 0;
  }
}
@media screen {
  body.css-drlevels .video-description p {
    padding: 0;
    margin: 0;
  }
}
@media screen {
  body.css-drlevels figure.bcls-thumbnail {
    position: relative;
    /*display as horizontal list*/
    display: inline-block;
    /*change the cursor to show they're clickable*/
    cursor: pointer;
    top: 0;
    left: 0;
    vertical-align: top;
    width: 37%;
    margin-left: 0;
    margin-right: 1em;
    /*border:1px solid red;*/
  }
}
@media screen {
  body.css-drlevels figure.bcls-thumbnail figcaption {
    display: none;
    position: relative;
    font-size: 12px;
    text-align: left;
    padding: 0;
    margin: 0;
  }
}
@media screen {
  body.css-drlevels figure.bcls-thumbnail figcaption h1 {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding: 0;
    margin: 7px 0 5px 0;
  }
}
@media screen {
  body.css-drlevels figure.bcls-thumbnail figcaption p {
    padding: 0;
    margin: 0;
    line-height: 15px;
  }
}
@media screen {
  body.css-drlevels figure.bcls-thumbnail img {
    position: relative;
    border: #333 1px solid;
    width: 99%;
  }
}
@media screen {
  body.css-drlevels figure.bcls-thumbnail img:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    /*height: 9.2vw;*/
    width: 100%;
    height: 100%;
    /*right: 0;*/
    background: rgba(48, 135, 176, 0.7);
    transition: all 0.3s linear;
    z-index: 1;
  }
}
@media screen {
  body.css-drlevels figure.bcls-thumbnail:hover:before {
    background: none;
  }
}
@media screen {
  body.css-drlevels .vertical_spacer {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 10%;
    height: 100%;
  }
}
@media only screen and (max-width: 651px) {
  body.css-drlevels .vertical_spacer {
    display: none;
  }
}
@media screen {
  body.css-drlevels .video-container {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 42%;
    margin-top: 50px;
  }
}
@media screen {
  body.css-drlevels .videoList {
    position: relative;
    display: block;
    top: -20%;
  }
}
@media screen and (max-width: 650px) {
  body.css-drlevels {
    /*.video-container div:nth-of-type(1) {
        height: 54.7vw;
    }*/
  }
  body.css-drlevels .xmodel {
    display: block;
    width: 100%;
  }
  body.css-drlevels .xmodel_tabs {
    font-size: 1.8vw;
  }
  body.css-drlevels .video-container {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  body.css-drlevels figure.bcls-thumbnail:before {
    height: 20.3vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1639px) {
  body.css-drlevels {
    /*.video-container div:nth-of-type(1) {
        height: 23.45vw;
    }*/
  }
  body.css-drlevels .xmodel_tabs {
    font-size: 0.7vw;
    line-height: 0.75vw;
  }
  body.css-drlevels .xtab {
    height: 3vw;
    padding-top: 0.4vw;
    /*margin-right: -3px;*/
    font-size: 0.7vw;
  }
  body.css-drlevels figure.bcls-thumbnail:before {
    height: 7.5vw;
  }
  body.css-drlevels .video-div {
    position: relative;
    display: block;
    max-width: 640px;
    height: 179px;
    width: 374px;
  }
}
@media screen and (min-width: 1640px) {
  body.css-drlevels {
    /*.video-container div:nth-of-type(1) {
        height: 390px;
        style="position: relative; display: block; max-width: 640px;height:300px;width:500px
    }*/
  }
  body.css-drlevels .xtab {
    padding-top: 10px;
    /*margin-right: -3px;*/
    font-size: 12px;
    line-height: 120%;
  }
  body.css-drlevels .xdesc::after {
    font-size: 13px;
    line-height: 18px;
    height: 18px;
    padding: 8px 0;
    /*margin-top:1vw;*/
    /*margin-left:-1vw;*/
    /*margin-right:-1vw;*/
    /*margin-bottom:-1vw;*/
  }
  body.css-drlevels figure.bcls-thumbnail:before {
    height: 124px;
  }
}
body.css-drlevels .sub-nav-pill {
  border: 1px solid #F15D22;
  float: left;
}
body.css-drlevels .colLPadding {
  padding-left: 15px;
}
body.css-drlevels .colRPadding {
  width: 400px;
}
body.css-drlevels .colTB {
  border-bottom: 1px solid #F15D22 !important;
  padding-top: 7px;
  padding-bottom: 7px;
  vertical-align: bottom;
}
body.css-drlevels .colL {
  /* padding-left:15px; */
}
body.css-drlevels .colR {
  /* padding-right: 15px; */
}
body.css-drlevels .colNum {
  text-align: center;
  border-bottom: 1px solid #F15D22 !important;
  padding-top: 7px;
  padding-bottom: 7px;
  vertical-align: bottom;
}
body.css-drlevels .colNumBold {
  text-align: center;
  border-bottom: 1px solid #F15D22 !important;
  padding-top: 7px;
  padding-bottom: 7px;
  vertical-align: bottom;
  font-weight: bold;
}
body.css-drlevels #treeGrid {
  display: none;
}
body.css-drlevels .maincontainer {
  position: relative;
  background: white;
  width: 94%;
  margin-left: 3%;
  /*top: 20px;*/
  /*top:-54px;*/
  /*padding-top: 12px;*/
}
body.css-drlevels .grid-container {
  float: left;
  margin: 0;
  width: 100%;
  display: block;
}
body.css-drlevels .grid-container h1 {
  padding-left: 60px;
}
body.css-drlevels #divChart {
  margin-left: auto;
  margin-right: auto;
  margin-top: -40px;
}
body.css-drlevels .table.table-borderless {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 90%;
}
body.css-drlevels .expand-collapse-cell {
  margin-top: 1%;
  margin-bottom: 1%;
  margin-left: 9%;
  cursor: pointer;
}
body.css-drlevels #tblEngagement {
  width: 98%;
}
body.css-drlevels .tdFavorable {
  background-color: #2f87b0;
  color: white;
  height: 18px;
  text-align: center;
  /* padding-left: 10px; */
}
body.css-drlevels .headerSort {
  content: url(https://apx.gpstrategies.com/media/images/bds-down-borderless-icon.png);
  height: 15px;
}
body.css-drlevels .headerSortDown {
  content: url(https://apx.gpstrategies.com/media/images/bds-down-borderless-icon.png);
  height: 15px;
}
body.css-drlevels .headerSortUp {
  content: url(https://apx.gpstrategies.com/media/images/bds-down-borderless-icon.png);
  height: 15px;
  transform: rotate(180deg);
}
body.css-drlevels td {
  padding: 5px;
  /* padding-top: 10px; */
  padding-bottom: 10px;
}
body.css-drlevels #tblEngagement {
  border-collapse: collapse !important;
  margin-bottom: 20px;
}
body.css-drlevels #tblEngagement > tbody > tr:nth-child(1) > td:nth-child(1),
body.css-drlevels #tblEngagement > tbody > tr:nth-child(1) > td:nth-child(2),
body.css-drlevels #tblEngagement > tbody > tr:nth-child(1) > td:nth-child(3),
body.css-drlevels #tblEngagement > tbody > tr:nth-child(1) > td:nth-child(4) {
  padding-top: 30px;
}
body.css-drlevels #tblEngagement > thead > tr > th:nth-child(1),
body.css-drlevels #tblEngagement > thead > tr > th:nth-child(2),
body.css-drlevels #tblEngagement > thead > tr > th:nth-child(3),
body.css-drlevels #tblEngagement > thead > tr > th:nth-child(4),
body.css-drlevels #tblEngagement > thead > tr > th:nth-child(5),
body.css-drlevels #tblEngagement > thead > tr > th:nth-child(6) {
  border-bottom: 0 !important;
}
body.css-drlevels .table-row-1 {
  /* text-align: right; */
  padding-right: 6%;
}
body.css-drlevels .table-row-text-engagement {
  padding-left: 15px;
  font-weight: bold;
}
body.css-drlevels .header-image-container {
  position: absolute;
  width: 100%;
  height: 160px;
  background-image: url(https://apx.gpstrategies.com/media/images/dr/inede.jpeg) !important;
  margin-top: -4px;
  background-size: cover;
  background-repeat: no-repeat;
}
body.css-drlevels .header-image-foreground {
  background-color: rgba(255, 255, 255, 0.5490196078);
  /*opacity: 0.5;*/
  width: 100%;
  height: 100%;
  margin-top: -4px;
}
body.css-drlevels .child-data-cell {
  padding-left: 3%;
}
body.css-drlevels .charts-container {
  top: 0;
  padding-top: 0;
  background-color: transparent;
}
body.css-drlevels .divbuttons {
  top: 0;
  z-index: 1;
  float: left;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  width: 94%;
}
body.css-drlevels .divbuttons > div {
  display: inline-block;
}
body.css-drlevels .divbuttons > div:first-of-type {
  margin-left: 0;
}
body.css-drlevels .divbuttons > div:last-of-type {
  margin-right: 0;
}
body.css-drlevels .divbuttons:after {
  content: "";
  clear: both;
}
body.css-drlevels .expand-collapse-cell {
  display: none;
}
@media screen and (max-width: 650px) {
  body.css-drlevels .header-image-container {
    display: none;
  }
  body.css-drlevels .maincontainer {
    width: 100%;
    margin-left: 0;
  }
  body.css-drlevels .divbuttons {
    margin-top: 0;
  }
  body.css-drlevels .video-container {
    /*width: 100%;*/
    /*float: none;*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    /*padding-right: 0;*/
    /*max-width: 300px;*/
  }
  body.css-drlevels .bc-player-ryMUXWoce_default {
    width: 100%;
    margin-bottom: 10px;
  }
  body.css-drlevels .charts-container {
    padding-bottom: 5px;
  }
}
@media screen and (min-width: 651px) and (max-width: 850px) {
  body.css-drlevels .maincontainer {
    width: 100%;
    margin-left: 0;
  }
  body.css-drlevels .charts-container {
    padding-bottom: 60px;
  }
  body.css-drlevels .video-container {
    /*width: 2%;*/
    /*float: right;*/
    /*margin-right: 39%;*/
    /*padding-top: 0;*/
    /*max-width: 300px;*/
  }
  body.css-drlevels .video-js.vjs-paused.vjs-controls-enabled.vjs-workinghover.vjs-v5.vjs-user-active.bc-player-ryMUXWoce_default.vjs-plugins-ready.vjs-contextmenu.vjs-contextmenu-ui.vjs-player-info.vjs-errors.vjs-playlist-enabled {
    margin-bottom: 4px;
    max-width: 300px;
  }
}
@media screen and (min-width: 851px) and (max-width: 1024px) {
  body.css-drlevels #xModel {
    display: block;
  }
  body.css-drlevels .list1 {
    width: 12%;
    max-width: 130px;
  }
  body.css-drlevels .sub-nav-bar {
    float: none;
    width: 100%;
  }
  body.css-drlevels .sub-nav-pill {
    width: 18%;
    /*float: none !important;*/
  }
  body.css-drlevels .sub-nav-pill-list {
    float: right;
    margin-left: 2%;
  }
  body.css-drlevels .sub-menu-list-icon {
    padding-right: 0;
  }
  body.css-drlevels .sub-nav-list.list4 {
    width: 3%;
    margin-right: 0;
    float: right;
  }
  body.css-drlevels .sub-nav-list {
    width: 35%;
    /* border: 1px solid #F15D22; */
    height: 100%;
    min-height: 40px;
    float: left;
    /* margin-right: 5%; */
  }
  body.css-drlevels table {
    border-collapse: initial !important;
    border: none !important;
  }
  body.css-drlevels .collapseAll {
    display: none;
  }
  body.css-drlevels .expandAll {
    display: table-row;
  }
  body.css-drlevels .headerSort {
    content: url(https://apx.gpstrategies.com/media/images/bds-down-borderless-icon.png);
  }
  body.css-drlevels .headerSortUp {
    content: url(https://apx.gpstrategies.com/media/images/bds-down-borderless-icon.png);
    transform: rotate(180deg);
  }
  body.css-drlevels .headerSortDown {
    content: url(https://apx.gpstrategies.com/media/images/bds-down-borderless-icon.png);
  }
  body.css-drlevels .charts-container {
    padding-bottom: 60px;
  }
  body.css-drlevels #myPlayerID {
    /*width: 100%;*/
    /*margin-bottom: 20px;*/
  }
  body.css-drlevels .video-container {
    /*padding-top: 0;*/
  }
}
@media screen and (min-width: 1025px) and (max-width: 1380px) {
  body.css-drlevels #xModel {
    display: block;
  }
  body.css-drlevels .list1 {
    width: 12%;
    max-width: 130px;
  }
  body.css-drlevels .sub-nav-bar {
    float: none;
    width: 100%;
  }
  body.css-drlevels .sub-nav-pill {
    width: 18%;
    /*float: none !important;*/
  }
  body.css-drlevels .sub-nav-pill-list {
    float: right;
    margin-left: 2%;
  }
  body.css-drlevels .sub-menu-list-icon {
    padding-right: 0;
  }
  body.css-drlevels .sub-nav-list.list4 {
    width: 3%;
    margin-right: 0;
    float: right;
  }
  body.css-drlevels .sub-nav-list {
    width: 35%;
    /* border: 1px solid #F15D22; */
    height: 100%;
    min-height: 40px;
    float: left;
    /* margin-right: 5%; */
  }
  body.css-drlevels table {
    border-collapse: initial !important;
    border: none !important;
  }
  body.css-drlevels .collapseAll {
    display: none;
  }
  body.css-drlevels .expandAll {
    display: table-row;
  }
  body.css-drlevels .headerSort {
    content: url(https://apx.gpstrategies.com/media/images/bds-down-borderless-icon.png);
  }
  body.css-drlevels .headerSortUp {
    content: url(https://apx.gpstrategies.com/media/images/bds-down-borderless-icon.png);
    transform: rotate(180deg);
  }
  body.css-drlevels .headerSortDown {
    content: url(https://apx.gpstrategies.com/media/images/bds-down-borderless-icon.png);
  }
  body.css-drlevels .charts-container {
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 1381px) {
  body.css-drlevels #xModel {
    display: block;
  }
  body.css-drlevels .list1 {
    width: 12%;
    max-width: 130px;
  }
  body.css-drlevels .sub-nav-bar {
    float: none;
    width: 100%;
  }
  body.css-drlevels .sub-nav-pill {
    width: 18%;
    /*float: none !important;*/
  }
  body.css-drlevels .sub-nav-pill-list {
    float: right;
    margin-left: 2%;
  }
  body.css-drlevels .sub-menu-list-icon {
    padding-right: 0;
  }
  body.css-drlevels .sub-nav-list.list4 {
    width: 3%;
    margin-right: 0;
    float: right;
  }
  body.css-drlevels .sub-nav-list {
    width: 35%;
    /* border: 1px solid #F15D22; */
    height: 100%;
    min-height: 40px;
    float: left;
    /* margin-right: 5%; */
  }
  body.css-drlevels table {
    border-collapse: initial !important;
    border: none !important;
  }
  body.css-drlevels .collapseAll {
    display: none;
  }
  body.css-drlevels .expandAll {
    display: table-row;
  }
  body.css-drlevels .headerSort {
    content: url(https://apx.gpstrategies.com/media/images/bds-down-borderless-icon.png);
  }
  body.css-drlevels .headerSortUp {
    content: url(https://apx.gpstrategies.com/media/images/bds-down-borderless-icon.png);
    transform: rotate(180deg);
  }
  body.css-drlevels .headerSortDown {
    content: url(https://apx.gpstrategies.com/media/images/bds-down-borderless-icon.png);
  }
  body.css-drlevels .charts-container {
    padding-bottom: 60px;
  }
  body.css-drlevels #myPlayerID {
    /*width: 100%;*/
    /*margin-bottom: 20px;*/
  }
}
body.css-drlevels #tblEngagement thead th.tableSortup :before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  top: 9px;
  right: 10px;
  font-size: 1.5em;
  font-weight: 900;
  /* solid style/weight */
}
body.css-drlevels #tblEngagement thead th.tableSortdown :before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  top: 9px;
  right: 10px;
  font-size: 1.5em;
  font-weight: 900;
  /* solid style/weight */
}
body.css-drlevels #tblEngagement thead th.TrendSort :before {
  right: 50px !important;
}
body.css-drlevels #tblEngagement thead th {
  background-repeat: no-repeat;
  background-position: right 10px center;
  border: 0 solid transparent !important;
  min-width: 100px;
  position: relative;
}
body.css-drlevels #expandButton,
body.css-drlevels #collapseButton,
body.css-drlevels .headerSort {
  vertical-align: middle;
}

@font-face {
  font-family: "OpenSansExtraBold";
  src: url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff), url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff2);
}
/* media queries - use these to edit specific sizes
    @include mobile-xs {}
    @include mobile-xs-landscape {}
    @include mobile {}
    @include mobile-landscape {}
    @include desktop_range {}
    @include mobile-wide-landscape {}
    @include desktop_wide {}
    @include desktop_max {}
*/
body.css-drtables {
  /*Added for bottom tables*/
}
@media screen {
  body.css-drtables {
    /*TO DO - Move all pop-up help css to a shared css file*/
    /*  End Pop-up Help CSS   */
  }
  body.css-drtables .mgrDivbuttons {
    color: #6a737b;
    border: 0.05em solid grey;
    background: #fff;
    text-align: center;
    margin-left: 5px;
    border-radius: 15px;
    font-size: 12PX;
    height: auto;
    padding: 5px;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    cursor: pointer;
  }
  body.css-drtables .mgrDivbuttons.active {
    color: #fff;
    border: 0.05em solid grey;
    background: #2f87b0;
    text-align: center;
    margin-left: 5px;
    border-radius: 15px;
    font-size: 12PX;
    height: auto;
    padding: 5px;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    cursor: pointer;
    border-width: 0.05em;
  }
  body.css-drtables .table-help {
    height: 30px;
    width: 30px;
    float: right;
    padding-right: 20px;
  }
  body.css-drtables .popup_help {
    position: absolute;
    width: 100%;
    background-color: #fff;
    top: 0;
    z-index: 5000;
    display: none;
    border: 1px solid #C7C8CA;
    font-size: 16px;
    width: 500px;
  }
  body.css-drtables .popup_help .title {
    background: #f15d22;
    line-height: 30px;
    padding: 20px;
    color: white;
  }
  body.css-drtables .popup_help .title a {
    color: white;
    text-decoration: none;
  }
  body.css-drtables .popup_help .description {
    padding: 20px;
  }
  body.css-drtables .card_close {
    vertical-align: top;
    float: right;
    padding: 10px;
    color: white;
  }
  body.css-drtables #treeGrid {
    margin-top: 5%;
    margin-right: 10%;
    clear: both;
    width: 90%;
  }
  body.css-drtables .trend-grid-container {
    height: 600px;
    overflow-y: scroll;
  }
  body.css-drtables #expandButton,
body.css-drtables #collapseButton,
body.css-drtables .headerSort {
    vertical-align: middle;
  }
  body.css-drtables .tdQuestionText {
    width: 20%;
    text-align: left;
  }
  body.css-drtables .tdFavorable,
body.css-drtables .tdFavorableHeader {
    width: 10%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
    cursor: pointer;
  }
  body.css-drtables .tdDistribution {
    width: 13%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
  }
  body.css-drtables #bodycontainer {
    height: 800px;
    padding-bottom: 20px;
    overflow-y: scroll;
    border: 1px solid transparent;
  }
  body.css-drtables .sub-buttons {
    width: 22%;
  }
  body.css-drtables table {
    border-collapse: initial !important;
    border: none !important;
  }
  body.css-drtables .headerNode {
    cursor: pointer;
  }
  body.css-drtables .tdSeprate {
    border-bottom: 1px solid #F15D22 !important;
    border-right: 1px solid red !important;
  }
  body.css-drtables .collapseAll {
    display: none;
  }
  body.css-drtables .expandAll {
    display: table-row;
  }
  body.css-drtables .headerSort {
    content: url("https://apx.gpstrategies.com/media/images/bg.gif");
  }
  body.css-drtables .headerSortUp {
    content: url("https://apx.gpstrategies.com/media/images/desc.gif");
  }
  body.css-drtables .headerSortDown {
    content: url("https://apx.gpstrategies.com/media/images/asc.gif");
  }
  body.css-drtables .table.table-borderless {
    border: 1px solid white !important;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  body.css-drtables .imgWorkgroup {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/grid-outline-inactive.png");
  }
  body.css-drtables .imgWorkgroup:hover,
body.css-drtables .imgWorkgroup.active {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/grid-outline-active.png");
  }
  body.css-drtables .imgDistribution {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/grid-solid-inactive.png");
  }
  body.css-drtables .imgDistribution:hover,
body.css-drtables .imgDistribution.active {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/grid-solid-active.png");
  }
  body.css-drtables .imgDownload {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/grid-solid-inactive.png");
  }
  body.css-drtables .imgDownload:hover,
body.css-drtables .imgDownload.active {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/grid-solid-active.png");
  }
  body.css-drtables .tdFavorable,
body.css-drtables .tdComment,
body.css-drtables .tdDistribution,
body.css-drtables .tdFavorableHeader {
    background-color: #2f87b0;
    color: white;
    height: 35px;
    text-align: center;
    padding-left: 10px;
  }
  body.css-drtables .tdDistribution {
    cursor: default;
  }
  body.css-drtables table {
    /* border-collapse: collapse !important; */
  }
  body.css-drtables #tblMain > tbody > tr:nth-child(1) > td:nth-child(1),
body.css-drtables #tblMain > tbody > tr:nth-child(1) > td:nth-child(2),
body.css-drtables #tblMain > tbody > tr:nth-child(1) > td:nth-child(3),
body.css-drtables #tblMain > tbody > tr:nth-child(1) > td:nth-child(4) {
    /* padding-top: 30px; */
  }
  body.css-drtables td {
    padding: 5px;
    /* padding-top: 10px; */
    padding-bottom: 10px;
    position: relative;
  }
  body.css-drtables .table-row-1 {
    text-align: right;
    /*padding-right: 2.5%;*/
  }
  body.css-drtables .table-row-text {
    padding-left: 15px;
  }
  body.css-drtables .child-data-cell {
    padding-left: 3%;
  }
  body.css-drtables .headerSort {
    content: url(https://apx.gpstrategies.com/media/images/bds-down-borderless-icon.png);
    height: 15px;
  }
  body.css-drtables .headerSortDown {
    content: url(https://apx.gpstrategies.com/media/images/bds-down-borderless-icon.png);
    height: 15px;
  }
  body.css-drtables .headerSortUp {
    content: url(https://apx.gpstrategies.com/media/images/bds-down-borderless-icon.png);
    height: 15px;
    transform: rotate(180deg);
  }
  body.css-drtables #tblMain {
    margin-bottom: 20px;
    margin-top: 55px;
  }
  body.css-drtables .child-question-cell {
    width: 25%;
    padding-left: 2%;
  }
  body.css-drtables .tdComment {
    text-align: left;
  }
  body.css-drtables .header-image-container {
    position: absolute;
    width: 100%;
    height: 120px;
    /*background-image: url(https://apx.gpstrategies.com/media/images/dr/inede.jpeg);*/
    background-image: url("https://apx.gpstrategies.com/media/images/dr/content-head-background.jpg");
    margin-top: -4px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 -115px;
    /*border-top-left-radius: 4px;*/
    /*border-top-right-radius: 4px;*/
  }
  body.css-drtables .header-image-foreground {
    background-color: rgba(255, 255, 255, 0.5490196078);
    /*opacity: 0.5;*/
    width: 100%;
    height: 100%;
    margin-top: -4px;
  }
  body.css-drtables .sub-buttons {
    display: none;
  }
  body.css-drtables .expand-collapse {
    /*border: 1px solid red;*/
    cursor: pointer;
    position: relative;
  }
  body.css-drtables .expand-collapse .expand,
body.css-drtables .expand-collapse .expand_sec,
body.css-drtables .expand-collapse .collapse,
body.css-drtables .expand-collapse .collapse_sec {
    /*border: 1px solid black;*/
    padding-right: 23px;
    padding-left: 10px;
    position: relative;
    display: inline-block;
  }
  body.css-drtables .expand-collapse .expand img,
body.css-drtables .expand-collapse .expand_sec img,
body.css-drtables .expand-collapse .collapse img,
body.css-drtables .expand-collapse .collapse_sec img {
    display: none;
  }
  body.css-drtables .expand-collapse .expand:before, body.css-drtables .expand-collapse .expand:after,
body.css-drtables .expand-collapse .expand_sec:before,
body.css-drtables .expand-collapse .expand_sec:after,
body.css-drtables .expand-collapse .collapse:before,
body.css-drtables .expand-collapse .collapse:after,
body.css-drtables .expand-collapse .collapse_sec:before,
body.css-drtables .expand-collapse .collapse_sec:after {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    font-size: 1.2em;
    font-weight: bold;
    top: 0;
    right: 0;
    width: 1.2em;
    height: 1.2em;
    text-align: center;
    vertical-align: middle;
  }
  body.css-drtables .expand-collapse .expand:before,
body.css-drtables .expand-collapse .expand_sec:before,
body.css-drtables .expand-collapse .collapse:before,
body.css-drtables .expand-collapse .collapse_sec:before {
    color: #fff;
    content: "\f111";
    text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
  }
  body.css-drtables .expand-collapse .expand:after,
body.css-drtables .expand-collapse .expand_sec:after,
body.css-drtables .expand-collapse .collapse:after,
body.css-drtables .expand-collapse .collapse_sec:after {
    color: #f15d22;
    content: "\f055";
  }
  body.css-drtables .expand-collapse .collapse:after,
body.css-drtables .expand-collapse .collapse_sec:after {
    content: "\f056";
  }
}
@media screen and (max-width: 450px) {
  body.css-drtables .child-question-cell {
    font-size: 9px;
  }
  body.css-drtables .table-row-text-2 {
    padding-left: 0;
  }
  body.css-drtables td {
    font-size: 8px;
  }
  body.css-drtables .table.table-borderless {
    width: 100%;
  }
  body.css-drtables #tblMain > thead > tr > th:nth-child(3) {
    width: 19%;
  }
  body.css-drtables #tblMain > thead > tr > th:nth-child(2) {
    width: 14%;
  }
  body.css-drtables #expandButton {
    height: 8px;
  }
  body.css-drtables #collapseButton {
    height: 8px;
  }
  body.css-drtables .header-image-container {
    display: none;
  }
  body.css-drtables .divbuttonCaption {
    width: 35%;
  }
  body.css-drtables .tdFavorable,
body.css-drtables .tdComment,
body.css-drtables .tdDistribution,
body.css-drtables .tdFavorableHeader {
    font-size: 10px;
  }
  body.css-drtables .headerSortDown,
body.css-drtables .headerSortUp,
body.css-drtables .headerSort {
    height: 9px;
  }
  body.css-drtables .table-row-text,
body.css-drtables childNode,
body.css-drtables .child-data-cell,
body.css-drtables .table-row-1,
body.css-drtables .table-row-data {
    font-size: 12px;
  }
  body.css-drtables .table-row-text {
    padding-left: 5px;
  }
  body.css-drtables .child-data-cell {
    padding-left: 5%;
  }
}
@media screen and (min-width: 451px) and (max-width: 798px) {
  body.css-drtables .divbuttonCaption {
    width: 25%;
  }
  body.css-drtables #tblMain > thead > tr > th:nth-child(2) {
    width: 13%;
  }
  body.css-drtables #tblMain > thead > tr > th:nth-child(3) {
    width: 16%;
  }
  body.css-drtables .header-image-container {
    display: none;
  }
  body.css-drtables .table-row-text,
body.css-drtables childNode,
body.css-drtables .child-data-cell,
body.css-drtables .table-row-1,
body.css-drtables .table-row-data,
body.css-drtables .tdFavorable,
body.css-drtables .tdComment,
body.css-drtables .tdDistribution,
body.css-drtables .tdFavorableHeader {
    font-size: 11px;
  }
  body.css-drtables .headerSortDown,
body.css-drtables .headerSortUp,
body.css-drtables .headerSort {
    height: 10px;
  }
  body.css-drtables #divChart {
    width: 94%;
    margin-left: 3%;
  }
}
@media screen and (min-width: 799px) and (max-width: 1025px) {
  body.css-drtables .collapse {
    width: 33%;
  }
}
@media screen and (min-width: 1025px) {
  body.css-drtables .tdFavorable,
body.css-drtables .tdFavorableHeader {
    width: 13%;
  }
}
body.css-drtables #tblMain thead th,
body.css-drtables #tblDownloadLinks thead th {
  background-repeat: no-repeat;
  background-position: right 10px center;
  border: 0 solid transparent !important;
  min-width: 100px;
  position: relative;
}
body.css-drtables .tableSortup,
body.css-drtables .tableSortdown {
  position: relative;
}
body.css-drtables .tableSortup > div:before,
body.css-drtables .tableSortdown > div:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3px;
  width: 10px;
  content: "";
  background-image: url(/media/images/sort-arrows.gif);
  background-position: left center;
  background-size: 20px;
  background-repeat: no-repeat;
}
body.css-drtables .tableSortup > div:before {
  background-position: left center;
}
body.css-drtables .tableSortdown > div:before {
  background-position: right center;
}
body.css-drtables #tblDownloadLinks thead th {
  cursor: pointer;
}
body.css-drtables div#divDownloadLinks {
  padding-top: 20px !important;
  top: 15px;
}
body.css-drtables #tblDownloadLinks {
  margin-bottom: 20px;
  margin-top: 55px;
}
body.css-drtables .surveyRow {
  cursor: pointer;
}
body.css-drtables .tdExpand {
  min-width: 210px !important;
}
body.css-drtables .tblHeaderCol {
  font-size: 13px;
}
body.css-drtables .table-row-1 {
  text-align: center;
  /* padding-right: 2.5%; */
}
body.css-drtables .table-row-text-engagement {
  padding-left: 15px;
  font-weight: bold;
}
body.css-drtables #tblPickList,
body.css-drtables #tblPickList2,
body.css-drtables #tblRetention,
body.css-drtables #tblRetention2,
body.css-drtables #tblFlight,
body.css-drtables #tblEngagement,
body.css-drtables #tblMain {
  margin-bottom: 20px;
  border-collapse: collapse !important;
}

@media screen {
  body.css-drmgrplans {
    /*TO DO - Move all pop-up help css to a shared css file*/
    /*  End Pop-up Help CSS   */
  }
  body.css-drmgrplans .DRMainContent #tblMgrTree tbody tr td {
    position: relative;
    z-index: 1;
    vertical-align: top;
  }
  body.css-drmgrplans .DRMainContent #tblMgrTree tbody tr td .down.treeBorderRight:after {
    content: "";
    position: absolute;
    top: 26px;
    width: 14px;
    height: calc(100% - 5px);
    z-index: -1;
    border-right: 1px solid #ddd;
  }
  body.css-drmgrplans .DRMainContent #tblMgrTree tbody tr td > div {
    display: inline-block;
  }
  body.css-drmgrplans .DRMainContent #tblMgrTree tbody tr:nth-of-type(1) td .divTreeLeftBorder {
    border-top: none;
  }
  body.css-drmgrplans .DRMainContent #tblMgrTree tbody tr:nth-of-type(1) td:nth-of-type(2) {
    border-top: none;
  }
  body.css-drmgrplans .DRMainContent #tblMgrTree tbody tr:last-of-type td .up.treeBorderRight,
body.css-drmgrplans .DRMainContent #tblMgrTree tbody tr:last-of-type td .down.treeBorderRight {
    border-right: transparent;
  }
  body.css-drmgrplans .DRMainContent #tblMgrTree tbody tr:last-of-type td .up.treeBorderRight:after,
body.css-drmgrplans .DRMainContent #tblMgrTree tbody tr:last-of-type td .down.treeBorderRight:after {
    display: none;
  }
  body.css-drmgrplans .DRMainContent #tblMgrTree .plan-info {
    width: 100%;
  }
  body.css-drmgrplans .DRMainContent #tblMgrTree .plan-info tr td {
    border-bottom: 1px solid #d6d6d6;
  }
  body.css-drmgrplans .DRMainContent #tblMgrTree .plan-info tr:nth-last-of-type(2) td {
    border-bottom: 1px transparent;
  }
  body.css-drmgrplans .DRMainContent #tblMgrTree .plan-info .plan-row .plancol1 {
    padding-left: 4px;
  }
  body.css-drmgrplans .DRMainContent #tblMgrTree .plan-info .plan-row .plancol1 .plan_more {
    font-style: italic;
    color: rgba(106, 115, 123, 0.5764705882);
    cursor: pointer;
    font-weight: normal;
  }
  body.css-drmgrplans .DRMainContent #tblMgrTree .plan-info .plan-row .plancol1.sel {
    border-left: 1px solid #d6d6d6;
    font-weight: bold;
  }
  body.css-drmgrplans .DRMainContent #tblMgrTree .plan-info .plantext-row {
    display: none;
  }
  body.css-drmgrplans .DRMainContent #tblMgrTree .plan-info .plantext-row.show {
    display: table-row;
  }
  body.css-drmgrplans .DRMainContent #tblMgrTree .plan-info .plantext-row .plantext-col {
    padding: 10px;
    line-height: 120%;
    background-color: #eee;
    border-radius: 0px 0px 10px 10px;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
  }
  body.css-drmgrplans .DRMainContent #tblMgrTree .tablesorter-headerRow th:nth-of-type(1) {
    min-width: 110px;
    width: 340px;
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
  }
  body.css-drmgrplans .DRMainContent #tblMgrTree .tablesorter-headerRow th:nth-of-type(3),
body.css-drmgrplans .DRMainContent #tblMgrTree .plancol2 {
    min-width: 110px;
    width: 110px;
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
  }
  body.css-drmgrplans .DRMainContent #tblMgrTree .tablesorter-headerRow th:nth-of-type(4),
body.css-drmgrplans .DRMainContent #tblMgrTree .plancol3 {
    min-width: 90px;
    width: 90px;
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
  }
  body.css-drmgrplans .DRMainContent .managerName {
    vertical-align: top;
  }
  body.css-drmgrplans .DRMainContent .managerName ~ td {
    line-height: 38px;
  }
  body.css-drmgrplans .DRMainContent .managerName [level="1"] + .divTreeLeftBorder {
    width: calc(100% - 25px);
    border-bottom: 1px transparent;
  }
  body.css-drmgrplans .DRMainContent .managerName [level="2"] + .divTreeLeftBorder {
    width: calc(100% - 40px);
    border-bottom: 1px transparent;
  }
  body.css-drmgrplans .DRMainContent .managerName [level="3"] + .divTreeLeftBorder {
    width: calc(100% - 55px);
    border-bottom: 1px transparent;
  }
  body.css-drmgrplans .DRMainContent .managerName [level="4"] + .divTreeLeftBorder {
    width: calc(100% - 70px);
    border-bottom: 1px transparent;
  }
  body.css-drmgrplans .DRMainContent .managerName [level="5"] + .divTreeLeftBorder {
    width: calc(100% - 85px);
    border-bottom: 1px transparent;
  }
  body.css-drmgrplans .DRMainContent .managerName [level="6"] + .divTreeLeftBorder {
    width: calc(100% - 100px);
    border-bottom: 1px transparent;
  }
  body.css-drmgrplans .DRMainContent .managerName [level="7"] + .divTreeLeftBorder {
    width: calc(100% - 115px);
    border-bottom: 1px transparent;
  }
  body.css-drmgrplans .DRMainContent .managerName [level="8"] + .divTreeLeftBorder {
    width: calc(100% - 130px);
    border-bottom: 1px transparent;
  }
  body.css-drmgrplans .DRMainContent .managerName ~ td:not(:empty) {
    border-top: 1px solid #d6d6d6;
  }
  body.css-drmgrplans .DRMainContent .managerName:not(:empty) ~ td {
    border-top: 1px solid #f15d22;
  }
  body.css-drmgrplans .mainControl-wrapper {
    position: relative;
    height: auto;
    background: #e1e5ec;
    padding-top: 5px;
    padding-bottom: 10px;
  }
  body.css-drmgrplans .maincontainer {
    background: #fff;
    width: 94%;
    margin-bottom: 53px;
    top: 0;
    margin-top: 48px;
    margin-left: 25px;
  }
  body.css-drmgrplans .definitions-icon {
    display: none;
  }
  body.css-drmgrplans .definitions-icon {
    top: 20px;
  }
  body.css-drmgrplans .i-help {
    height: 30px;
    width: 30px;
    float: right;
    padding-right: 20px;
    padding-top: 10px;
  }
  body.css-drmgrplans .popup_help {
    position: absolute;
    width: 100%;
    background-color: #fff;
    top: 0;
    z-index: 5000;
    display: none;
    border: 1px solid #C7C8CA;
    font-size: 16px;
    width: 500px;
  }
  body.css-drmgrplans .popup_help .title {
    background: #f15d22;
    line-height: 30px;
    padding: 20px;
    color: white;
  }
  body.css-drmgrplans .popup_help .title a {
    color: white;
    text-decoration: none;
  }
  body.css-drmgrplans .popup_help .description {
    padding: 20px;
  }
  body.css-drmgrplans .card_close {
    vertical-align: top;
    float: right;
    padding: 10px;
    color: white;
  }
  body.css-drmgrplans .parentDiv {
    position: relative;
    height: 100%;
    width: 100%;
    float: left;
    margin-top: 15px;
    min-height: 500px;
  }
  body.css-drmgrplans .tdFavorable {
    background-color: #2f87b0;
    color: white;
    height: 35px;
    text-align: center;
  }
  body.css-drmgrplans #tblSurvey tbody tr td {
    border-bottom: 1px solid #F15D22;
    height: 35px;
    cursor: pointer;
  }
  body.css-drmgrplans #tblSurvey thead th {
    background-repeat: no-repeat;
    background-position: right 10px center;
    border: 0 solid transparent !important;
    position: relative;
  }
  body.css-drmgrplans #tblSurvey thead th.tableSortup:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 6px;
    right: 10px;
    font-size: 1.5em;
    font-weight: 900;
  }
  body.css-drmgrplans #tblSurvey thead th.tableSortdown:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 6px;
    right: 10px;
    font-size: 1.5em;
    font-weight: 900;
  }
  body.css-drmgrplans #tblSurvey thead th.TrendSort:before {
    right: 50px !important;
  }
  body.css-drmgrplans .sorter {
    cursor: pointer;
  }
  body.css-drmgrplans .divTreeLeftBorder {
    height: 100%;
    vertical-align: middle;
    border-top: 1px solid #F15D22;
    float: left;
    margin-left: 9px;
  }
  body.css-drmgrplans .divTreeLeftBorder .treeContent {
    padding-left: 5px;
  }
  body.css-drmgrplans .treeCell {
    padding: 0 0 0 0 !important;
    line-height: 38px;
    border: none;
  }
  body.css-drmgrplans .leftBorder {
    float: left;
    width: 15px;
    height: 39px;
  }
  body.css-drmgrplans .parentNode.expanded:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 2px;
    left: 7.5px;
    content: "\f056";
    color: #aaa;
    font-size: 1.1em;
    display: block;
    margin-left: 2px;
    font-weight: 900;
  }
  body.css-drmgrplans .parentNode.expanded + .down.treeBorderRight {
    margin-top: 22px;
  }
  body.css-drmgrplans .parentNode.collapsed:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 2px;
    left: 7.5px;
    content: "\f055";
    color: #aaa;
    font-size: 1.1em;
    display: block;
    margin-left: 2px;
    font-weight: 900;
  }
  body.css-drmgrplans .node:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 1px;
    left: 12px;
    color: #ddd;
    content: "\f111";
    font-size: 0.5em;
    margin-top: 1px;
    margin-left: -1px;
    font-weight: 900;
    /* solid style/weight */
  }
  body.css-drmgrplans .checkBoxNode:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 1px;
    left: 12px;
    content: "\f0c8";
    color: #aaa;
    font-size: 1.1em;
    display: block;
    margin-left: 2px;
    margin-right: 5px;
    font-weight: 400;
    /* solid style/weight */
  }
  body.css-drmgrplans .checkBoxNodeChecked:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 1px;
    left: 12px;
    color: #aaa;
    content: "\f14a";
    font-size: 1.1em;
    display: block;
    margin-left: 2px;
    margin-right: 5px;
    font-weight: 400;
    /* solid style/weight */
  }
  body.css-drmgrplans .up,
body.css-drmgrplans .down {
    height: 50%;
  }
  body.css-drmgrplans .up {
    position: relative;
  }
  body.css-drmgrplans .treeBorderTop {
    border-top: 1px solid #ddd;
  }
  body.css-drmgrplans .treeBorderLeft {
    border-left: 1px solid #ddd;
  }
  body.css-drmgrplans .treeBorderBottom {
    border-bottom: 1px solid #ddd;
    margin-right: 5px;
    margin-left: -1px;
  }
  body.css-drmgrplans .treeBorderRight {
    border-right: 1px solid #ddd;
  }
  body.css-drmgrplans .treeBorderBottom + .treeBorderRight {
    margin-top: 5px;
  }
  body.css-drmgrplans .tdCompare {
    position: relative;
    width: 15.5%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
  }
  body.css-drmgrplans .tdCompare,
body.css-drmgrplans td:not(.treeCell) {
    position: relative;
  }
  body.css-drmgrplans .tdCompare:after {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    bottom: 0px;
    border-bottom: 1px solid #F15D22;
  }
  body.css-drmgrplans .activeRow {
    background-color: rgba(76, 135, 201, 0.1254901961);
  }
  body.css-drmgrplans td.noBorder {
    border: 0 solid transparent !important;
  }
  body.css-drmgrplans .imgSummary {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/grid-outline-inactive.png");
  }
  body.css-drmgrplans .imgSummary:hover,
body.css-drmgrplans .imgSummary.active {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/grid-outline-active.png");
  }
  body.css-drmgrplans .imgReport {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/grid-solid-inactive.png");
  }
  body.css-drmgrplans .imgReport:hover,
body.css-drmgrplans .imgReport.active {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/grid-solid-active.png");
  }
  body.css-drmgrplans #divChooseData,
body.css-drmgrplans #divAssignData {
    margin-bottom: 20px;
  }
  body.css-drmgrplans input.rounded {
    border: 1px solid #ccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size: 14px;
    color: #6a737b;
    padding: 1px 7px;
    outline: 0;
    -webkit-appearance: none;
    padding-bottom: 3px;
    padding-top: 3px;
    margin-top: 3px;
    margin-bottom: 3px;
    width: 205px;
  }
  body.css-drmgrplans .mgrDivbuttons:hover {
    color: white;
    border: 0.05em SOLID grey;
    background: #2F87B0;
    text-align: center;
    margin-left: 5px;
    border-radius: 15px;
    font-size: 12PX;
    height: auto;
    padding: 5px;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    cursor: pointer;
    border-width: 0.05em;
  }
  body.css-drmgrplans .mgrDivbuttons {
    color: #6a737b;
    border: 0.05em SOLID grey;
    background: white;
    text-align: center;
    margin-left: 5px;
    border-radius: 15px;
    font-size: 12PX;
    height: auto;
    padding: 5px;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    cursor: pointer;
  }
  body.css-drmgrplans .divWraperTabedMenu {
    display: table;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 15px;
  }
  body.css-drmgrplans .divTabedMenu.active {
    background-color: #2F87B0;
    color: white;
  }
  body.css-drmgrplans .divTabedMenu:hover {
    background-color: #D3E6EE;
    color: black;
    cursor: pointer;
  }
  body.css-drmgrplans .divTabedMenu {
    /* float: left; */
    display: table-cell;
    max-width: 400px;
    background-color: #e1e5ec;
    padding: 10px;
    border: 1px solid grey;
    height: 14px;
    background-repeat: no-repeat;
    min-width: 110px;
    width: 14px;
    background-image: url("https://apx.gpstrategies.com/media/images/icons/eye.png");
    vertical-align: middle;
  }
  body.css-drmgrplans .divTabedMenu.left {
    border-radius: 30px 0 0 30px;
    padding-left: 25px;
    background-position: left 5px center;
    text-align: right;
  }
  body.css-drmgrplans .divTabedMenu.right {
    border-radius: 0 30px 30px 0;
    padding-right: 25px;
    background-position: right 10px center;
    text-align: left;
  }
  body.css-drmgrplans .divTabedMenu.active {
    background-color: #2F87B0;
    color: white;
  }
  body.css-drmgrplans .selectDiv {
    width: 49%;
    float: left;
    height: 100%;
    min-height: 400px;
    margin-left: 5px;
  }
  body.css-drmgrplans .showSelected {
    width: 100%;
    border: 1px solid black;
    height: 150px;
    overflow-y: auto;
  }
  body.css-drmgrplans .selectData {
    width: 100%;
    height: 80%;
    min-height: 400px;
    border: 1px solid black;
  }
  body.css-drmgrplans #tblselectDataset,
body.css-drmgrplans #tblMgrTree {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body.css-drmgrplans #tblselectDataset tbody tr td {
    border-bottom: 1px solid #f15d22;
    cursor: pointer;
  }
  body.css-drmgrplans #tblselectDataset thead th,
body.css-drmgrplans #tblMgrTree thead th {
    background-repeat: no-repeat;
    background-position: right 10px center;
    border: 0 solid transparent !important;
    position: relative;
  }
  body.css-drmgrplans #tblselectDataset thead th.tableSortup :before,
body.css-drmgrplans #tblMgrTree thead th.tableSortup :before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 6px;
    right: 10px;
    font-size: 1.5em;
    font-weight: 900;
    /* solid style/weight */
  }
  body.css-drmgrplans #tblselectDataset thead th.tableSortdown :before,
body.css-drmgrplans #tblMgrTree thead th.tableSortdown :before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 6px;
    right: 10px;
    font-size: 1.5em;
    font-weight: 900;
    /* solid style/weight */
  }
  body.css-drmgrplans .tdFavorable {
    background-color: #2f87b0;
    color: #fff;
    height: 35px;
    text-align: center;
  }
  body.css-drmgrplans .tblHeaderCol {
    background-color: #2f87b0;
    color: #fff;
    height: 35px;
    text-align: center;
    padding-left: 10px;
    font-size: 16px;
  }
  body.css-drmgrplans .sorter {
    cursor: pointer;
  }
  body.css-drmgrplans .treeCell {
    padding: 0 !important;
    line-height: 38px;
    border: none;
  }
  body.css-drmgrplans .leftBorder {
    float: left;
    width: 15px;
    height: 39px;
  }
  body.css-drmgrplans .parentNode.expanded:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 2px;
    left: 7.5px;
    content: "\f056";
    color: #aaa;
    font-size: 1.1em;
    display: block;
    margin-left: 2px;
    font-weight: 900;
  }
  body.css-drmgrplans .parentNode.expanded + .down.treeBorderRight {
    margin-top: 22px;
  }
  body.css-drmgrplans .parentNode.collapsed:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 2px;
    left: 7.5px;
    content: "\f055";
    color: #aaa;
    font-size: 1.1em;
    display: block;
    margin-left: 2px;
    font-weight: 900;
  }
  body.css-drmgrplans .checkBoxSelectNode:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 1px;
    left: 12px;
    content: "\f0c8";
    color: #aaa;
    font-size: 1.1em;
    display: block;
    margin-left: 2px;
    margin-right: 5px;
    font-weight: 400;
  }
  body.css-drmgrplans .checkBoxSelectNodeChecked:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 1px;
    left: 12px;
    color: #aaa;
    content: "\f14a";
    font-size: 1.1em;
    display: block;
    margin-left: 2px;
    margin-right: 5px;
    font-weight: 400;
  }
  body.css-drmgrplans .manaagerCheck:before {
    position: relative !important;
    left: 2px;
    top: 2px;
  }
  body.css-drmgrplans .down,
body.css-drmgrplans .up {
    height: 50%;
  }
  body.css-drmgrplans .up {
    position: relative;
  }
  body.css-drmgrplans .treeBorderTop {
    border-top: 1px solid #ddd;
  }
  body.css-drmgrplans .treeBorderLeft {
    border-left: 1px solid #ddd;
  }
  body.css-drmgrplans .treeBorderBottom {
    border-bottom: 1px solid #ddd;
    margin-right: 5px;
    margin-left: -1px;
  }
  body.css-drmgrplans .treeBorderRight {
    border-right: 1px solid #ddd;
  }
  body.css-drmgrplans .treeBorderBottom + .treeBorderRight {
    margin-top: 5px;
  }
  body.css-drmgrplans .activeRow {
    background-color: rgba(76, 135, 201, 0.1254901961);
  }
  body.css-drmgrplans td.noBorder {
    border: 0 solid transparent !important;
  }
  body.css-drmgrplans #lstSelectedDataSet {
    display: block;
    list-style-type: disc;
    padding: 10px 5px 10px 5px;
  }
  body.css-drmgrplans .list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  body.css-drmgrplans .list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
  }
  body.css-drmgrplans .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  body.css-drmgrplans .list-group-item > .deleteSelected {
    float: right;
  }
  body.css-drmgrplans .deleteSelected:before {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    color: red;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 10px;
    font-family: "Font Awesome 5 Pro";
    top: 6px;
    right: 10px;
    content: "\f00d";
    font-size: 1.2em;
    cursor: pointer;
    font-weight: 900;
  }
  body.css-drmgrplans .mgrDivbuttons:hover {
    color: white;
    border: 0.05em SOLID grey;
    background: #2F87B0;
    text-align: center;
    margin-left: 5px;
    border-radius: 15px;
    font-size: 12PX;
    height: auto;
    padding: 5px;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    cursor: pointer;
    border-width: 0.05em;
  }
  body.css-drmgrplans .mgrDivbuttons {
    color: #6a737b;
    border: 0.05em SOLID grey;
    background: white;
    text-align: center;
    margin-left: 5px;
    border-radius: 15px;
    font-size: 12PX;
    height: auto;
    padding: 5px;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    cursor: pointer;
    margin-bottom: 15px;
  }
}

@media screen {
  body.css-drcustomdata {
    /*TO DO - Move all pop-up help css to a shared css file*/
    /*  End Pop-up Help CSS   */
  }
  body.css-drcustomdata .definitions-icon {
    display: none;
  }
  body.css-drcustomdata .custom-message {
    height: 100px;
  }
  body.css-drcustomdata .i-help {
    height: 30px;
    width: 30px;
    float: right;
    padding-right: 20px;
    padding-top: -2px;
  }
  body.css-drcustomdata .create-form {
    width: 85%;
    float: right;
  }
  body.css-drcustomdata .popup_help {
    position: absolute;
    width: 100%;
    background-color: #fff;
    top: 0;
    z-index: 5000;
    display: none;
    border: 1px solid #C7C8CA;
    font-size: 16px;
    width: 500px;
  }
  body.css-drcustomdata .popup_help .title {
    background: #f15d22;
    line-height: 30px;
    padding: 20px;
    color: white;
  }
  body.css-drcustomdata .popup_help .title a {
    color: white;
    text-decoration: none;
  }
  body.css-drcustomdata .popup_help .description {
    padding: 20px;
  }
  body.css-drcustomdata .card_close {
    vertical-align: top;
    float: right;
    padding: 10px;
    color: white;
  }
  body.css-drcustomdata .parentDiv {
    position: relative;
    height: 100%;
    width: 100%;
    float: left;
    margin-top: 15px;
    min-height: 500px;
  }
  body.css-drcustomdata .tdFavorable {
    background-color: #2f87b0;
    color: white;
    height: 35px;
    text-align: center;
  }
  body.css-drcustomdata #tblSurvey {
    width: 100%;
  }
  body.css-drcustomdata #tblSurvey tr td:nth-of-type(2) {
    min-width: 220px;
  }
  body.css-drcustomdata #tblSurvey tr td:nth-of-type(2) .divTreeLeftBorder .treeContent {
    padding-left: 5px;
  }
  body.css-drcustomdata #tblSurvey tbody tr td {
    border-bottom: 1px solid #F15D22;
    line-height: 3em;
    cursor: pointer;
  }
  body.css-drcustomdata #tblSurvey thead th {
    background-repeat: no-repeat;
    background-position: right 10px center;
    border: 0 solid transparent !important;
    position: relative;
  }
  body.css-drcustomdata #tblSurvey thead th.tableSortup:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 6px;
    right: 10px;
    font-size: 1.5em;
    font-weight: 900;
  }
  body.css-drcustomdata #tblSurvey thead th.tableSortdown:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 6px;
    right: 10px;
    font-size: 1.5em;
    font-weight: 900;
  }
  body.css-drcustomdata #tblSurvey thead th.TrendSort:before {
    right: 50px !important;
  }
  body.css-drcustomdata .sorter {
    cursor: pointer;
  }
  body.css-drcustomdata .divTreeLeftBorder {
    height: 100%;
    vertical-align: middle;
    border-bottom: 1px solid #F15D22;
    float: left;
    margin-left: 9px;
  }
  body.css-drcustomdata .treeCell {
    padding: 0 0 0 0 !important;
    line-height: 38px;
    border: none;
  }
  body.css-drcustomdata .leftBorder {
    float: left;
    width: 15px;
    height: 39px;
  }
  body.css-drcustomdata .parentNode.expanded:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 2px;
    left: 7.5px;
    content: "\f056";
    color: #aaa;
    font-size: 1.1em;
    display: block;
    margin-left: 2px;
    font-weight: 900;
  }
  body.css-drcustomdata .parentNode.expanded + .down.treeBorderRight {
    margin-top: 22px;
  }
  body.css-drcustomdata .parentNode.collapsed:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 2px;
    left: 7.5px;
    content: "\f055";
    color: #aaa;
    font-size: 1.1em;
    display: block;
    margin-left: 2px;
    font-weight: 900;
  }
  body.css-drcustomdata .node:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 1px;
    left: 12px;
    color: #ddd;
    content: "\f111";
    font-size: 0.5em;
    margin-top: 1px;
    margin-left: -1px;
    font-weight: 900;
    /* solid style/weight */
  }
  body.css-drcustomdata .checkBoxNode:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 1px;
    left: 12px;
    content: "\f0c8";
    color: #aaa;
    font-size: 1.1em;
    display: block;
    margin-left: 2px;
    margin-right: 5px;
    font-weight: 400;
    /* solid style/weight */
  }
  body.css-drcustomdata .checkBoxNodeChecked:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 1px;
    left: 12px;
    color: #aaa;
    content: "\f14a";
    font-size: 1.1em;
    display: block;
    margin-left: 2px;
    margin-right: 5px;
    font-weight: 400;
    /* solid style/weight */
  }
  body.css-drcustomdata .up,
body.css-drcustomdata .down {
    height: 50%;
  }
  body.css-drcustomdata .up {
    position: relative;
  }
  body.css-drcustomdata .treeBorderTop {
    border-top: 1px solid #ddd;
  }
  body.css-drcustomdata .treeBorderLeft {
    border-left: 1px solid #ddd;
  }
  body.css-drcustomdata .treeBorderBottom {
    border-bottom: 1px solid #ddd;
    margin-right: 5px;
    margin-left: -1px;
  }
  body.css-drcustomdata .treeBorderRight {
    border-right: 1px solid #ddd;
  }
  body.css-drcustomdata .treeBorderBottom + .treeBorderRight {
    margin-top: 5px;
  }
  body.css-drcustomdata .tdCompare {
    position: relative;
    width: 15.5%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
  }
  body.css-drcustomdata .tdCompare,
body.css-drcustomdata td:not(.treeCell) {
    position: relative;
  }
  body.css-drcustomdata .tdCompare:after {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    bottom: 0px;
    border-bottom: 1px solid #F15D22;
  }
  body.css-drcustomdata .activeRow {
    background-color: rgba(76, 135, 201, 0.1254901961);
  }
  body.css-drcustomdata td.noBorder {
    border: 0 solid transparent !important;
  }
  body.css-drcustomdata .imgSummary {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/grid-outline-inactive.png");
  }
  body.css-drcustomdata .imgSummary:hover,
body.css-drcustomdata .imgSummary.active {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/grid-outline-active.png");
  }
  body.css-drcustomdata .imgReport {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/grid-solid-inactive.png");
  }
  body.css-drcustomdata .imgReport:hover,
body.css-drcustomdata .imgReport.active {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/grid-solid-active.png");
  }
  body.css-drcustomdata #divChooseData,
body.css-drcustomdata #divAssignData {
    margin-bottom: 20px;
  }
  body.css-drcustomdata input.rounded {
    border: 1px solid #ccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size: 14px;
    color: #6a737b;
    padding: 1px 7px;
    outline: 0;
    -webkit-appearance: none;
    padding-bottom: 3px;
    padding-top: 3px;
    margin-top: 3px;
    margin-bottom: 3px;
    width: 205px;
  }
  body.css-drcustomdata .mgrDivbuttons {
    color: #6a737b;
    border: 0.05em SOLID grey;
    background: white;
    text-align: center;
    margin-left: 5px;
    border-radius: 15px;
    font-size: 12px;
    height: auto;
    padding: 5px;
    padding-left: 7px;
    padding-right: 7px;
    cursor: pointer;
    margin-bottom: 15px;
    white-space: nowrap;
  }
  body.css-drcustomdata .mgrDivbuttons:hover {
    color: white;
    background: #2F87B0;
    border-width: 0.05em;
  }
  body.css-drcustomdata .mgrDivbuttons.show {
    position: relative;
    display: inline;
    background-color: rgba(241, 93, 34, 0.4);
    padding-right: 20px;
  }
  body.css-drcustomdata .mgrDivbuttons.show:after {
    position: absolute;
    top: 20%;
    right: 3%;
    content: "";
    width: 15px;
    height: 15px;
    background-image: url("../img/continue.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 15px;
  }
  body.css-drcustomdata .divWraperTabedMenu {
    display: table;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 15px;
  }
  body.css-drcustomdata .divTabedMenu.active {
    background-color: #2F87B0;
    color: white;
  }
  body.css-drcustomdata .divTabedMenu:hover {
    background-color: #D3E6EE;
    color: black;
    cursor: pointer;
  }
  body.css-drcustomdata .divTabedMenu {
    /* float: left; */
    display: table-cell;
    max-width: 400px;
    background-color: #e1e5ec;
    padding: 10px;
    border: 1px solid grey;
    height: 14px;
    background-repeat: no-repeat;
    min-width: 110px;
    width: 14px;
    background-image: url("https://apx.gpstrategies.com/media/images/icons/eye.png");
    vertical-align: middle;
  }
  body.css-drcustomdata .divTabedMenu.left {
    border-radius: 30px 0 0 30px;
    padding-left: 25px;
    background-position: left 5px center;
    text-align: right;
  }
  body.css-drcustomdata .divTabedMenu.right {
    border-radius: 0 30px 30px 0;
    padding-right: 25px;
    background-position: right 10px center;
    text-align: left;
  }
  body.css-drcustomdata .divTabedMenu.active {
    background-color: #2F87B0;
    color: white;
  }
  body.css-drcustomdata .selectDiv {
    display: inline-block;
    height: 100%;
    min-height: 400px;
    margin-left: 5px;
    vertical-align: top;
    padding: 0;
    margin: 0;
  }
  body.css-drcustomdata .selectDiv.selectdataset {
    width: 68%;
  }
  body.css-drcustomdata .selectDiv.selectmanager {
    width: 30%;
    max-width: 300px;
  }
  body.css-drcustomdata .showSelected {
    width: 100%;
    border: 1px solid black;
    min-height: 150px;
  }
  body.css-drcustomdata .showSelected #lstSelectedManager,
body.css-drcustomdata .showSelected #lstSelectedDataSet {
    margin: 0;
    padding: 5px;
  }
  body.css-drcustomdata .selectData {
    width: 100%;
    height: 80%;
    min-height: 400px;
    border: 1px solid black;
  }
  body.css-drcustomdata #tblselectDataset,
body.css-drcustomdata #tblMgrTree {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  body.css-drcustomdata #tblselectDataset tbody tr td {
    border-bottom: 1px solid #f15d22;
    line-height: 3em;
    cursor: pointer;
  }
  body.css-drcustomdata #tblselectDataset thead th,
body.css-drcustomdata #tblMgrTree thead th {
    background-repeat: no-repeat;
    background-position: right 10px center;
    border: 0 solid transparent !important;
    position: relative;
  }
  body.css-drcustomdata #tblselectDataset thead th.tableSortup :before,
body.css-drcustomdata #tblMgrTree thead th.tableSortup :before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 6px;
    right: 10px;
    font-size: 1.5em;
    font-weight: 900;
    /* solid style/weight */
  }
  body.css-drcustomdata #tblselectDataset thead th.tableSortdown :before,
body.css-drcustomdata #tblMgrTree thead th.tableSortdown :before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 6px;
    right: 10px;
    font-size: 1.5em;
    font-weight: 900;
    /* solid style/weight */
  }
  body.css-drcustomdata .tdFavorable {
    background-color: #2f87b0;
    color: #fff;
    height: 35px;
    text-align: center;
  }
  body.css-drcustomdata .tblHeaderCol {
    background-color: #2f87b0;
    color: #fff;
    height: 35px;
    text-align: center;
    padding-left: 10px;
    font-size: 16px;
  }
  body.css-drcustomdata .sorter {
    cursor: pointer;
  }
  body.css-drcustomdata table {
    position: relative;
  }
  body.css-drcustomdata table thead {
    position: relative;
  }
  body.css-drcustomdata table tbody {
    position: relative;
  }
  body.css-drcustomdata table tbody tr {
    position: relative;
  }
  body.css-drcustomdata table tbody tr.surveyRow:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
  }
  body.css-drcustomdata .divTreeLeftBorder {
    height: 100%;
    vertical-align: middle;
    border-bottom: 1px solid #f15d22;
    float: left;
    margin-left: 9px;
  }
  body.css-drcustomdata .treeCell {
    padding: 0 !important;
    line-height: 2em;
    border: none;
  }
  body.css-drcustomdata .leftBorder {
    float: left;
    width: 15px;
    height: 39px;
  }
  body.css-drcustomdata .parentNode.expanded:before, body.css-drcustomdata .parentNode.collapsed:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 0;
    left: 49%;
    color: #aaa;
    font-size: 1.1em;
    display: block;
    margin-left: 0;
    font-weight: 900;
  }
  body.css-drcustomdata .parentNode.expanded:before {
    content: "\f056";
  }
  body.css-drcustomdata .parentNode.collapsed:before {
    content: "\f055";
  }
  body.css-drcustomdata .leftBorder[level="1"] .parentNode.expanded:before, body.css-drcustomdata .leftBorder[level="1"] .parentNode.collapsed:before {
    left: 49%;
  }
  body.css-drcustomdata .leftBorder[level="2"] .parentNode.expanded:before, body.css-drcustomdata .leftBorder[level="2"] .parentNode.collapsed:before {
    left: 71%;
  }
  body.css-drcustomdata .parentNode.expanded + .down.treeBorderRight {
    margin-top: 22px;
  }
  body.css-drcustomdata .checkBoxSelectNode:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 1px;
    left: 12px;
    content: "\f0c8";
    color: #aaa;
    font-size: 1.1em;
    display: block;
    margin-left: 2px;
    margin-right: 5px;
    font-weight: 400;
  }
  body.css-drcustomdata .checkBoxSelectNodeChecked:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 1px;
    left: 12px;
    color: #aaa;
    content: "\f14a";
    font-size: 1.1em;
    display: block;
    margin-left: 2px;
    margin-right: 5px;
    font-weight: 400;
  }
  body.css-drcustomdata .manaagerCheck:before {
    position: relative !important;
    left: 2px;
    top: 2px;
  }
  body.css-drcustomdata .down,
body.css-drcustomdata .up {
    height: 50%;
  }
  body.css-drcustomdata .up {
    position: relative;
  }
  body.css-drcustomdata .treeBorderTop {
    border-top: 1px solid #ddd;
  }
  body.css-drcustomdata .treeBorderLeft {
    border-left: 1px solid #ddd;
  }
  body.css-drcustomdata .treeBorderBottom {
    border-bottom: 1px solid #ddd;
    margin-right: 5px;
    margin-left: -1px;
  }
  body.css-drcustomdata .treeBorderRight {
    border-right: 1px solid #ddd;
  }
  body.css-drcustomdata .treeBorderBottom + .treeBorderRight {
    margin-top: 5px;
  }
  body.css-drcustomdata .activeRow {
    background-color: rgba(76, 135, 201, 0.1254901961);
  }
  body.css-drcustomdata td.noBorder {
    border: 0 solid transparent !important;
  }
  body.css-drcustomdata #lstSelectedDataSet {
    display: block;
    list-style-type: disc;
    padding: 10px 5px 10px 5px;
  }
  body.css-drcustomdata .list-group-item:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  body.css-drcustomdata .list-group-item {
    position: relative;
    display: block;
    padding: 5px 5px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
  }
  body.css-drcustomdata .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  body.css-drcustomdata .list-group-item > .deleteSelected {
    float: right;
  }
  body.css-drcustomdata .deleteSelected:before {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    color: red;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 10px;
    font-family: "Font Awesome 5 Pro";
    top: 6px;
    right: 10px;
    content: "\f00d";
    font-size: 1.2em;
    cursor: pointer;
    font-weight: 900;
  }
  body.css-drcustomdata div.divTreeLeftBorder {
    cursor: pointer;
  }
}

@media screen {
  body.css-drsearch {
    /*TO DO - Move all pop-up help css to a shared css file*/
    /*  End Pop-up Help CSS   */
    /* DEMO 5 */
    /* No CSS3 support: none */
  }
  body.css-drsearch .definitions-icon {
    display: none;
  }
  body.css-drsearch .custom-message {
    height: 100px;
  }
  body.css-drsearch .i-help {
    height: 30px;
    width: 30px;
    float: right;
    padding-right: 20px;
    padding-top: -2px;
  }
  body.css-drsearch .create-form {
    width: 85%;
    float: right;
  }
  body.css-drsearch .popup_help {
    position: absolute;
    width: 100%;
    background-color: #fff;
    top: 0;
    z-index: 5000;
    display: none;
    border: 1px solid #C7C8CA;
    font-size: 16px;
    width: 500px;
  }
  body.css-drsearch .popup_help .title {
    background: #f15d22;
    line-height: 30px;
    padding: 20px;
    color: white;
  }
  body.css-drsearch .popup_help .title a {
    color: white;
    text-decoration: none;
  }
  body.css-drsearch .popup_help .description {
    padding: 20px;
  }
  body.css-drsearch .card_close {
    vertical-align: top;
    float: right;
    padding: 10px;
    color: white;
  }
  body.css-drsearch .parentDiv {
    position: relative;
    height: 100%;
    width: 100%;
    display: inline-block;
    margin-top: 15px;
    min-height: 500px;
  }
  body.css-drsearch .tdFavorable {
    background-color: #2f87b0;
    color: white;
    height: 35px;
    text-align: center;
  }
  body.css-drsearch #tblDetail, body.css-drsearch #tblUserInfo {
    width: 100%;
  }
  body.css-drsearch #tblDetail tbody tr td, body.css-drsearch #tblUserInfo tbody tr td {
    border-bottom: 1px solid #eeeaea;
    height: 27px;
  }
  body.css-drsearch #tblDetail thead th, body.css-drsearch #tblUserInfo thead th {
    background-repeat: no-repeat;
    background-position: right 10px center;
    border: 0 solid transparent !important;
    position: relative;
  }
  body.css-drsearch #tblDetail thead th.tableSortup:before, body.css-drsearch #tblUserInfo thead th.tableSortup:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 6px;
    right: 10px;
    font-size: 1.5em;
    font-weight: 900;
  }
  body.css-drsearch #tblDetail thead th.tableSortdown:before, body.css-drsearch #tblUserInfo thead th.tableSortdown:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 6px;
    right: 10px;
    font-size: 1.5em;
    font-weight: 900;
  }
  body.css-drsearch #tblDetail thead th.TrendSort:before, body.css-drsearch #tblUserInfo thead th.TrendSort:before {
    right: 50px !important;
  }
  body.css-drsearch .sorter {
    cursor: pointer;
  }
  body.css-drsearch .divTreeLeftBorder {
    height: 100%;
    vertical-align: middle;
    border-bottom: 1px solid #F15D22;
    display: inline-block;
    margin-left: 9px;
  }
  body.css-drsearch .treeCell {
    padding: 0 0 0 0 !important;
    line-height: 38px;
    border: none;
  }
  body.css-drsearch .leftBorder {
    display: inline-block;
    width: 15px;
    height: 39px;
  }
  body.css-drsearch .parentNode.expanded:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 2px;
    left: 7.5px;
    content: "\f056";
    color: #aaa;
    font-size: 1.1em;
    display: block;
    margin-left: 2px;
    font-weight: 900;
  }
  body.css-drsearch .parentNode.expanded + .down.treeBorderRight {
    margin-top: 22px;
  }
  body.css-drsearch .parentNode.collapsed:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 2px;
    left: 7.5px;
    content: "\f055";
    color: #aaa;
    font-size: 1.1em;
    display: block;
    margin-left: 2px;
    font-weight: 900;
  }
  body.css-drsearch .node:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 1px;
    left: 12px;
    color: #ddd;
    content: "\f111";
    font-size: 0.5em;
    margin-top: 1px;
    margin-left: -1px;
    font-weight: 900;
    /* solid style/weight */
  }
  body.css-drsearch .checkBoxNode:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 1px;
    left: 12px;
    content: "\f0c8";
    color: #aaa;
    font-size: 1.1em;
    display: block;
    margin-left: 2px;
    margin-right: 5px;
    font-weight: 400;
    /* solid style/weight */
  }
  body.css-drsearch .checkBoxNodeChecked:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 1px;
    left: 12px;
    color: #aaa;
    content: "\f14a";
    font-size: 1.1em;
    display: block;
    margin-left: 2px;
    margin-right: 5px;
    font-weight: 400;
    /* solid style/weight */
  }
  body.css-drsearch .up,
body.css-drsearch .down {
    height: 50%;
  }
  body.css-drsearch .up {
    position: relative;
  }
  body.css-drsearch .treeBorderTop {
    border-top: 1px solid #ddd;
  }
  body.css-drsearch .treeBorderLeft {
    border-left: 1px solid #ddd;
  }
  body.css-drsearch .treeBorderBottom {
    border-bottom: 1px solid #ddd;
    margin-right: 5px;
    margin-left: -1px;
  }
  body.css-drsearch .treeBorderRight {
    border-right: 1px solid #ddd;
  }
  body.css-drsearch .treeBorderBottom + .treeBorderRight {
    margin-top: 5px;
  }
  body.css-drsearch .tdCompare {
    position: relative;
    width: 15.5%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
  }
  body.css-drsearch .tdCompare,
body.css-drsearch td:not(.treeCell) {
    position: relative;
  }
  body.css-drsearch .tdCompare:after {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    bottom: 0px;
    border-bottom: 1px solid #F15D22;
  }
  body.css-drsearch .activeRow {
    background-color: rgba(76, 135, 201, 0.1254901961);
  }
  body.css-drsearch td.noBorder {
    border: 0 solid transparent !important;
  }
  body.css-drsearch .imgSummary {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/grid-outline-inactive.png");
  }
  body.css-drsearch .imgSummary:hover,
body.css-drsearch .imgSummary.active {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/grid-outline-active.png");
  }
  body.css-drsearch .imgReport {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/grid-solid-inactive.png");
  }
  body.css-drsearch .imgReport:hover,
body.css-drsearch .imgReport.active {
    background-image: url("https://apx.gpstrategies.com/media/images/icons/grid-solid-active.png");
  }
  body.css-drsearch #divChooseData,
body.css-drsearch #divAssignData {
    margin-bottom: 20px;
  }
  body.css-drsearch input.rounded {
    border: 1px solid #ccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size: 14px;
    color: #6a737b;
    padding: 1px 7px;
    outline: 0;
    -webkit-appearance: none;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: 3px;
    margin-bottom: 3px;
    width: 49%;
  }
  body.css-drsearch .buttons {
    border: 1px solid #ccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size: 14px;
    color: #6a737b;
    padding: 1px 7px;
    outline: 0;
    -webkit-appearance: none;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: 3px;
    margin-bottom: 3px;
    width: 50%;
    cursor: pointer;
  }
  body.css-drsearch .buttons:hover {
    color: white;
    background: #2F87B0;
    border-width: 0.05em;
  }
  body.css-drsearch .buttons.center {
    margin-left: 12%;
    padding: 5%;
    width: 100%;
    max-width: 70%;
  }
  body.css-drsearch .buttonsSmall {
    border: 1px solid #ccc;
    display: inline-block;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size: 14px;
    color: #6a737b;
    padding: 1px 7px;
    outline: 0;
    -webkit-appearance: none;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 3px;
    margin-left: 3px;
    cursor: pointer;
  }
  body.css-drsearch .buttonsSmall:hover {
    color: white;
    background: #2F87B0;
  }
  body.css-drsearch .buttonsSmallNoHover {
    border: 1px solid #ccc;
    display: inline-block;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size: 14px;
    color: #6a737b;
    padding: 1px 7px;
    outline: 0;
    -webkit-appearance: none;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 3px;
    margin-left: 3px;
    cursor: pointer;
  }
  body.css-drsearch .divL {
    float: left;
  }
  body.css-drsearch .selectDiv {
    display: inline-block;
    height: 100%;
    min-height: 400px;
    margin-left: 5px;
    vertical-align: top;
    padding: 0;
    margin: 0;
  }
  body.css-drsearch .selectDiv.selectdataset {
    width: 68%;
  }
  body.css-drsearch .selectDiv.selectmanager {
    width: 30%;
    max-width: 300px;
  }
  body.css-drsearch .showSelected {
    width: 100%;
    border: 1px solid black;
    min-height: 150px;
  }
  body.css-drsearch .showSelected #lstSelectedManager,
body.css-drsearch .showSelected #lstSelectedDataSet {
    margin: 0;
    padding: 5px;
  }
  body.css-drsearch .selectData {
    width: 100%;
    height: 80%;
    min-height: 400px;
    border: 1px solid black;
  }
  body.css-drsearch #tblselectDataset,
body.css-drsearch #tblMgrTree {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body.css-drsearch #tblselectDataset tbody tr td {
    border-bottom: 1px solid #f15d22;
    cursor: pointer;
  }
  body.css-drsearch #tblselectDataset thead th,
body.css-drsearch #tblMgrTree thead th {
    background-repeat: no-repeat;
    background-position: right 10px center;
    border: 0 solid transparent !important;
    position: relative;
  }
  body.css-drsearch #tblselectDataset thead th.tableSortup :before,
body.css-drsearch #tblMgrTree thead th.tableSortup :before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 6px;
    right: 10px;
    font-size: 1.5em;
    font-weight: 900;
    /* solid style/weight */
  }
  body.css-drsearch #tblselectDataset thead th.tableSortdown :before,
body.css-drsearch #tblMgrTree thead th.tableSortdown :before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 6px;
    right: 10px;
    font-size: 1.5em;
    font-weight: 900;
    /* solid style/weight */
  }
  body.css-drsearch .tdFavorable {
    background-color: #2f87b0;
    color: #fff;
    height: 35px;
    text-align: center;
  }
  body.css-drsearch .tblHeaderCol {
    background-color: #2f87b0;
    color: #fff;
    height: 35px;
    text-align: center;
    padding-left: 10px;
    font-size: 16px;
  }
  body.css-drsearch .sorter {
    cursor: pointer;
  }
  body.css-drsearch .divTreeLeftBorder {
    height: 100%;
    vertical-align: middle;
    border-bottom: 1px solid #f15d22;
    display: inline-block;
    margin-left: 9px;
  }
  body.css-drsearch .treeCell {
    padding: 0 !important;
    line-height: 2em;
    border: none;
  }
  body.css-drsearch .leftBorder {
    display: inline-block;
    width: 15px;
    height: 39px;
  }
  body.css-drsearch .parentNode.expanded:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 2px;
    left: 7.5px;
    content: "\f056";
    color: #aaa;
    font-size: 1.1em;
    display: block;
    margin-left: 2px;
    font-weight: 900;
  }
  body.css-drsearch .parentNode.expanded + .down.treeBorderRight {
    margin-top: 22px;
  }
  body.css-drsearch .parentNode.collapsed:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 2px;
    left: 7.5px;
    content: "\f055";
    color: #aaa;
    font-size: 1.1em;
    display: block;
    margin-left: 2px;
    font-weight: 900;
  }
  body.css-drsearch .parentNode.disabled:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 2px;
    left: 7.5px;
    content: "\f055";
    color: rgba(34, 36, 38, 0.1);
    font-size: 1.1em;
    display: block;
    margin-left: 2px;
    font-weight: 900;
    cursor: default;
  }
  body.css-drsearch .checkBoxSelectNode:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 1px;
    left: 12px;
    content: "\f0c8";
    color: #aaa;
    font-size: 1.1em;
    display: block;
    margin-left: 2px;
    margin-right: 5px;
    font-weight: 400;
  }
  body.css-drsearch .checkBoxSelectNodeChecked:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 1px;
    left: 12px;
    color: #aaa;
    content: "\f14a";
    font-size: 1.1em;
    display: block;
    margin-left: 2px;
    margin-right: 5px;
    font-weight: 400;
  }
  body.css-drsearch .manaagerCheck:before {
    position: relative !important;
    left: 2px;
    top: 2px;
  }
  body.css-drsearch .removeItem:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 2px;
    left: 7.5px;
    content: "\f057";
    color: #767676;
    font-size: 1.1em;
    display: block;
    margin-left: 12px;
    font-weight: 900;
    cursor: pointer;
  }
  body.css-drsearch .addEditButton:before {
    font-family: "Font Awesome 5 Pro";
    top: 2px;
    content: "\f4ff";
    color: #767676;
    font-size: 1.1em;
    display: block;
    font-weight: 900;
    cursor: pointer;
    text-align: center;
  }
  body.css-drsearch .linkButton {
    background-color: #f7f5f5;
    border-radius: 3px;
    border: 1px solid #dee1e4;
    display: inline-block;
    cursor: pointer;
    color: #767676;
    font-family: Arial;
    font-size: 14px;
    padding: 2px 10px;
    text-decoration: none;
    text-align: center;
  }
  body.css-drsearch .linkButton:hover {
    background-color: #2f87b0;
    color: white;
  }
  body.css-drsearch .linkButton:active {
    position: relative;
    top: 1px;
  }
  body.css-drsearch .linkButtonNoSend {
    background-color: #f7f5f5;
    border-radius: 3px;
    border: 1px solid #dee1e4;
    display: inline-block;
    cursor: default;
    color: #c8c9cc;
    font-family: Arial;
    font-size: 14px;
    padding: 2px 10px;
    text-decoration: none;
    text-align: center;
  }
  body.css-drsearch .addDatasetButton:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 2px;
    left: 7.5px;
    content: "\f319";
    color: #767676;
    font-size: 1.1em;
    display: block;
    margin-left: 25px;
    font-weight: 900;
    cursor: pointer;
  }
  body.css-drsearch .pageNext:before {
    font-family: "Font Awesome 5 Pro";
    top: 2px;
    left: 7.5px;
    content: "\f0da";
    color: #767676;
    font-size: 1.7em;
    display: block;
    margin-left: 5px;
    font-weight: 900;
    cursor: pointer;
  }
  body.css-drsearch .pageBack:before {
    font-family: "Font Awesome 5 Pro";
    top: 2px;
    left: 7.5px;
    content: "\f0d9";
    color: #767676;
    font-size: 1.7em;
    display: block;
    margin-left: 3px;
    margin-right: 3px;
    font-weight: 900;
    cursor: pointer;
  }
  body.css-drsearch .pageLast:before {
    font-family: "Font Awesome 5 Pro";
    top: 2px;
    left: 7.5px;
    content: "\f051";
    color: #767676;
    font-size: 15px;
    display: block;
    margin-left: 3px;
    font-weight: 900;
    cursor: pointer;
  }
  body.css-drsearch .pageFirst:before {
    font-family: "Font Awesome 5 Pro";
    top: 2px;
    left: 7.5px;
    content: "\f048";
    color: #767676;
    font-size: 15px;
    display: block;
    font-weight: 900;
    cursor: pointer;
  }
  body.css-drsearch .divNav {
    width: 15px;
    float: left;
    margin-top: 18px;
  }
  body.css-drsearch .divNavText {
    margin-left: 5px;
    margin-top: 18px;
    float: left;
    text-align: center;
  }
  body.css-drsearch input[type=radio] {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin: -2px 10px 0 0;
    vertical-align: middle;
    cursor: pointer;
  }
  body.css-drsearch input[type=checkbox] {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin: -2px 10px 0 0;
    vertical-align: middle;
    cursor: pointer;
  }
  body.css-drsearch .advancedFind {
    clear: both;
    padding: 10px 15px 10px;
    border: 1px solid rgba(34, 36, 38, 0.35);
    border-radius: 5px;
    min-height: 200px;
    height: auto;
    display: none;
  }
  body.css-drsearch #lstSelectedDataSet {
    display: block;
    list-style-type: disc;
    padding: 10px 5px 10px 5px;
  }
  body.css-drsearch .list-group-item:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  body.css-drsearch .list-group-item {
    position: relative;
    display: block;
    padding: 5px 5px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
  }
  body.css-drsearch .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  body.css-drsearch .list-group-item > .deleteSelected {
    float: right;
  }
  body.css-drsearch .deleteSelected:before {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    color: #767676;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 10px;
    font-family: "Font Awesome 5 Pro";
    top: 6px;
    right: 10px;
    content: "\f057";
    font-size: 1.2em;
    cursor: pointer;
    font-weight: 900;
  }
  body.css-drsearch div.divTreeLeftBorder {
    cursor: pointer;
  }
  body.css-drsearch .caption-table.detail.table-bordered {
    width: 75%;
    margin-left: 30px;
    margin-right: auto;
  }
  body.css-drsearch .wrapper-dropdown-5 {
    /* Size & position */
    position: relative;
    margin: 0 auto;
    padding: 9px 15px;
    /* Styles */
    background: #fff;
    border-radius: 5px;
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  body.css-drsearch .wrapper-dropdown-5:after { /* Little arrow */
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #4cbeff transparent;
  }
  body.css-drsearch .wrapper-dropdown-5 option:hover {
    background: rgba(0, 0, 0, 0.03);
    color: rgba(0, 0, 0, 0.95);
  }
  body.css-drsearch .divBorders {
    padding: 10px 15px 10px;
    border: 1px solid rgba(34, 36, 38, 0.35);
    border-radius: 5px;
  }
  body.css-drsearch .menuBar {
    display: none;
    width: 100%;
    margin-bottom: 25px;
    margin-top: 3px;
  }
  body.css-drsearch .menuL {
    display: inline-block;
    width: 32%;
  }
  body.css-drsearch .menuR {
    float: right;
    text-align: right;
    width: 33%;
  }
  body.css-drsearch #chkMenuDiv > div {
    display: inline-block;
  }
  body.css-drsearch .assignmentDiv {
    width: 33%;
    height: 150px;
    display: none;
    overflow-y: auto;
    padding: 10px 15px 10px;
  }
  body.css-drsearch .pageDiv {
    display: none;
    margin-top: 10px;
  }
  body.css-drsearch ul.secondary_nav_bar {
    display: none;
  }
  body.css-drsearch .choose-data-bar-help-icon {
    display: none;
  }
  body.css-drsearch .i-help {
    display: none;
  }
}

body.css-overviewsplitbox .icon-list {
  color: white;
  width: 100%;
}
body.css-overviewsplitbox td,
body.css-overviewsplitbox table {
  padding: 8px;
}
body.css-overviewsplitbox .icon-cell-1 {
  width: 50%;
}
body.css-overviewsplitbox .icon-cell-2 {
  width: 50%;
}
body.css-overviewsplitbox .icon-list td a {
  color: white;
  text-decoration: none;
}
body.css-overviewsplitbox .left-menu-n-body-container .body-container {
  display: table-cell;
  background-position-x: 0;
  padding-top: 0;
  min-height: 700px;
  position: relative;
  left: 0;
  border-right: none;
}
@media screen and (max-width: 767px) {
  body.css-overviewsplitbox .left-menu-n-body-container .body-container {
    left: 0;
  }
}
body.css-overviewsplitbox .left-menu-n-body-container .body-container .content-area-wrapper {
  height: calc(100vh - 140px);
}
body.css-overviewsplitbox .left-menu-n-body-container .body-container .content-area-wrapper .right-content-container {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  padding-bottom: 25px;
  padding-top: 25px;
}
body.css-overviewsplitbox .left-menu-n-body-container .body-container .content-area-wrapper .right-content-container .right-content-copy {
  border: solid 1px gray;
  background-color: white;
  margin: auto;
  width: 70%;
  padding: 50px;
  min-height: 350px;
}
@keyframes MOVE-BG {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: -1920px;
  }
}
body.css-overviewsplitbox .right-outer {
  width: 400px;
  margin: auto;
  display: inline-block;
}
body.css-overviewsplitbox .content-area-wrapper {
  position: relative;
  display: table;
}
body.css-overviewsplitbox .left-caption-container {
  position: relative;
  display: table-cell;
  width: 30%;
  overflow: auto;
  z-index: 0;
}
body.css-overviewsplitbox .left-caption-container a {
  text-decoration: none;
  color: white;
  font-size: medium;
}
body.css-overviewsplitbox .left-caption-container .numbering {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background-color: white;
  color: #6a737b;
  border: solid #F15D22 3px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  body.css-overviewsplitbox .left-caption-container .numbering {
    border: solid #F15D22 0px;
    border-radius: 0%;
    background-color: transparent;
    color: white;
    font-size: 24px;
    font-weight: 500;
    position: relative;
    top: -8px;
  }
}
body.css-overviewsplitbox .left-caption-container .numbering > span {
  position: relative;
  top: 1px;
}
body.css-overviewsplitbox .caption-content {
  height: auto;
  min-height: 150px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}
body.css-overviewsplitbox .content {
  font-size: 16px;
  padding: 10px;
  color: white;
}
body.css-overviewsplitbox .btn-container {
  width: 40%;
  height: 30px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
}
body.css-overviewsplitbox .btn_back {
  margin-right: 5%;
}
body.css-overviewsplitbox .btn_continue {
  margin-left: 5%;
}
body.css-overviewsplitbox #myTestImage {
  height: 200px;
  width: 200px;
}
body.css-overviewsplitbox .btn-container {
  display: none;
}
body.css-overviewsplitbox #new-nav-button-location {
  margin-right: auto;
  bottom: 0;
  margin-bottom: 24px;
}
body.css-overviewsplitbox .blueTransparency h1 {
  color: white;
}
@media screen and (max-width: 767px) {
  body.css-overviewsplitbox .left-caption-container {
    width: 100%;
    min-width: 0;
  }
  body.css-overviewsplitbox .left-menu-n-body-container {
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1079px) {
  body.css-overviewsplitbox #aspnetForm > div.wrapper.white-office-background > div.left-menu-n-body-container > div.body-container > div.left-caption-container.blueTransparency > div.caption-content > div.content > div:nth-child(2) {
    width: 100%;
  }
}
@media screen and (max-width: 1100px) {
  body.css-overviewsplitbox .content-area-wrapper,
body.css-overviewsplitbox .left-caption-container,
body.css-overviewsplitbox .right-content-container,
body.css-overviewsplitbox .right-content-copy {
    display: block;
    width: auto;
  }
  body.css-overviewsplitbox .right-content-copy {
    padding: 25px;
  }
}
@media screen and (min-width: 1080px) and (max-width: 1349px) {
  body.css-overviewsplitbox .icon-list {
    max-width: 440px;
  }
  body.css-overviewsplitbox #new-nav-button-location {
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 1350px) and (max-width: 1600px) {
  body.css-overviewsplitbox {
    /*    .left-caption-container{
            min-width: 740px;
        }*/
  }
}

@font-face {
  font-family: "OpenSansExtraBold";
  src: url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff), url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff2);
}
/* media queries - use these to edit specific sizes
    @include mobile-xs {}
    @include mobile-xs-landscape {}
    @include mobile {}
    @include mobile-landscape {}
    @include desktop_range {}
    @include mobile-wide-landscape {}
    @include desktop_wide {}
    @include desktop_max {}
*/
body.css-subsessionmenu {
  /* The Modal (background) */
  /* Modal Content */
  /********************************************************************/
  /********************************************************************/
  /*                  tolltipster                                     */
  /********************************************************************/
  /********************************************************************/
  /* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
  /* Use this next selector to style things like font-size and line-height: */
  /* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
  /* If you're using the icon option, use this next selector to style them */
  /* This is the base styling required to make all Tooltipsters work */
  /* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
  /* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
  /* CSS transition for when contenting is changing in a tooltip that is still open */
  /********************************************************************/
  /********************************************************************/
  /*                  END of tolltipster                              */
  /********************************************************************/
  /********************************************************************/
}
body.css-subsessionmenu .body-container {
  padding-top: 0;
}
body.css-subsessionmenu .body-container .sub-session-menu .fbName {
  float: right;
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  body.css-subsessionmenu .body-container .sub-session-menu .fbName {
    display: block;
    float: none;
    max-width: initial;
  }
}
body.css-subsessionmenu .body-container .sub-session-menu .body2 {
  border: solid 1px gray;
  background-color: #f0f2f5;
  padding: 10px;
  position: relative;
  margin: 0 60px 10px 60px;
}
@media only screen and (max-width: 767px) {
  body.css-subsessionmenu .body-container .sub-session-menu .body2 {
    margin-left: 2vw;
    margin-right: 2vw;
  }
}
body.css-subsessionmenu .body-container .sub-session-menu .fb-count-avatars {
  float: right;
  right: 10px;
  top: 10px;
  border: solid 1px red;
  width: 110px;
}
body.css-subsessionmenu .body-container .sub-session-menu .sub-session-section {
  border: solid #b6c2c7 1px;
  background-color: #dbeaf1;
  margin: 0 60px 10px 60px;
  padding-top: 24px;
  padding-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  body.css-subsessionmenu .body-container .sub-session-menu .sub-session-section {
    margin: 2vw;
    padding: 2vw;
  }
}
body.css-subsessionmenu .body-container .sub-session-menu .sub-session-section .above-form-box {
  margin: 0 23px 0 23px;
  padding: 17px 23px 17px 23px;
  background: white;
}
@media only screen and (max-width: 767px) {
  body.css-subsessionmenu .body-container .sub-session-menu .sub-session-section .above-form-box {
    margin: 2vw;
  }
}
body.css-subsessionmenu .body-container .sub-session-menu-body {
  margin-left: 40px;
  margin-right: 40px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  body.css-subsessionmenu .body-container .sub-session-menu-body {
    margin-left: 2vw;
    margin-right: 2vw;
  }
}
body.css-subsessionmenu .sub-session-menu .above-form-box > .fb-left-div {
  float: left;
  margin-top: 11px;
}
body.css-subsessionmenu .sub-session-menu .above-form-box > .fb-right-div {
  margin-left: 67px;
}
body.css-subsessionmenu .sub-session-menu .sub-session-section .horizontal-rule {
  height: 1px;
  margin: 7px 23px 7px 23px;
  background-color: var(--mainColor);
}
body.css-subsessionmenu .sub-session-menu .sub-session-section .outer-form {
  background-color: white;
  overflow: auto;
  margin: 0 23px 0 23px;
}
body.css-subsessionmenu .sub-session-menu .sub-session-section .form-box {
  margin: 0 26px 0 26px;
  border: solid grey 1px;
  background-color: white;
}
@media only screen and (max-width: 767px) {
  body.css-subsessionmenu .sub-session-menu .sub-session-section .form-box {
    margin: 2vw;
  }
}
body.css-subsessionmenu .sub-session-menu .sub-session-section .form-header {
  background-color: #dbeaf1;
  padding: 20px 10px 20px 10px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  body.css-subsessionmenu .sub-session-menu .sub-session-section .form-header {
    padding: 2vw;
  }
}
body.css-subsessionmenu .sub-session-menu .form-box .table {
  border-collapse: collapse;
  width: 100%;
  font-size: 14px;
}
body.css-subsessionmenu .sub-session-menu .form-box .th {
  background-color: #f0f2f5;
  text-align: center;
  display: table-cell;
  padding: 5px;
  color: #1E5771;
  font-size: medium;
}
@media only screen and (max-width: 767px) {
  body.css-subsessionmenu .sub-session-menu .form-box .th {
    font-size: inherit;
    padding: 2px;
  }
}
body.css-subsessionmenu .sub-session-menu .form-box .remind,
body.css-subsessionmenu .sub-session-menu .form-box .delete {
  text-align: center;
}
body.css-subsessionmenu .sub-session-menu .form-box tbody td {
  border-bottom: solid 1px var(--mainColor);
}
body.css-subsessionmenu .sub-session-menu .td-padding {
  width: 8px;
}
body.css-subsessionmenu .sub-session-menu .form-box .remind,
body.css-subsessionmenu .sub-session-menu .form-box .delete,
body.css-subsessionmenu .sub-session-menu .table-img {
  height: 28px;
  margin-top: 3px;
}
body.css-subsessionmenu .sub-session-menu .table {
  display: table;
}
body.css-subsessionmenu .sub-session-menu .tr {
  display: table-row;
}
body.css-subsessionmenu .sub-session-menu .td {
  display: table-cell;
  border: solid 1px grey;
  padding: 14px;
  text-align: center;
  background-color: white;
}
@media only screen and (max-width: 767px) {
  body.css-subsessionmenu .sub-session-menu .td {
    padding: 0;
  }
}
body.css-subsessionmenu .sub-session-menu .td:first-child {
  border-left: none;
}
body.css-subsessionmenu .divAddFeedBack {
  text-align: center;
  margin-top: 1px;
  /* position:relative; */
}
body.css-subsessionmenu .sub-session-menu .sub-session-btn {
  display: inline-block;
  text-decoration: none;
  background-color: var(--mainColor);
  padding: 10px;
  color: white;
  font-weight: bold;
  min-width: 80px;
  border-radius: 2px;
}
@media only screen and (max-width: 767px) {
  body.css-subsessionmenu .sub-session-menu .sub-session-btn {
    padding: 5px;
    width: initial;
  }
}
body.css-subsessionmenu .sub-session-menu .form-box .btn-add {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
}
body.css-subsessionmenu .sub-session-menu .form-box .btn-add a {
  text-decoration: none;
  display: inline-block;
  background-color: var(--mainColor);
  padding: 10px;
  color: white;
  font-weight: bold;
  width: 400px;
}
@media only screen and (max-width: 767px) {
  body.css-subsessionmenu .sub-session-menu .form-box .btn-add a {
    padding: 5px;
    width: unset;
    max-width: 80vw;
  }
}
body.css-subsessionmenu .sub-session-menu .form-footer {
  background-color: rgba(47, 135, 176, 0.6705882353);
  color: white;
  padding: 5px;
  text-align: center;
  margin-top: 20px;
}
body.css-subsessionmenu .add-session-buttons {
  background-color: var(--mainColor);
  color: white;
  padding: 8px;
  cursor: pointer;
  margin: 10px 4px 10px 0;
  display: inline-block;
  text-decoration: none;
}
body.css-subsessionmenu .add_plan_session_button {
  width: 140px;
  font-size: 22px;
}
body.css-subsessionmenu .add_plan_session {
  /*width: 140px;
  height: 40px;*/
}
body.css-subsessionmenu .sub-session-menu .modal {
  /* Hidden by default */
  /* Stay in place */
  /* Sit on top */
  /* padding-top: 44px; */
  /* Location of the box */
  /* Fallback color */
  /* Black w/ opacity */
}
body.css-subsessionmenu .sub-session-menu .close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
body.css-subsessionmenu .sub-session-menu .close:hover, body.css-subsessionmenu .sub-session-menu .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
body.css-subsessionmenu .sub-session-menu .modal-header {
  padding: 2px 16px;
  background-color: var(--mainColor);
  color: white;
}
body.css-subsessionmenu .sub-session-menu .modal-footer {
  padding: 2px 16px;
  background-color: var(--mainColor);
  color: white;
}
body.css-subsessionmenu .tooltipster-default {
  border-radius: 5px;
  border: 2px solid #000;
  background: #4c4c4c;
  color: #fff;
}
body.css-subsessionmenu .tooltipster-default .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 10px;
  line-height: 10px;
  padding: 8px 10px;
  overflow: hidden;
}
body.css-subsessionmenu .tooltipster-icon {
  cursor: help;
  margin-left: 4px;
}
body.css-subsessionmenu .tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible;
}
body.css-subsessionmenu .tooltipster-base .tooltipster-content {
  overflow: hidden;
}
body.css-subsessionmenu .tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
body.css-subsessionmenu .tooltipster-arrow span,
body.css-subsessionmenu .tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}
body.css-subsessionmenu .tooltipster-arrow-top span,
body.css-subsessionmenu .tooltipster-arrow-top-right span,
body.css-subsessionmenu .tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -8px;
}
body.css-subsessionmenu .tooltipster-arrow-top .tooltipster-arrow-border,
body.css-subsessionmenu .tooltipster-arrow-top-right .tooltipster-arrow-border,
body.css-subsessionmenu .tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -8px;
}
body.css-subsessionmenu .tooltipster-arrow-bottom span,
body.css-subsessionmenu .tooltipster-arrow-bottom-right span,
body.css-subsessionmenu .tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -8px;
}
body.css-subsessionmenu .tooltipster-arrow-bottom .tooltipster-arrow-border,
body.css-subsessionmenu .tooltipster-arrow-bottom-right .tooltipster-arrow-border,
body.css-subsessionmenu .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -8px;
}
body.css-subsessionmenu .tooltipster-arrow-top span,
body.css-subsessionmenu .tooltipster-arrow-top .tooltipster-arrow-border,
body.css-subsessionmenu .tooltipster-arrow-bottom span,
body.css-subsessionmenu .tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto;
}
body.css-subsessionmenu .tooltipster-arrow-top-left span,
body.css-subsessionmenu .tooltipster-arrow-bottom-left span {
  left: 6px;
}
body.css-subsessionmenu .tooltipster-arrow-top-left .tooltipster-arrow-border,
body.css-subsessionmenu .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px;
}
body.css-subsessionmenu .tooltipster-arrow-top-right span,
body.css-subsessionmenu .tooltipster-arrow-bottom-right span {
  right: 6px;
}
body.css-subsessionmenu .tooltipster-arrow-top-right .tooltipster-arrow-border,
body.css-subsessionmenu .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px;
}
body.css-subsessionmenu .tooltipster-arrow-left span,
body.css-subsessionmenu .tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -8px;
}
body.css-subsessionmenu .tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px;
}
body.css-subsessionmenu .tooltipster-arrow-right span,
body.css-subsessionmenu .tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -8px;
}
body.css-subsessionmenu .tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px;
}
body.css-subsessionmenu .tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}
body.css-subsessionmenu .tooltipster-fade-show {
  opacity: 1;
}
body.css-subsessionmenu .tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}
body.css-subsessionmenu .tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
body.css-subsessionmenu .tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}
body.css-subsessionmenu .tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}
body.css-subsessionmenu .tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
body.css-subsessionmenu .tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0px !important;
  opacity: 0;
}
body.css-subsessionmenu .tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
body.css-subsessionmenu .tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0px !important;
  opacity: 0;
}
body.css-subsessionmenu .tooltipster-content-changing {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

@font-face {
  font-family: "OpenSansExtraBold";
  src: url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff), url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff2);
}
/* media queries - use these to edit specific sizes
    @include mobile-xs {}
    @include mobile-xs-landscape {}
    @include mobile {}
    @include mobile-landscape {}
    @include desktop_range {}
    @include mobile-wide-landscape {}
    @include desktop_wide {}
    @include desktop_max {}
*/
body.css-writein1 {
  /************************************************/
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /************************************************/
}
@media screen {
  body.css-writein1 .body-container .top-content {
    margin-bottom: 20px;
  }
  body.css-writein1 .body-container .upper-table {
    display: table;
  }
}
@media only screen and (max-width: 767px) {
  body.css-writein1 .body-container .upper-table {
    display: block;
  }
}
@media screen {
  body.css-writein1 .body-container .upper-table .table-row {
    display: table-row;
  }
}
@media only screen and (max-width: 767px) {
  body.css-writein1 .body-container .upper-table .table-row {
    display: block;
  }
}
@media screen {
  body.css-writein1 .body-container .upper-table .table-row .table-cell {
    display: table-cell;
  }
}
@media only screen and (max-width: 767px) {
  body.css-writein1 .body-container .upper-table .table-row .table-cell {
    display: block;
  }
}
@media screen {
  body.css-writein1 .body-container .upper-table .table-row .table-cell.body-content {
    vertical-align: top;
    padding-left: 20px;
  }
}
@media screen {
  body.css-writein1 .body-container .input-container {
    min-height: 100px;
    width: 100%;
    margin-top: 20px;
    padding-top: 1px;
    background-color: #F0F2F5;
    border: solid 1px #d1d3d6;
  }
  body.css-writein1 .body-container .input-container .textarea-limit {
    margin: 10px;
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media only screen and (max-width: 767px) {
  body.css-writein1 .body-container .input-container .textarea-limit {
    padding: 0;
  }
}
@media screen {
  body.css-writein1 .body-container .input-container .textarea-limit .above-questions {
    text-align: right;
    font-size: 27px;
    margin-right: -40px;
  }
}
@media only screen and (max-width: 767px) {
  body.css-writein1 .body-container .input-container .textarea-limit .above-questions {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  body.css-writein1 .body-container .input-container .textarea-limit input, body.css-writein1 .body-container .input-container .textarea-limit textarea {
    padding: 3px;
  }
}
@media screen {
  body.css-writein1 .body-container .input-container .textarea-limit .text-span-label {
    color: steelblue;
    background-color: white;
    margin-top: 18px;
    border-bottom: 1px solid var(--mainColor);
    overflow: auto;
  }
}
@media screen {
  body.css-writein1 .left-content > img {
    height: 100%;
    width: 100%;
  }
}
@media screen {
  body.css-writein1 .question-span {
    color: #595959;
    margin-top: 8px;
    margin-bottom: 4px;
    margin-left: 8px;
  }
}
@media screen {
  body.css-writein1 .text-span {
    height: 95px !important;
    width: 100%;
    border: 0;
    margin-bottom: 20px;
    padding: 5px;
    font-family: "Open Sans";
    color: #6A737B;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 767px) {
  body.css-writein1 .text-span {
    width: 100%;
    padding: 0;
  }
  body.css-writein1 .question-span {
    font-size: 14px;
    padding-left: 35px;
    color: grey;
  }
  body.css-writein1 .left-menu-n-body-container {
    margin-left: 0;
    margin-right: 0;
  }
  body.css-writein1 .body-content {
    padding-top: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1048px) {
  body.css-writein1 .question-span {
    font-size: 12px;
    padding-left: 35px;
  }
}
@media screen and (min-width: 1048px) and (max-width: 1500px) {
  body.css-writein1 .body-content {
    padding-top: 3px;
  }
}
@media screen and (max-width: 1200px) {
  body.css-writein1 .left-content {
    display: none;
  }
  body.css-writein1 .body-content {
    margin-left: 0;
  }
}

@font-face {
  font-family: "OpenSansExtraBold";
  src: url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff), url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff2);
}
/* media queries - use these to edit specific sizes
    @include mobile-xs {}
    @include mobile-xs-landscape {}
    @include mobile {}
    @include mobile-landscape {}
    @include desktop_range {}
    @include mobile-wide-landscape {}
    @include desktop_wide {}
    @include desktop_max {}
*/
body.css-writein2 {
  /************************************************/
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /************************************************/
}
@media screen {
  body.css-writein2 .body-container {
    background: none;
  }
  body.css-writein2 .body-content {
    vertical-align: top;
    padding-left: 20px;
  }
  body.css-writein2 .input-container {
    min-height: 100px;
    width: 100%;
    margin-top: 20px;
    padding-top: 1px;
    background-color: #F0F2F5;
    border: solid 1px #d1d3d6;
  }
  body.css-writein2 .textarea-limit {
    margin: 10px;
    padding-left: 50px;
    padding-right: 50px;
  }
  body.css-writein2 .text-span-label {
    color: steelblue;
    background-color: white;
    margin-top: 18px;
    border-bottom: 1px solid var(--mainColor);
    overflow: auto;
  }
  body.css-writein2 .question-span {
    color: grey;
    margin-top: 8px;
    margin-bottom: 4px;
    margin-left: 8px;
  }
  body.css-writein2 .text-span {
    height: 95px !important;
    width: 100%;
    border: 0;
    margin-bottom: 20px;
    padding: 5px;
    font-family: "Open Sans";
    color: #6A737B;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 767px) {
  body.css-writein2 .text-span {
    width: 100%;
    padding: 0;
  }
  body.css-writein2 .question-span {
    font-size: 10px;
    padding-left: 35px;
    color: grey;
  }
  body.css-writein2 .left-menu-n-body-container {
    margin-left: 0;
    margin-right: 0;
  }
  body.css-writein2 .body-content {
    padding-top: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1048px) {
  body.css-writein2 .question-span {
    font-size: 12px;
    padding-left: 35px;
  }
}
@media screen and (min-width: 1048px) and (max-width: 1500px) {
  body.css-writein2 .body-content {
    padding-top: 3px;
  }
}
@media screen and (max-width: 1200px) {
  body.css-writein2 .left-content {
    display: none;
  }
  body.css-writein2 .textarea-limit {
    padding-left: 0;
    padding-right: 0;
  }
}

@font-face {
  font-family: "OpenSansExtraBold";
  src: url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff), url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff2);
}
/* media queries - use these to edit specific sizes
    @include mobile-xs {}
    @include mobile-xs-landscape {}
    @include mobile {}
    @include mobile-landscape {}
    @include desktop_range {}
    @include mobile-wide-landscape {}
    @include desktop_wide {}
    @include desktop_max {}
*/
body.css-lc3 {
  /************************************************/
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /************************************************/
}
@media screen {
  body.css-lc3 .body-container .top-content {
    margin-bottom: 1000px;
  }
  body.css-lc3 .body-container .upper-table {
    display: table;
  }
}
@media only screen and (max-width: 767px) {
  body.css-lc3 .body-container .upper-table {
    display: block;
  }
}
@media screen {
  body.css-lc3 .body-container .upper-table .table-row {
    display: table-row;
  }
}
@media only screen and (max-width: 767px) {
  body.css-lc3 .body-container .upper-table .table-row {
    display: block;
  }
}
@media screen {
  body.css-lc3 .body-container .upper-table .table-row .table-cell {
    display: table-cell;
  }
}
@media only screen and (max-width: 767px) {
  body.css-lc3 .body-container .upper-table .table-row .table-cell {
    display: block;
  }
}
@media screen {
  body.css-lc3 .body-container .upper-table .table-row .table-cell.body-content {
    vertical-align: top;
    padding-left: 20px;
  }
}
@media screen {
  body.css-lc3 .body-container .input-container {
    min-height: 100px;
    width: 100%;
    margin-top: 20px;
    padding-top: 1px;
    background-color: #F0F2F5;
    border: solid 1px #d1d3d6;
  }
  body.css-lc3 .body-container .input-container .textarea-limit {
    margin: 10px;
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media only screen and (max-width: 767px) {
  body.css-lc3 .body-container .input-container .textarea-limit {
    padding: 0;
  }
}
@media screen {
  body.css-lc3 .body-container .input-container .textarea-limit .above-questions {
    text-align: right;
    font-size: 27px;
    margin-right: -40px;
  }
}
@media only screen and (max-width: 767px) {
  body.css-lc3 .body-container .input-container .textarea-limit .above-questions {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  body.css-lc3 .body-container .input-container .textarea-limit input, body.css-lc3 .body-container .input-container .textarea-limit textarea {
    padding: 3px;
  }
}
@media screen {
  body.css-lc3 .body-container .input-container .textarea-limit .extraQuestion {
    font-weight: bold;
    margin-top: 10px;
    margin-left: 25px;
  }
}
@media screen {
  body.css-lc3 .body-container .input-container .textarea-limit .text-span-label {
    color: grey;
    background-color: white;
    margin-top: 18px;
    overflow: auto;
  }
}
@media screen {
  body.css-lc3 .left-content > img {
    height: 100%;
    width: 100%;
  }
}
@media screen {
  body.css-lc3 .question-span {
    color: grey;
    margin-top: 8px;
    margin-bottom: 4px;
    margin-left: 8px;
  }
}
@media screen {
  body.css-lc3 .text-span {
    height: 95px !important;
    width: 95%;
    border: 1;
    border-color: #d1d3d6;
    margin-bottom: 20px;
    margin-left: 25px;
    padding: 5px;
    font-family: "Open Sans";
    color: #6A737B;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 767px) {
  body.css-lc3 .text-span {
    width: 100%;
    padding: 0;
  }
  body.css-lc3 .question-span {
    font-size: 14px;
    padding-left: 35px;
    color: grey;
  }
  body.css-lc3 .left-menu-n-body-container {
    margin-left: 0;
    margin-right: 0;
  }
  body.css-lc3 .body-content {
    padding-top: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1048px) {
  body.css-lc3 .question-span {
    font-size: 12px;
    padding-left: 35px;
  }
}
@media screen and (min-width: 1048px) and (max-width: 1500px) {
  body.css-lc3 .body-content {
    padding-top: 3px;
  }
}
@media screen and (max-width: 1200px) {
  body.css-lc3 .left-content {
    display: none;
  }
  body.css-lc3 .body-content {
    margin-left: 0;
  }
}

@font-face {
  font-family: "OpenSansExtraBold";
  src: url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff), url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff2);
}
/* media queries - use these to edit specific sizes
    @include mobile-xs {}
    @include mobile-xs-landscape {}
    @include mobile {}
    @include mobile-landscape {}
    @include desktop_range {}
    @include mobile-wide-landscape {}
    @include desktop_wide {}
    @include desktop_max {}
*/
body.css-drplan {
  /*Styling Selectbox*/
  /************************************************/
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /************************************************/
}
@media screen {
  body.css-drplan .definitions-icon {
    display: none;
  }
  body.css-drplan .body-container .accordian-table {
    display: table;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  body.css-drplan .body-container .accordian-table {
    display: block;
  }
}
@media screen {
  body.css-drplan .body-container .accordian-table .table-row {
    display: table-row;
  }
}
@media only screen and (max-width: 767px) {
  body.css-drplan .body-container .accordian-table .table-row {
    display: block;
  }
}
@media screen {
  body.css-drplan .body-container .accordian-table .table-row .table-cell {
    display: table-cell;
  }
}
@media only screen and (max-width: 767px) {
  body.css-drplan .body-container .accordian-table .table-row .table-cell {
    display: block;
  }
}
@media screen {
  body.css-drplan .body-container .accordian-table .table-row .table-cell.left-content {
    min-width: 200px;
    max-width: 260px;
    background: url(https://apx.gpstrategies.com/media/images/Setting_goals_300x200.jpg);
    background-repeat: no-repeat;
  }
}
@media only screen and (max-width: 767px) {
  body.css-drplan .body-container .accordian-table .table-row .table-cell.left-content {
    display: none;
  }
}
@media screen {
  body.css-drplan .body-container .accordian-table .table-row .table-cell.body-content {
    vertical-align: top;
    padding-left: 0px;
  }
}
@media screen {
  body.css-drplan .body-container .input-container {
    min-height: 100px;
    width: 100%;
    margin-top: 20px;
    padding-top: 1px;
    background-color: #F0F2F5;
    border: solid 1px #d1d3d6;
  }
  body.css-drplan .body-container .input-container .textarea-limit {
    margin: 10px;
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media only screen and (max-width: 767px) {
  body.css-drplan .body-container .input-container .textarea-limit {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  body.css-drplan .body-container .input-container .textarea-limit input,
body.css-drplan .body-container .input-container .textarea-limit textarea {
    padding: 3px;
  }
}
@media screen {
  body.css-drplan .body-container .input-container .textarea-limit .text-span-label {
    color: steelblue;
    background-color: white;
    margin-top: 18px;
    border-bottom: 1px solid #F15D22;
    overflow: auto;
  }
}
@media screen {
  body.css-drplan .content_container {
    min-height: 100px;
    width: 100%;
    margin-top: 20px;
    padding-top: 1px;
    background-color: #F0F2F5;
    /*border: solid 1px #d1d3d6;*/
  }
  body.css-drplan .content_container .textarea-limit {
    margin: 10px;
    padding-left: 50px;
    padding-right: 50px;
  }
}
body.css-drplan .left-content > img {
  height: 100%;
  width: 100%;
}
body.css-drplan .question-span {
  margin-top: 8px;
  color: grey;
  margin-bottom: 4px;
}
body.css-drplan .text-span {
  height: 95px !important;
  width: 100%;
  border: 0;
  margin-bottom: 20px;
  padding: 5px;
  font-family: "Open Sans";
  color: #6A737B;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body.css-drplan .text-span-single {
  height: 25px !important;
  width: 100%;
  border: 0;
  margin-bottom: 20px;
  padding: 5px;
  font-family: "Open Sans";
  color: #6A737B;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body.css-drplan .map_resources {
  font-size: 14px;
}
body.css-drplan span.msg,
body.css-drplan span.choose {
  color: #555;
  padding: 5px 0 10px;
  display: inherit;
}
body.css-drplan i.choose {
  font-size: 16px;
  font-weight: 700;
}
body.css-drplan .dropdown {
  width: 100%;
  display: inline-block;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 2px rgb(204, 204, 204);
  transition: all 0.5s ease;
  position: relative;
  font-size: 16px;
  font-weight: 700;
  color: #6a737b;
  height: 100%;
  text-align: left;
}
body.css-drplan .dropdown .select {
  cursor: pointer;
  display: block;
  padding: 10px;
}
body.css-drplan .dropdown .select > i {
  font-size: 13px;
  color: #888;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  float: right;
  line-height: 20px;
}
body.css-drplan .dropdown:hover {
  box-shadow: 0 0 4px rgb(204, 204, 204);
}
body.css-drplan .dropdown:active {
  background-color: #f8f8f8;
}
body.css-drplan .dropdown.active:hover,
body.css-drplan .dropdown.active {
  box-shadow: 0 0 4px rgb(204, 204, 204);
  border-radius: 5px 5px 0 0;
  background-color: #f8f8f8;
}
body.css-drplan .dropdown.active .select > i {
  transform: rotate(-180deg);
}
body.css-drplan .dropdown .dropdown-menu {
  position: absolute;
  background-color: #fff;
  width: 100%;
  left: 0;
  margin-top: 1px;
  box-shadow: 0 1px 2px rgb(204, 204, 204);
  border-radius: 0 1px 5px 5px;
  overflow: hidden;
  display: none;
  max-height: 188px;
  overflow-y: auto;
  z-index: 9;
}
body.css-drplan .dropdown .dropdown-menu li {
  padding: 10px;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
body.css-drplan .dropdown .dropdown-menu {
  padding: 0;
  list-style: none;
}
body.css-drplan .dropdown .dropdown-menu li:hover {
  background-color: #f2f2f2;
}
body.css-drplan .dropdown .dropdown-menu li:active {
  background-color: #e2e2e2;
}
body.css-drplan .accordion-table {
  width: 100%;
}
body.css-drplan .accordion-table .table-cell.body-content .dropdown.question {
  display: none;
}
body.css-drplan .accordion-table .table-cell.body-content .dropdown.question + div {
  display: none;
}
body.css-drplan .accordion-table .table-cell.body-content h4 {
  display: none;
}
body.css-drplan .progress-table {
  width: 50%;
  padding-bottom: 40px;
}
body.css-drplan .resource-table {
  width: 50%;
}
body.css-drplan .accordion-container {
  position: relative;
  max-width: 500px;
  height: auto;
  margin: 10px auto;
}
body.css-drplan .accordion-container > h2 {
  text-align: center;
  color: #fff;
  padding-bottom: 5px;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
}
body.css-drplan .accordianRow {
  position: relative;
  width: 100%;
  height: auto;
  background-color: #f5f5f5;
}
body.css-drplan .accordianRow > a {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  color: #555;
  font-weight: 600;
  border-bottom: 1px solid #ddd;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
body.css-drplan .accordianRow > a i {
  float: right;
  margin-top: 2px;
}
body.css-drplan .accordianRow > a.active {
  background-color: #3399cc;
  color: #fff;
}
body.css-drplan .content {
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  display: none;
}
body.css-drplan .content p {
  padding: 10px 15px;
  margin: 0;
  color: #333;
}
body.css-drplan .input-item-col {
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 100%;
  width: 22%;
  background-color: white;
  margin-left: 10px;
  margin-right: 10px;
}
body.css-drplan .input-item-col > .input-container {
  width: 100%;
  height: 90px;
  background-position: center center;
  background-size: cover;
}
body.css-drplan .float_75 {
  width: 66%;
  float: left;
  text-align: center;
}
body.css-drplan .float_25 {
  width: 33%;
  float: left;
}
@media screen and (max-width: 767px) {
  body.css-drplan .text-span {
    width: 100%;
    padding: 0;
  }
  body.css-drplan .question-span {
    font-size: 10px;
    padding-left: 35px;
    color: grey;
  }
  body.css-drplan .left-menu-n-body-container {
    margin-left: 0;
    margin-right: 0;
  }
  body.css-drplan .body-content {
    padding-top: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1048px) {
  body.css-drplan .question-span {
    font-size: 12px;
    padding-left: 35px;
  }
}
@media screen and (min-width: 1048px) and (max-width: 1500px) {
  body.css-drplan .body-content {
    padding-top: 3px;
  }
}
@media screen and (max-width: 1200px) {
  body.css-drplan .left-content {
    display: none;
  }
  body.css-drplan .body-content {
    margin-left: 0;
  }
  body.css-drplan .textarea-limit {
    padding-left: 0;
    padding-right: 0;
  }
}

@font-face {
  font-family: "OpenSansExtraBold";
  src: url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff), url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff2);
}
/* media queries - use these to edit specific sizes
    @include mobile-xs {}
    @include mobile-xs-landscape {}
    @include mobile {}
    @include mobile-landscape {}
    @include desktop_range {}
    @include mobile-wide-landscape {}
    @include desktop_wide {}
    @include desktop_max {}
*/
body.css-fbinvite {
  /* The Modal (background) */
  /* Add Animation 
  @-webkit-keyframes animatetop {
      from {top:-50px; opacity:0} 
      to {top:0; opacity:1}
  }

  @keyframes animatetop {
      from {top:-50px; opacity:0}
      to {top:0; opacity:1}
  }*/
  /* The Close Button */
  /* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
  /* Use this next selector to style things like font-size and line-height: */
  /* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
  /* If you're using the icon option, use this next selector to style them */
  /* This is the base styling required to make all Tooltipsters work */
  /* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
  /* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
  /* CSS transition for when contenting is changing in a tooltip that is still open */
}
@media screen {
  body.css-fbinvite .body-container {
    display: table-cell;
    vertical-align: top;
    padding-top: 0;
    top: 0;
  }
}
@media screen and (max-width: 767px) {
  body.css-fbinvite .body-container {
    padding-left: 0px;
  }
}
@media screen {
  body.css-fbinvite .fbInvite {
    padding: 0;
    margin: 0;
  }
  body.css-fbinvite .fbInvite .fbName {
    display: inline-block;
    max-width: 100%;
  }
  body.css-fbinvite .fbInvite .instructions-1 {
    border: solid 1px gray;
    background-color: #f0f2f5;
    padding: 10px;
    position: relative;
    margin: 0 60px 10px 60px;
  }
  body.css-fbinvite .fbInvite .instructions-1 > div {
    vertical-align: middle;
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  body.css-fbinvite .fbInvite .instructions-1 > div {
    padding-left: 5px;
  }
}
@media screen {
  body.css-fbinvite .fbInvite .instructions-1 > div img {
    width: 29.8177083333vw;
    max-width: 229px;
  }
}
@media screen {
  body.css-fbinvite .fbInvite .instructions-2 {
    background-color: #fff;
    padding: 10px;
    position: relative;
  }
}
@media screen {
  body.css-fbinvite .fbInvite .invitation {
    border: solid #b6c2c7 1px;
    background-color: #dbeaf1;
    padding-bottom: 20px;
  }
  body.css-fbinvite .fbInvite .invitation .above-form-box {
    margin: 23px 23px 5px 23px;
    padding: 5px 0 0 5px;
    background: white;
  }
  body.css-fbinvite .fbInvite .invitation .above-form-box > .fb-left-div {
    display: inline-block;
    margin-top: 5px;
    vertical-align: top;
  }
  body.css-fbinvite .fbInvite .invitation .above-form-box > .fb-left-div img {
    width: 100%;
    max-width: 57px;
  }
}
@media screen and (max-width: 450px) {
  body.css-fbinvite .fbInvite .invitation .above-form-box > .fb-left-div img {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  body.css-fbinvite .fbInvite .invitation .above-form-box > .fb-left-div {
    padding-left: 5px;
  }
  body.css-fbinvite .fbInvite .invitation .above-form-box > .fb-left-div img {
    width: 45px;
  }
}
@media screen {
  body.css-fbinvite .fbInvite .invitation .above-form-box > .fb-right-div {
    display: inline-block;
    padding-bottom: 21px;
    vertical-align: top;
    width: 88%;
  }
  body.css-fbinvite .fbInvite .invitation .above-form-box > .fb-right-div h1 {
    margin: 0;
  }
}
@media screen {
  body.css-fbinvite .fbInvite .invitation .form-table table {
    display: none;
  }
}
@media screen {
  body.css-fbinvite .fbInvite .invitation .fb_table {
    display: table;
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  body.css-fbinvite .fbInvite .invitation .fb_table {
    display: block;
  }
}
@media screen {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head {
    background-color: #f0f2f5;
  }
}
@media only screen and (max-width: 600px) {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head {
    display: block;
    padding-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head {
    padding-left: 2vw;
  }
}
@media only screen and (max-width: 600px) {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_row {
    display: block;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_row:nth-child(odd) {
    background-color: rgba(240, 242, 245, 0.6509803922);
  }
}
@media only screen and (max-width: 767px) {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_row {
    padding-left: 2vw;
  }
}
@media screen {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head,
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row {
    display: table-row;
  }
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head .col1 img,
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row .col1 img {
    display: inline;
    vertical-align: bottom;
  }
}
@media only screen and (max-width: 1100px) {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head .col1 img,
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row .col1 img {
    display: none;
  }
}
@media screen {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head .col3,
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row .col3 {
    text-align: center;
    width: 80px;
  }
}
@media only screen and (max-width: 1100px) {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head .col3,
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row .col3 {
    width: inherit;
  }
}
@media screen {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head .col4,
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row .col4 {
    text-align: center;
    width: 120px;
  }
}
@media only screen and (max-width: 1100px) {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head .col4,
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row .col4 {
    width: inherit;
  }
}
@media screen {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head .col5,
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row .col5 {
    text-align: center;
  }
}
@media screen {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head .col6,
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row .col6 {
    text-align: center;
    width: 50px;
  }
}
@media only screen and (max-width: 1100px) {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head .col6,
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row .col6 {
    width: 4.5454545455vw;
  }
}
@media only screen and (max-width: 767px) {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head .col6,
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row .col6 {
    width: 6.5104166667vw;
  }
}
@media screen {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head .col6 img,
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row .col6 img {
    vertical-align: middle;
  }
}
@media only screen and (max-width: 1100px) {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head .col6 img,
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row .col6 img {
    width: 2.5454545455vw;
  }
}
@media only screen and (max-width: 767px) {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head .col6 img,
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row .col6 img {
    width: 3.6458333333vw;
  }
}
@media only screen and (max-width: 600px) {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head .col6 img,
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row .col6 img {
    width: initial;
  }
}
@media screen {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head .col7,
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row .col7 {
    text-align: center;
    width: 60px;
  }
}
@media only screen and (max-width: 1100px) {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head .col7,
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row .col7 {
    width: 5.4545454545vw;
  }
}
@media only screen and (max-width: 767px) {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head .col7,
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row .col7 {
    width: 7.8125vw;
  }
}
@media screen {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head .col8,
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row .col8 {
    text-align: center;
    width: 50px;
  }
}
@media only screen and (max-width: 1100px) {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head .col8,
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row .col8 {
    width: 4.5454545455vw;
  }
}
@media only screen and (max-width: 767px) {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head .col8,
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row .col8 {
    width: 6.5104166667vw;
  }
}
@media screen {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head .col8 img,
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row .col8 img {
    vertical-align: middle;
  }
}
@media only screen and (max-width: 1100px) {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head .col8 img,
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row .col8 img {
    width: 2.5454545455vw;
  }
}
@media only screen and (max-width: 767px) {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head .col8 img,
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row .col8 img {
    width: 3.6458333333vw;
  }
}
@media only screen and (max-width: 600px) {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head .col8 img,
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row .col8 img {
    width: initial;
  }
}
@media only screen and (max-width: 600px) {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head,
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row {
    display: block;
  }
}
@media screen {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head > div,
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row > div {
    display: table-cell;
    border-bottom: solid 1px #f15d22;
    vertical-align: middle;
    line-height: 30px;
    padding-left: 2px;
    padding-right: 2px;
  }
}
@media only screen and (max-width: 1100px) {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head > div,
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row > div {
    font-size: 1.1818181818vw;
  }
}
@media only screen and (max-width: 767px) {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head > div,
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row > div {
    font-size: 1.6927083333vw;
  }
}
@media screen {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head > div:nth-of-type(1),
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row > div:nth-of-type(1) {
    padding-left: 5px;
  }
}
@media screen {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head > div:last-of-type,
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row > div:last-of-type {
    padding-right: 5px;
  }
}
@media only screen and (max-width: 600px) {
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head > div,
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row > div {
    display: block;
    border-bottom: transparent;
    text-align: left !important;
    font-size: 13px;
    line-height: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 20px;
  }
  body.css-fbinvite .fbInvite .invitation .fb_table .fb_head > div:nth-of-type(1), body.css-fbinvite .fbInvite .invitation .fb_table .fb_head > div:nth-of-type(2), body.css-fbinvite .fbInvite .invitation .fb_table .fb_head > div:nth-of-type(3), body.css-fbinvite .fbInvite .invitation .fb_table .fb_head > div:nth-of-type(4), body.css-fbinvite .fbInvite .invitation .fb_table .fb_head > div:nth-of-type(5), body.css-fbinvite .fbInvite .invitation .fb_table .fb_head > div:nth-of-type(7),
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row > div:nth-of-type(1),
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row > div:nth-of-type(2),
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row > div:nth-of-type(3),
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row > div:nth-of-type(4),
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row > div:nth-of-type(5),
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row > div:nth-of-type(7) {
    padding-left: 0;
    display: inline-block;
    width: 48%;
  }
}
@media screen {
  body.css-fbinvite .fbInvite .fbInvite-body,
body.css-fbinvite .fbInvite .instructions-1,
body.css-fbinvite .fbInvite .instructions-2,
body.css-fbinvite .fbInvite .invitation {
    margin-left: 5px;
    margin-right: 5px;
  }
}
@media only screen and (max-width: 767px) {
  body.css-fbinvite .fbInvite .fbInvite-body,
body.css-fbinvite .fbInvite .instructions-1,
body.css-fbinvite .fbInvite .instructions-2,
body.css-fbinvite .fbInvite .invitation {
    margin: 0;
  }
}
@media screen {
  body.css-fbinvite .fbInvite .fbInvite-body p,
body.css-fbinvite .fbInvite .instructions-1 p,
body.css-fbinvite .fbInvite .instructions-2 p,
body.css-fbinvite .fbInvite .invitation p {
    padding-left: 40px;
  }
}
@media only screen and (max-width: 767px) {
  body.css-fbinvite .fbInvite .fbInvite-body p,
body.css-fbinvite .fbInvite .instructions-1 p,
body.css-fbinvite .fbInvite .instructions-2 p,
body.css-fbinvite .fbInvite .invitation p {
    padding-left: 2vw;
  }
}
@media screen {
  body.css-fbinvite .fbInvite .fbInvite-body ul,
body.css-fbinvite .fbInvite .instructions-1 ul,
body.css-fbinvite .fbInvite .instructions-2 ul,
body.css-fbinvite .fbInvite .invitation ul {
    padding-left: 70px;
  }
}
@media only screen and (max-width: 767px) {
  body.css-fbinvite .fbInvite .fbInvite-body ul,
body.css-fbinvite .fbInvite .instructions-1 ul,
body.css-fbinvite .fbInvite .instructions-2 ul,
body.css-fbinvite .fbInvite .invitation ul {
    padding: 0;
  }
}
@media screen {
  body.css-fbinvite .fbInvite .fb-count-avatars {
    float: right;
    right: 10px;
    top: 10px;
    border: solid 1px red;
    width: 110px;
  }
}
@media screen {
  body.css-fbinvite .fbInvite .invitation .horizontal-rule {
    height: 1px;
    margin: 3px 23px 3px 23px;
    background-color: var(--mainColor);
  }
}
@media screen {
  body.css-fbinvite .fbInvite .invitation .outer-form {
    background-color: white;
    overflow: auto;
    margin: 0 23px 0 23px;
  }
}
@media screen {
  body.css-fbinvite .fbInvite .invitation .form-box {
    margin: 23px 26px 23px 26px;
    border: solid grey 1px;
  }
}
@media screen {
  body.css-fbinvite .fbInvite .invitation .form-header {
    background-color: #dbeaf1;
    padding: 20px 10px 20px 10px;
    text-align: center;
  }
}
@media screen {
  body.css-fbinvite .fbInvite .form-table table {
    border-collapse: collapse;
    width: 100%;
  }
}
@media screen {
  body.css-fbinvite .fbInvite .form-table th {
    background-color: #f0f2f5;
    text-align: left;
  }
}
@media screen {
  body.css-fbinvite .fbInvite .form-table .remind,
body.css-fbinvite .fbInvite .form-table .delete {
    text-align: center;
  }
}
@media screen {
  body.css-fbinvite .fbInvite .form-table tbody td {
    border-bottom: solid 1px var(--mainColor);
  }
}
@media screen {
  body.css-fbinvite .fbInvite .td-padding {
    width: 8px;
  }
}
@media screen {
  body.css-fbinvite .fbInvite .form-table .remind,
body.css-fbinvite .fbInvite .form-table .delete,
body.css-fbinvite .fbInvite .table-img {
    height: 28px;
    margin-top: 3px;
  }
}
@media screen {
  body.css-fbinvite .fbInvite .form-table .feedback-message {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
@media screen {
  body.css-fbinvite .divAddFeedBack {
    text-align: center;
    margin-top: 1px;
    /* position:relative; */
  }
}
@media screen {
  body.css-fbinvite .fbInvite .form-box .btn-add {
    text-align: center;
    margin-top: 10px;
    position: relative;
  }
}
@media screen {
  body.css-fbinvite .fbInvite .form-box .btn-add a {
    text-decoration: none;
    display: inline-block;
    background-color: var(--mainColor);
    padding: 10px;
    color: white;
    font-weight: bold;
    width: 400px;
  }
}
@media only screen and (max-width: 767px) {
  body.css-fbinvite .fbInvite .form-box .btn-add a {
    width: initial;
  }
}
@media screen {
  body.css-fbinvite .fbInvite .form-footer {
    background-color: #2f87b0;
    color: white;
    padding: 5px;
    text-align: center;
    margin-top: 20px;
  }
}
body.css-fbinvite .add-fb-buttons {
  background-color: var(--mainColor);
  color: white;
  padding: 5px 20px;
  cursor: pointer;
  margin: 10px 10px 10px 0;
  display: inline-block;
  text-decoration: none;
  border-radius: 3px;
}
body.css-fbinvite .fbInvite .modal .modal-content .modal-body .label {
  display: none;
}
body.css-fbinvite .fbInvite .close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
body.css-fbinvite .fbInvite .close:hover,
body.css-fbinvite .fbInvite .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
body.css-fbinvite .fbInvite .modal-header {
  padding: 2px 16px;
  background-color: #F15D22;
  color: white;
}
body.css-fbinvite .fbInvite .modal-footer {
  padding: 2px 16px;
  background-color: #F15D22;
  color: white;
}
body.css-fbinvite .tooltipster-default {
  border-radius: 5px;
  border: 2px solid #000;
  background: #4c4c4c;
  color: #fff;
}
body.css-fbinvite .tooltipster-default .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 10px;
  line-height: 10px;
  padding: 8px 10px;
  overflow: hidden;
}
body.css-fbinvite .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */
}
body.css-fbinvite .tooltipster-icon {
  cursor: help;
  margin-left: 4px;
}
body.css-fbinvite .tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible;
}
body.css-fbinvite .tooltipster-base .tooltipster-content {
  overflow: hidden;
}
body.css-fbinvite .tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
body.css-fbinvite .tooltipster-arrow span,
body.css-fbinvite .tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}
body.css-fbinvite .tooltipster-arrow-top span,
body.css-fbinvite .tooltipster-arrow-top-right span,
body.css-fbinvite .tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -8px;
}
body.css-fbinvite .tooltipster-arrow-top .tooltipster-arrow-border,
body.css-fbinvite .tooltipster-arrow-top-right .tooltipster-arrow-border,
body.css-fbinvite .tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -8px;
}
body.css-fbinvite .tooltipster-arrow-bottom span,
body.css-fbinvite .tooltipster-arrow-bottom-right span,
body.css-fbinvite .tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -8px;
}
body.css-fbinvite .tooltipster-arrow-bottom .tooltipster-arrow-border,
body.css-fbinvite .tooltipster-arrow-bottom-right .tooltipster-arrow-border,
body.css-fbinvite .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -8px;
}
body.css-fbinvite .tooltipster-arrow-top span,
body.css-fbinvite .tooltipster-arrow-top .tooltipster-arrow-border,
body.css-fbinvite .tooltipster-arrow-bottom span,
body.css-fbinvite .tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto;
}
body.css-fbinvite .tooltipster-arrow-top-left span,
body.css-fbinvite .tooltipster-arrow-bottom-left span {
  left: 6px;
}
body.css-fbinvite .tooltipster-arrow-top-left .tooltipster-arrow-border,
body.css-fbinvite .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px;
}
body.css-fbinvite .tooltipster-arrow-top-right span,
body.css-fbinvite .tooltipster-arrow-bottom-right span {
  right: 6px;
}
body.css-fbinvite .tooltipster-arrow-top-right .tooltipster-arrow-border,
body.css-fbinvite .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px;
}
body.css-fbinvite .tooltipster-arrow-left span,
body.css-fbinvite .tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -8px;
}
body.css-fbinvite .tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px;
}
body.css-fbinvite .tooltipster-arrow-right span,
body.css-fbinvite .tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -8px;
}
body.css-fbinvite .tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px;
}
body.css-fbinvite .tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}
body.css-fbinvite .tooltipster-fade-show {
  opacity: 1;
}
body.css-fbinvite .tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}
body.css-fbinvite .tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
body.css-fbinvite .tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}
body.css-fbinvite .tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}
body.css-fbinvite .tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
body.css-fbinvite .tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0px !important;
  opacity: 0;
}
body.css-fbinvite .tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
body.css-fbinvite .tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0px !important;
  opacity: 0;
}
body.css-fbinvite .tooltipster-content-changing {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
@media screen and (max-width: 768px) {
  body .fbInvite .instructions-1 {
    padding: 0px;
    margin: 0 0 10px 0;
  }
  body .left-menu + .body-container {
    margin-left: 3px;
    margin-right: 3px;
  }
  body .fbInvite .invitation {
    margin: 0 0 10px 0;
  }
  body .fbInvite .above-form-box,
body .fbInvite .invitation .outer-form,
body .fbInvite .invitation .form-box {
    margin: 5px 0 5px 0;
    padding: 1px 0 0 0;
    background: white;
  }
  body .fbInvite .invitation .form-box {
    border: 0 solid transparent;
  }
}

.fbmodal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 99999;
  /* Sit on top */
  padding-top: 2%;
  /* Location of the box */
  padding-bottom: 2%;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  /* Modal Content */
}
.fbmodal .modal-content {
  position: fixed;
  background-color: #fefefe;
  top: 3%;
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 14px;
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border-radius: 4px;
  max-width: 700px;
  min-width: 300px;
  width: 75%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.fbmodal .modal-content .modal-body {
  padding: 0;
  text-align: center;
}
.fbmodal .modal-content .modal-body .textbox-line {
  display: block;
  background-color: transparent;
  color: #000;
  outline: 0;
  outline-style: none;
  border-top: none;
  border-left: none;
  border-right: none;
  border: 1px solid rgba(47, 136, 177, 0.2);
  border-bottom: solid #2f87b0 1px;
  padding: 10px;
  margin: 0;
  margin-top: 10px;
  width: calc(100% - 22px);
  font-size: 1.25em;
}
@media only screen and (max-width: 767px) {
  .fbmodal .modal-content .modal-body input {
    width: 80%;
    max-width: 80%;
  }
}
.fbmodal .modal-content .modal-body a.add-session-buttons {
  padding: 8px 20px;
  background-color: #F15D22;
  border-radius: 3px;
  color: white;
  cursor: pointer;
  margin: 20px 10px 0 0;
  display: inline-block;
  text-decoration: none;
}
.fbmodal .modal-content .data_buttons button:hover {
  background-color: #F15D22;
  color: #fff;
}
.fbmodal .modal-content h1 {
  margin: 0;
  padding: 0;
}
.fbmodal .modal-content h4 {
  display: block;
  margin: 0;
  padding: 10px;
  background-color: #0D7595;
  color: #fff;
  margin-bottom: 10px;
  /* font-weight: 400;*/
  text-transform: uppercase;
  font-size: 20px;
}
.fbmodal .modal-content h5 {
  display: block;
  margin: 0;
  padding: 10px;
  color: #0D7595;
  font-weight: bolder;
  text-transform: uppercase;
  font-size: 15px;
}
.fbmodal .modal-content .primary_data,
.fbmodal .modal-content .compare_data {
  vertical-align: top;
}
.fbmodal .modal-content #lstPrimaryUserDataset,
.fbmodal .modal-content #lstComparisonUserDataset {
  padding-top: 0;
  padding-left: 15px;
}
.fbmodal .modal-content .container {
  display: block;
  /* position: relative; */
  margin-top: 10px;
  margin-bottom: 2px;
  padding-left: 35px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
  line-height: 14px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}
.fbmodal .modal-content .checkmark {
  position: absolute;
  top: 8px;
  left: 47px;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%;
}
.fbmodal .modal-content .checkmark:hover {
  color: #F15D22;
  /*font-weight: bolder;*/
  background-color: #eee;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}
.fbmodal .modal-content .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: white;
}
.fbmodal .modal-content input:checked ~ .checkmark {
  background-color: #0D7595;
}
.fbmodal .modal-content input:checked ~ .checkmark:after {
  display: block;
}
.fbmodal .modal-content .data_buttons {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 10px;
  text-align: center;
  /*border:1px solid red;*/
}
.fbmodal .modal-content .data_buttons button {
  padding: 5px 10px;
  margin: 5px;
  display: inline-block;
  vertical-align: text-bottom;
  top: 0;
  line-height: 24px;
  background-color: #0D7595;
  color: #fff;
  -webkit-transition: background-color 0.25s ease-out;
  -moz-transition: background-color 0.25s ease-out;
  -o-transition: background-color 0.25s ease-out;
  transition: background-color 0.25s ease-out;
}
.fbmodal .modal-content .data_buttons2 {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 10px;
  text-align: center;
  /*border:1px solid red;*/
}
.fbmodal .modal-content .data_buttons2 button {
  padding: 5px 10px;
  margin: 5px;
  display: inline-block;
  vertical-align: text-bottom;
  top: 0;
  line-height: 24px;
  background-color: #0D7595;
  color: #fff;
  -webkit-transition: background-color 0.25s ease-out;
  -moz-transition: background-color 0.25s ease-out;
  -o-transition: background-color 0.25s ease-out;
  transition: background-color 0.25s ease-out;
}
@media only screen and (max-width: 767px) {
  .fbmodal .modal-content {
    padding: 5px;
    width: 80%;
    max-width: 80%;
  }
}

.jconfirm-content .buttons {
  display: none;
}

@font-face {
  font-family: "OpenSansExtraBold";
  src: url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff), url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff2);
}
/* media queries - use these to edit specific sizes
    @include mobile-xs {}
    @include mobile-xs-landscape {}
    @include mobile {}
    @include mobile-landscape {}
    @include desktop_range {}
    @include mobile-wide-landscape {}
    @include desktop_wide {}
    @include desktop_max {}
*/
@media screen {
  body.css-finish .body-container .finish-body {
    display: table-cell;
    padding-left: 20px;
    padding-right: 10px;
  }
  body.css-finish .callOutBox {
    background-color: #E4ECF6;
    width: 530px;
    padding-bottom: 10px;
  }
  body.css-finish .callOutBox .progress-title {
    color: white;
    background-color: #37648C;
    font-size: 13px;
    padding: 5px 0 5px 10px;
  }
  body.css-finish .callOutBox li {
    margin: 0.5em 0;
  }
  body.css-finish .feedback-name {
    font-weight: bold;
  }
  body.css-finish .participant-status {
    margin-left: 10px;
    padding: 20px;
  }
}

@font-face {
  font-family: "OpenSansExtraBold";
  src: url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff), url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff2);
}
/* media queries - use these to edit specific sizes
    @include mobile-xs {}
    @include mobile-xs-landscape {}
    @include mobile {}
    @include mobile-landscape {}
    @include desktop_range {}
    @include mobile-wide-landscape {}
    @include desktop_wide {}
    @include desktop_max {}
*/
.theme-btn {
  background-color: #F15D22;
}

@media screen {
  body.css-overview .body-container .overview-body {
    padding-left: 20px;
    padding-right: 20px;
  }
  body.css-overview .body-container .overview-body .element-wrapper {
    display: table;
    height: auto;
    max-width: 1025px;
    width: 100%;
  }
}
@media only screen and (max-width: 450px) {
  body.css-overview .body-container .overview-body .element-wrapper {
    display: block;
  }
}
@media only screen and (max-width: 450px) and (orientation: landscape) {
  body.css-overview .body-container .overview-body .element-wrapper {
    display: block;
  }
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  body.css-overview .body-container .overview-body .element-wrapper {
    display: block;
  }
}
@media screen {
  body.css-overview .body-container .overview-body .element-wrapper .column-element {
    display: table-cell;
    min-height: auto;
  }
}
@media only screen and (max-width: 450px) {
  body.css-overview .body-container .overview-body .element-wrapper .column-element {
    display: block;
  }
}
@media only screen and (max-width: 450px) and (orientation: landscape) {
  body.css-overview .body-container .overview-body .element-wrapper .column-element {
    display: block;
  }
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  body.css-overview .body-container .overview-body .element-wrapper .column-element {
    display: block;
  }
}
@media screen {
  body.css-overview .body-container .overview-body .element-wrapper .column-element .inner-element {
    min-height: auto;
  }
}
@media screen {
  body.css-overview .icon-list {
    color: white;
    width: 100%;
  }
  body.css-overview .icon-list td a {
    text-decoration: none;
    color: #6a737b;
  }
  body.css-overview .icon-list td a .fa-stack {
    color: #F15D22;
  }
}
@media screen {
  body.css-overview .icon-cell-1 {
    width: 50%;
  }
}
@media screen {
  body.css-overview .icon-cell-2 {
    width: 50%;
  }
}
@media screen {
  body.css-overview .body-container {
    padding-top: 0;
    min-height: 700px;
    margin-left: 20px;
    position: relative;
  }
}
@media screen {
  body.css-overview .left-caption-container {
    height: 100%;
    min-height: 300px;
    min-width: 400px;
    float: left;
    width: 45%;
    position: absolute;
  }
}
@media screen {
  body.css-overview .caption-content {
    background: url("https://apx.gpstrategies.com/media/images/two_heads_talking.png");
    height: auto;
    min-height: 150px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
  }
}
@media screen {
  body.css-overview .content {
    font-size: 14px;
    padding: 10px;
    color: #56565a;
  }
}
@media screen {
  body.css-overview .btn-container {
    width: 40%;
    height: 30px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen {
  body.css-overview .btn_back {
    margin-right: 5%;
  }
}
@media screen {
  body.css-overview .btn_continue {
    margin-left: 5%;
  }
}
@media screen {
  body.css-overview #myTestImage {
    height: 200px;
    width: 200px;
  }
}
@media screen {
  body.css-overview .btn-container {
    display: none;
  }
}
@media screen {
  body.css-overview #new-nav-button-location {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 24px;
  }
}

body {
  overflow-x: visible;
}
@media all and (-ms-high-contrast: none) {
  body.css-inventory {
    /* IE10 */
    /* IE11 */
  }
  body.css-inventory #distribution,
body.css-inventory #statichead {
    position: relative;
  }
  body.css-inventory #distribution div#left_pad,
body.css-inventory #statichead div#left_pad {
    display: inline-block !important;
    width: 55%;
    height: 10px;
  }
  body.css-inventory #distribution > table#dist_table,
body.css-inventory #statichead > table#dist_table {
    display: table;
    position: fixed;
    bottom: 0;
    margin-right: 0;
  }
  body.css-inventory *::-ms-backdrop,
body.css-inventory #distribution {
    position: relative;
  }
  body.css-inventory *::-ms-backdrop div#left_pad,
body.css-inventory #distribution div#left_pad {
    display: inline-block !important;
    width: 55%;
    height: 10px;
  }
  body.css-inventory *::-ms-backdrop > table#dist_table,
body.css-inventory #distribution > table#dist_table {
    display: table;
    position: fixed;
    bottom: 0;
    margin-right: 0;
  }
}
body.css-inventory #distribution,
body.css-inventory #statichead {
  /* Hide for now - need to enable the show/hide */
  display: none;
  position: sticky;
  padding-right: 0;
  z-index: 2000;
  bottom: 0;
  margin-top: 5px;
  border-collapse: collapse;
  text-align: right;
}
body.css-inventory #distribution > table#left_pad,
body.css-inventory #statichead > table#left_pad {
  display: none;
}
body.css-inventory #distribution > table#dist_table,
body.css-inventory #statichead > table#dist_table {
  display: table;
  margin: auto;
  margin-right: 0;
  font-size: 10px;
  border-collapse: collapse;
  background-color: #ffd;
  border: solid 2px #ff7;
}
body.css-inventory #distribution > table#dist_table tr.counter td.valid,
body.css-inventory #statichead > table#dist_table tr.counter td.valid {
  font-weight: bolder;
  font-size: 14px !important;
}
body.css-inventory #distribution > table#dist_table tr.counter td.radio_option.low,
body.css-inventory #statichead > table#dist_table tr.counter td.radio_option.low {
  background-color: #ffd;
}
body.css-inventory #distribution > table#dist_table tr.counter td.radio_option.valid,
body.css-inventory #statichead > table#dist_table tr.counter td.radio_option.valid {
  color: #0d0;
}
body.css-inventory #distribution > table#dist_table tr.counter td.radio_option.high,
body.css-inventory #statichead > table#dist_table tr.counter td.radio_option.high {
  background-color: #fdd;
  color: #900;
}
body.css-inventory #distribution > table#dist_table tr td p,
body.css-inventory #statichead > table#dist_table tr td p {
  padding: 0;
  margin-top: 3px;
  margin-bottom: 3px;
  font-size: 12px;
}
body.css-inventory #distribution > table#dist_table tr td.label,
body.css-inventory #statichead > table#dist_table tr td.label {
  text-align: right;
  padding-right: 5px;
  padding-left: 10px;
}
body.css-inventory #distribution > table#dist_table tr td.radio_option,
body.css-inventory #statichead > table#dist_table tr td.radio_option {
  position: relative;
}
body.css-inventory #distribution > table#dist_table tr td.radio_option:after,
body.css-inventory #statichead > table#dist_table tr td.radio_option:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 2px;
}
body.css-inventory #distribution > table#dist_table tr td.valid,
body.css-inventory #statichead > table#dist_table tr td.valid {
  background-color: rgb(210, 255, 214);
}
body.css-inventory #distribution > table#dist_table tr td.error,
body.css-inventory #statichead > table#dist_table tr td.error {
  background-color: rgb(255, 210, 210);
}
body.css-inventory #distribution > table#dist_table tr td .radio_option:not(.error),
body.css-inventory #statichead > table#dist_table tr td .radio_option:not(.error) {
  background-color: rgb(210, 255, 214);
}
body.css-inventory #distribution > table#dist_table tr:nth-child(odd), body.css-inventory #distribution > table#dist_table tr:nth-child(even),
body.css-inventory #statichead > table#dist_table tr:nth-child(odd),
body.css-inventory #statichead > table#dist_table tr:nth-child(even) {
  background-color: inherit;
}
body.css-inventory #distribution > table#dist_table:after,
body.css-inventory #statichead > table#dist_table:after {
  position: relative;
  display: table-caption;
  content: "";
  width: 100%;
  height: 5px;
  color: white;
}
body.css-inventory #distribution > table#dist_table.low:after,
body.css-inventory #statichead > table#dist_table.low:after {
  background-color: #ff7;
}
body.css-inventory #distribution > table#dist_table.valid:after,
body.css-inventory #statichead > table#dist_table.valid:after {
  background-color: #3A8DB4;
}
body.css-inventory #distribution > table#dist_table.high:after,
body.css-inventory #statichead > table#dist_table.high:after {
  background-color: #6a737b;
}
body.css-inventory #statichead {
  display: block;
  top: 0;
}
body.css-inventory .instructions-1 {
  border: solid 1px gray;
  background-color: #f0f2f5;
  padding: 10px;
  position: relative;
  margin: 0 0px 10px 0px;
  padding-left: 0px;
}
body.css-inventory .instructions-1 > div {
  vertical-align: middle;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  body.css-inventory .instructions-1 > div {
    padding-left: 5px;
  }
}
body.css-inventory .instructions-1 > div img {
  width: 29.8177083333vw;
  max-width: 229px;
}
@media only screen and (max-width: 767px) {
  body.css-inventory .instructions-1 {
    margin: 0;
  }
}
body.css-inventory .instructions-1 p {
  padding-left: 40px;
}
@media only screen and (max-width: 767px) {
  body.css-inventory .instructions-1 p {
    padding-left: 2vw;
  }
}
body.css-inventory .instructions-1 ul {
  padding-left: 70px;
}
@media only screen and (max-width: 767px) {
  body.css-inventory .instructions-1 ul {
    padding: 0;
  }
}
body.css-inventory .data-choice {
  text-decoration: none;
  color: #3A8DB4;
}
body.css-inventory .sub-menu-list {
  border-right: 1px solid #F15D22;
  float: left;
  height: 35px;
  text-align: center;
  width: 100% !important;
  padding-top: 11px;
  font-weight: 200;
  font-size: 16px;
  color: steelblue;
}
body.css-inventory .survey-container {
  width: 100%;
  min-height: 250px;
  height: auto;
  max-width: 1355px;
}
body.css-inventory .survey-question {
  width: 60%;
  float: left;
  height: auto;
}
body.css-inventory .survey-check-container {
  width: 30%;
  float: left;
  height: auto;
}
body.css-inventory .survey-row {
  width: 100%;
  height: auto;
}
body.css-inventory .survey-table {
  border-collapse: separate;
  width: 100%;
}
body.css-inventory .inventory-question {
  text-align: center;
  padding: 5px;
}
body.css-inventory .radio_option {
  width: 15px;
  text-align: center;
}
body.css-inventory table tr:nth-child(odd) {
  background-color: #d3e6ee;
}
body.css-inventory table tr:nth-child(even) {
  background-color: white;
}
body.css-inventory table th {
  background-color: white;
}
body.css-inventory table tr.highlight {
  background-color: rgba(240, 188, 45, 0.26);
}
body.css-inventory table {
  border: none !important;
  border-spacing: 0px;
}
body.css-inventory td.question > p {
  margin-top: 0;
  margin-bottom: 0;
  padding: 5px;
}
body.css-inventory .body-container .input-container {
  min-height: 100px;
  width: 100%;
  margin-top: 20px;
  padding-top: 1px;
  background-color: #f0f2f5;
  border: solid 1px #d1d3d6;
}
body.css-inventory .body-container .body-content {
  vertical-align: top;
  padding-left: 20px;
}
body.css-inventory .input-container {
  min-height: 100px;
  width: 100%;
  margin-top: 20px;
  padding-top: 1px;
  background-color: #F0F2F5;
  border: solid 1px #d1d3d6;
}
body.css-inventory .textarea-limit {
  margin: 10px;
  padding-left: 50px;
  padding-right: 50px;
}
body.css-inventory .text-span-label {
  color: steelblue;
  background-color: white;
  margin-top: 18px;
  border-bottom: 1px solid var(--mainColor);
  /*overflow: auto;*/
}
body.css-inventory .question-span {
  color: grey;
  margin-top: 8px;
  margin-bottom: 4px;
  margin-left: 8px;
}
body.css-inventory .text-span {
  height: 95px !important;
  width: 100%;
  border: 0;
  margin-bottom: 20px;
  padding: 5px;
  font-family: "Open Sans";
  color: #6A737B;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body.css-inventory .question {
  padding-top: 0;
  padding-bottom: 0;
}
body.css-inventory #tblQuestions,
body.css-inventory #tblQuestionsStaticHeader {
  position: relative;
}
body.css-inventory #tblQuestions tr:nth-of-type(1),
body.css-inventory #tblQuestionsStaticHeader tr:nth-of-type(1) {
  background-color: white;
}
body.css-inventory #tblQuestions tr.incomplete,
body.css-inventory #tblQuestionsStaticHeader tr.incomplete {
  background-color: rgb(250, 180, 180);
  color: #000;
  border-bottom: 1px solid #eee;
}
body.css-inventory #tblQuestions tr.incomplete td:nth-of-type(1),
body.css-inventory #tblQuestionsStaticHeader tr.incomplete td:nth-of-type(1) {
  background-color: rgb(255, 180, 180);
}
body.css-inventory #tblQuestions tr.incomplete:hover,
body.css-inventory #tblQuestionsStaticHeader tr.incomplete:hover {
  background-color: rgb(242, 140, 140);
}
body.css-inventory #tblQuestions,
body.css-inventory #tblQuestionsStaticHeader,
body.css-inventory #distribution {
  border-collapse: collapse;
}
body.css-inventory #tblQuestions tr td,
body.css-inventory #tblQuestionsStaticHeader tr td,
body.css-inventory #distribution tr td {
  padding: 0;
  margin: 0;
}
body.css-inventory #tblQuestions tr td.inventory-question > p,
body.css-inventory #tblQuestionsStaticHeader tr td.inventory-question > p,
body.css-inventory #distribution tr td.inventory-question > p {
  margin-bottom: 8px;
  margin-top: 8px;
  padding: 3px;
}
body.css-inventory #tblQuestions tr td.thead,
body.css-inventory #tblQuestionsStaticHeader tr td.thead,
body.css-inventory #distribution tr td.thead {
  font-size: 15px;
  text-align: center;
  font-family: "Inconsolata", monospace;
  font-weight: bold;
}
body.css-inventory #tblQuestions tr td.thead div .mltitle,
body.css-inventory #tblQuestionsStaticHeader tr td.thead div .mltitle,
body.css-inventory #distribution tr td.thead div .mltitle {
  display: block !important;
  height: 20px !important;
  min-height: 20px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
body.css-inventory #tblQuestions tr td.thead div .mlgroup,
body.css-inventory #tblQuestionsStaticHeader tr td.thead div .mlgroup,
body.css-inventory #distribution tr td.thead div .mlgroup {
  padding-top: 5px !important;
  padding-bottom: 0px !important;
}
body.css-inventory #tblQuestions tr td.thead div:nth-of-type(1),
body.css-inventory #tblQuestionsStaticHeader tr td.thead div:nth-of-type(1),
body.css-inventory #distribution tr td.thead div:nth-of-type(1) {
  vertical-align: bottom;
  min-height: 20px;
  height: 20px;
}
body.css-inventory #tblQuestions tr td.thead div.color,
body.css-inventory #tblQuestionsStaticHeader tr td.thead div.color,
body.css-inventory #distribution tr td.thead div.color {
  height: 5px;
  max-height: 5px;
  width: 100%;
}
body.css-inventory #tblQuestions tr td.thead div:nth-of-type(3),
body.css-inventory #tblQuestionsStaticHeader tr td.thead div:nth-of-type(3),
body.css-inventory #distribution tr td.thead div:nth-of-type(3) {
  padding-top: 5px;
  padding-bottom: 8px;
}
@media only screen and (min-width: 1350px) {
  body.css-inventory #tblQuestions tr td.radio_option,
body.css-inventory #tblQuestionsStaticHeader tr td.radio_option,
body.css-inventory #distribution tr td.radio_option {
    padding-left: 0.33vw;
    padding-right: 0.33vw;
  }
  body.css-inventory #tblQuestions tr td.radio_option.stars,
body.css-inventory #tblQuestionsStaticHeader tr td.radio_option.stars,
body.css-inventory #distribution tr td.radio_option.stars {
    padding-left: 0.1vw;
    padding-right: 0.1vw;
  }
}
@media only screen and (min-width: 1450px) {
  body.css-inventory #tblQuestions tr td.radio_option,
body.css-inventory #tblQuestionsStaticHeader tr td.radio_option,
body.css-inventory #distribution tr td.radio_option {
    padding-left: 0.66vw;
    padding-right: 0.66vw;
  }
  body.css-inventory #tblQuestions tr td.radio_option.stars,
body.css-inventory #tblQuestionsStaticHeader tr td.radio_option.stars,
body.css-inventory #distribution tr td.radio_option.stars {
    padding-left: 0.1vw;
    padding-right: 0.1vw;
  }
}
@media only screen and (min-width: 1550px) {
  body.css-inventory #tblQuestions tr td.radio_option,
body.css-inventory #tblQuestionsStaticHeader tr td.radio_option,
body.css-inventory #distribution tr td.radio_option {
    padding-left: 1vw;
    padding-right: 1vw;
  }
  body.css-inventory #tblQuestions tr td.radio_option.stars,
body.css-inventory #tblQuestionsStaticHeader tr td.radio_option.stars,
body.css-inventory #distribution tr td.radio_option.stars {
    padding-left: 0.1vw;
    padding-right: 0.1vw;
  }
}
body.css-inventory #tblQuestions tr.header-row,
body.css-inventory #tblQuestionsStaticHeader tr.header-row,
body.css-inventory #distribution tr.header-row {
  opacity: 0;
}
body.css-inventory p {
  font-size: 15px;
}
body.css-inventory .star:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f005";
  color: #FDCC0D;
  font-size: 24px;
}
body.css-inventory .solidStar:before {
  font-weight: 600;
}
body.css-inventory .numberCircle {
  position: relative;
  border-radius: 50%;
  behavior: url(PIE.htc);
  /* remove if you don't care about IE8 */
  width: 24px;
  height: 24px;
  background: #fff;
  border: 2px solid #eee;
  color: #aaa;
  margin-left: 4px;
  margin-right: 4px;
  font-weight: bold;
  cursor: pointer;
}
body.css-inventory .numberCircle div {
  position: absolute;
  padding: 0;
  margin: 0;
  top: 3px;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-family: "Inconsolata", monospace;
  text-align: center;
  vertical-align: middle;
}
body.css-inventory .survey-container input[type=radio] {
  display: none;
}
body.css-inventory .outCircle {
  cursor: pointer;
}
body.css-inventory .outStar {
  cursor: pointer;
}
body.css-inventory #tblQuestionsStaticHeader {
  display: table;
  top: 0px;
  right: 0;
  height: auto;
  z-index: 1;
  opacity: 0;
  border-bottom: 5px solid white !important;
}
body.css-inventory #tblQuestionsStaticHeader tr:nth-of-type(1) {
  margin-bottom: 5px;
}
body.css-inventory #tblQuestionsStaticHeader tr:nth-of-type(1) td div {
  text-align: justify;
  text-justify: inter-word;
  font-size: 10px;
  font-size: 94%;
  -ms-text-align-last: justify;
}
body.css-inventory #tblQuestionsStaticHeader tr:nth-of-type(1) td div pre {
  display: inline;
}
body.css-inventory #tblQuestionsStaticHeader tr:nth-of-type(1) td div:after {
  content: "";
  display: inline-block;
  width: 100%;
}
body.css-inventory #tblQuestionsStaticHeader tr:nth-of-type(2) td div {
  height: 10px;
  min-height: 10px !important;
  max-height: 10px;
  overflow: hidden;
}
body.css-inventory .msie #tblQuestionsStaticHeader tr:nth-of-type(1) td div:after,
body.css-inventory .msie .survey-table tr:nth-of-type(1) td div:after,
body.css-inventory .msie .inventory-table tr:nth-of-type(1) td div:after,
body.css-inventory .edge #tblQuestionsStaticHeader tr:nth-of-type(1) td div:after,
body.css-inventory .edge .survey-table tr:nth-of-type(1) td div:after,
body.css-inventory .edge .inventory-table tr:nth-of-type(1) td div:after {
  content: "";
  display: inherit;
  width: 100%;
}
body.css-inventory .msie #distribution {
  text-align: left;
}
body.css-inventory .msie #distribution table#dist_table {
  display: inline-block !important;
}

@keyframes MOVE-BG {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: -1920px;
  }
}
body.css-overviewbox .overviewbox {
  overflow: auto;
}
body.css-overviewbox .overviewbox .header-box {
  background-color: rgba(105, 167, 195, 0.6);
  /*height: 110px;*/
  padding: 1px 50px;
  color: white;
}
body.css-overviewbox .overviewbox .main-box {
  margin: 0 30px;
  background-color: white;
  min-height: 100px;
  padding: 30px 50px;
}
body.css-overviewbox .overviewbox .body1-box {
  position: relative;
  padding-bottom: 30px;
  border-bottom: solid 1px #3397c5;
  margin-bottom: 30px;
}
body.css-overviewbox .overviewbox .body1-box:after {
  position: absolute;
  display: block;
  content: "";
  bottom: -20px;
  height: 40px;
  width: 100%;
  background-image: url("https://apx.gpstrategies.com/media/images/icons/xmodel-active.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
body.css-overviewbox .overviewbox .body2-box {
  /*border:solid 1px gray;*/
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  body.css-overviewbox .overviewbox .main-box {
    margin: 0 5px;
    padding: 10px;
  }
  body.css-overviewbox .overviewbox .header-box {
    margin: 5px 5px 0 5px;
  }
  body.css-overviewbox .overviewbox .header-box h1 {
    text-align: center;
  }
}

body.css-demographics .demograhics-page .form_container {
  border: 1px solid grey;
  min-height: 200px;
  margin-right: auto;
  margin-left: auto;
}
body.css-demographics .demograhics-page .form_question {
  font-size: 15px;
  width: 50%;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
}
body.css-demographics .demograhics-page .form-control {
  display: inline;
  height: 25px;
  padding: 0px;
  float: right;
  margin-right: 10px;
  margin-top: -40px;
}
body.css-demographics .demograhics-page .bodyheading1 {
  color: #4C87B9;
  font-size: 24px;
  margin-bottom: 20px;
}
body.css-demographics .demograhics-page .header-box {
  background-color: rgba(105, 167, 195, 0.6);
  /*height: 110px;*/
  /* margin: 30px 30px 0 30px;*/
  padding: 10px 50px;
  color: white;
}
body.css-demographics .demograhics-page .main-box {
  margin: 0 30px;
  background-color: white;
  min-height: 600px;
  padding: 30px 50px;
}
body.css-demographics .demograhics-page .box1 {
  border: solid #b6c2c7 1px;
  background-color: #dbeaf1;
  min-height: 590px;
}
body.css-demographics .demograhics-page .box1 .box2 {
  border: solid #b6c2c7 1px;
  background-color: white;
  min-height: 580px;
  margin: 32px;
  padding: 40px;
}
@media screen and (max-width: 450px) {
  body.css-demographics .demograhics-page .form_container {
    width: 97%;
    height: 800px;
  }
  body.css-demographics .demograhics-page .form-control {
    width: 95%;
    margin-top: 0;
  }
  body.css-demographics .demograhics-page .form_question {
    width: 100%;
  }
  body.css-demographics .demograhics-page .custom_button1,
body.css-demographics .demograhics-page .custom_button2 {
    height: 40px;
    width: 100px;
  }
}
@media screen and (min-width: 451px) and (max-width: 700px) {
  body.css-demographics .demograhics-page .form_question {
    width: 45%;
  }
}

@font-face {
  font-family: "OpenSansExtraBold";
  src: url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff), url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff2);
}
/* media queries - use these to edit specific sizes
    @include mobile-xs {}
    @include mobile-xs-landscape {}
    @include mobile {}
    @include mobile-landscape {}
    @include desktop_range {}
    @include mobile-wide-landscape {}
    @include desktop_wide {}
    @include desktop_max {}
*/
body.css-skillscomments {
  /************************************************/
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /*               @media queries                 */
  /************************************************/
}
@media screen {
  body.css-skillscomments .body-container {
    background: none;
  }
  body.css-skillscomments .body-container .drop-down-span {
    width: 100%;
  }
  body.css-skillscomments .body-container .upper-table {
    display: table;
  }
}
@media only screen and (max-width: 767px) {
  body.css-skillscomments .body-container .upper-table {
    display: block;
  }
}
@media screen {
  body.css-skillscomments .body-container .upper-table .table-row {
    display: table-row;
  }
}
@media only screen and (max-width: 767px) {
  body.css-skillscomments .body-container .upper-table .table-row {
    display: block;
  }
}
@media screen {
  body.css-skillscomments .body-container .upper-table .table-row .table-cell {
    display: table-cell;
  }
}
@media only screen and (max-width: 767px) {
  body.css-skillscomments .body-container .upper-table .table-row .table-cell {
    display: block;
  }
}
@media screen {
  body.css-skillscomments .body-container .upper-table .table-row .table-cell.left-content {
    min-width: 200px;
    max-width: 260px;
    background: url(https://apx.gpstrategies.com/media/images/Setting_goals_300x200.jpg);
    background-repeat: no-repeat;
  }
}
@media only screen and (max-width: 767px) {
  body.css-skillscomments .body-container .upper-table .table-row .table-cell.left-content {
    display: none;
  }
}
@media screen {
  body.css-skillscomments .body-container .upper-table .table-row .table-cell.body-content {
    vertical-align: top;
    padding-left: 20px;
  }
}
@media screen {
  body.css-skillscomments .body-container .input-container {
    min-height: 100px;
    width: 100%;
    margin-top: 20px;
    padding-top: 1px;
    background-color: #F0F2F5;
    border: solid 1px #d1d3d6;
  }
  body.css-skillscomments .body-container .input-container .textarea-limit {
    margin: 10px;
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media only screen and (max-width: 767px) {
  body.css-skillscomments .body-container .input-container .textarea-limit {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  body.css-skillscomments .body-container .input-container .textarea-limit input,
body.css-skillscomments .body-container .input-container .textarea-limit textarea {
    padding: 3px;
  }
}
@media screen {
  body.css-skillscomments .body-container .input-container .textarea-limit .text-span-label {
    color: steelblue;
    background-color: white;
    margin-top: 18px;
    border-bottom: 1px solid #F15D22;
    overflow: auto;
  }
}
@media screen {
  body.css-skillscomments .left-content > img {
    height: 100%;
    width: 100%;
  }
}
@media screen {
  body.css-skillscomments .question-span {
    margin-top: 8px;
    color: grey;
    margin-bottom: 4px;
  }
}
@media screen {
  body.css-skillscomments .text-span {
    height: 95px !important;
    width: 100%;
    border: 0;
    margin-bottom: 20px;
    padding: 5px;
    font-family: "Open Sans";
    color: #6A737B;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 767px) {
  body.css-skillscomments .text-span {
    width: 100%;
    padding: 0;
  }
  body.css-skillscomments .question-span {
    font-size: 10px;
    padding-left: 35px;
    color: grey;
  }
  body.css-skillscomments .left-menu-n-body-container {
    margin-left: 0;
    margin-right: 0;
  }
  body.css-skillscomments .body-content {
    padding-top: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1048px) {
  body.css-skillscomments .question-span {
    font-size: 12px;
    padding-left: 35px;
  }
}
@media screen and (min-width: 1048px) and (max-width: 1500px) {
  body.css-skillscomments .body-content {
    padding-top: 3px;
  }
}
@media screen and (max-width: 1200px) {
  body.css-skillscomments .left-content {
    display: none;
  }
  body.css-skillscomments .body-content {
    margin-left: 0;
  }
  body.css-skillscomments .textarea-limit {
    padding-left: 0;
    padding-right: 0;
  }
}

@font-face {
  font-family: "OpenSansExtraBold";
  src: url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff), url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff2);
}
/* media queries - use these to edit specific sizes
    @include mobile-xs {}
    @include mobile-xs-landscape {}
    @include mobile {}
    @include mobile-landscape {}
    @include desktop_range {}
    @include mobile-wide-landscape {}
    @include desktop_wide {}
    @include desktop_max {}
*/
body.css-values-content {
  /*-----------------------
  		SLIDER
  ------------------------*/
  /* Coda_Slider2.css*/
  /* Change the width of the entire slider (without dynamic arrows) */
  /* Tab nav */
  /* Panel padding */
  /* Preloader */
  /* Miscellaneous */
  /* exercise */
}
body.css-values-content .instructions {
  text-align: Left;
  background-color: #f15d22 !important;
  color: white;
}
body.css-values-content table {
  border-collapse: collapse;
}
body.css-values-content table th {
  border: 2px solid #f15d22;
}
body.css-values-content .slider_table {
  position: relative;
  display: table;
  width: 50%;
  top: 20px;
  margin: auto;
}
body.css-values-content .slider_table .slider_container {
  display: table-row;
  margin-left: auto;
  margin-right: auto;
}
body.css-values-content .slider_table .slider_container div {
  vertical-align: top;
}
body.css-values-content .slider_table .slider_container #coda-nav-left-1,
body.css-values-content .slider_table .slider_container #coda-nav-right-1 {
  display: table-cell;
}
body.css-values-content .slider_table .slider_container #coda-nav-left-1 a,
body.css-values-content .slider_table .slider_container #coda-nav-right-1 a {
  position: relative;
  color: #3a8db4;
}
body.css-values-content .slider_table .slider_container #coda-nav-left-1 {
  top: 50%;
  position: absolute;
  padding-right: 5px;
}
body.css-values-content .slider_table .slider_container #coda-nav-right-1 {
  position: absolute;
  margin-left: -36px;
  left: 100%;
  top: 50%;
}
body.css-values-content .slider_table .slider_container #values_slider {
  position: relative;
  display: block;
}
body.css-values-content .slider_table .slider_container #values_slider a.xtrig {
  width: 120px;
  font-size: 12pt;
  margin: 25px auto 0 auto;
  display: block;
  text-align: center;
  color: white;
  text-decoration: none;
  padding: 7px;
}
body.css-values-content .coda-slider .panel h3 {
  margin-bottom: 1em;
}
body.css-values-content .coda-slider,
body.css-values-content .coda-slider .panel {
  width: 700px;
  margin: 1em 0;
}
body.css-values-content .coda-slider .panel .content {
  padding: 10px;
}
body.css-values-content .coda-slider-arrow-wrapper {
  width: 835px;
  padding-bottom: 1px;
}
body.css-values-content .coda-nav ul li a.current {
  background: #f15d22 !important;
  border-radius: 5px;
}
body.css-values-content .panelTitle {
  display: none !important;
}
body.css-values-content .coda-slider .panel-wrapper {
  padding: 20px;
}
body.css-values-content .coda-slider p.loading {
  padding: 20px;
  text-align: center;
}
body.css-values-content .coda-nav ul {
  margin: auto;
  position: relative;
  display: flex;
  vertical-align: top;
}
body.css-values-content .coda-nav-left {
  margin: auto;
  float: right;
  position: absolute;
  top: 50%;
}
body.css-values-content .coda-nav-right {
  margin: auto;
  position: relative;
  display: flex;
}
body.css-values-content .coda-nav ul li {
  display: inline;
}
body.css-values-content .coda-nav ul li:first-of-type a {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
body.css-values-content .coda-nav ul li:last-of-type a {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
body.css-values-content .coda-nav ul li a {
  font-size: 12pt;
  background: #5E5E5E;
  color: #D9D9D9;
  display: block;
  float: left;
  margin-right: 1px;
  padding: 3px 6px;
  text-decoration: none;
}
body.css-values-content .coda-nav ul li a.shown {
  background: #006600;
}
body.css-values-content .coda-slider-wrapper {
  overflow: auto;
}
body.css-values-content .coda-slider {
  overflow: hidden;
  position: relative;
}
body.css-values-content .coda-slider .panel {
  display: block;
}
body.css-values-content .panel {
  float: left;
}
body.css-values-content .coda-slider .panel-container {
  position: relative;
}
body.css-values-content .coda-nav-left,
body.css-values-content .coda-nav-right {
  float: left;
}
body.css-values-content .coda-nav-left a,
body.css-values-content .coda-nav-right a {
  display: block;
  text-align: center;
  text-decoration: none;
}
body.css-values-content .coda-nav-left a,
body.css-values-content .coda-nav-right a {
  display: block;
  text-align: center;
  text-decoration: none;
}
body.css-values-content .coda-checkbox-para {
  text-indent: -17px;
  padding-left: 17px;
}
body.css-values-content .coda-checkbox-label {
  display: inline !important;
  position: relative;
  top: -2px;
}
body.css-values-content .exercise {
  background-color: #F3F7FB;
  border: solid 1px #AACFEF;
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
}
body.css-values-content .exercise table {
  background-color: transparent;
  width: 100%;
}
body.css-values-content .exercise table th.instructions {
  text-align: center;
  font-weight: normal;
  font-size: 10pt;
  padding: 5px 5px 5px 10px;
}
body.css-values-content .exercise table tr td {
  background-color: transparent;
}
body.css-values-content .exercise table tr td.checkbox {
  text-align: center;
  width: 40%;
}
body.css-values-content .exercise table tr td.question {
  width: 60%;
}
body.css-values-content .exercise table tr td.checkbox.chkBoxFirst {
  width: 5%;
  text-align: center;
}
body.css-values-content .exercise table tr td.question.chkBoxFirst {
  text-align: left;
  width: 95%;
}
body.css-values-content .exercise table tr td.selected {
  background-color: #dfd !important;
  border-color: #090;
  border-style: solid;
  border-width: 1px 0;
  border-collapse: separate;
}
body.css-values-content .exercise table tr td p {
  margin: 0;
  padding: 0;
  line-height: 1.3em;
}
body.css-values-content .exercise table tr.even td {
  background-color: #def;
}
body.css-values-content .exercise table tr.odd td {
  background-color: transparent;
}
body.css-values-content .exercise table tr.incomplete td {
  background-color: #fdd;
}
body.css-values-content .exercise table tr.highlight td {
  background-color: #ffd !important;
}
body.css-values-content .exercise table tr.highlight td p {
  color: #000;
}
body.css-values-content .coda-btn {
  background-color: #3a8db4;
}
body.css-values-content table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
}
body.css-values-content table th {
  background-color: #37648C;
  color: #FFF;
}
body.css-values-content table th,
body.css-values-content table td {
  padding: 5px;
}
body.css-values-content .tblValues tr {
  border-bottom: 1px solid #eee;
}
body.css-values-content .tblValues tr td.checkbox {
  width: 30px;
}
body.css-values-content .tblValues tr.odd {
  background-color: #fff;
}
body.css-values-content .checkbox input,
body.css-values-content .coda-checkbox-para input {
  appearance: none;
  -webkit-appearance: none;
  background-color: #fafafa;
  border: 1px solid #cacece;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px;
  border-radius: 3px;
  display: inline-block;
  position: relative;
}
body.css-values-content .checkbox input:active, body.css-values-content .checkbox input:checked:active,
body.css-values-content .coda-checkbox-para input:active,
body.css-values-content .coda-checkbox-para input:checked:active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
body.css-values-content .checkbox input:checked,
body.css-values-content .coda-checkbox-para input:checked {
  background-color: #898989;
  border: 1px solid #adb8c0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  border-radius: 3px;
}
body.css-values-content .checkbox input:checked:after,
body.css-values-content .coda-checkbox-para input:checked:after {
  content: "✓";
  font-size: 20px;
  position: absolute;
  top: -4px;
  left: 2px;
  color: #fff;
}
body.css-values-content .edge .checkbox input:checked,
body.css-values-content .edge .coda-checkbox-para input:checked {
  padding: 4px;
  margin-bottom: 6px;
}
body.css-values-content .ie11 .checkbox input,
body.css-values-content .ie11 .coda-checkbox-para input {
  top: 0px;
}
body.css-values-content .ie10 .slider_table a {
  outline: none;
}
body.css-values-content .ie10 .slider_table a img {
  outline: none;
  border: 0;
}
body.css-values-content .ie10 .checkbox input,
body.css-values-content .ie10 .coda-checkbox-para input {
  top: 0px;
}
body.css-values-content .ie10 .checkbox input:checked,
body.css-values-content .ie10 .coda-checkbox-para input:checked {
  padding: 10px;
  margin-bottom: 0px;
}
body.css-values-content .coda-checkbox-para input {
  top: 8px;
}
body.css-values-content .values-work2 h1,
body.css-values-content .values-work2 h3,
body.css-values-content .values-work2 h5 {
  padding: 0px;
  margin: 0px;
}
body.css-values-content .values-work2 table th {
  background-color: #37648C;
  color: #FFF;
  border-color: #AACFEF;
}
body.css-values-content .values-work2 table tr td {
  border-color: #AACFEF;
  background-color: #EAF3FB;
}
body.css-values-content .values-work2 .exercise {
  position: relative;
  display: block;
  border: solid 1px #AACFEF;
  padding: 10px;
  z-index: 2;
  background-color: #F3F7FB;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
body.css-values-content .values-work2 .exercise p {
  padding-bottom: 10px;
  text-align: left;
}
body.css-values-content .values-work2 .exercise .clear {
  position: relative;
  display: inline-block;
  zoom: 1;
  vertical-align: top;
  padding-bottom: 25px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: left;
}
body.css-values-content .values-work2 .exercise .clear .tblValuesWork2 {
  position: relative;
  display: block;
  width: 318px;
  background-color: #e2e6ea;
  border: solid 1px #F3F7FB;
}
body.css-values-content .values-work2 .exercise .clear .tblValuesWork2.selected {
  border-color: #F15D22;
  background-color: #ffd;
}
body.css-values-content .values-work2 .exercise .clear .tblValuesWork2.selected th {
  background-color: #F15D22;
}
body.css-values-content .values-work2 .exercise table {
  background-color: transparent;
}
body.css-values-content .values-work2 .exercise table tr td {
  background-color: transparent;
}
body.css-values-content .values-work2 .exercise table tr td.selected {
  background-color: #dfd !important;
  border-color: #F15D22;
}
body.css-values-content .values-work2 .exercise table tr.even td {
  background-color: #def;
}
body.css-values-content .values-work2 .exercise table tr.odd td {
  background-color: transparent;
}
body.css-values-content .values-work2 .exercise table tr.incomplete td {
  background-color: #fdd;
}
body.css-values-content .values-work2 .exercise table tr.highlight td {
  background-color: #ffd !important;
}
body.css-values-content .values-work2 .exercise table tr.highlight td p {
  color: #000;
}
body.css-values-content .values-work2 .exercise p {
  margin: 0 0 1em;
}
body.css-values-content .values-work2 .distribution.exercise {
  margin-bottom: 60px;
}
body.css-values-content .values-work2 .exercise table,
body.css-values-content .values-work2 .exercise td {
  border: none;
}
body.css-values-content .values-work2 .exercise table {
  width: 100%;
}
body.css-values-content .values-work2 .exercise table th {
  border: none;
  font-size: 10pt;
  padding: 5px;
}
body.css-values-content .values-work2 .exercise table th.instructions {
  text-align: left;
  font-weight: normal;
  font-size: 10pt;
  padding-left: 10px;
}
body.css-values-content .values-work2 .exercise table td.selected {
  border-style: solid;
  border-width: 1px 0;
  border-collapse: separate;
}
body.css-values-content .values-work2 .exercise table tr td.ordinal {
  vertical-align: top;
  text-align: right;
  width: 15px;
}
body.css-values-content .values-work2 .exercise table tr td.question {
  vertical-align: top;
  padding-right: 20px;
  font-weight: bold;
}
body.css-values-content .values-work2 .exercise table tr td p {
  margin: 0;
  padding: 0;
  line-height: 1.3em;
}
body.css-values-content .values-work2 .exercise table tr td.radio_option {
  width: 20px;
}
body.css-values-content .values-work2 .exercise table tr td.radio_option input {
  margin: 0 auto;
  display: block;
}
body.css-values-content .values-work2 .exercise label {
  display: block;
}
body.css-values-content .values-work2 .exercise ul {
  list-style-type: none;
  margin-left: 0.5em;
}
body.css-values-content .values-work2 .exercise ul label {
  margin-left: 0.5em;
  line-height: 1.5em;
  display: inline;
}
body.css-values-content .values-work2 .exercise div.textarea_wrapper {
  display: block;
  margin-right: 4px;
}
body.css-values-content .values-work2 .exercise textarea {
  width: 100%;
  height: 8em;
  margin: 0.5em 0 1.5em;
}
body.css-values-content .values-work2 .exercise div.textarea_wrapper_indent {
  display: block;
  margin-right: 4px;
  margin-left: 25px;
}
body.css-values-content .values-work2 .exercise textarea.small {
  width: 100%;
  height: 4em;
  margin: 0.5em 0 1.5em;
  padding-left: 10px;
}
body.css-values-content .values-work2 .exercise table {
  width: 100%;
}
body.css-values-content .values-work2 th.checkbox {
  width: 10px !important;
  vertical-align: top;
}
body.css-values-content .values-work2 .radio_option,
body.css-values-content .values-work2 .checkbox {
  width: 20px;
  text-align: center;
}
body.css-values-content .values-work2 .exercise li.checked {
  padding-left: 1.75em;
  padding-top: 2px;
  font-weight: bold;
  background: url("https://apx.gpstrategies.com/media/images/checkmark.png") top left no-repeat;
  list-style-type: none !important;
  margin-left: -1.75em;
}
body.css-values-content .values-work2 .exercise .first {
  margin-right: 13px;
}
body.css-values-content .values-work2 .exercise .tblValuesWork2 th {
  text-align: left;
  font-size: 11pt;
  font-weight: normal;
  width: 100%;
}
body.css-values-content .values-work2 .exercise .tblValuesWork2 th em {
  font-size: 8pt;
}
body.css-values-content .values-work2 .exercise .tblValuesWork2 ul {
  margin: 0 0 0 15px;
  padding: 0 5px 5px;
}
body.css-values-content .values-work2 .exercise .tblValuesWork2 ul li {
  list-style-type: disc;
}
body.css-values-content .values-top5 {
  /*TO DO - Move all pop-up help css to a shared css file*/
  /*  End Pop-up Help CSS   */
}
body.css-values-content .values-top5 .tblvalues {
  width: 100%;
  margin: 0 0 0 0 !important;
}
body.css-values-content .values-top5 .tblvalues th {
  background-color: #2f87b0;
  color: #fff;
  height: 35px;
  text-align: center;
  font-weight: normal;
}
body.css-values-content .values-top5 .tblvalues tr td {
  position: relative;
  border-bottom: 1px solid #f15d22;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
body.css-values-content .values-top5 .tblvalues tr td:last-of-type {
  text-align: center;
}
body.css-values-content .values-top5 .tblvalues tr td .checkmark:before {
  position: absolute;
  display: inline-block;
  content: "";
  width: 22px;
  height: 22px;
  background-color: rgba(105, 167, 195, 0.6);
  border: 1px solid #eee;
  border-radius: 3px;
  top: 9px;
}
body.css-values-content .values-top5 .tblvalues tr td .checkmark:after {
  position: absolute;
  display: inline-block;
  content: "✓";
  font-size: 20px;
  color: #eee;
  width: 20px;
  height: 20px;
  border: 1px transparent;
  border-radius: 3px;
  top: 6px;
  padding-left: 4px;
}
body.css-values-content .values-top5 .tblValuesWork3 td {
  border: solid 1px #b3b4b8;
}
body.css-values-content .values-top5 td div.checkmark {
  width: 30px;
  height: 30px;
  margin: 0 auto;
}
body.css-values-content .values-top5 .valuesWork3Wrapper {
  max-width: 460px;
  margin-left: auto;
  margin-right: auto;
}
body.css-values-content .values-top5 .table-help {
  height: 30px;
  width: 30px;
  float: right;
  padding-right: 20px;
}
body.css-values-content .values-top5 .popup_help {
  position: absolute;
  width: 100%;
  background-color: #fff;
  top: 0;
  z-index: 5000;
  display: none;
  border: 1px solid #C7C8CA;
  font-size: 16px;
  width: 500px;
}
body.css-values-content .values-top5 .popup_help .title {
  background: #f15d22;
  line-height: 30px;
  padding: 20px;
  color: white;
}
body.css-values-content .values-top5 .popup_help .title a {
  color: white;
  text-decoration: none;
}
body.css-values-content .values-top5 .popup_help .description {
  padding: 20px;
}
body.css-values-content .values-top5 .card_close {
  vertical-align: top;
  float: right;
  padding: 10px;
  color: white;
}
body.css-values-content .values-top5 #bodycontainer {
  height: 800px;
  padding-bottom: 20px;
  overflow-y: scroll;
  border: 1px solid transparent;
}
body.css-values-content .values-top5 .sub-buttons {
  width: 22%;
}
body.css-values-content .values-top5 .headerNode {
  cursor: pointer;
}
body.css-values-content .values-top5 .tdSeprate {
  border-bottom: 1px solid #F15D22 !important;
  border-right: 1px solid red !important;
}
body.css-values-content .values-top5 table th {
  border-color: #fff;
}

@font-face {
  font-family: "OpenSansExtraBold";
  src: url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff), url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff2);
}
/* media queries - use these to edit specific sizes
    @include mobile-xs {}
    @include mobile-xs-landscape {}
    @include mobile {}
    @include mobile-landscape {}
    @include desktop_range {}
    @include mobile-wide-landscape {}
    @include desktop_wide {}
    @include desktop_max {}
*/
@media screen {
  body.css-pickinventory {
    /*select inventory*/
  }
  body.css-pickinventory .body-container .pickinventory-body {
    padding-left: 20px;
    padding-right: 20px;
  }
  body.css-pickinventory .body-container .pickinventory-body .element-wrapper {
    display: table;
    height: auto;
    max-width: 1025px;
    width: 100%;
  }
}
@media only screen and (max-width: 450px) {
  body.css-pickinventory .body-container .pickinventory-body .element-wrapper {
    display: block;
  }
}
@media only screen and (max-width: 450px) and (orientation: landscape) {
  body.css-pickinventory .body-container .pickinventory-body .element-wrapper {
    display: block;
  }
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  body.css-pickinventory .body-container .pickinventory-body .element-wrapper {
    display: block;
  }
}
@media screen {
  body.css-pickinventory .body-container .pickinventory-body .element-wrapper .column-element {
    display: table-cell;
    min-height: auto;
  }
}
@media only screen and (max-width: 450px) {
  body.css-pickinventory .body-container .pickinventory-body .element-wrapper .column-element {
    display: block;
  }
}
@media only screen and (max-width: 450px) and (orientation: landscape) {
  body.css-pickinventory .body-container .pickinventory-body .element-wrapper .column-element {
    display: block;
  }
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  body.css-pickinventory .body-container .pickinventory-body .element-wrapper .column-element {
    display: block;
  }
}
@media screen {
  body.css-pickinventory .body-container .pickinventory-body .element-wrapper .column-element .inner-element {
    min-height: auto;
  }
}
@media screen {
  body.css-pickinventory .body-container .pickinventory-deprecated {
    padding-left: 50px;
    padding-right: 10px;
  }
}
@media screen {
  body.css-pickinventory .icon-list {
    color: white;
    width: 100%;
  }
  body.css-pickinventory .icon-list td a {
    text-decoration: none;
    color: #6a737b;
  }
  body.css-pickinventory .icon-list td a .fa-stack {
    color: #F15D22;
  }
}
@media screen {
  body.css-pickinventory .icon-cell-1 {
    width: 50%;
  }
}
@media screen {
  body.css-pickinventory .icon-cell-2 {
    width: 50%;
  }
}
@media screen {
  body.css-pickinventory .body-container {
    padding-top: 0;
    min-height: 700px;
    margin-left: 20px;
    position: relative;
  }
}
@media screen {
  body.css-pickinventory .left-caption-container {
    height: 100%;
    min-height: 300px;
    min-width: 400px;
    float: left;
    width: 45%;
    position: absolute;
  }
}
@media screen {
  body.css-pickinventory .caption-content {
    background: url("https://apx.gpstrategies.com/media/images/two_heads_talking.png");
    height: auto;
    min-height: 150px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
  }
}
@media screen {
  body.css-pickinventory .content {
    font-size: 14px;
    padding: 10px;
    color: #56565a;
  }
}
@media screen {
  body.css-pickinventory .btn-container {
    width: 40%;
    height: 30px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen {
  body.css-pickinventory .btn_back {
    margin-right: 5%;
  }
}
@media screen {
  body.css-pickinventory .btn_continue {
    margin-left: 5%;
  }
}
@media screen {
  body.css-pickinventory .btn-container {
    display: none;
  }
}
@media screen {
  body.css-pickinventory #new-nav-button-location {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 24px;
  }
}
@media screen {
  body.css-pickinventory ul.tableData.selectInventory {
    list-style-type: none;
    font-size: medium;
    width: 80%;
  }
  body.css-pickinventory ul.tableData.selectInventory li {
    width: 100%;
    margin: 0 0 1em 0;
    padding: 30px 10px;
    border: solid 1px grey;
    /*left: 50%;*/
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding-left: 4.5em;
    text-indent: -4.25em;
  }
  body.css-pickinventory ul.tableData.selectInventory li input[type=checkbox]:not(old),
body.css-pickinventory ul.tableData.selectInventory li input[type=radio]:not(old) {
    width: 2em;
    margin: 0;
    padding: 0;
    font-size: 1em;
    opacity: 0;
  }
  body.css-pickinventory ul.tableData.selectInventory li input[type=checkbox]:not(old) + label,
body.css-pickinventory ul.tableData.selectInventory li input[type=radio]:not(old) + label {
    display: inline-block;
    margin-left: -1.5em;
    line-height: 1.5em;
  }
  body.css-pickinventory ul.tableData.selectInventory li input[type=checkbox]:not(old) + label > span,
body.css-pickinventory ul.tableData.selectInventory li input[type=radio]:not(old) + label > span {
    display: inline-block;
    width: 2em;
    height: 2em;
    margin: 0 0.5em 0 0.125em;
    border: 0.0625em solid rgb(192, 192, 192);
    border-radius: 50%;
    background: rgb(224, 224, 224);
    background-image: -moz-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
    background-image: -ms-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
    background-image: -o-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
    background-image: -webkit-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
    background-image: linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
    vertical-align: bottom;
    margin-right: 1em;
  }
  body.css-pickinventory ul.tableData.selectInventory li input[type=checkbox]:not(old):checked + label > span,
body.css-pickinventory ul.tableData.selectInventory li input[type=radio]:not(old):checked + label > span {
    background-image: -moz-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
    background-image: -ms-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
    background-image: -o-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
    background-image: -webkit-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
    background-image: linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
  }
  body.css-pickinventory ul.tableData.selectInventory li input[type=checkbox]:not(old):checked + label > span:before {
    content: "✓";
    display: block;
    width: 2em;
    color: rgb(153, 204, 102);
    font-size: 0.875em;
    line-height: 1em;
    text-align: center;
    text-shadow: 0 0 0.0714em rgb(115, 153, 77);
    font-weight: bold;
  }
  body.css-pickinventory ul.tableData.selectInventory li input[type=radio]:not(old):checked + label > span > span {
    display: block;
    width: 1.5em;
    height: 1.5em;
    margin: 0.2em;
    border: 0.0625em solid rgb(115, 153, 77);
    border-radius: 50%;
    background: rgb(153, 204, 102);
    background-image: -moz-linear-gradient(rgb(179, 217, 140), rgb(153, 204, 102));
    background-image: -ms-linear-gradient(rgb(179, 217, 140), rgb(153, 204, 102));
    background-image: -o-linear-gradient(rgb(179, 217, 140), rgb(153, 204, 102));
    background-image: -webkit-linear-gradient(rgb(179, 217, 140), rgb(153, 204, 102));
    background-image: linear-gradient(rgb(179, 217, 140), rgb(153, 204, 102));
  }
  body.css-pickinventory ul.tableData.selectInventory li div {
    display: inline;
    padding-right: 5px;
    line-height: 19px;
    white-space: normal;
  }
  body.css-pickinventory ul.tableData.selectInventory li div:nth-of-type(1) {
    font-weight: bold;
    padding-left: 0;
    text-indent: 0;
    margin-left: 0.25em;
  }
  body.css-pickinventory ul.tableData.selectInventory li.selected {
    background-color: #f0f2f5;
  }
  body.css-pickinventory ul.tableData li.header div.question {
    margin-left: 20px;
  }
  body.css-pickinventory ul.tableData li.header div.scale_radio {
    margin-right: -2px;
  }
  body.css-pickinventory ul.tableData li div.ordinal {
    width: 20px;
    text-align: right;
  }
  body.css-pickinventory ul.tableData li div.question {
    width: 520px;
    text-align: left;
  }
  body.css-pickinventory ul.tableData li div.scale_radio {
    width: auto;
    float: right;
  }
  body.css-pickinventory ul.tableData li div.scale_radio div.option {
    width: 20px;
    margin-left: 5px;
  }
  body.css-pickinventory ul.tableData li div.scale_radio div.option input {
    float: none;
  }
}
@media screen {
  body.css-pickinventory .btn-Unlock {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media screen {
  body.css-pickinventory .btn-Unlock a {
    margin-left: 41px;
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #F15D22;
    padding: 10px;
    color: #fff;
    font-weight: bold;
    position: relative;
    cursor: pointer;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  body.css-pickinventory .btn-Unlock a {
    width: initial;
  }
}

@font-face {
  font-family: "OpenSansExtraBold";
  src: url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff), url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff2);
}
/* media queries - use these to edit specific sizes
    @include mobile-xs {}
    @include mobile-xs-landscape {}
    @include mobile {}
    @include mobile-landscape {}
    @include desktop_range {}
    @include mobile-wide-landscape {}
    @include desktop_wide {}
    @include desktop_max {}
*/
body.css-pickskill {
  /**********************************************
                 @media queries                 
                 @media queries                 
                 @media queries                 
                 @media queries                 
                 @media queries                 
                 @media queries                 
                 @media queries                 
                 @media queries                 
                 @media queries                 
                 @media queries                 
                 @media queries                 
  **********************************************/
}
@media screen {
  body.css-pickskill .body-container .top-content {
    margin-bottom: 20px;
  }
  body.css-pickskill .body-container .upper-table {
    display: table;
  }
}
@media only screen and (max-width: 767px) {
  body.css-pickskill .body-container .upper-table {
    display: block;
  }
}
@media screen {
  body.css-pickskill .body-container .upper-table .table-row {
    display: table-row;
  }
}
@media only screen and (max-width: 767px) {
  body.css-pickskill .body-container .upper-table .table-row {
    display: block;
  }
}
@media screen {
  body.css-pickskill .body-container .upper-table .table-row .table-cell {
    display: table-cell;
  }
}
@media only screen and (max-width: 767px) {
  body.css-pickskill .body-container .upper-table .table-row .table-cell {
    display: block;
  }
}
@media screen {
  body.css-pickskill .body-container .upper-table .table-row .table-cell.body-content {
    vertical-align: top;
    padding-left: 20px;
  }
}
@media screen {
  body.css-pickskill .body-container .input-container {
    min-height: 100px;
    width: 100%;
    margin-top: 20px;
    padding-top: 1px;
    background-color: #F0F2F5;
    border: solid 1px #d1d3d6;
  }
  body.css-pickskill .body-container .input-container .textarea-limit {
    margin: 10px;
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media only screen and (max-width: 767px) {
  body.css-pickskill .body-container .input-container .textarea-limit {
    padding: 0;
  }
}
@media screen {
  body.css-pickskill .body-container .input-container .textarea-limit .above-questions {
    text-align: right;
    font-size: 27px;
    margin-right: -40px;
  }
}
@media only screen and (max-width: 767px) {
  body.css-pickskill .body-container .input-container .textarea-limit .above-questions {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  body.css-pickskill .body-container .input-container .textarea-limit input, body.css-pickskill .body-container .input-container .textarea-limit textarea {
    padding: 3px;
  }
}
@media screen {
  body.css-pickskill .body-container .input-container .textarea-limit .text-span-label {
    color: steelblue;
    background-color: white;
    margin-top: 18px;
    border-bottom: 1px solid var(--mainColor);
    overflow: auto;
  }
}
@media screen {
  body.css-pickskill .left-content > img {
    height: 100%;
    width: 100%;
  }
}
@media screen {
  body.css-pickskill .question-span {
    color: grey;
    margin-top: 8px;
    margin-bottom: 4px;
    margin-left: 8px;
  }
}
@media screen {
  body.css-pickskill .text-span {
    height: 95px !important;
    width: 100%;
    border: 0;
    margin-bottom: 20px;
    padding: 5px;
    font-family: "Open Sans";
    color: #6A737B;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media screen {
  body.css-pickskill .selectPickSkillButton {
    text-align: center;
    padding: 10px;
    background-color: var(--mainColor);
    color: white;
  }
}
@media screen {
  body.css-pickskill ul.pickSkill {
    list-style-type: none;
    text-align: left;
  }
}
@media screen {
  body.css-pickskill input[type=radio] {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin: -2px 10px 0 0;
    vertical-align: middle;
    cursor: pointer;
  }
}
@media screen {
  body.css-pickskill .even {
    background-color: #f0f2f5;
  }
}
@media screen {
  body.css-pickskill .odd {
    background-color: transparent;
  }
}
@media screen and (max-width: 767px) {
  body.css-pickskill .text-span {
    width: 100%;
    padding: 0;
  }
  body.css-pickskill .question-span {
    font-size: 14px;
    padding-left: 35px;
    color: grey;
  }
  body.css-pickskill .left-menu-n-body-container {
    margin-left: 0;
    margin-right: 0;
  }
  body.css-pickskill .body-content {
    padding-top: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1048px) {
  body.css-pickskill .question-span {
    font-size: 12px;
    padding-left: 35px;
  }
}
@media screen and (min-width: 1048px) and (max-width: 1500px) {
  body.css-pickskill .body-content {
    padding-top: 3px;
  }
}
@media screen and (max-width: 1200px) {
  body.css-pickskill .left-content {
    display: none;
  }
  body.css-pickskill .body-content {
    margin-left: 0;
  }
}

@font-face {
  font-family: "OpenSansExtraBold";
  src: url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff), url(../Vendor/open-sans/fonts/ExtraBold/OpenSans-ExtraBold.woff2);
}
/* media queries - use these to edit specific sizes
    @include mobile-xs {}
    @include mobile-xs-landscape {}
    @include mobile {}
    @include mobile-landscape {}
    @include desktop_range {}
    @include mobile-wide-landscape {}
    @include desktop_wide {}
    @include desktop_max {}
*/
body.css-postassessmentmenu {
  /* The Modal (background) */
  /* Modal Content */
  /********************************************************************/
  /********************************************************************/
  /*                  tolltipster                                     */
  /********************************************************************/
  /********************************************************************/
  /* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
  /* Use this next selector to style things like font-size and line-height: */
  /* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
  /* If you're using the icon option, use this next selector to style them */
  /* This is the base styling required to make all Tooltipsters work */
  /* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
  /* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
  /* CSS transition for when contenting is changing in a tooltip that is still open */
  /********************************************************************/
  /********************************************************************/
  /*                  END of tolltipster                              */
  /********************************************************************/
  /********************************************************************/
}
body.css-postassessmentmenu .body-container {
  padding-top: 0;
}
body.css-postassessmentmenu .body-container .sub-session-menu .fbName {
  float: right;
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  body.css-postassessmentmenu .body-container .sub-session-menu .fbName {
    display: block;
    float: none;
    max-width: initial;
  }
}
body.css-postassessmentmenu .body-container .sub-session-menu .body2 {
  border: solid 1px gray;
  background-color: #f0f2f5;
  padding: 10px;
  position: relative;
  margin: 0 60px 10px 60px;
}
@media only screen and (max-width: 767px) {
  body.css-postassessmentmenu .body-container .sub-session-menu .body2 {
    margin-left: 2vw;
    margin-right: 2vw;
  }
}
body.css-postassessmentmenu .body-container .sub-session-menu .fb-count-avatars {
  float: right;
  right: 10px;
  top: 10px;
  border: solid 1px red;
  width: 110px;
}
body.css-postassessmentmenu .body-container .sub-session-menu .sub-session-section {
  border: solid #b6c2c7 1px;
  background-color: #dbeaf1;
  margin: 0 60px 10px 60px;
  padding-top: 24px;
  padding-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  body.css-postassessmentmenu .body-container .sub-session-menu .sub-session-section {
    margin: 2vw;
    padding: 2vw;
  }
}
body.css-postassessmentmenu .body-container .sub-session-menu .sub-session-section .above-form-box {
  margin: 0 23px 0 23px;
  padding: 17px 23px 17px 23px;
  background: white;
}
@media only screen and (max-width: 767px) {
  body.css-postassessmentmenu .body-container .sub-session-menu .sub-session-section .above-form-box {
    margin: 2vw;
  }
}
body.css-postassessmentmenu .body-container .sub-session-menu-body {
  margin-left: 40px;
  margin-right: 40px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  body.css-postassessmentmenu .body-container .sub-session-menu-body {
    margin-left: 2vw;
    margin-right: 2vw;
  }
}
body.css-postassessmentmenu .sub-session-menu .above-form-box > .fb-left-div {
  float: left;
  margin-top: 11px;
}
body.css-postassessmentmenu .sub-session-menu .above-form-box > .fb-right-div {
  margin-left: 67px;
}
body.css-postassessmentmenu .sub-session-menu .sub-session-section .horizontal-rule {
  height: 1px;
  margin: 7px 23px 7px 23px;
  background-color: #F15D22;
}
body.css-postassessmentmenu .sub-session-menu .sub-session-section .outer-form {
  background-color: white;
  overflow: auto;
  margin: 0 23px 0 23px;
}
body.css-postassessmentmenu .sub-session-menu .sub-session-section .form-box {
  margin: 0 26px 0 26px;
  border: solid grey 1px;
  background-color: white;
}
@media only screen and (max-width: 767px) {
  body.css-postassessmentmenu .sub-session-menu .sub-session-section .form-box {
    margin: 2vw;
  }
}
body.css-postassessmentmenu .sub-session-menu .sub-session-section .form-header {
  background-color: #dbeaf1;
  padding: 20px 10px 20px 10px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  body.css-postassessmentmenu .sub-session-menu .sub-session-section .form-header {
    padding: 2vw;
  }
}
body.css-postassessmentmenu .sub-session-menu .form-box .table {
  border-collapse: collapse;
  width: 100%;
  font-size: 14px;
}
body.css-postassessmentmenu .sub-session-menu .form-box .th {
  background-color: #f0f2f5;
  text-align: center;
  display: table-cell;
  padding: 5px;
  color: #2f87b0;
  font-size: medium;
}
@media only screen and (max-width: 767px) {
  body.css-postassessmentmenu .sub-session-menu .form-box .th {
    font-size: inherit;
    padding: 2px;
  }
}
body.css-postassessmentmenu .sub-session-menu .form-box .remind,
body.css-postassessmentmenu .sub-session-menu .form-box .delete {
  text-align: center;
}
body.css-postassessmentmenu .sub-session-menu .form-box tbody td {
  border-bottom: solid 1px #F15D22;
}
body.css-postassessmentmenu .sub-session-menu .td-padding {
  width: 8px;
}
body.css-postassessmentmenu .sub-session-menu .form-box .remind,
body.css-postassessmentmenu .sub-session-menu .form-box .delete,
body.css-postassessmentmenu .sub-session-menu .table-img {
  height: 28px;
  margin-top: 3px;
}
body.css-postassessmentmenu .sub-session-menu .table {
  display: table;
}
body.css-postassessmentmenu .sub-session-menu .tr {
  display: table-row;
}
body.css-postassessmentmenu .sub-session-menu .td {
  display: table-cell;
  border: solid 1px grey;
  padding: 14px;
  text-align: center;
  background-color: white;
}
@media only screen and (max-width: 767px) {
  body.css-postassessmentmenu .sub-session-menu .td {
    padding: 0;
  }
}
body.css-postassessmentmenu .sub-session-menu .td:first-child {
  border-left: none;
}
body.css-postassessmentmenu .divAddFeedBack {
  text-align: center;
  margin-top: 1px;
  /* position:relative; */
}
body.css-postassessmentmenu .sub-session-menu .sub-session-btn {
  display: inline-block;
  text-decoration: none;
  background-color: var(--mainColor);
  padding: 10px;
  color: white;
  font-weight: bold;
  min-width: 80px;
  border-radius: 2px;
}
@media only screen and (max-width: 767px) {
  body.css-postassessmentmenu .sub-session-menu .sub-session-btn {
    padding: 5px;
    width: initial;
  }
}
body.css-postassessmentmenu .sub-session-menu .form-box .btn-add {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
}
body.css-postassessmentmenu .sub-session-menu .form-box .btn-add a {
  text-decoration: none;
  display: inline-block;
  background-color: #F15D22;
  padding: 10px;
  color: white;
  font-weight: bold;
  width: 400px;
}
@media only screen and (max-width: 767px) {
  body.css-postassessmentmenu .sub-session-menu .form-box .btn-add a {
    padding: 5px;
    width: unset;
    max-width: 80vw;
  }
}
body.css-postassessmentmenu .sub-session-menu .form-footer {
  background-color: rgba(47, 135, 176, 0.6705882353);
  color: white;
  padding: 5px;
  text-align: center;
  margin-top: 20px;
}
body.css-postassessmentmenu .add-session-buttons {
  background-color: #F15D22;
  color: white;
  padding: 8px;
  cursor: pointer;
  margin: 10px 4px 10px 0;
  display: inline-block;
  text-decoration: none;
}
body.css-postassessmentmenu .add_plan_session_button {
  width: 140px;
  font-size: 22px;
}
body.css-postassessmentmenu .add_plan_session {
  /*width: 140px;
  height: 40px;*/
}
body.css-postassessmentmenu .sub-session-menu .modal {
  /* Hidden by default */
  /* Stay in place */
  /* Sit on top */
  /* padding-top: 44px; */
  /* Location of the box */
  /* Fallback color */
  /* Black w/ opacity */
}
body.css-postassessmentmenu .sub-session-menu .close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
body.css-postassessmentmenu .sub-session-menu .close:hover, body.css-postassessmentmenu .sub-session-menu .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
body.css-postassessmentmenu .sub-session-menu .modal-header {
  padding: 2px 16px;
  background-color: #F15D22;
  color: white;
}
body.css-postassessmentmenu .sub-session-menu .modal-footer {
  padding: 2px 16px;
  background-color: #F15D22;
  color: white;
}
body.css-postassessmentmenu .tooltipster-default {
  border-radius: 5px;
  border: 2px solid #000;
  background: #4c4c4c;
  color: #fff;
}
body.css-postassessmentmenu .tooltipster-default .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 10px;
  line-height: 10px;
  padding: 8px 10px;
  overflow: hidden;
}
body.css-postassessmentmenu .tooltipster-icon {
  cursor: help;
  margin-left: 4px;
}
body.css-postassessmentmenu .tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible;
}
body.css-postassessmentmenu .tooltipster-base .tooltipster-content {
  overflow: hidden;
}
body.css-postassessmentmenu .tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
body.css-postassessmentmenu .tooltipster-arrow span,
body.css-postassessmentmenu .tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}
body.css-postassessmentmenu .tooltipster-arrow-top span,
body.css-postassessmentmenu .tooltipster-arrow-top-right span,
body.css-postassessmentmenu .tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -8px;
}
body.css-postassessmentmenu .tooltipster-arrow-top .tooltipster-arrow-border,
body.css-postassessmentmenu .tooltipster-arrow-top-right .tooltipster-arrow-border,
body.css-postassessmentmenu .tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -8px;
}
body.css-postassessmentmenu .tooltipster-arrow-bottom span,
body.css-postassessmentmenu .tooltipster-arrow-bottom-right span,
body.css-postassessmentmenu .tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -8px;
}
body.css-postassessmentmenu .tooltipster-arrow-bottom .tooltipster-arrow-border,
body.css-postassessmentmenu .tooltipster-arrow-bottom-right .tooltipster-arrow-border,
body.css-postassessmentmenu .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -8px;
}
body.css-postassessmentmenu .tooltipster-arrow-top span,
body.css-postassessmentmenu .tooltipster-arrow-top .tooltipster-arrow-border,
body.css-postassessmentmenu .tooltipster-arrow-bottom span,
body.css-postassessmentmenu .tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto;
}
body.css-postassessmentmenu .tooltipster-arrow-top-left span,
body.css-postassessmentmenu .tooltipster-arrow-bottom-left span {
  left: 6px;
}
body.css-postassessmentmenu .tooltipster-arrow-top-left .tooltipster-arrow-border,
body.css-postassessmentmenu .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px;
}
body.css-postassessmentmenu .tooltipster-arrow-top-right span,
body.css-postassessmentmenu .tooltipster-arrow-bottom-right span {
  right: 6px;
}
body.css-postassessmentmenu .tooltipster-arrow-top-right .tooltipster-arrow-border,
body.css-postassessmentmenu .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px;
}
body.css-postassessmentmenu .tooltipster-arrow-left span,
body.css-postassessmentmenu .tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -8px;
}
body.css-postassessmentmenu .tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px;
}
body.css-postassessmentmenu .tooltipster-arrow-right span,
body.css-postassessmentmenu .tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -8px;
}
body.css-postassessmentmenu .tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px;
}
body.css-postassessmentmenu .tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}
body.css-postassessmentmenu .tooltipster-fade-show {
  opacity: 1;
}
body.css-postassessmentmenu .tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}
body.css-postassessmentmenu .tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
body.css-postassessmentmenu .tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}
body.css-postassessmentmenu .tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}
body.css-postassessmentmenu .tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
body.css-postassessmentmenu .tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0px !important;
  opacity: 0;
}
body.css-postassessmentmenu .tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
body.css-postassessmentmenu .tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0px !important;
  opacity: 0;
}
body.css-postassessmentmenu .tooltipster-content-changing {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

@media screen {
  body.css-jobskillspecific .answer-container table {
    background-color: aliceblue;
    border-collapse: collapse;
  }
  body.css-jobskillspecific .answer-container table th {
    background-color: #174162;
    color: white;
  }
  body.css-jobskillspecific .answer-container table th, body.css-jobskillspecific .answer-container table td {
    border-color: #AACFEF;
    border-width: 1px;
    border-style: solid;
    padding: 8px;
  }
}

body.css-almaster .top-menu-wrapper .top-menu .dropdown-wrapper {
  min-width: unset;
}
body.css-almaster .top-menu-wrapper .top-menu .dropdown-wrapper a .row-menu,
body.css-almaster .top-menu-wrapper .top-menu .dropdown-wrapper .menu-level-1 .row-menu {
  border-bottom: none;
}
body.css-almaster .top-menu-wrapper .top-menu .dropdown-wrapper a .row-menu .dropdown-header,
body.css-almaster .top-menu-wrapper .top-menu .dropdown-wrapper .menu-level-1 .row-menu .dropdown-header {
  border-left: 1px solid white;
}
body.css-almaster .top-menu-wrapper .top-menu .dropdown-wrapper a .row-menu .check,
body.css-almaster .top-menu-wrapper .top-menu .dropdown-wrapper .menu-level-1 .row-menu .check {
  display: none;
}
body.css-almaster .top-menu-wrapper .top-menu {
  font-size: 16px;
}
body.css-almaster .tablesorter-header.tablesorter-headerDesc:before {
  background-image: none;
}
body.css-almaster .tablesorter-header.tablesorter-headerAsc:before {
  background-image: none;
}
body.css-almaster option {
  font-size: 16px;
}
body.css-almaster select {
  font-size: 16px;
}
body.css-almaster .body-container table,
body.css-almaster .event-items-wrapper table {
  position: relative;
  width: 100%;
  border: none !important;
  background-color: white;
  border-spacing: 0;
  border-radius: 3px;
  display: table;
}
body.css-almaster .body-container table tr,
body.css-almaster .event-items-wrapper table tr {
  position: relative;
  display: table-row;
  font-size: 18px;
}
body.css-almaster .body-container table tr th,
body.css-almaster .body-container table tr td,
body.css-almaster .event-items-wrapper table tr th,
body.css-almaster .event-items-wrapper table tr td {
  display: table-cell;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 2em;
  text-align: center;
  border: none;
}
body.css-almaster .body-container table tr th:first-of-type,
body.css-almaster .body-container table tr td:first-of-type,
body.css-almaster .event-items-wrapper table tr th:first-of-type,
body.css-almaster .event-items-wrapper table tr td:first-of-type {
  text-align: left;
}
body.css-almaster .body-container table tr th,
body.css-almaster .event-items-wrapper table tr th {
  background-color: #00447C;
  color: white;
  font-weight: bold;
  line-height: 2em;
  text-align: center;
}
body.css-almaster .body-container table tr th:first-of-type,
body.css-almaster .event-items-wrapper table tr th:first-of-type {
  border-top-left-radius: 3px;
}
body.css-almaster .body-container table tr th:last-of-type,
body.css-almaster .event-items-wrapper table tr th:last-of-type {
  border-top-right-radius: 3px;
}
body.css-almaster .body-container table tr th:not(first-of-type),
body.css-almaster .event-items-wrapper table tr th:not(first-of-type) {
  border-left: 1px solid rgba(125, 125, 125, 0.25);
}
body.css-almaster .body-container table tr th:not(first-of-type):not(last-of-type),
body.css-almaster .event-items-wrapper table tr th:not(first-of-type):not(last-of-type) {
  border-bottom: 1px solid rgba(125, 125, 125, 0.25);
}
body.css-almaster .body-container table tr td:not(first-of-type),
body.css-almaster .event-items-wrapper table tr td:not(first-of-type) {
  border-left: 1px solid rgba(125, 125, 125, 0.25);
}
body.css-almaster .body-container table tr td:not(first-of-type):not(last-of-type),
body.css-almaster .event-items-wrapper table tr td:not(first-of-type):not(last-of-type) {
  border-bottom: 1px solid rgba(125, 125, 125, 0.25);
}
body.css-almaster .body-container table tr td:last-of-type,
body.css-almaster .event-items-wrapper table tr td:last-of-type {
  border-right: 1px solid rgba(125, 125, 125, 0.25);
}
body.css-almaster .body-container table tr td.sub-data,
body.css-almaster .event-items-wrapper table tr td.sub-data {
  padding-left: 27px;
  width: 100%;
  column-span: 100%;
}
body.css-almaster .body-container table tr td.sub-data table,
body.css-almaster .event-items-wrapper table tr td.sub-data table {
  display: none;
  margin-bottom: 2em;
  width: 100%;
  font-size: 18px;
}
body.css-almaster .body-container table tr td.sub-data table tr th:first-of-type,
body.css-almaster .event-items-wrapper table tr td.sub-data table tr th:first-of-type {
  line-height: 2em;
  background-color: rgba(0, 68, 124, 0.5);
  text-transform: uppercase;
  font-weight: normal;
}
body.css-almaster .body-container table tr td.sub-data table.show,
body.css-almaster .event-items-wrapper table tr td.sub-data table.show {
  display: block;
}
body.css-almaster .body-container table tbody,
body.css-almaster .event-items-wrapper table tbody {
  position: relative;
}
body.css-almaster .disabledbutton {
  cursor: default !important;
  opacity: 0.4;
}

body.css-aldashboard .exportLink {
  display: table-cell;
  text-align: right;
  width: 15vw;
  padding-right: 5px;
  color: white;
  font-size: 14px;
  text-decoration: none;
  color: white;
}
body.css-aldashboard .al-overview-data {
  width: 100%;
}
body.css-aldashboard .al-overview-data .moreExercise,
body.css-aldashboard .al-overview-data .morePageView,
body.css-aldashboard .al-overview-data .moreResourceView,
body.css-aldashboard .al-overview-data .moreCategoryView,
body.css-aldashboard .al-overview-data .moreFilterView {
  display: none;
}
body.css-aldashboard .al-overview-data .overview {
  width: 100%;
}
body.css-aldashboard .al-overview-data .overview.numbers {
  width: 100%;
  margin: auto;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
body.css-aldashboard .al-overview-data .overview.numbers > div {
  position: relative;
  min-height: 8vw;
  padding: 1vw 2vw;
  color: white;
  font-size: 3vw;
  margin-right: 1vw;
  text-align: left;
  border-radius: 3px;
  vertical-align: top;
  flex: 0 calc(25% - 4.8vw);
  margin-bottom: 30px;
}
body.css-aldashboard .al-overview-data .overview.numbers > div .top-block {
  display: block;
  font-size: 1.5vw;
  line-height: 1.1em;
  margin: 1vw 0 0 0;
}
body.css-aldashboard .al-overview-data .overview.numbers > div:last-of-type() {
  margin-right: 0;
}
@media only screen and (min-width: 1641px) {
  body.css-aldashboard .al-overview-data .overview.numbers > div {
    font-size: 40px;
  }
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  body.css-aldashboard .al-overview-data .overview.numbers > div {
    font-size: 5vw;
    width: calc(44% - 2.5vw);
    margin-bottom: 1.5vw;
    margin-right: 1.5vw;
  }
  body.css-aldashboard .al-overview-data .overview.numbers > div:nth-of-type(2) {
    margin-right: 0;
  }
}
body.css-aldashboard .al-overview-data .overview.numbers > div:before {
  position: absolute;
  top: 1vw;
  right: 2.5vw;
  height: calc(100% - 1vw);
  content: "";
  width: 40%;
  text-align: right;
  font-family: "Font Awesome 5 Pro";
  font-weight: 600;
  font-size: 4vw;
  opacity: 0.25;
  color: black;
}
@media only screen and (min-width: 1641px) {
  body.css-aldashboard .al-overview-data .overview.numbers > div:before {
    font-size: 70px;
  }
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  body.css-aldashboard .al-overview-data .overview.numbers > div:before {
    font-size: 7vw;
  }
}
body.css-aldashboard .al-overview-data .overview.numbers > div:after {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1vw;
  content: "";
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
body.css-aldashboard .al-overview-data .overview.numbers .one {
  background-color: rgba(0, 168, 93, 0.9);
}
body.css-aldashboard .al-overview-data .overview.numbers .one:before {
  content: "\f0c0";
}
body.css-aldashboard .al-overview-data .overview.numbers .two {
  background-color: rgba(243, 157, 18, 0.9);
}
body.css-aldashboard .al-overview-data .overview.numbers .two:before {
  content: "\f2f6";
}
body.css-aldashboard .al-overview-data .overview.numbers .three {
  background-color: rgba(0, 191, 239, 0.9);
}
body.css-aldashboard .al-overview-data .overview.numbers .three:before {
  content: "\f4fd";
}
body.css-aldashboard .al-overview-data .overview.numbers .four {
  background-color: rgba(221, 76, 57, 0.9);
  margin-right: 0;
}
body.css-aldashboard .al-overview-data .overview.numbers .four:before {
  content: "\f63d";
}
body.css-aldashboard .al-overview-data .overview.numbers .five {
  background-color: rgba(222, 77, 186, 0.9);
  margin-right: 0;
}
body.css-aldashboard .al-overview-data .overview.numbers .five:before {
  content: "\f37e";
}
body.css-aldashboard .al-overview-data .overview.numbers .license {
  font-size: 14px;
  padding: 5px 0px 5px 0px;
}
body.css-aldashboard .al-overview-data .overview.charts, body.css-aldashboard .al-overview-data .overview.tables {
  position: relative;
  width: 100%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
body.css-aldashboard .al-overview-data .overview.charts > div, body.css-aldashboard .al-overview-data .overview.tables > div {
  position: relative;
  text-align: left;
  display: inline-block;
  vertical-align: top;
  flex: 0 49.25%;
  margin-bottom: 30px;
}
@media only screen and (min-width: 1641px) {
  body.css-aldashboard .al-overview-data .overview.charts > div, body.css-aldashboard .al-overview-data .overview.tables > div {
    font-size: 24px;
  }
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  body.css-aldashboard .al-overview-data .overview.charts > div, body.css-aldashboard .al-overview-data .overview.tables > div {
    max-width: 100%;
    width: calc(100% - 2vw);
  }
}
body.css-aldashboard .al-overview-data .overview.charts > div:empty, body.css-aldashboard .al-overview-data .overview.tables > div:empty {
  display: none;
}
body.css-aldashboard .al-overview-data .overview.charts > div table, body.css-aldashboard .al-overview-data .overview.tables > div table {
  position: relative;
  width: 100%;
  border: none !important;
  background-color: white;
  border-spacing: 0;
  border-radius: 3px;
}
body.css-aldashboard .al-overview-data .overview.charts > div table tbody, body.css-aldashboard .al-overview-data .overview.tables > div table tbody {
  position: relative;
}
body.css-aldashboard .al-overview-data .overview.charts > div table tbody tr, body.css-aldashboard .al-overview-data .overview.tables > div table tbody tr {
  position: relative;
  font-size: 16px;
}
body.css-aldashboard .al-overview-data .overview.charts > div table tbody tr th,
body.css-aldashboard .al-overview-data .overview.charts > div table tbody tr td, body.css-aldashboard .al-overview-data .overview.tables > div table tbody tr th,
body.css-aldashboard .al-overview-data .overview.tables > div table tbody tr td {
  padding-left: 5px;
  padding-right: 5px;
  line-height: 2em;
  text-align: center;
}
body.css-aldashboard .al-overview-data .overview.charts > div table tbody tr th:first-of-type,
body.css-aldashboard .al-overview-data .overview.charts > div table tbody tr td:first-of-type, body.css-aldashboard .al-overview-data .overview.tables > div table tbody tr th:first-of-type,
body.css-aldashboard .al-overview-data .overview.tables > div table tbody tr td:first-of-type {
  text-align: left;
}
body.css-aldashboard .al-overview-data .overview.charts > div table tbody tr th, body.css-aldashboard .al-overview-data .overview.tables > div table tbody tr th {
  background-color: #00447C;
  color: white;
  font-weight: bold;
  line-height: 3em;
  text-align: center;
}
body.css-aldashboard .al-overview-data .overview.charts > div table tbody tr th:first-of-type, body.css-aldashboard .al-overview-data .overview.tables > div table tbody tr th:first-of-type {
  border-top-left-radius: 3px;
}
body.css-aldashboard .al-overview-data .overview.charts > div table tbody tr th:last-of-type, body.css-aldashboard .al-overview-data .overview.tables > div table tbody tr th:last-of-type {
  border-top-right-radius: 3px;
}
body.css-aldashboard .al-overview-data .overview.charts > div table tbody tr th:not(first-of-type), body.css-aldashboard .al-overview-data .overview.tables > div table tbody tr th:not(first-of-type) {
  border-left: 1px solid rgba(125, 125, 125, 0.25);
}
body.css-aldashboard .al-overview-data .overview.charts > div table tbody tr th:not(first-of-type):not(last-of-type), body.css-aldashboard .al-overview-data .overview.tables > div table tbody tr th:not(first-of-type):not(last-of-type) {
  border-bottom: 1px solid rgba(125, 125, 125, 0.25);
}
body.css-aldashboard .al-overview-data .overview.charts > div table tbody tr td:not(first-of-type), body.css-aldashboard .al-overview-data .overview.tables > div table tbody tr td:not(first-of-type) {
  border-left: 1px solid rgba(125, 125, 125, 0.25);
}
body.css-aldashboard .al-overview-data .overview.charts > div table tbody tr td:not(first-of-type):not(last-of-type), body.css-aldashboard .al-overview-data .overview.tables > div table tbody tr td:not(first-of-type):not(last-of-type) {
  border-bottom: 1px solid rgba(125, 125, 125, 0.25);
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  body.css-aldashboard .al-overview-data .overview.charts > div, body.css-aldashboard .al-overview-data .overview.tables > div {
    font-size: 2vw;
    left: 10px;
    width: calc(100% - 2vw);
    margin-bottom: 1.5vw;
    display: block;
  }
  body.css-aldashboard .al-overview-data .overview.charts > div:nth-of-type(2), body.css-aldashboard .al-overview-data .overview.tables > div:nth-of-type(2) {
    margin-right: 0;
  }
}
body.css-aldashboard .al-overview-data .overview.charts .one, body.css-aldashboard .al-overview-data .overview.tables .one {
  margin-right: 1vw;
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  body.css-aldashboard .al-overview-data .overview.charts .one, body.css-aldashboard .al-overview-data .overview.tables .one {
    max-width: 100%;
    width: calc(100% - 10px);
  }
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  body.css-aldashboard .al-overview-data .overview.charts .two, body.css-aldashboard .al-overview-data .overview.tables .two {
    width: calc(100% - 10px);
  }
}

body.css-alsearch {
  /*.fbHeader {
      width: 101%;
  }*/
  /*.roundDropdown {
      background: none repeat scroll 0 0 #FFFFFF;
      border: 1px solid #E5E5E5;
      border-radius: 15px 15px 15px 15px;
      box-shadow: 0 0 10px #E8E8E8 inset;
      height: 40px;
      margin: 0 0 0 25px;
      padding: 10px;
      width: 250px;
      font-size: 14px;
  }*/
  /* #mailer {
     text-align:center;
  }*/
}
body.css-alsearch table,
body.css-alsearch th {
  padding-right: 10px;
  padding-left: 5px;
  text-align: left;
}
body.css-alsearch table.minWidth185,
body.css-alsearch th.minWidth185 {
  min-width: 185px;
}
body.css-alsearch body th {
  font-weight: bold;
  font-size: 18px;
}
body.css-alsearch li {
  font-weight: normal;
  list-style-type: none;
}
body.css-alsearch select {
  border: 1px solid rgba(125, 125, 125, 0.25);
  padding: 3px;
  font-size: 16px;
  color: rgb(106, 115, 123);
}
body.css-alsearch span.error {
  margin: 0 10px 0 10px;
  float: left;
}
body.css-alsearch .table {
  display: table;
  margin-top: 0px;
  width: 100%;
}
body.css-alsearch .tablecell {
  display: table-cell;
  padding: 10px;
  font-size: 16px;
  color: #6a737b;
  min-width: 135px;
}
body.css-alsearch .tablerow {
  display: table-row;
}
body.css-alsearch .group {
  display: table-row-group;
}
body.css-alsearch .caption {
  border: 1px solid grey;
  caption-side: top;
  display: table-caption;
  text-align: center;
}
body.css-alsearch .textbox {
  border: 1px solid rgba(125, 125, 125, 0.25);
  padding: 3px;
  font-size: 16px;
  color: rgb(106, 115, 123);
  width: 325px;
  max-width: 325px;
}
body.css-alsearch .textbox.align {
  vertical-align: bottom;
}
body.css-alsearch a {
  text-decoration: none;
}
body.css-alsearch div .textCenter {
  text-align: center;
}
body.css-alsearch div.innerProgress {
  overflow: auto;
}
body.css-alsearch .title {
  font-weight: bold;
}
body.css-alsearch #tblFilter > div.headerText {
  width: 88%;
}
body.css-alsearch .sub-data {
  border-left: 1px solid white;
  border-right: 1px solid white;
  /*width: 90% !important;*/
}
body.css-alsearch .sub-data .childTbl {
  margin-left: 10.6%;
}
body.css-alsearch .sub-data .childTbl tbody {
  width: 95%;
  display: table;
}
body.css-alsearch .sub-data .childTbl tbody tr:first-of-type {
  background-color: #3A8DB4;
  color: white;
}
body.css-alsearch .sub-data .childTbl tbody tr td:nth-of-type(4) {
  width: 3.5%;
}
body.css-alsearch .sub-data .childTbl tbody tr td:nth-of-type(5) {
  width: 6%;
}
body.css-alsearch .filterdropdown {
  border: 1px solid rgba(125, 125, 125, 0.25);
  padding: 3px;
  font-size: 16px;
  color: rgb(106, 115, 123);
}
body.css-alsearch #tblEvents {
  margin-top: 20px;
}
body.css-alsearch #tblParticipant td.selected {
  background-color: #eee;
  border-left: none;
  border-bottom: none;
}
body.css-alsearch #tblParticipant td.selected .progress:before {
  content: "\f146";
}
body.css-alsearch #ctl00_bodyContainer #progress {
  display: none;
}
body.css-alsearch .more-info-row #rowprogress {
  position: relative;
  display: block;
  font-size: 14px;
  border: none;
  background-color: #eee;
}
body.css-alsearch .more-info-row #rowprogress .progress-modal-content {
  position: relative;
  display: table-row;
  left: 20px;
  border: none;
}
body.css-alsearch .more-info-row #rowprogress .progress-modal-content .rowprogressclose {
  color: #6a737b;
}
body.css-alsearch .more-info-row #rowprogress .progress-modal-content #innerProgress {
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: top;
  margin-left: auto;
  margin-right: auto;
}
body.css-alsearch .more-info-row #rowprogress .progress-modal-content #innerProgress .title {
  display: inline-block;
  vertical-align: top;
  max-width: 300px;
  margin: 0;
  padding: 0;
  text-indent: 0;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 30px;
  border-top: 1px solid grey;
  text-align: left;
}
body.css-alsearch .more-info-row #rowprogress .progress-modal-content #innerProgress .title.remove-exercise {
  display: none;
}
body.css-alsearch .more-info-row #rowprogress .progress-modal-content #innerProgress .title li {
  line-height: 1.2em;
}
body.css-alsearch .more-info-row #rowprogress .progress-modal-content .data_buttons2 {
  display: none;
}
body.css-alsearch .menuBar {
  border: 1px solid rgba(125, 125, 125, 0.25);
  padding: 10px;
  margin-top: 10px;
}
body.css-alsearch .fillerDiv {
  display: table-cell;
  width: 55%;
}
body.css-alsearch .checked:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f058";
  font-weight: 700;
  float: right;
  position: relative;
  padding-left: 10px;
}
body.css-alsearch .unchecked:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f111";
  font-weight: 100;
  float: right;
  padding-left: 10px;
}
body.css-alsearch .parentNode.expanded:before {
  position: inherit;
  font-family: "Font Awesome 5 Pro";
  /*top: 121px;*/
  /*left: -13px;*/
  content: "\f056";
  color: #767676;
  font-size: 1.1em;
  display: block;
  margin-left: 2px;
  font-weight: 900;
  width: 100%;
}
body.css-alsearch .parentNode.collapsed:before {
  position: inherit;
  content: "\f055";
  color: #767676;
  font-size: 1.1em;
  display: block;
  margin-left: 2px;
  font-weight: 900;
  width: 100%;
}
body.css-alsearch .editUser:before {
  font-family: "Font Awesome 5 Pro";
  top: 2px;
  content: "\f4ff";
  color: #767676;
  font-size: 1.1em;
  display: block;
  font-weight: 900;
  cursor: pointer;
  text-align: center;
}
body.css-alsearch .editWorkshop:before {
  font-family: "Font Awesome 5 Pro";
  top: 2px;
  content: "\f044";
  color: #767676;
  font-size: 1.1em;
  display: block;
  font-weight: 900;
  cursor: pointer;
  text-align: center;
}
body.css-alsearch .editEvent:before {
  font-family: "Font Awesome 5 Pro";
  top: 2px;
  content: "\f044";
  color: #767676;
  font-size: 1.1em;
  display: block;
  font-weight: 900;
  cursor: pointer;
  text-align: center;
}
body.css-alsearch .editEval:before {
  font-family: "Font Awesome 5 Pro";
  top: 2px;
  content: "\f05a";
  color: #767676;
  font-size: 1.1em;
  display: block;
  font-weight: 900;
  cursor: pointer;
  text-align: center;
}
body.css-alsearch .copyiconbefore:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f0c5";
  color: #767676;
  font-size: 1.6em;
  font-weight: 400;
  cursor: pointer;
  text-align: left;
  vertical-align: middle;
  padding-right: 3px !important;
  margin-left: 10px;
}
body.css-alsearch .copyicon:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f0c5";
  color: #767676;
  font-size: 1.6em;
  font-weight: 400;
  cursor: pointer;
  text-align: left;
  vertical-align: middle;
  padding-right: 3px !important;
  margin-left: 10px;
}
body.css-alsearch .qrcodeicon {
  display: table-cell;
}
body.css-alsearch .qrcodeicon:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f029";
  color: #767676;
  font-size: 1.6em;
  font-weight: 400;
  cursor: pointer;
  text-align: left;
  vertical-align: middle;
  padding-right: 3px !important;
  margin-left: 10px;
}
body.css-alsearch .delete:before {
  font-family: "Font Awesome 5 Pro";
  top: 2px;
  content: "\f2ed";
  color: #767676;
  font-size: 1.1em;
  display: block;
  font-weight: 900;
  cursor: pointer;
  text-align: center;
}
body.css-alsearch .reminder:before {
  font-family: "Font Awesome 5 Pro";
  top: 2px;
  content: "\f0e0";
  color: #767676;
  font-size: 1.1em;
  display: block;
  font-weight: 900;
  cursor: pointer;
  text-align: center;
}
body.css-alsearch .report:before {
  font-family: "Font Awesome 5 Pro";
  top: 2px;
  content: "\f1c1";
  color: #767676;
  font-size: 1.1em;
  display: block;
  font-weight: 900;
  cursor: pointer;
  text-align: center;
}
body.css-alsearch .progress {
  float: right;
  padding-left: 5px;
  min-width: 130px;
}
body.css-alsearch .progress:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f0fe";
  color: #767676;
  font-size: 1.1em;
  font-weight: 900;
  cursor: pointer;
  text-align: left;
  padding-right: 5px;
}
body.css-alsearch .search:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f002";
  color: #767676;
  font-size: 1.1em;
  font-weight: 500;
  padding-left: 7px;
}
body.css-alsearch .addSession {
  display: table-cell;
  width: 10%;
  text-align: center;
}
body.css-alsearch .addSession:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f0fe";
  color: #767676;
  font-size: 1.6em;
  font-weight: 900;
  cursor: pointer;
  text-align: left;
  vertical-align: middle;
  padding-right: 3px !important;
}
body.css-alsearch input {
  font-size: 16px;
}
body.css-alsearch input.searchBox {
  border: 0px solid #ccc;
  width: 175px !important;
  font-size: 14px;
  color: #6a737b;
  padding: 1px 7px;
  outline: 0;
  -webkit-appearance: none;
  line-height: 40px;
  width: 40%;
}
body.css-alsearch input.txtModal {
  width: 155px;
}
body.css-alsearch .datepicker {
  z-index: 100000 !important;
  margin: 0px 0px 0px 0px;
}
body.css-alsearch .modalbuttons {
  width: 175px;
  color: white;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #3A8DB4;
  border-radius: 1px;
  font-size: 16px;
  line-height: 40px;
}
body.css-alsearch .modalbuttons.right {
  float: right;
}
body.css-alsearch .modalbuttons:hover {
  background-color: #78b1cc;
}
body.css-alsearch .modalbuttonssmall {
  color: white;
  padding: 8px 8px 8px 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #3A8DB4;
  border-radius: 1px;
  font-size: 16px;
}
body.css-alsearch .modalbuttonssmall.right {
  float: right;
}
body.css-alsearch .modalbuttons:hover {
  background-color: #78b1cc;
}
body.css-alsearch .closeNewFac {
  color: #fff;
  float: right;
  padding-right: 10px;
  font-size: 28px;
  font-weight: bold;
}
body.css-alsearch .closeNewFac:hover,
body.css-alsearch .closeNewFac:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
body.css-alsearch .copied {
  background-color: #78b1cc;
  color: white;
  float: left;
  display: none;
}
body.css-alsearch .reporticon:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f381";
  color: #767676;
  font-size: 1.6em;
  font-weight: 400;
  cursor: pointer;
  text-align: left;
  vertical-align: middle;
  padding-right: 3px !important;
  margin-left: 10px;
}
@media screen and (max-width: 1099px) and (min-width: 925px) {
  body.css-alsearch .sub-data {
    /*width: 90% !important;*/
  }
  body.css-alsearch .sub-data .childTbl {
    margin-left: 6.6%;
  }
}
@media screen and (max-width: 1390px) and (min-width: 1100px) {
  body.css-alsearch .sub-data {
    /*width: 90% !important;*/
  }
  body.css-alsearch .sub-data .childTbl {
    margin-left: 6.3%;
  }
}
@media screen and (min-width: 1391px) {
  body.css-alsearch .sub-data {
    /*width: 90% !important;*/
  }
  body.css-alsearch .sub-data .childTbl {
    margin-left: 6%;
  }
}
body.css-alsearch #linkSend1 div.tablerow div.tablecell {
  border-bottom: 1px solid #dedede;
  border-left: 1px solid #dedede;
}
body.css-alsearch #linkSend1 div.tablerow div.tablecell:last-of-type {
  border-right: 1px solid #dedede;
}
body.css-alsearch #linkSend2 div.tablerow div.tablecell {
  border-bottom: 1px solid #dedede;
  border-left: 1px solid #dedede;
}
body.css-alsearch #linkSend2 div.tablerow div.tablecell:last-of-type {
  border-right: 1px solid #dedede;
}
body.css-alsearch #copyLink {
  display: none;
  border: none;
}
body.css-alsearch .closePanel:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f057";
  color: #0d7595;
  float: right;
  padding-right: 10px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
body.css-alsearch .nobullets li {
  list-style-type: none;
}
body.css-alsearch #divSendList {
  width: 350px;
  height: 225px;
  overflow: auto;
}
body.css-alsearch .printSpanEvalQuestions {
  float: right;
}
body.css-alsearch label {
  font-weight: 600;
}
body.css-alsearch .evalbuttons {
  width: 175px;
  color: white;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #3A8DB4;
  border-radius: 1px;
  font-size: 16px;
  line-height: 40px;
}
body.css-alsearch .evalbuttons.right {
  float: right;
}
body.css-alsearch .buttons {
  background-color: #3a8db4;
  color: white;
  padding: 5px;
  cursor: pointer;
  text-align: center;
}
body.css-alsearch .buttons:hover {
  background-color: #78b1cc;
}
body.css-alsearch #modalSendEval {
  z-index: 1000;
}
body.css-alsearch .modalEval {
  display: none;
  z-index: 99999;
  /* Sit on top */
  padding-top: 2%;
  /* Location of the box */
  padding-bottom: 2%;
  /* Location of the box */
  width: 110vw;
  /* Full width */
  height: 100vh;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(133, 133, 133);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  /* Modal Content */
  position: fixed;
  float: left;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
body.css-alsearch .modalEval .modal-contentEval {
  background-color: #fefefe;
  top: 3%;
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 14px;
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border-radius: 4px;
  max-width: 975px;
  min-width: 590px;
  width: min-content;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
body.css-alsearch .modalEval .modal-contentEval .modal-body {
  padding: 0;
  text-align: center;
}
body.css-alsearch .modalEval .modal-contentEval .modal-body .textbox-line {
  display: block;
  background-color: transparent;
  color: #000;
  outline: 0;
  outline-style: none;
  border-top: none;
  border-left: none;
  border-right: none;
  border: 1px solid rgba(47, 136, 177, 0.2);
  border-bottom: solid #2f87b0 1px;
  padding: 10px;
  margin: 0;
  margin-top: 10px;
  width: calc(100% - 22px);
  font-size: 1.25em;
}
body.css-alsearch .modalEval .modal-contentEval h1 {
  margin: 0;
  padding: 0;
}
body.css-alsearch .modalEval .modal-contentEval h4 {
  display: block;
  margin: 0;
  padding: 10px;
  background-color: #0D7595;
  color: #fff;
  /* font-weight: 400;*/
  text-transform: uppercase;
  font-size: 20px;
}
body.css-alsearch .modalEval .modal-contentEval h5 {
  display: block;
  margin: 0;
  padding: 10px;
  color: #0D7595;
  font-weight: bolder;
  text-transform: uppercase;
  font-size: 15px;
}
body.css-alsearch .modalEval .modal-contentEval .container {
  display: block;
  /* position: relative; */
  margin-top: 10px;
  margin-bottom: 2px;
  padding-left: 35px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
  line-height: 14px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}

body.css-alreports {
  /* Workshop and Data Range css */
  /* Style the tab */
  /* Style the buttons inside the tab */
  /* Change background color of buttons on hover */
  /* Create an active/current tablink class */
  /* Style the tab content */
  /* Workshop and Data Range CSS end */
}
body.css-alreports .tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}
body.css-alreports .tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}
body.css-alreports .tab button:hover {
  background-color: #ddd;
}
body.css-alreports .tab button.active {
  background-color: #ccc;
}
body.css-alreports .tabcontent {
  display: none;
}
body.css-alreports .table {
  display: table;
  padding: 5px;
  width: 100%;
}
body.css-alreports .tr {
  display: table-row;
  padding: 5px;
}
body.css-alreports .td {
  display: table-cell;
  padding: 25px;
  width: 50%;
  margin: 5px;
}
body.css-alreports #report-listing-wrapper {
  height: 285px;
  border: 1px solid rgba(125, 125, 125, 0.25);
  border-right: none;
}
body.css-alreports #report-listing > select {
  width: 100%;
  margin-top: 16px;
  color: #6a737b;
}
body.css-alreports #filter-wrapper {
  min-height: 285px;
  border: 1px solid rgba(125, 125, 125, 0.45);
}
body.css-alreports #workshop-checkboxes, body.css-alreports #cohortevents-checkboxes {
  border: solid 1px gray;
  overflow-y: scroll;
}
body.css-alreports .date-range-wrapper {
  margin-top: 50px;
  display: none;
}
body.css-alreports #btnDownload {
  width: 180px;
  margin: 10px auto;
  margin-top: 25px;
  text-align: center;
  padding: 10px;
  background-color: #3a8db4;
  font-size: 18px;
}
body.css-alreports #btnDownload > a {
  cursor: default;
}
body.css-alreports #btnDownload:hover {
  background-color: #78b1cc;
}
body.css-alreports .title-header {
  font-weight: bold;
  font-size: large;
  min-height: 44px;
  padding-top: 14px;
  padding-left: 15px;
  background-color: #00447c;
  color: white;
}
body.css-alreports #no-filters {
  display: none;
  font-size: medium;
  padding: 10px;
}
body.css-alreports .inline-block {
  display: inline-block;
  margin-bottom: 10px;
}
body.css-alreports .inline-block.text {
  min-width: 80px;
}

body.css-aleval {
  /* #divEvalList{
      display:none;

  }*/
}
body.css-aleval th {
  line-height: 1.3em !important;
  padding-top: 3px;
  padding-bottom: 3px;
}
body.css-aleval th.minWidth185 {
  min-width: 185px;
}
body.css-aleval th#firstCol {
  border-top-left-radius: 0px;
}
body.css-aleval th#lastCol {
  border-top-right-radius: 0px;
}
body.css-aleval div.save {
  border: none !important;
}
body.css-aleval label {
  font-weight: 600;
}
body.css-aleval .container,
body.css-aleval .divL,
body.css-aleval .divR {
  padding: 10px;
  font-size: 16px;
}
body.css-aleval .divL {
  float: left;
}
body.css-aleval .divR {
  float: right;
}
body.css-aleval .table {
  display: table;
  border-collapse: collapse;
  margin-bottom: 10px;
  margin-top: 10px;
}
body.css-aleval .table.full {
  width: 100%;
}
body.css-aleval .tablerow {
  display: table-row;
}
body.css-aleval .tablerow.full {
  width: 100%;
}
body.css-aleval .tablerow.organization {
  border: 1px solid rgba(125, 125, 125, 0.25);
}
body.css-aleval .tablerow.application {
  border: 1px solid rgba(125, 125, 125, 0.25);
}
body.css-aleval .tablerow.workshop {
  border: 1px solid rgba(125, 125, 125, 0.25);
}
body.css-aleval .tablerow.facilitator {
  border: 1px solid rgba(125, 125, 125, 0.25);
}
body.css-aleval .tablerow.header {
  color: white;
  background-color: #00447c;
  font-weight: bold;
  text-align: center;
  line-height: 2em;
}
body.css-aleval .tablecell {
  display: table-cell;
  padding: 10px;
  font-size: 16px;
}
body.css-aleval .tablecell.full {
  width: 100%;
}
body.css-aleval .tablecell.greyFont {
  color: #6a737b;
}
body.css-aleval .tablecell.whiteFont {
  color: white;
}
body.css-aleval .tablecell.alignR {
  text-align: right;
}
body.css-aleval .tablecellEvalInfo {
  display: table-cell;
  padding: 14px;
  font-size: 16px;
}
body.css-aleval .tablecellLessPadding {
  display: table-cell;
  font-size: 16px;
  color: #6a737b;
}
body.css-aleval #txtEvalLink {
  overflow-wrap: anywhere;
  padding: 5px;
}
body.css-aleval #divSendList {
  width: 350px;
  height: 225px;
  overflow: auto;
}
body.css-aleval .printSpanEvalQuestions {
  float: right;
}
body.css-aleval #reports, body.css-aleval #nonSite {
  cursor: pointer;
}
body.css-aleval #tblResults tr {
  font-size: 16px;
}
body.css-aleval .addLink:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f0fe";
  color: whitesmoke;
  font-size: 1.6em;
  font-weight: 900;
  cursor: pointer;
  text-align: left;
  vertical-align: middle;
  padding-right: 3px !important;
}
body.css-aleval .informationLink:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f05a";
  color: #767676;
  font-size: 1.6em;
  font-weight: 900;
  cursor: pointer;
  text-align: left;
  vertical-align: middle;
  padding-right: 3px !important;
}
body.css-aleval .whitetext {
  color: white;
  font-size: 16px;
}
body.css-aleval .textbox {
  border: 1px solid rgba(125, 125, 125, 0.25);
  padding: 3px;
  font-size: 16px;
  color: rgb(106, 115, 123);
}
body.css-aleval .textbox.align {
  vertical-align: bottom;
}
body.css-aleval .evalbuttons {
  width: 175px;
  color: white;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #3A8DB4;
  border-radius: 1px;
  font-size: 16px;
  line-height: 40px;
}
body.css-aleval .evalbuttons.right {
  float: right;
}
body.css-aleval .evalbuttons:hover {
  background-color: #78b1cc;
}
body.css-aleval .buttons {
  background-color: #3a8db4;
  color: white;
  padding: 5px;
  cursor: pointer;
  text-align: center;
}
body.css-aleval .buttons:hover {
  background-color: #78b1cc;
}
body.css-aleval .valmessage {
  font-size: large;
  color: red;
}
body.css-aleval .spacer {
  margin: 10px;
}
body.css-aleval .nobullets li {
  list-style-type: none;
}
body.css-aleval .copyicon:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f0c5";
  color: #767676;
  font-size: 1.6em;
  font-weight: 400;
  cursor: pointer;
  text-align: left;
  vertical-align: middle;
  padding-right: 3px !important;
  margin-left: 10px;
}
body.css-aleval .reporticon:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f381";
  color: #767676;
  font-size: 1.6em;
  font-weight: 400;
  cursor: pointer;
  text-align: left;
  vertical-align: middle;
  padding-right: 3px !important;
  margin-left: 10px;
}
body.css-aleval .sendemailicon:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f674";
  color: #767676;
  font-size: 1.6em;
  font-weight: 400;
  cursor: pointer;
  text-align: left;
  vertical-align: middle;
  padding-right: 3px !important;
  margin-left: 10px;
}
body.css-aleval .qrcodeicon:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f029";
  color: #767676;
  font-size: 1.6em;
  font-weight: 400;
  cursor: pointer;
  text-align: left;
  vertical-align: middle;
  padding-right: 3px !important;
  margin-left: 10px;
}
body.css-aleval .datepicker {
  z-index: 100000 !important;
  position: absolute;
  display: inline;
}
body.css-aleval .datepickerfix {
  margin: auto;
}
body.css-aleval .setWidth {
  width: 95px;
}
body.css-aleval .copied {
  background-color: #78b1cc;
  color: white;
  float: left;
  display: none;
  padding: 0px 5px 0px 5px;
}
body.css-aleval .copyiconbefore:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f0c5";
  color: #767676;
  font-size: 1.6em;
  font-weight: 400;
  cursor: pointer;
  text-align: left;
  vertical-align: middle;
  padding-right: 3px !important;
  margin-left: 10px;
}
body.css-aleval .copyicon:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f0c5";
  color: #767676;
  font-size: 1.6em;
  font-weight: 400;
  cursor: pointer;
  text-align: left;
  vertical-align: middle;
  padding-right: 3px !important;
  margin-left: 10px;
}
body.css-aleval .qrcodeicon:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f029";
  color: #767676;
  font-size: 1.6em;
  font-weight: 400;
  cursor: pointer;
  text-align: left;
  vertical-align: middle;
  padding-right: 3px !important;
  margin-left: 10px;
}
body.css-aleval .closeAddNonPre:hover,
body.css-aleval .closeAddNonPre:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
body.css-aleval #modalSendEval {
  z-index: 1000;
}
body.css-aleval .modalEval {
  display: none;
  z-index: 99999;
  /* Sit on top */
  padding-top: 2%;
  /* Location of the box */
  padding-bottom: 2%;
  /* Location of the box */
  width: 110vw;
  /* Full width */
  height: 100vh;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(133, 133, 133);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  /* Modal Content */
  position: fixed;
  float: left;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
body.css-aleval .modalEval .modal-contentEval {
  position: fixed;
  background-color: #fefefe;
  top: 3%;
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 14px;
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border-radius: 4px;
  max-width: 975px;
  min-width: 590px;
  width: min-content;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
body.css-aleval .modalEval .modal-contentEval .modal-body {
  padding: 0;
  text-align: center;
}
body.css-aleval .modalEval .modal-contentEval .modal-body .textbox-line {
  display: block;
  background-color: transparent;
  color: #000;
  outline: 0;
  outline-style: none;
  border-top: none;
  border-left: none;
  border-right: none;
  border: 1px solid rgba(47, 136, 177, 0.2);
  border-bottom: solid #2f87b0 1px;
  padding: 10px;
  margin: 0;
  margin-top: 10px;
  width: calc(100% - 22px);
  font-size: 1.25em;
}
body.css-aleval .modalEval .modal-contentEval h1 {
  margin: 0;
  padding: 0;
}
body.css-aleval .modalEval .modal-contentEval h4 {
  display: block;
  margin: 0;
  padding: 10px;
  background-color: #0D7595;
  color: #fff;
  margin-bottom: 10px;
  /* font-weight: 400;*/
  text-transform: uppercase;
  font-size: 20px;
}
body.css-aleval .modalEval .modal-contentEval h5 {
  display: block;
  margin: 0;
  padding: 10px;
  color: #0D7595;
  font-weight: bolder;
  text-transform: uppercase;
  font-size: 15px;
}
body.css-aleval .modalEval .modal-contentEval .container {
  display: block;
  /* position: relative; */
  margin-top: 10px;
  margin-bottom: 2px;
  padding-left: 35px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
  line-height: 14px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}
body.css-aleval .sort-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  margin-left: 5px;
  color: #00447C;
}
body.css-aleval .sort-arrow.up {
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent white transparent;
}
body.css-aleval .sort-arrow.down {
  border-width: 5px 5px 0 5px;
  border-color: white transparent transparent transparent;
}
body.css-aleval #content {
  margin-top: 20px;
}
body.css-aleval .pagination {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.css-aleval .pagination-nextbtn {
  padding-left: 5px !important;
  cursor: pointer;
}
body.css-aleval .pagination-nextbtn:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f101";
  color: whitesmoke;
  font-size: 1.4em;
  font-weight: 900;
  text-align: left;
  vertical-align: middle;
  padding-left: 5px !important;
}
body.css-aleval .pagination-prevbtn {
  cursor: pointer;
}
body.css-aleval .pagination-prevbtn:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f100";
  color: whitesmoke;
  font-size: 1.4em;
  font-weight: 900;
  text-align: left;
  vertical-align: middle;
  padding-right: 5px !important;
}

body.css-alevalreports {
  /* Workshop and Data Range css */
  /* Style the tab */
  /* Style the buttons inside the tab */
  /* Change background color of buttons on hover */
  /* Create an active/current tablink class */
  /* Style the tab content */
  /*.tabcontent {
      display: none;
      // padding: 6px 12px;
  }*/
  /* Workshop and Data Range CSS end */
}
body.css-alevalreports .tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}
body.css-alevalreports .tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}
body.css-alevalreports .tab button:hover {
  background-color: #ddd;
}
body.css-alevalreports .tab button.active {
  background-color: #ccc;
}
body.css-alevalreports .tr {
  display: table-row;
  padding: 5px;
}
body.css-alevalreports .td {
  display: table-cell;
  padding: 5px;
  width: 50%;
  margin: 5px;
}
body.css-alevalreports .table {
  display: table;
  padding: 5px;
  width: 100%;
}
body.css-alevalreports .tablecell {
  display: table-cell;
  padding: 12px;
  font-size: 16px;
}
body.css-alevalreports .tablecell.greyFont {
  color: #6a737b;
}
body.css-alevalreports .tablecell.whiteFont {
  color: white;
}
body.css-alevalreports .tablecellHeader {
  display: table-cell;
  padding: 12px;
  font-size: 24px;
  width: 250px;
}
body.css-alevalreports .tablecellHeader.greyFont {
  color: #6a737b;
}
body.css-alevalreports .tablecellHeader.whiteFont {
  color: white;
}
body.css-alevalreports .tablerow {
  display: table-row;
}
body.css-alevalreports .tablerow.organization {
  border: 1px solid rgba(125, 125, 125, 0.25);
}
body.css-alevalreports .tablerow.application {
  border: 1px solid rgba(125, 125, 125, 0.25);
}
body.css-alevalreports .tablerow.workshop {
  border: 1px solid rgba(125, 125, 125, 0.25);
}
body.css-alevalreports .tablerow.facilitator {
  border: 1px solid rgba(125, 125, 125, 0.25);
}
body.css-alevalreports #evalpage {
  cursor: pointer;
}
body.css-alevalreports option {
  font-size: 14px;
  color: #525456;
}
body.css-alevalreports select {
  font-size: 14px;
  color: #525456;
}
body.css-alevalreports #report-listing-wrapper {
  height: 285px;
  border: 1px solid rgba(125, 125, 125, 0.25);
  border-right: none;
}
body.css-alevalreports #report-listing > select {
  width: 100%;
  margin-top: 16px;
  color: #6a737b;
}
body.css-alevalreports #filter-wrapper {
  min-height: 285px;
  border: 1px solid rgba(125, 125, 125, 0.45);
}
body.css-alevalreports #workshop-checkboxes, body.css-alevalreports #cohortevents-checkboxes {
  border: solid 1px gray;
  overflow-y: scroll;
}
body.css-alevalreports .date-range-wrapper {
  margin-top: 50px;
  display: none;
}
body.css-alevalreports #btnDownload {
  width: 180px;
  margin: 10px auto;
  margin-top: 25px;
  text-align: center;
  padding: 10px;
  background-color: #3a8db4;
  font-size: 18px;
}
body.css-alevalreports #btnDownload > a {
  cursor: default;
}
body.css-alevalreports #btnDownload:hover {
  background-color: #78b1cc;
}
body.css-alevalreports .title-header {
  font-weight: bold;
  font-size: large;
  min-height: 44px;
  padding-top: 14px;
  padding-left: 15px;
  background-color: #00447c;
  color: white;
}
body.css-alevalreports #no-filters {
  display: none;
  font-size: medium;
  padding: 10px;
}
body.css-alevalreports .inline-block {
  display: inline-block;
  margin-bottom: 10px;
}
body.css-alevalreports .inline-block.text {
  min-width: 80px;
}

body.css-alnonsite {
  /* select {
       border: 1px solid rgba(125, 125, 125, .25);
       padding: 3px;
       font-size: 16px;
       color: rgb(106, 115, 123);
   }*/
  /*.table {
      display: table;
      border-collapse: collapse;
      margin-bottom: 10px;
      margin-top: 10px;
  }

  .tablecell {
      display: table-cell;
      //border: 1px solid rgba(125, 125, 125, .25);
      padding: 12px;
      font-size: 16px;

      &.greyFont {
          color: #6a737b;
      }

      &.whiteFont {
          color: white;
      }
  }*/
  /* .tablerow {
       display: table-row;

       &.addNonPreHeader {
           border: 1px solid rgba(125, 125, 125, .25);
       }


   }*/
  /* .informationLink:before {
       font-family: 'Font Awesome\ 5 Pro';
       content: "\f05a";
       color: darkgray;
       font-size: 1.6em;
       font-weight: 900;
       cursor: pointer;
       text-align: left;
       vertical-align: middle;
       padding-right: 3px !important;
   }*/
  /*.textbox {
      border: 1px solid rgba(125, 125, 125, .25);
      padding: 3px;
      font-size: 16px;
      color: rgb(106, 115, 123);
      width: 100%;

      &.align {
          vertical-align: bottom;
      }
  }*/
  /*  .evalbuttons {
        width: 175px;
        color: white;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        background-color: #3A8DB4;
        border-radius: 1px;
        font-size: 16px;
        line-height: 40px;

        &.right {
            float: right
        }
    }*/
  /*.reporticon:after {
      font-family: 'Font Awesome\ 5 Pro';
      content: "\f381";
      color: #767676;
      font-size: 1.6em;
      font-weight: 400;
      cursor: pointer;
      text-align: left;
      vertical-align: middle;
      padding-right: 3px !important;
      margin-left: 10px;
  }*/
  /*.sendemailicon:after {
      font-family: 'Font Awesome\ 5 Pro';
      content: "\f674";
      color: #767676;
      font-size: 1.6em;
      font-weight: 400;
      cursor: pointer;
      text-align: left;
      vertical-align: middle;
      padding-right: 3px !important;
      margin-left: 10px;
  }*/
}
body.css-alnonsite table,
body.css-alnonsite td,
body.css-alnonsite th {
  padding-right: 10px;
  padding-left: 5px;
  text-align: left;
}
body.css-alnonsite body th {
  font-weight: bold;
  font-size: 18px;
}
body.css-alnonsite div.save {
  border: none !important;
}
body.css-alnonsite .container,
body.css-alnonsite .divL,
body.css-alnonsite .divR {
  padding: 10px;
  font-size: 16px;
}
body.css-alnonsite .divL {
  float: left;
}
body.css-alnonsite .divR {
  float: right;
}
body.css-alnonsite .tablecellEvalInfo {
  display: table-cell;
  padding: 14px;
  font-size: 16px;
}
body.css-alnonsite .tablecellLessPadding {
  display: table-cell;
  font-size: 16px;
  color: #6a737b;
}
body.css-alnonsite #txtEvalLink {
  overflow-wrap: anywhere;
  padding: 5px;
}
body.css-alnonsite #reports, body.css-alnonsite #nonSite {
  cursor: pointer;
}
body.css-alnonsite #tblResults tr {
  font-size: 16px;
}
body.css-alnonsite .addLink:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f0fe";
  color: whitesmoke;
  font-size: 1.6em;
  font-weight: 900;
  cursor: pointer;
  text-align: left;
  vertical-align: middle;
  padding-right: 3px !important;
}
body.css-alnonsite .whitetext {
  color: white;
  font-size: 16px;
}
body.css-alnonsite .evalbuttons:hover {
  background-color: #78b1cc;
}
body.css-alnonsite .buttons {
  background-color: #3a8db4;
  color: white;
  padding: 5px;
  cursor: pointer;
}
body.css-alnonsite .buttons:hover {
  background-color: #78b1cc;
}
body.css-alnonsite .valmessage {
  font-size: large;
  color: red;
}
body.css-alnonsite .spacer {
  margin: 10px;
}
body.css-alnonsite .copyicon:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f0c5";
  color: #767676;
  font-size: 1.6em;
  font-weight: 400;
  cursor: pointer;
  text-align: left;
  vertical-align: middle;
  padding-right: 3px !important;
  margin-left: 10px;
}
body.css-alnonsite .qrcodeicon:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f029";
  color: #767676;
  font-size: 1.6em;
  font-weight: 400;
  cursor: pointer;
  text-align: left;
  vertical-align: middle;
  padding-right: 3px !important;
  margin-left: 10px;
}
body.css-alnonsite .datepicker {
  z-index: 100000 !important;
  position: absolute;
  display: inline;
}
body.css-alnonsite .datepickerfix {
  margin: auto;
}
body.css-alnonsite .setWidth {
  width: 85px;
}
body.css-alnonsite .closeAddNonPre:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f00d";
  color: white;
  font-size: 1.6em;
  font-weight: 400;
  cursor: pointer;
  margin-left: 10px;
  float: right;
}
body.css-alnonsite #modalSendEval {
  z-index: 1000;
}

body.css-alsettings .table {
  display: table;
  border: 1px solid rgba(125, 125, 125, 0.25);
  border-collapse: collapse;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 100%;
}
body.css-alsettings .tablecell {
  display: table-cell;
  padding: 12px;
  font-size: 16px;
  color: #6a737b;
  min-width: 175px;
}
body.css-alsettings .tablerow {
  display: table-row;
}
body.css-alsettings .textbox {
  border: 1px solid rgba(125, 125, 125, 0.25);
  padding: 3px;
  font-size: 16px;
  color: rgb(106, 115, 123);
  width: 325px;
  max-width: 325px;
}
body.css-alsettings .textbox.align {
  vertical-align: bottom;
}
body.css-alsettings .settingHeader {
  font-size: 20px;
  color: rgb(106, 115, 123);
  padding-bottom: 15px;
  font-weight: bold;
  width: 100%;
  padding-top: 15px;
}
body.css-alsettings .settingHeader.right {
  text-align: right;
}
body.css-alsettings .settingHeader.expanded:before {
  font-family: "Font Awesome 5 Pro";
  top: 2px;
  content: "\f146";
  color: #767676;
  font-size: 1.1em;
  padding-right: 5px;
  font-weight: 900;
  cursor: pointer;
}
body.css-alsettings .settingHeader.collapsed:before {
  font-family: "Font Awesome 5 Pro";
  top: 2px;
  content: "\f0fe";
  color: #767676;
  font-size: 1.1em;
  padding-right: 5px;
  font-weight: 900;
  cursor: pointer;
}
body.css-alsettings .settingHeader.addLink:after {
  font-family: "Font Awesome 5 Pro";
  top: 2px;
  content: "\f0fe";
  color: #767676;
  font-size: 1.1em;
  padding-right: 5px;
  font-weight: 900;
  cursor: pointer;
  padding-left: 5px;
}
body.css-alsettings .edit:before {
  font-family: "Font Awesome 5 Pro";
  top: 2px;
  content: "\f4ff";
  color: #767676;
  font-size: 1.1em;
  display: block;
  font-weight: 900;
  cursor: pointer;
  text-align: center;
}
body.css-alsettings .divTbl {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: 2px; /* Space between divs */
  margin: auto;
}
body.css-alsettings .rowCol {
  color: #767676;
}
body.css-alsettings .hr-shadow {
  border: none;
  height: 2px;
  background: #ccc;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  margin: 10px 0;
}
body.css-alsettings .copyicon:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f0c5";
  color: #767676;
  font-size: 1.6em;
  font-weight: 400;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  padding-right: 3px !important;
  margin-left: 10px;
}
body.css-alsettings .spacer {
  padding-bottom: 35px;
}
body.css-alsettings .copied {
  background-color: #00447c;
  color: white;
  display: none;
  padding: 0px 5px 0px 5px;
}

body.css-eval {
  /* Error page  */
  /* Colors */
  /* Survey page non-surveyJS css */
  /*****************************************/
  /* .sv_main.sv_default_css .sv_header {
      color: white;
      background-color:#03787c;
      height:220px;
      font-family: "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif,"Helvetica Neue",Arial,sans-serif;

  }

  .sv_main .sv_body {
      border-top:none;
  }


  .sd-header_custom {
     background-color:#03787c;
     padding:0px 0px 0px 15px;
     box-shadow: 0 0 11px rgb(0 0 0 / 12%);
     color:white;
  }

  .sd-title_custom {
      font-family: "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif,"Helvetica Neue",Arial,sans-serif;
      font-size:36px !important ;

  }

  .sd-headerText_custom {
      color:white;
  }  */
}
body.css-eval .jumbotron {
  font-size: 21px;
  font-weight: 200;
  line-height: 2.1428571435;
  color: inherit;
  padding: 10px 0px;
}
body.css-eval .jumbotron {
  text-align: center;
  background-color: transparent;
}
body.css-eval .red {
  color: #d9534f;
}
body.css-eval .footer {
  padding-top: 100px;
  bottom: 0;
  width: 100%;
  text-align: center;
  color: darkgray;
  font-family: "Open Sans";
}
body.css-eval .outerDiv {
  margin: 0 auto;
  width: 70%;
  padding: 10px;
}
body.css-eval .surveyDiv {
  /*display: inline-block;
  width:50%;
  margin: 0 auto;
  padding-top:15px;
  text-align:left;*/
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-seri;
  margin-top: -30px;
}
body.css-eval .sv_main .sv_body {
  border-top: none;
}
body.css-eval .sv_header {
  display: none;
}
body.css-eval .sv_main.sv_default_css .sv_q_rating_item.active .sv_q_rating_item_text {
  background-color: #0c304f;
  border-color: #0c304f;
}
body.css-eval .sv_main.sv_default_css .sv_q_rating_item .sv_q_rating_item_text:hover {
  border-color: #0c304f;
}
body.css-eval .sv_main.sv_default_css input[type=button] {
  background-color: #0c304f;
}
body.css-eval .sv_main.sv_default_css input[type=button]:hover {
  background-color: #0c304f;
}
body.css-eval .evalheader {
  background-color: #F3F3F3;
  padding: 20px;
  font-size: 16px;
}
body.css-eval .evalTable {
  width: 100%;
  background-color: #0c304f;
  color: white;
  height: 120px;
  border: none !important;
}
@media screen and (max-width: 973px) {
  body.css-eval .outerDiv {
    min-width: 475px;
    /*border:solid 1px black; */
  }
}
body.css-eval .featuress {
  width: 70%;
  margin-left: 20%;
  display: flex;
  align-items: center;
  padding-bottom: 30px;
  border: solid 1px black;
}
body.css-eval .logo {
  min-width: 60px;
  margin: 10px;
  text-align: center;
}
body.css-eval .text {
  display: inline-block;
  background-color: #ffa600;
}
body.css-eval h2, body.css-eval p, body.css-eval input {
  margin: 0;
  font-family: "Open Sans";
}

/*$mainColor: #174162;
$mainColor20: rgb(23, 65, 98)rgb(23, 65, 98);
$mainColorShade: hsla(188, 5%, 47%, 0.46);
$altColor: #174162;
$shadedBackgroundOverlay: rgba(23, 65, 98, 0.81);
$shadedBackgroundOverlayVideo: hsla(237, 82%, 24%, 0);
$knockoutText: #fff;
$inputBackgroundColor: #898989;
$topMenuBackground: #e7f4ff;
$headerBackground: #396083;
$site-text-color: #525456;
$left-menu-hover: hsla(188, 5%, 47%, 0.54);
$calloutboxBackground: #F0F2F5;
$btnGoBack: #888686;
$btnContinue: #174162;
$btnCallout: green;
$selectedColor: #008000;
$selectedBackgroundColor: #E3F2E3;
$highlight-exercise: #1e6cb2;

$chartColor1: rgb(52, 112, 40);
$chartColor2: rgb(181, 178, 212);
$chartColor3: rgb(165, 141, 61);
$chartColor4: rgb(180, 58, 109);
$chartColor5: rgb(13, 152, 161);

$menuDisabledHeaderBackground: #41505d;*/
body:focus-visible, body *:focus-visible {
  outline: 3px dotted #000;
  outline-offset: 0.25rem;
}
body .skipLinkHide {
  position: fixed;
  top: -40px;
}
body .skipLinkShow {
  background: #f0f2f5;
  color: #6A737B;
  font-weight: bold;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise:hover:not(#selected-exercise), body .aspnetForm #exerciseOverview #jsonContent .exercise:hover:not(#selected-exercise) {
  box-shadow: 0 0 0.25rem rgb(58, 94, 124);
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise:hover:not(#selected-exercise).disable-exercise, body .aspnetForm #exerciseOverview #jsonContent .exercise:hover:not(#selected-exercise).disable-exercise {
  box-shadow: none;
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise:hover:not(#selected-exercise) h1, body .aspnetForm #exerciseOverview #jsonContent .exercise:hover:not(#selected-exercise) h1 {
  background-color: var(--headerBackground);
}
body.css-exercises #aspnetForm #exerciseOverview #jsonContent .exercise h1, body .aspnetForm #exerciseOverview #jsonContent .exercise h1 {
  background-color: var(--mainColor);
}
body.css-resources .left-menu .gdl-divider .accordion-content.category.active {
  background-color: var(--mainColorShade);
}
body .header-style {
  background-color: var(--mainColor);
}
body .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-left {
  color: var(--knockoutText);
  transition: color 1000ms linear;
}
body .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-left .bkgvideo:after {
  background-color: var(--shadedBackgroundOverlayVideo);
  transition: background-color 1000ms linear;
}
body .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right .login-button {
  border-color: #000000;
  background-color: #000000;
  transition: background-color 1000ms linear, border-color 1000ms linear;
}
body .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right .register-button {
  color: #fff;
  border-color: var(--mainColor);
  transition: color 1000ms linear, border-color 1000ms linear;
}
body .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right .fp-button {
  border: 2px solid var(--mainColor);
  background-color: var(--mainColor);
}
body .white-office-background .left-menu-n-body-container .body-container #login-box-div #login-box-right .login-page-buttons {
  border: 2px solid var(--mainColor);
  background-color: var(--mainColor);
}
body .body-container a {
  color: var(--linkColor);
}
body .body-container .left-caption-container a {
  color: var(--knockoutText);
}
body .body-container .expand-collapse .collapse:after,
body .body-container .expand-collapse .collapse_sec:after,
body .body-container .expand-collapse .expand:after,
body .body-container .expand-collapse .expand_sec:after {
  color: var(--mainColor);
}
body .body-container .main-menu-box .carousel .inner-carousel {
  border-color: var(--mainColor);
}
body .body-container .main-menu-box .carousel .inner-carousel .info-link {
  background-color: var(--mainColor);
  color: var(--knockoutText);
}
body .body-container .input-container .textarea-limit .text-span-label {
  border-bottom-color: var(--mainColor);
}
body .progress-title {
  background-color: var(--mainColor);
}
body .callOutBox {
  background-color: var(--calloutboxBackground);
}
body .printButton {
  background-color: var(--btnContinue);
}
body .question-icon-container {
  color: var(--btnContinue);
}
body .sub-session-menu .sub-session-menu-body div {
  border-color: var(--mainColor) !important;
}
body .sub-session-menu .sub-session-section .horizontal-rule {
  background-color: var(--mainColor);
}
body .sub-session-menu .sub-session-btn {
  background-color: var(--mainColor);
  color: var(--knockoutText);
}
body .sub-session-menu .form-box .btn-add a {
  background-color: var(--mainColor);
  color: var(--knockoutText);
}
body .sub-session-menu .add-session-buttons {
  background-color: var(--mainColor);
  color: var(--knockoutText);
}
body .sub-session-menu .modal .modal-content .modal-body a.add-session-buttons {
  background-color: var(--mainColor);
  color: var(--knockoutText);
}
body .divTreeLeftBorder,
body .DRMainContent .managerName:not(:empty) ~ td {
  border-color: var(--mainColor);
}
body .left-menu-n-body-container .main-menu-box .left-box {
  background-color: var(--shadedBackgroundOverlay);
  color: var(--knockoutText);
  transition: background-color 1000ms linear, color 1000ms linear;
}
body .left-menu-n-body-container .main-menu-box .left-box .left-inner-middle {
  border-color: var(--mainColor);
  transition: border-color 1000ms linear;
}
body .info-link {
  background-color: var(--mainColor);
  color: var(--knockoutText);
  border-color: var(--knockoutText);
}
body .top-menu {
  background-color: var(--topMenuBackground);
}
body .top-menu .dropdown-header:hover a,
body .top-menu .dropdown-wrapper:hover .dropdown-header {
  background-color: var(--mainColor);
  color: var(--knockoutText);
}
body .top-menu .dropdown-header {
  border-color: var(--mainColor);
  color: var(--site-text-color);
}
body .top-menu .dropdown-content {
  background-color: var(--topMenuBackground);
}
body .top-menu .row-menu {
  border-color: var(--mainColor);
}
body .top-menu .row-menu .check,
body .top-menu .row-menu .uncheck {
  background-color: var(--topMenuBackground);
  color: var(--site-text-color);
}
body .top-menu .row-menu:hover {
  background-color: var(--mainColor);
  color: var(--knockoutText);
}
body .top-menu .row-menu:hover .page-element {
  background-color: var(--mainColor);
  color: var(--knockoutText);
}
body .top-menu .row-menu:hover .check,
body .top-menu .row-menu:hover .uncheck {
  background-color: var(--topMenuBackground);
  color: var(--mainColor);
}
body .left-menu {
  border-top-color: var(--mainColor);
}
body .left-menu .accordion-content {
  border-bottom-color: var(--mainColor);
}
body .left-menu .accordion-content.active .anchor-tag {
  color: var(--knockoutText);
}
body .left-menu .accordion-content.active .page-element {
  background-color: var(--mainColor);
  color: var(--knockoutText);
}
body .left-menu .accordion-content .anchor-tag {
  color: var(--site-text-color);
}
body .left-menu .active .gdl-divider {
  background-color: var(--mainColor);
}
body .left-menu a.active .gdl-divider {
  color: var(--knockoutText);
}
body .left-menu .gdl-divider .accordion-head {
  position: relative;
  border-color: var(--mainColor);
}
body .left-menu .gdl-divider.active .accordion-head {
  background-color: var(--mainColorShade);
}
body .left-menu .gdl-divider .accordion-content {
  border-color: var(--mainColor);
}
body .left-menu .gdl-divider .accordion-content:hover {
  background-color: var(--left-menu-hover);
}
body .left-menu .gdl-divider .accordion-content.active .page-element {
  background-color: var(--mainColor);
}
body #btn_GoBack > div {
  background-color: var(--btnGoBack);
}
body #btn_Continue > div {
  background-color: var(--btnContinue);
}
body .btn-callout {
  background-color: var(--btnCallout);
}
body .collapse:after,
body .divExpanded:after,
body .imgExpanded:after {
  color: var(--mainColor);
}
body .expand:after,
body .divNotExpanded:after,
body .imgNotExpanded:after {
  color: var(--mainColor);
}
body .page-title-container,
body ul.secondary_nav_bar {
  border-color: var(--mainColor);
}
body .header:not(.thead) {
  background: var(--headerBackground);
}
body svg #header_left,
body svg #header_xmodel {
  fill: var(--headerBackground);
}
body .divFav {
  background-color: var(--chartColor1);
}
body .divNeut {
  background-color: var(--chartColor2);
}
body .divUnfav {
  background-color: var(--chartColor3);
}
body .divCompareNegative {
  background-color: var(--chartColor4);
}
body .divComparePositive {
  background-color: var(--chartColor5);
}
body #tblSurvey tbody tr td,
body #tblselectDataset tbody tr td,
body #tblDemoTree tr td {
  border-color: var(--mainColor);
}
body #tblMgrTreeFav td:not(.treeCell) {
  border-bottom-color: var(--mainColor);
}
body #tblMain tr td,
body #tblFlight tr td {
  border-bottom-color: var(--mainColor);
}
body #tblPickList #tblMain .headerNode td,
body #tblFlight .headerNode td {
  border-bottom: 1px solid var(--mainColor);
}
body .dashboardTable th {
  background-color: var(--headerBackground);
}
body .dashboardTable td {
  border-bottom-color: var(--mainColor);
}
body .dashboardTable td.tdQuestionText {
  border-bottom-color: var(--mainColor);
}
body .legendContainer .workgroup .header {
  background-color: unset;
}
body.css-content .aspnetForm .left-menu-n-body-container .body-container div > div > div {
  color: var(--knockoutText);
}
body.css-content .aspnetForm .left-menu-n-body-container .body-container div > div > div a {
  color: var(--knockoutText);
}
body.css-fbinvite .fbInvite .invitation .horizontal-rule {
  background-color: var(--mainColor);
}
body.css-fbinvite .fbInvite .invitation .fb_table .fb_head > div,
body.css-fbinvite .fbInvite .invitation .fb_table .fb_row > div {
  border-bottom-color: var(--mainColor);
}
body.css-fbinvite .fbInvite .invitation .form-header {
  background-color: #f0f2f5;
}
body.css-fbinvite .fbInvite .form-box .btn-add a {
  background-color: var(--mainColor);
}
body.css-fbinvite .fbInvite .form-box .divAddFeedBack .modal .modal-content .modal-body > div,
body.css-fbinvite .fbInvite .form-box .divAddFeedBack .modal .modal-content .modal-body > input,
body.css-fbinvite .fbInvite .form-box .divAddFeedBack .modal .modal-content .modal-body > select {
  border-color: var(--mainColor) 20;
  border-bottom-color: var(--mainColor);
}
body.css-fbinvite .fbInvite .form-box .divAddFeedBack .modal .modal-content .modal-body div a.add-fb-buttons {
  background-color: var(--mainColor);
}
body.css-fbinvite .fb-left-div img {
  filter: hue-rotate(90deg);
}
body.css-finish .callOutBox div > div {
  background-color: var(--mainColor) !important;
}
body.css-overview .overview-body .element-wrapper {
  background-color: var(--knockoutText) !important;
}
body.css-overview .overview-body .element-wrapper .column-element {
  background-color: var(--knockoutText);
}
body.css-overview .overview-body .element-wrapper .column-element .inner-element {
  background-color: var(--knockoutText) !important;
}
body.css-overviewsplitbox .content-area-wrapper .caption-content .numbering {
  border-color: var(--mainColor);
}
body.css-overviewbox .overviewbox .body1-box:after {
  filter: hue-rotate(75deg);
}
body.css-values2 .exercise table.tblValues .instructions {
  background-color: var(--mainColor);
  border-color: var(--mainColor);
}
body.css-values-content .instructions {
  background-color: var(--mainColor) !important;
  color: var(--knockoutText) !important;
}
body.css-values-content table {
  border-collapse: collapse;
}
body.css-values-content table th {
  border: 2px solid var(--mainColor);
}
body.css-values-content .checkbox input:checked,
body.css-values-content .coda-checkbox-para input:checked {
  background-color: var(--inputBackgroundColor);
}
body.css-values-content .coda-btn {
  background-color: var(--btnCallout);
}
body.css-values-content .coda-nav ul li a.current {
  background-color: var(--selectedColor) !important;
}
body.css-values-content .coda-nav ul li a.shown {
  background-color: var(--altColor);
}
body.css-values-content .slider_table .slider_container #coda-nav-left-1 a,
body.css-values-content .slider_table .slider_container #coda-nav-right-1 a {
  color: var(--btnCallout);
}
body.css-valueswork2 .values-work2 .exercise .clear .tblValuesWork2.selected {
  border-color: var(--selectedColor);
  background-color: var(--selectedBackgroundColor);
}
body.css-valueswork2 .values-work2 .exercise .clear .tblValuesWork2.selected th {
  background-color: var(--selectedColor);
}
body.css-valueswork2 .values-work2 table th {
  background-color: var(--altColor);
}
body.css-pickinventory .btn-Unlock a {
  background-color: var(--btnContinue);
  color: var(--knockoutText);
}
body.css-fbinvite .fbInvite .form-footer {
  background-color: var(--calloutboxBackground);
  color: var(--site-text-color);
}
body.css-fbinvite .add-fb-buttons {
  background-color: var(--mainColor);
  color: var(--knockoutText);
}
body .body-container .input-container .textarea-limit .text-span-label {
  color: var(--altColor);
}
body .demograhics-page .header-box {
  background-color: var(--shadedBackgroundOverlay);
}
body .blueTransparency {
  background-color: var(--shadedBackgroundOverlay);
}
body .theme-btn,
body .dbcontent .db-grid .icon {
  background-color: var(--mainColor);
  color: var(--knockoutText);
}
body .dbcontent .db-grid:before {
  border-color: var(--mainColor);
}