/*/////////////////////////////

COLOR STYLES

/////////////////////////////*/
/*#9A1A1A;*/
/*    */
.bg-color-f9f9f9 {
  background-color: #f9f9f9; }

.bg-color-white {
  background-color: white; }

.text-white {
  color: white; }

.kolony-blue, a.kolony-blue, .kolony-branded-skin .glyphicon-question-sign {
  color: #2e83b7; }

.kolony-dark-blue, a.kolony-dark-blue {
  color: #144c80; }

.bg-default {
  color: #33675a;
  background-color: #bfbcc0; }

/*/////////////////////////////

BREAKPOINTS STYLES

/////////////////////////////*/
/*/////////////////////////////

FONT STYLES

/////////////////////////////*/
/* Bootstrap 3 Refugees */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold; }

h1 {
  font-size: 2.333333rem; }

h2 {
  font-size: 1.666667rem; }

h3 {
  font-size: 1.333333rem; }

h4 {
  font-size: 1.25rem; }

h5 {
  font-size: 1rem; }

h6 {
  font-size: 0.85rem; }

/* custom fonts */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(../fonts/opensans_normal.woff) format("woff"); }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(../fonts/opensans_600.woff) format("woff"); }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(../fonts/opensans_700.woff) format("woff"); }

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(../fonts/opensans_italic.woff) format("woff"); }

/* end custom fonts */
.text-center {
  text-align: center; }

.font10 {
  font-size: 10px; }

.font12 {
  font-size: 12px; }

.font14, #add-multiple-project-options .display-case-tabs .tab {
  font-size: 14px; }

.font16 {
  font-size: 16px; }

.font18 {
  font-size: 18px; }

.font24 {
  font-size: 24px; }

.readable_font {
  text-transform: none; }

.small-text {
  font-size: small; }

.smallest-text {
  font-size: 10px; }

.bottom-align-text {
  position: absolute;
  bottom: 0; }

.bold {
  font-family: OpenSans-Bold, OpenSans, Helvetica, Arial, sans-serif; }

.pr-6 {
  padding-right: 4em; }

/*/////////////////////////////

ICONS STYLES

/////////////////////////////*/
.action-icon:hover {
  cursor: pointer; }

.calendar-icon {
  position: absolute;
  right: 10px;
  z-index: 9; }

.icon-copy {
  height: 20px;
  width: 20px;
  background-size: contain;
  background-image: url("../images/icons/icon-copy.png");
  margin-top: 4px;
  margin-right: 7px; }

.icon-trash, .glyphicon-trash {
  background-image: url("../images/icons/Delete.svg");
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 22px;
  height: 24px;
  display: inline-block; }
  .icon-trash.white, .glyphicon-trash.white {
    background-image: url("../images/icons/DeleteWhite.svg"); }

.fas,
.far {
  color: #102C25; }

.icon-lock {
  background: url("../images/icons/icon_lock_white.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 17px;
  height: 21px;
  display: inline-block; }

.icon-copy-white {
  background: url("../images/icons/icon_copy_white.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 18px;
  height: 21px; }

.sidr-class-glyphicon-chevron-down {
  background: url("../images/icons/down-arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0px 0px; }

.nav-projects, .sidr-class-nav-projects {
  background: url("../images/icons/projects_hover.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0px 0px; }

.active .nav-projects, .active.sidr-class-nav-projects {
  background: url("../images/icons/projects.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0px 0px; }
  .active .nav-projects + div, .active.sidr-class-nav-projects + div {
    font-weight: bold; }

.nav-participants, .sidr-class-nav-participants {
  background: url("../images/icons/participants_hover.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0px 0px; }

.active .nav-participants, .active .sidr-class-nav-participants {
  background: url("../images/icons/participants.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0px 0px; }
  .active .nav-participants + div, .active .sidr-class-nav-participants + div {
    font-weight: bold; }

.nav-participant-dashboard, .sidr-class-nav-participant-dashboard {
  background: url("../images/icons/nav-part-dashboard.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0px 0px; }

.active .nav-participant-dashboard, .active .sidr-class-nav-participant-dashboard {
  background: url("../images/icons/nav-part-dashboard.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0px 0px; }
  .active .nav-participant-dashboard + div, .active .sidr-class-nav-participant-dashboard + div {
    font-weight: bold; }

.nav-company, .sidr-class-nav-company {
  background: url("../images/icons/company_hover.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0px 0px; }

.active .nav-company, .active .sidr-class-nav-company {
  background: url("../images/icons/company.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0px 0px; }
  .active .nav-company + div, .active .sidr-class-nav-company + div {
    font-weight: bold; }

.nav-profile.nav-icon {
  margin-left: -3px !important; }

.nav-profile, .sidr-class-nav-profile {
  background: url("../images/icons/profile_hover.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0px 0px; }

.active .nav-profile, .active .sidr-class-nav-profile {
  background: url("../images/icons/profile.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0px 0px; }
  .active .nav-profile + div, .active .sidr-class-nav-profile + div {
    font-weight: bold; }

.nav-messages, .sidr-class-nav-messages {
  background: url("../images/icons/messages_hover.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0px 0px; }

.active .nav-messages, .active .sidr-class-nav-messages {
  background: url("../images/icons/messages.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0px 0px; }
  .active .nav-messages + div, .active .sidr-class-nav-messages + div {
    font-weight: bold; }

.has-messages .nav-messages, .sidr-class-has-messages .sidr-class-nav-messages {
  background-image: url("../images/icons/messages_has_new_messages.svg"); }

.nav-admin, .sidr-class-nav-admin {
  background: url("../images/icons/admin_hover.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0px 0px; }

.active .nav-admin, .active .sidr-class-nav-admin {
  background: url("../images/icons/admin.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0px 0px; }
  .active .nav-admin + div, .active .sidr-class-nav-admin + div {
    font-weight: bold; }

.nav-logout, .sidr-class-nav-logout, .sidr-class-nav-login {
  background: url("../images/icons/logout_hover.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0px 0px; }

.active .nav-logout, .active .sidr-class-nav-logout, .active .sidr-class-nav-login {
  background: url("../images/icons/logout.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0px 0px; }

.icon-red-x {
  background: url("../images/icons/red-close-x.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 20px;
  height: 20px;
  display: inline-block; }

.icon-green-check {
  background: url("/assets/images/icons/checkmark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 20px;
  height: 20px;
  display: inline-block; }

.icon-search {
  color: #bfbcc0;
  font-size: 18px;
  position: absolute;
  margin-left: -30px; }

.sidr-class-mobile-nav a.profile {
  background: url("../images/nav-profile.png") no-repeat center bottom; }

.sidr-class-mobile-nav a.help {
  background: url("../images/nav-help.png") no-repeat center bottom; }

.sidr-class-mobile-nav a.messages {
  background: url("../images/nav-messages.png") no-repeat center bottom; }
  .sidr-class-mobile-nav a.messages.has-messages {
    background: url("../images/nav-messages-has-msgs.png") no-repeat center bottom; }
  .sidr-class-mobile-nav a.messages > span {
    margin-left: -10px; }

.sidr-class-mobile-nav a.contact {
  background: url("../images/nav-contact.png") no-repeat center bottom; }
  .sidr-class-mobile-nav a.contact > span {
    margin-left: -14px; }

.sidr-class-mobile-nav a.logout {
  background: url("../images/nav-logout.png") no-repeat center bottom; }

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("../../fonts/glyphicons-halflings-regular.eot");
  src: url("../../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); }

.glyphicon, .sidr-class-glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.glyphicon-asterisk:before {
  content: "\002a"; }

.glyphicon-plus:before {
  content: "\002b"; }

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-cloud:before {
  content: "\2601"; }

.glyphicon-envelope:before {
  content: "\2709"; }

.glyphicon-pencil:before {
  content: "\270f"; }

.glyphicon-glass:before {
  content: "\e001"; }

.glyphicon-music:before {
  content: "\e002"; }

.glyphicon-search:before {
  content: "\e003"; }

.glyphicon-heart:before {
  content: "\e005"; }

.glyphicon-user:before {
  content: "\e008"; }

.glyphicon-film:before {
  content: "\e009"; }

.glyphicon-th-large:before {
  content: "\e010"; }

.glyphicon-th:before {
  content: "\e011"; }

.glyphicon-th-list:before {
  content: "\e012"; }

.glyphicon-ok:before {
  content: "\e013"; }

.glyphicon-remove:before {
  content: "\e014"; }

.glyphicon-zoom-in:before {
  content: "\e015"; }

.glyphicon-zoom-out:before {
  content: "\e016"; }

.glyphicon-off:before {
  content: "\e017"; }

.glyphicon-signal:before {
  content: "\e018"; }

.glyphicon-cog:before {
  content: "\e019"; }

/*.glyphicon-trash:before {
  content: "\e020";
}*/
.glyphicon-home:before {
  content: "\e021"; }

.glyphicon-file:before {
  content: "\e022"; }

.glyphicon-time:before {
  content: "\e023"; }

.glyphicon-road:before {
  content: "\e024"; }

.glyphicon-download-alt:before {
  content: "\e025"; }

.glyphicon-download:before {
  content: "\e026"; }

.glyphicon-upload:before {
  content: "\e027"; }

.glyphicon-inbox:before {
  content: "\e028"; }

.glyphicon-play-circle:before {
  content: "\e029"; }

.glyphicon-repeat:before {
  content: "\e030"; }

.glyphicon-refresh:before {
  content: "\e031"; }

.glyphicon-list-alt:before {
  content: "\e032"; }

/*
.glyphicon-lock:before {
  content: "\e033";
}*/
.glyphicon-flag:before {
  content: "\e034"; }

.glyphicon-headphones:before {
  content: "\e035"; }

.glyphicon-volume-off:before {
  content: "\e036"; }

.glyphicon-volume-down:before {
  content: "\e037"; }

.glyphicon-volume-up:before {
  content: "\e038"; }

.glyphicon-qrcode:before {
  content: "\e039"; }

.glyphicon-barcode:before {
  content: "\e040"; }

.glyphicon-tag:before {
  content: "\e041"; }

.glyphicon-tags:before {
  content: "\e042"; }

.glyphicon-book:before {
  content: "\e043"; }

.glyphicon-bookmark:before {
  content: "\e044"; }

.glyphicon-print:before {
  content: "\e045"; }

.glyphicon-camera:before {
  content: "\e046"; }

.glyphicon-font:before {
  content: "\e047"; }

.glyphicon-bold:before {
  content: "\e048"; }

.glyphicon-italic:before {
  content: "\e049"; }

.glyphicon-text-height:before {
  content: "\e050"; }

.glyphicon-text-width:before {
  content: "\e051"; }

.glyphicon-align-left:before {
  content: "\e052"; }

.glyphicon-align-center:before {
  content: "\e053"; }

.glyphicon-align-right:before {
  content: "\e054"; }

.glyphicon-align-justify:before {
  content: "\e055"; }

.glyphicon-list:before {
  content: "\e056"; }

.glyphicon-indent-left:before {
  content: "\e057"; }

.glyphicon-indent-right:before {
  content: "\e058"; }

.glyphicon-facetime-video:before {
  content: "\e059"; }

.glyphicon-picture:before {
  content: "\e060"; }

.glyphicon-map-marker:before {
  content: "\e062"; }

.glyphicon-adjust:before {
  content: "\e063"; }

.glyphicon-tint:before {
  content: "\e064"; }

.glyphicon-edit:before {
  content: "\e065"; }

.glyphicon-share:before {
  content: "\e066"; }

.glyphicon-check:before {
  content: "\e067"; }

.glyphicon-move:before {
  content: "\e068"; }

.glyphicon-step-backward:before {
  content: "\e069"; }

.glyphicon-fast-backward:before {
  content: "\e070"; }

.glyphicon-backward:before {
  content: "\e071"; }

.glyphicon-play:before {
  content: "\e072"; }

.glyphicon-pause:before {
  content: "\e073"; }

.glyphicon-stop:before {
  content: "\e074"; }

.glyphicon-forward:before {
  content: "\e075"; }

.glyphicon-fast-forward:before {
  content: "\e076"; }

.glyphicon-step-forward:before {
  content: "\e077"; }

.glyphicon-eject:before {
  content: "\e078"; }

.glyphicon-chevron-left:before {
  content: "\e079"; }

.glyphicon-chevron-right:before {
  content: "\e080"; }

.glyphicon-plus-sign:before {
  content: "\e081"; }

.glyphicon-minus-sign:before {
  content: "\e082"; }

.glyphicon-remove-sign:before {
  content: "\e083"; }

.glyphicon-ok-sign:before {
  content: "\e084"; }

.glyphicon-question-sign:before {
  content: "\e085"; }

.glyphicon-info-sign:before {
  content: "\e086"; }

.glyphicon-screenshot:before {
  content: "\e087"; }

.glyphicon-remove-circle:before {
  content: "\e088"; }

.glyphicon-ok-circle:before {
  content: "\e089"; }

.glyphicon-ban-circle:before {
  content: "\e090"; }

.glyphicon-arrow-left:before {
  content: "\e091"; }

.glyphicon-arrow-right:before {
  content: "\e092"; }

.glyphicon-arrow-up:before {
  content: "\e093"; }

.sidr-class-glyphicon-arrow-down:before {
  content: "\e094"; }

.glyphicon-arrow-down:before {
  content: "\e094"; }

.glyphicon-share-alt:before {
  content: "\e095"; }

.glyphicon-resize-full:before {
  content: "\e096"; }

.glyphicon-resize-small:before {
  content: "\e097"; }

.glyphicon-exclamation-sign:before {
  content: "\e101"; }

.glyphicon-gift:before {
  content: "\e102"; }

.glyphicon-leaf:before {
  content: "\e103"; }

.glyphicon-fire:before {
  content: "\e104"; }

.glyphicon-eye-open:before {
  content: "\e105"; }

.glyphicon-eye-close:before {
  content: "\e106"; }

.glyphicon-warning-sign:before {
  content: "\e107"; }

.glyphicon-plane:before {
  content: "\e108"; }

.glyphicon-calendar:before {
  content: "\e109"; }

.glyphicon-random:before {
  content: "\e110"; }

.glyphicon-comment:before {
  content: "\e111"; }

.glyphicon-magnet:before {
  content: "\e112"; }

.glyphicon-chevron-up:before {
  content: "\e113"; }

/*
.sidr-class-glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
*/
.glyphicon-retweet:before {
  content: "\e115"; }

.glyphicon-shopping-cart:before {
  content: "\e116"; }

.glyphicon-folder-close:before {
  content: "\e117"; }

.glyphicon-folder-open:before {
  content: "\e118"; }

.glyphicon-resize-vertical:before {
  content: "\e119"; }

.glyphicon-resize-horizontal:before {
  content: "\e120"; }

.glyphicon-hdd:before {
  content: "\e121"; }

.glyphicon-bullhorn:before {
  content: "\e122"; }

.glyphicon-bell:before {
  content: "\e123"; }

.glyphicon-certificate:before {
  content: "\e124"; }

.glyphicon-thumbs-up:before {
  content: "\e125"; }

.glyphicon-thumbs-down:before {
  content: "\e126"; }

.glyphicon-hand-right:before {
  content: "\e127"; }

.glyphicon-hand-left:before {
  content: "\e128"; }

.glyphicon-hand-up:before {
  content: "\e129"; }

.glyphicon-hand-down:before {
  content: "\e130"; }

.glyphicon-circle-arrow-right:before {
  content: "\e131"; }

.glyphicon-circle-arrow-left:before {
  content: "\e132"; }

.glyphicon-circle-arrow-up:before {
  content: "\e133"; }

.glyphicon-circle-arrow-down:before {
  content: "\e134"; }

.glyphicon-globe:before {
  content: "\e135"; }

.glyphicon-wrench:before {
  content: "\e136"; }

.glyphicon-tasks:before {
  content: "\e137"; }

.glyphicon-filter:before {
  content: "\e138"; }

.glyphicon-briefcase:before {
  content: "\e139"; }

.glyphicon-fullscreen:before {
  content: "\e140"; }

.glyphicon-dashboard:before {
  content: "\e141"; }

.glyphicon-paperclip:before {
  content: "\e142"; }

.glyphicon-heart-empty:before {
  content: "\e143"; }

.glyphicon-link:before {
  content: "\e144"; }

.glyphicon-phone:before {
  content: "\e145"; }

.glyphicon-pushpin:before {
  content: "\e146"; }

.glyphicon-usd:before {
  content: "\e148"; }

.glyphicon-gbp:before {
  content: "\e149"; }

.glyphicon-sort:before {
  content: "\e150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\e151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"; }

.glyphicon-sort-by-order:before {
  content: "\e153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\e154"; }

.glyphicon-sort-by-attributes:before {
  content: "\e155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"; }

.glyphicon-unchecked:before {
  content: "\e157"; }

.glyphicon-expand:before {
  content: "\e158"; }

.glyphicon-collapse-down:before {
  content: "\e159"; }

.glyphicon-collapse-up:before {
  content: "\e160"; }

.glyphicon-log-in:before {
  content: "\e161"; }

.glyphicon-flash:before {
  content: "\e162"; }

.glyphicon-log-out:before {
  content: "\e163"; }

.glyphicon-new-window:before {
  content: "\e164"; }

.glyphicon-record:before {
  content: "\e165"; }

.glyphicon-save:before {
  content: "\e166"; }

.glyphicon-open:before {
  content: "\e167"; }

.glyphicon-saved:before {
  content: "\e168"; }

.glyphicon-import:before {
  content: "\e169"; }

.glyphicon-export:before {
  content: "\e170"; }

.glyphicon-send:before {
  content: "\e171"; }

.glyphicon-floppy-disk:before {
  content: "\e172"; }

.glyphicon-floppy-saved:before {
  content: "\e173"; }

.glyphicon-floppy-remove:before {
  content: "\e174"; }

.glyphicon-floppy-save:before {
  content: "\e175"; }

.glyphicon-floppy-open:before {
  content: "\e176"; }

.glyphicon-credit-card:before {
  content: "\e177"; }

.glyphicon-transfer:before {
  content: "\e178"; }

.glyphicon-cutlery:before {
  content: "\e179"; }

.glyphicon-header:before {
  content: "\e180"; }

.glyphicon-compressed:before {
  content: "\e181"; }

.glyphicon-earphone:before {
  content: "\e182"; }

.glyphicon-phone-alt:before {
  content: "\e183"; }

.glyphicon-tower:before {
  content: "\e184"; }

.glyphicon-stats:before {
  content: "\e185"; }

.glyphicon-sd-video:before {
  content: "\e186"; }

.glyphicon-hd-video:before {
  content: "\e187"; }

.glyphicon-subtitles:before {
  content: "\e188"; }

.glyphicon-sound-stereo:before {
  content: "\e189"; }

.glyphicon-sound-dolby:before {
  content: "\e190"; }

.glyphicon-sound-5-1:before {
  content: "\e191"; }

.glyphicon-sound-6-1:before {
  content: "\e192"; }

.glyphicon-sound-7-1:before {
  content: "\e193"; }

.glyphicon-copyright-mark:before {
  content: "\e194"; }

.glyphicon-registration-mark:before {
  content: "\e195"; }

.glyphicon-cloud-download:before {
  content: "\e197"; }

.glyphicon-cloud-upload:before {
  content: "\e198"; }

.glyphicon-tree-conifer:before {
  content: "\e199"; }

.glyphicon-tree-deciduous:before {
  content: "\e200"; }

.glyphicon-cd:before {
  content: "\e201"; }

.glyphicon-save-file:before {
  content: "\e202"; }

.glyphicon-open-file:before {
  content: "\e203"; }

.glyphicon-level-up:before {
  content: "\e204"; }

.glyphicon-copy:before {
  content: "\e205"; }

.glyphicon-paste:before {
  content: "\e206"; }

.glyphicon-alert:before {
  content: "\e209"; }

.glyphicon-equalizer:before {
  content: "\e210"; }

.glyphicon-king:before {
  content: "\e211"; }

.glyphicon-queen:before {
  content: "\e212"; }

.glyphicon-pawn:before {
  content: "\e213"; }

.glyphicon-bishop:before {
  content: "\e214"; }

.glyphicon-knight:before {
  content: "\e215"; }

.glyphicon-baby-formula:before {
  content: "\e216"; }

.glyphicon-tent:before {
  content: "\26fa"; }

.glyphicon-blackboard:before {
  content: "\e218"; }

.glyphicon-bed:before {
  content: "\e219"; }

.glyphicon-apple:before {
  content: "\f8ff"; }

.glyphicon-erase:before {
  content: "\e221"; }

.glyphicon-hourglass:before {
  content: "\231b"; }

.glyphicon-lamp:before {
  content: "\e223"; }

.glyphicon-duplicate:before {
  content: "\e224"; }

.glyphicon-piggy-bank:before {
  content: "\e225"; }

.glyphicon-scissors:before {
  content: "\e226"; }

.glyphicon-bitcoin:before {
  content: "\e227"; }

.glyphicon-btc:before {
  content: "\e227"; }

.glyphicon-xbt:before {
  content: "\e227"; }

.glyphicon-yen:before {
  content: "\00a5"; }

.glyphicon-jpy:before {
  content: "\00a5"; }

.glyphicon-ruble:before {
  content: "\20bd"; }

.glyphicon-rub:before {
  content: "\20bd"; }

.glyphicon-scale:before {
  content: "\e230"; }

.glyphicon-ice-lolly:before {
  content: "\e231"; }

.glyphicon-ice-lolly-tasted:before {
  content: "\e232"; }

.glyphicon-education:before {
  content: "\e233"; }

.glyphicon-option-horizontal:before {
  content: "\e234"; }

.glyphicon-option-vertical:before {
  content: "\e235"; }

.glyphicon-menu-hamburger:before {
  content: "\e236"; }

.glyphicon-modal-window:before {
  content: "\e237"; }

.glyphicon-oil:before {
  content: "\e238"; }

.glyphicon-grain:before {
  content: "\e239"; }

.glyphicon-sunglasses:before {
  content: "\e240"; }

.glyphicon-text-size:before {
  content: "\e241"; }

.glyphicon-text-color:before {
  content: "\e242"; }

.glyphicon-text-background:before {
  content: "\e243"; }

.glyphicon-object-align-top:before {
  content: "\e244"; }

.glyphicon-object-align-bottom:before {
  content: "\e245"; }

.glyphicon-object-align-horizontal:before {
  content: "\e246"; }

.glyphicon-object-align-left:before {
  content: "\e247"; }

.glyphicon-object-align-vertical:before {
  content: "\e248"; }

.glyphicon-object-align-right:before {
  content: "\e249"; }

.glyphicon-triangle-right:before {
  content: "\e250"; }

.glyphicon-triangle-left:before {
  content: "\e251"; }

.glyphicon-triangle-bottom:before {
  content: "\e252"; }

.glyphicon-triangle-top:before {
  content: "\e253"; }

.glyphicon-console:before {
  content: "\e254"; }

.glyphicon-superscript:before {
  content: "\e255"; }

.glyphicon-subscript:before {
  content: "\e256"; }

.glyphicon-menu-left:before {
  content: "\e257"; }

.glyphicon-menu-right:before {
  content: "\e258"; }

.glyphicon-menu-down:before {
  content: "\e259"; }

.glyphicon-menu-up:before {
  content: "\e260"; }

/*/////////////////////////////

BORDER STYLES

/////////////////////////////*/
.border-bottom, .response_div .border-bottom {
  border-bottom-width: 1px;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom: 1px solid #bfbcc0; }

.border-top {
  border-bottom-width: 0px;
  border-top-width: 1px;
  border-left-width: 0px;
  border-right-width: 0px; }

.border-left {
  border-bottom-width: 0px;
  border-top-width: 0px;
  border-left-width: 1px;
  border-right-width: 0px; }

.border-all {
  border-bottom-width: 1px;
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px; }

.hand-drawn-border, .questions_container .response_div .hand-drawn-border {
  border-style: dotted;
  border-color: #bfbcc0; }

body.unbranded-skin #page-content,
body.unbranded-skin #custom-main-nav,
body.unbranded-skin footer {
  border: 1px solid #bfbcc0;
  border-top: 0px;
  border-bottom: 0px; }

/*/////////////////////////////

DATEPICKER STYLES

/////////////////////////////*/
.datepicker input {
  cursor: pointer; }

.datepicker .datepicker-title, .datepicker .datepicker-switch, .datepicker .next, .datepicker .prev {
  background-color: #33675a;
  color: white;
  border-radius: 0 !important;
  font-size: 16px;
  font-weight: 400; }
  .datepicker .datepicker-title:hover, .datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover {
    background-color: #102C25 !important; }

.datepicker td.active.day {
  background-color: #5e8028 !important;
  color: white !important;
  border-radius: 0 !important; }

.bootstrap-datetimepicker-widget.dropdown-menu {
  z-index: 9999; }

@media (max-width: 767px) {
  /* mobile display remove offset bug
  .datepicker.datepicker-dropdown {
    right: 150px !important;
    top: -10px !important;
  }*/ }

@media (min-width: 576px) {
  .modal-dialog:not(.modal-lg) {
    max-width: 600px; } }

.modal {
  z-index: 8150; }

.modal-backdrop {
  z-index: 8120; }

.modal-header {
  background-color: #2e83b7;
  padding: 0.375em 1.125em;
  border: none;
  border-radius: 0px;
  color: white; }
  .modal-header button span {
    color: white; }

.modal-content {
  border: 2px solid #2e83b7;
  border-radius: 0px; }
  .modal-content.modal-alert {
    border-color: #CF8205; }
    .modal-content.modal-alert .modal-header {
      background-color: #CF8205; }

.modal-loading {
  color: white;
  text-align: center; }

.modal-footer {
  border: none; }

.kudzu-scroll-box {
  border: 1px solid #719834;
  overflow-y: auto;
  height: 200px;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .kudzu-scroll-box.height-300 {
    height: 300px; }
  .kudzu-scroll-box.height-100 {
    height: 100px; }
  .kudzu-scroll-box.height-auto {
    height: unset; }
  .kudzu-scroll-box::-webkit-scrollbar {
    width: 8px; }
  .kudzu-scroll-box::-webkit-scrollbar-track {
    background: #FFF; }
  .kudzu-scroll-box::-webkit-scrollbar-thumb {
    background: #33675a;
    border-radius: 3px; }
  .kudzu-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #33675a; }

.overlaydiv {
  position: absolute;
  top: 0px; }
  .overlaydiv img {
    display: block;
    margin: 0px auto;
    max-width: 100%;
    max-height: 100%; }

#overlaydiv {
  display: flex;
  z-index: 99999;
  position: fixed;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center; }
  #overlaydiv img {
    max-width: 160px; }

/*/////////////////////////////

ADMIN PROJECTS STYLES

/////////////////////////////*/
.admin_media.fullscreen, .admin_projects.fullscreen {
  width: 100%;
  background: white; }

.admin_projects.fullscreen .page, .admin_projects.fullscreen .box, .admin_projects.fullscreen .box-top, .admin_projects.fullscreen .box-bottom {
  width: 100%;
  background: green; }

.admin_media #Content {
  min-height: 550px;
  overflow: auto; }

.admin_projects.fullscreen .content-nav {
  width: 12%;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0px; }

.admin_projects.fullscreen .welcome {
  width: 85%; }

.admin_projects.fullscreen .welcome-lee, .admin_projects.fullscreen .fullscreen_nav_wrapper {
  border: 1px solid #AAAAAA;
  border-collapse: collapse; }

.admin_projects .fullscreen_nav_wrapper {
  padding-right: 10px; }

/*/////////////////////////////

LINK STYLES

/////////////////////////////*/
a, a.normal-link-style {
  color: black; }
  a:hover, a.normal-link-style:hover {
    color: #33675a;
    text-decoration: none; }

/*/////////////////////////////

BUTTON STYLES

/////////////////////////////*/
/* Bootstrap 3 Refugees */
button.icon-button {
  min-width: 25px;
  background-color: transparent;
  border-radius: 0;
  border: 0; }

button.search {
  height: 10px;
  width: 25px;
  padding-bottom: 17px;
  position: absolute;
  right: 0px;
  color: black;
  bottom: 6px;
  cursor: pointer; }

button .icon-down-arrow {
  float: right; }

.btn-group > .btn.margin-left-sm:first-child {
  margin-left: .5em; }

button:focus, .btn-success.focus, .btn-success:focus {
  box-shadow: none;
  outline: none;
  outline: none; }

.btn {
  font-family: inherit;
  font-size: 11.5px;
  letter-spacing: 1px;
  color: white;
  padding: 8px 15px;
  border-color: transparent; }
  .btn:hover {
    cursor: pointer;
    color: white; }
  .btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none; }
  .btn:not(:disabled):not(.disabled) {
    color: white; }
  .btn:not([href]):not([tabindex]):hover {
    color: white; }
  .btn:not(:disabled):not(.disabled):active:focus {
    box-shadow: none; }
  .btn.btn-dropdown {
    background-color: #719834; }
  .btn.btn-primary {
    background-color: #33675a; }
    .btn.btn-primary:hover {
      background-color: #102C25; }
    .btn.btn-primary.focus, .btn.btn-primary:focus {
      box-shadow: none;
      background-color: #102C25; }
    .btn.btn-primary:not(:disabled):not(.disabled):active:focus {
      box-shadow: none;
      background-color: #102C25; }
    .btn.btn-primary:not(:disabled):not(.disabled):active {
      background-color: #102C25; }
  .btn.btn-secondary {
    background-color: #719834; }
    .btn.btn-secondary:hover {
      background-color: #5e8028; }
    .btn.btn-secondary.focus, .btn.btn-secondary:focus {
      box-shadow: none; }
    .btn.btn-secondary:not(:disabled):not(.disabled):active:focus {
      box-shadow: none; }
  .btn.btn-danger {
    background-color: #c52828; }
    .btn.btn-danger:hover {
      background-color: #760900; }
  .btn.btn-large {
    min-width: 140px; }
    @media (max-width: 767.98px) {
      .btn.btn-large {
        min-width: 100px; } }
  .btn.btn-flex {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center; }
  .btn.btn-fixed-140 {
    min-width: 140px;
    max-width: 140px; }
    @media (max-width: 767.98px) {
      .btn.btn-fixed-140 {
        min-width: 100px; } }
  .btn.btn-auto-width {
    width: auto; }
    .btn.btn-auto-width.btn-min-140 {
      min-width: 140px; }
      @media (max-width: 767.98px) {
        .btn.btn-auto-width.btn-min-140 {
          min-width: 100px; } }
  .btn.no-border-radius {
    border-radius: 0; }

.btn-success {
  color: #fff;
  background-color: #a3cf62;
  border-color: #a3cf62; }
  .btn-success:hover {
    color: #fff; }
  .btn-success:not(:disabled):not(.disabled).active, .btn-success .btn-success:not(:disabled):not(.disabled):active, .btn-success .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #a3cf62;
    border-color: #a3cf62; }
  .btn-success:active:hover, .btn-success .btn-success.active:hover, .btn-success .open > .dropdown-toggle.btn-success:hover, .btn-success .btn-success:active:focus, .btn-success .btn-success.active:focus, .btn-success .open > .dropdown-toggle.btn-success:focus, .btn-success .btn-success:active.focus, .btn-success .btn-success.active.focus, .btn-success .open > .dropdown-toggle.btn-success.focus {
    background-color: #719834;
    border-color: #719834; }
  .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
  .show > .btn-success.dropdown-toggle {
    background-color: #719834;
    border-color: #719834; }
    .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
    .show > .btn-success.dropdown-toggle:focus {
      box-shadow: none; }

.btn-sm {
  padding: .25rem .5rem;
  line-height: 1.5;
  border-radius: .2rem; }

/* remove border radius on bottom right of dropdown button when it's open */
.open .btn.dropdown-toggle {
  border-radius: 3px 3px 0px 0px;
  background-color: #a3cf62; }

.save-loader:not(.d-none) {
  max-width: 20px;
  display: inline !important; }

/*/////////////////////////////

TOOLTIP STYLES

/////////////////////////////*/
.tooltip-inner {
  opacity: 1;
  background-color: #2e83b7;
  border-radius: 0px; }

.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
  margin-left: 0px;
  content: "";
  border-width: 0 5px 5px;
  border-bottom-color: #2e83b7; }

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
  margin-left: 0px;
  content: "";
  border-width: 5px 5px 0;
  border-top-color: #2e83b7; }

.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before {
  margin-top: 0px;
  content: "";
  border-width: 5px 5px 5px 0;
  border-right-color: #2e83b7; }

.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before {
  right: 0;
  margin-top: 0px;
  content: "";
  border-width: 5px 0 5px 5px;
  border-left-color: #2e83b7; }

.tooltip {
  opacity: 1 !important;
  filter: alpha(opacity=100);
  z-index: 9999; }

/*/////////////////////////////

NAV STYLES

/////////////////////////////*/
.img-responsive {
  max-width: 100%;
  max-height: 100%; }

#custom-main-nav {
  border-bottom: 0px solid #33675a; }
  @media (max-width: 480px) {
    #custom-main-nav {
      border-bottom: 5px solid #33675a; } }

.navbar-header {
  max-width: 1170px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-weight: 600;
  padding-left: 25px; }

.navbar-main-nav-item.active a {
  color: black; }

#header,
.subnav {
  border-bottom: 5px solid #33675a; }
  @media (max-width: 480px) {
    #header,
    .subnav {
      border-bottom: 0px solid #33675a; } }

.subnav,
#subnav {
  padding: 0px;
  font-size: 12px;
  color: black;
  background-color: #f9f9f9; }
  .subnav ul,
  #subnav ul {
    float: right;
    list-style: none;
    margin-top: 40px;
    margin-bottom: 0px; }
  .subnav li,
  #subnav li {
    float: left;
    margin-right: 1.6vw; }
    .subnav li a,
    #subnav li a {
      text-transform: capitalize; }
  .subnav .navbar-main-nav-item .nav-icon,
  #subnav .navbar-main-nav-item .nav-icon {
    height: 40px;
    width: 40px;
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0px 50px;
    transition: opacity 0.25s, background-position 0.25s ease-in-out;
    -moz-transition: opacity 0.25s, background-position 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s, background-position 0.25s ease-in-out; }
  .subnav .navbar-main-nav-item .nav-icon.nav-participants,
  .subnav .navbar-main-nav-item .nav-icon.nav-company,
  #subnav .navbar-main-nav-item .nav-icon.nav-participants,
  #subnav .navbar-main-nav-item .nav-icon.nav-company {
    width: 50px; }
  .subnav .navbar-main-nav-item.hover .nav-icon,
  .subnav .navbar-main-nav-item.active .nav-icon,
  #subnav .navbar-main-nav-item.hover .nav-icon,
  #subnav .navbar-main-nav-item.active .nav-icon {
    opacity: 1;
    background-position: 0px 0px; }
  .subnav .navbar-main-nav-item.inactive .nav-icon,
  #subnav .navbar-main-nav-item.inactive .nav-icon {
    opacity: 0;
    background-position: 0px 50px; }
  .subnav .navbar-main-nav-item.active .indicator-bar,
  #subnav .navbar-main-nav-item.active .indicator-bar {
    opacity: 1;
    background-color: #719834;
    height: 5px;
    margin-bottom: 3px; }
  .subnav .navbar-main-nav-item.active .nav-icon,
  #subnav .navbar-main-nav-item.active .nav-icon {
    opacity: 1; }
  .subnav .navbar-main-nav-item.active a .subnav-text,
  #subnav .navbar-main-nav-item.active a .subnav-text {
    font-weight: bold; }
  .subnav .nav-logo,
  #subnav .nav-logo {
    height: 70px;
    width: 170px;
    background-image: url("../images/logo_acme.jpg");
    background-size: cover; }

#subnav {
  background-color: white !important; }

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-toggler {
  color: black;
  margin-top: 20px; }

.nav .navbar-main-nav-item .indicator-bar {
  height: 5px;
  width: 100%;
  background-color: green;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
  margin-bottom: 3px; }

.nav-pills li a {
  border-radius: 0px;
  font-size: 16px;
  font-weight: 600; }

#subnav {
  /*display: block;*/
  background-color: white;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-bottom: 20px;
  background-color: #f9f9f9; }
  @media (max-width: 480px) {
    #subnav {
      display: none; } }
  #subnav .breadcrumbs {
    flex: 1 2 auto; }
    #subnav .breadcrumbs ul {
      float: left;
      margin-left: -38px; }
      #subnav .breadcrumbs ul li {
        margin-right: 0px;
        margin-left: 5px; }
        #subnav .breadcrumbs ul li:first-child {
          margin-left: 0px; }
  #subnav .subnav-links {
    flex: 3 1 auto; }
  #subnav ul {
    list-style: none;
    float: right;
    margin-top: 10px; }
    #subnav ul li {
      float: left;
      margin-right: 30px; }
      @media (max-width: 1199.98px) {
        #subnav ul li {
          margin-right: 20px; } }
      #subnav ul li:last-child {
        margin-right: 1.6vw; }
      #subnav ul li a {
        cursor: pointer; }

.breadcrumbs-mobile {
  background-color: white;
  width: 100vw;
  margin-left: -15px; }
  .breadcrumbs-mobile ul {
    list-style: none;
    margin-bottom: 0px;
    padding: 7px 0 10px 0; }
    .breadcrumbs-mobile ul li {
      float: left;
      margin-right: 5px; }
      .breadcrumbs-mobile ul li:last-child {
        margin-right: 0px; }
      .breadcrumbs-mobile ul li a {
        cursor: pointer; }

/*/////////////////////////////

HEADER STYLES

/////////////////////////////*/
header {
  font-size: 12px;
  color: black;
  background-color: #f9f9f9; }

#header .logo {
  padding-top: 20px;
  max-width: 300px; }

.kolony-branded-skin #custom-main-nav .nav li a:hover {
  /*color:#33675A;*/
  text-decoration: none;
  color: black; }

#custom-main-nav .nav li span.badge {
  font-size: 12px;
  border-top: 0px !important; }

.kolony-branded-skin #custom-main-nav .nav li span {
  display: none;
  padding: 0px 4px;
  border-top: 4px solid #33675a; }

.kolony-branded-skin #custom-main-nav .nav li a.profile {
  background: url("../images/nav-profile.png") no-repeat center bottom; }

.kolony-branded-skin #custom-main-nav .nav li a.help {
  background: url("../images/nav-help.png") no-repeat center bottom; }

.kolony-branded-skin #custom-main-nav .nav li a.messages {
  background: url("../images/nav-messages.png") no-repeat center bottom; }
  .kolony-branded-skin #custom-main-nav .nav li a.messages.has-messages {
    background: url("../images/nav-messages-has-msgs.png") no-repeat center bottom; }
  .kolony-branded-skin #custom-main-nav .nav li a.messages > span {
    margin-left: -10px; }

.kolony-branded-skin #custom-main-nav .nav li a.contact {
  background: url("../images/nav-contact.png") no-repeat center bottom; }
  .kolony-branded-skin #custom-main-nav .nav li a.contact > span {
    margin-left: -14px; }

.kolony-branded-skin #custom-main-nav .nav li a.logout {
  background: url("../images/nav-logout.png") no-repeat center bottom; }

.unbranded-skin #custom-main-nav .nav li a.glyphicon {
  font-size: 30px; }
  .unbranded-skin #custom-main-nav .nav li a.glyphicon span {
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    display: none; }

.unbranded-skin #custom-main-nav .nav li span.badge {
  display: inline; }

.unbranded-skin #custom-main-nav .nav li a {
  width: 57px;
  max-height: 90px; }

/*/////////////////////////////

MOBILE NAV STYLES

/////////////////////////////*/
.navbar-toggle {
  position: relative;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }
  .navbar-toggle:focus {
    outline: 0; }
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px; }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px; }
  @media (min-width: 768px) {
    .navbar-toggle {
      display: none; } }
  .navbar-toggle.pull-left {
    cursor: pointer; }
    .navbar-toggle.pull-left.open .icon-bar:first-child {
      opacity: 1;
      transform: rotate(-45deg);
      position: absolute;
      top: 15px; }
    .navbar-toggle.pull-left.open .icon-bar {
      opacity: 0; }
    .navbar-toggle.pull-left.open .icon-bar:last-child {
      opacity: 1;
      transform: rotate(45deg);
      position: absolute;
      top: 11px; }
    .navbar-toggle.pull-left .icon-bar:first-child {
      opacity: 1;
      transform: rotate(0deg); }
    .navbar-toggle.pull-left .icon-bar {
      opacity: 1; }
    .navbar-toggle.pull-left .icon-bar:last-child {
      opacity: 1;
      transform: rotate(0deg); }
    .navbar-toggle.pull-left .icon-bar {
      -webkit-transition: opacity 0.2s, top 0.5s, -webkit-transform 0.5s;
      transition: opacity 0.2s, top 0.5s, transform 0.5s; }

#sidr-overlay {
  position: absolute;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 999998;
  display: none; }

.sidr-open #sidr-overlay {
  display: block; }

#main-left-nav ul.sidr-class-mobile-nav li.sidr-class-navbar-main-nav-item {
  padding-left: 0px; }

#main-left-nav ul.sidr-class-mobile-nav ul.sidr-class-mobile-sub-nav.sidr-class-project-subnav li {
  padding-left: 50px; }

#main-left-nav ul.sidr-class-mobile-nav span.sidr-class-mnav-main-list-title {
  margin-left: 25px; }

#main-left-nav ul.sidr-class-mobile-nav li {
  position: relative; }

#main-left-nav ul.sidr-class-mobile-nav .sidr-class-nav-icon {
  width: 25px;
  height: 25px;
  padding: 0px;
  margin: 0px;
  float: left;
  position: absolute;
  top: 14px; }

#main-left-nav ul.sidr-class-mobile-nav .sidr-class-expand-btn {
  position: absolute;
  top: 10px;
  right: 0; }
  #main-left-nav ul.sidr-class-mobile-nav .sidr-class-expand-btn.sidr-class-small span {
    height: 20px !important;
    width: 20px !important; }
    #main-left-nav ul.sidr-class-mobile-nav .sidr-class-expand-btn.sidr-class-small span.sidr-class-expand-hit-area {
      height: 96% !important;
      width: 123% !important;
      position: absolute;
      top: -3px;
      right: 0; }
  #main-left-nav ul.sidr-class-mobile-nav .sidr-class-expand-btn.sidr-class-large span {
    height: 25px !important;
    width: 25px !important; }
    #main-left-nav ul.sidr-class-mobile-nav .sidr-class-expand-btn.sidr-class-large span.sidr-class-expand-hit-area {
      height: 180%;
      width: 100%;
      position: absolute;
      top: -12px;
      right: 0; }

#main-left-nav ul.sidr-class-mobile-nav .sidr-class-mobile-nav-subnav-trigger.expanded-parent button span {
  transform: rotate(-180deg); }

#main-left-nav ul.sidr-class-mobile-nav ul.sidr-class-mobile-sub-nav {
  display: block;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.2s linear; }
  #main-left-nav ul.sidr-class-mobile-nav ul.sidr-class-mobile-sub-nav.expanded {
    display: block;
    max-height: fit-content; }
  #main-left-nav ul.sidr-class-mobile-nav ul.sidr-class-mobile-sub-nav span {
    padding: 0 0px;
    display: inline-block;
    text-decoration: none;
    color: #333333;
    width: auto;
    margin-left: 14px; }
  #main-left-nav ul.sidr-class-mobile-nav ul.sidr-class-mobile-sub-nav li {
    margin-left: -10px; }
    #main-left-nav ul.sidr-class-mobile-nav ul.sidr-class-mobile-sub-nav li .sidr-class-expand-btn {
      top: 2px; }
  #main-left-nav ul.sidr-class-mobile-nav ul.sidr-class-mobile-sub-nav ul.sidr-class-mobile-sub-sub-nav {
    max-height: 0px;
    overflow: hidden;
    display: none;
    -webkit-transition: max-height 0.2s;
    transition: max-height 0.2s; }
    #main-left-nav ul.sidr-class-mobile-nav ul.sidr-class-mobile-sub-nav ul.sidr-class-mobile-sub-sub-nav.expanded {
      display: block;
      max-height: fit-content; }
    #main-left-nav ul.sidr-class-mobile-nav ul.sidr-class-mobile-sub-nav ul.sidr-class-mobile-sub-sub-nav li {
      padding-left: 25px; }
  #main-left-nav ul.sidr-class-mobile-nav ul.sidr-class-mobile-sub-nav li.expanded-parent .sidr-class-expand-btn.sidr-class-small span {
    transform: rotate(-180deg); }
  #main-left-nav ul.sidr-class-mobile-nav ul.sidr-class-mobile-sub-nav li.expanded-parent .sidr-class-expand-btn.sidr-class-large span {
    transform: rotate(-180deg); }
  #main-left-nav ul.sidr-class-mobile-nav ul.sidr-class-mobile-sub-nav li.expanded-parent .sidr-class-indicator-bar {
    height: 2px;
    width: 0px;
    background-color: #719834;
    left: 27px;
    position: absolute;
    bottom: 9px;
    -webkit-transition: width 1s;
    transition: width 1s; }

.sidr button {
  border-style: none;
  background-color: transparent; }

/*/////////////////////////////

DASHBOARD STYLES

/////////////////////////////*/
.pretty input:checked ~ .state.p-kudzu-primary label:after,
.pretty.p-toggle .state.p-kudzu-primary label:after {
  background-color: #33675a !important; }

.pretty input:checked ~ .state.p-kudzu-secondary label:after,
.pretty.p-toggle .state.p-kudzu-secondary label:after {
  background-color: #719834 !important; }

.dropdown.show .btn-secondary {
  background-color: #5e8028; }

.dropdown-menu {
  border-radius: 0px;
  padding: .125rem 0; }
  .dropdown-menu.input-dropdown-menu {
    font-size: 12px;
    border: 1px solid #33675a;
    border-top-width: 2px; }
    .dropdown-menu.input-dropdown-menu form div {
      margin: 0.375em; }
    .dropdown-menu.input-dropdown-menu form .state {
      margin: 0 0.375em; }
  .dropdown-menu.table-dropdown-menu {
    min-width: 100%; }
  .dropdown-menu.green-dropdown-menu {
    background-color: #719834;
    margin: 0;
    color: white; }
    .dropdown-menu.green-dropdown-menu li {
      font-size: 14px;
      white-space: nowrap; }
      .dropdown-menu.green-dropdown-menu li:hover {
        cursor: pointer;
        background-color: #33675a; }
      .dropdown-menu.green-dropdown-menu li a {
        color: white;
        padding: 0.1875em 0.75em;
        display: inline-block;
        width: calc(100% - ( 0.75em * 2)); }

@media (max-width: 575.98px) {
  .dropdown-menu:not(.datepicker):not(.go-right) {
    left: auto !important;
    right: 0px !important;
    transform: translate3d(0px, 36px, 0px) !important; } }

@media (max-width: 767.98px) {
  .dropdown-menu {
    top: -2px; }
  .float-field-container .dropdown-menu {
    top: -14px; } }

/*/////////////////////////////

PARTICIPANT STYLES

/////////////////////////////*/
.participant-search {
  text-align: right; }

#inner_timeline {
  background-color: #2E83B7;
  height: 100%;
  border-radius: 10px 0px 0px 10px; }

#outer_timeline {
  background-color: #d1d5cf;
  height: 13px;
  border: 1px solid #565453;
  border-radius: 10px; }

#timeline_labels table td {
  padding-top: 10px;
  /*width:75px;
  */
  line-height: 15px;
  font-size: 11px; }

#timeline_labels_new {
  font-size: 11px;
  margin-top: 10px; }
  #timeline_labels_new td {
    border: 0px;
    text-align: center; }
    #timeline_labels_new td.incomplete {
      background-color: #6f6f6f;
      padding: 0px; }
    #timeline_labels_new td.complete {
      background-color: #2E83B7;
      padding: 0px; }
      #timeline_labels_new td.complete a {
        color: white !important; }
    #timeline_labels_new td.incomplete a {
      color: white !important; }
  #timeline_labels_new a.vine_label {
    font-weight: bold; }

#timeline_labels .tooltip-inner, #timeline_labels_new .tooltip-inner {
  font-size: 12px; }

#timeline_labels ul {
  list-style: none;
  height: 150px; }
  #timeline_labels ul li {
    float: left;
    padding: 10px 0px 0px 0px;
    position: relative;
    max-width: 75px;
    line-height: 15px;
    font-size: 11px; }

/*end participant*/
/*/////////////////////////////

ALIGNMENT STYLES

/////////////////////////////*/
.text-align-right {
  text-align: right; }

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

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

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

.flex-right {
  display: flex;
  justify-content: flex-end; }

.flex-right > * {
  display: flex;
  flex: 1; }

.flex {
  display: flex;
  flex: 1; }

.inline-flex {
  display: inline-flex; }

.float-left {
  float: left; }

.float-right {
  float: right; }

/*/////////////////////////////

PANEL STYLES

/////////////////////////////*/
.panel .active-project a {
  color: black;
  font-size: 14px; }

.panel .active-project a.btn {
  color: white; }

/* cameratag customization */
.cameratag_primary_link:hover .cameratag_prompt_label {
  bottom: -40px; }

.cameratag_primary_link .cameratag_prompt_label {
  transition: bottom .25s; }

a.cameratag_primary_link:hover {
  text-decoration: none; }

.uploadifive-button.btn.line-height-fix {
  line-height: 35px !important;
  padding-top: 0px;
  padding-bottom: 0px; }

#devcamera2defaultcss_recorder_placeholder, #devcamera2defaultcss_player_placeholder {
  position: absolute;
  top: 0px; }

.notes_container {
  margin-bottom: 10px; }
  .notes_container .note {
    background: url("../images/author-list-repeter.jpg") repeat-x scroll left bottom #F3F9F5;
    border: 1px solid #7FD3A6;
    border-top: 0px;
    margin-left: 5%;
    max-width: 95%;
    padding: 5px 2%; }
  .notes_container table td.metadata {
    font-size: 13px; }
    .notes_container table td.metadata strong {
      color: #0DA94B;
      font-weight: bold; }

/*mobile drawer navigation*/
.icon-bar {
  background: #33675A; }

.sidr ul {
  border-top: 0px;
  margin-bottom: 0px; }

.sidr ul li:hover > a {
  box-shadow: none !important; }

.sidr .sidr-inner {
  padding: 0px;
  font-size: 13px;
  font-weight: 600; }

.sidr-class-mobile-sub-sub-nav {
  font-size: 11px;
  font-weight: 400; }

.active-project {
  display: inline-block;
  border-bottom: 3px solid #719834;
  line-height: 1.5; }

.sidr-inner {
  background-color: white !important; }

@media screen and (max-width: 767px) {
  #main-content-area {
    border-left: 0px; }
  #codeigniter_profiler {
    display: none; } }

/* end mobile drawer navigation*/
.required {
  font-weight: bold;
  color: red; }

.alert-default {
  color: #33675a;
  background-color: #CDCDCD;
  border-color: #BFBCC0; }

/*
.alert a:link {
   font-weight:bold;
    ;
}
*/
.progress-bar {
  background-color: #5e8028; }

.progress {
  height: 1.5rem;
  border-radius: 0px; }

.render-datatable {
  width: 100% !important; }

.align-arrows {
  padding-left: 20px; }

.filter-wrapper {
  display: flex;
  flex-direction: row-reverse; }
  .filter-wrapper div {
    max-height: 100px;
    display: flex;
    margin-right: 0.5em; }

.filter-input-wrapper {
  display: flex;
  flex-direction: row; }
  .filter-input-wrapper input {
    margin-top: 12px;
    width: 150px; }

table.dataTable tbody th, table.dataTable tbody td {
  font-family: inherit;
  padding: 8px 0px;
  /* e.g. change 8x to 4px here */ }

/* Datatables header */
#dt-header-wrapper {
  padding: 0 0 0.75em 0; }
  @media (max-width: 768px) {
    #dt-header-wrapper {
      /*display: none;
        margin-top: -5px;*/ } }

table.dataTable {
  border-collapse: collapse !important;
  margin-top: 1.125em !important;
  margin-bottom: 0 !important;
  font-size: 9.5pt; }
  @media (max-width: 768px) {
    table.dataTable {
      margin-top: 0 !important;
      width: 100%; } }
  table.dataTable thead {
    /* remove sorting arrows */ }
    @media (max-width: 480px) {
      table.dataTable thead {
        display: none; } }
    table.dataTable thead tr th {
      font-size: 13pt;
      padding-bottom: 0.75em;
      border-bottom: 1px solid #bebebe;
      font-weight: 600; }
  table.dataTable tbody tr td {
    min-height: 40px; }
  table.dataTable tbody tr:first-child td {
    padding-top: 2.25em; }

/** fixed to put sorting arrows on left */
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
  left: 0em; }

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
  left: 0.3em; }

.dataTables_paginate {
  padding: 1.125em 0 2.25em 0;
  float: right;
  display: inline-block; }
  .dataTables_paginate .paginate_button {
    font-size: 15px;
    padding-left: 0.75em;
    padding-right: 0.75em; }
    .dataTables_paginate .paginate_button.current {
      text-decoration: underline; }

.dataTables_length {
  display: inline-block;
  margin-top: 0.75em;
  float: right;
  margin-right: 1.125em;
  font-size: 15px; }

div.dataTables_wrapper div.dataTables_length select {
  width: auto; }

/*/////////////////////////////

FORM FIELD INPUT LABEL STYLES

/////////////////////////////*/
/* form valid state */
.custom-select.is-valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.was-validated .form-control:valid {
  box-shadow: none;
  border-color: #bfbcc0; }
  .custom-select.is-valid:focus,
  .form-control.is-valid:focus,
  .was-validated .custom-select:valid:focus,
  .was-validated .form-control:valid:focus {
    box-shadow: none;
    border-color: #33675a; }

/* form invalid state */
.custom-select.is-invalid:focus,
.form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.was-validated .form-control:invalid:focus {
  box-shadow: none; }

label {
  margin-bottom: 0; }

input {
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  border-bottom: 1px solid #bebebe;
  font-size: 13px; }

.rotate-after-180:after {
  transform: rotate(-180deg); }

/**
 * See https://scotch.io/tutorials/google-material-design-input-boxes-in-css3
**/
.float-field-container {
  width: 100%;
  position: relative;
  margin-top: 0.75em;
  border: none;
  border-radius: 0;
  /* active state */ }
  .float-field-container .whiteout-dropdown {
    position: absolute;
    right: 0px;
    width: 30px;
    height: 20px;
    background-color: white; }
  .float-field-container .dropdown-menu {
    width: 100%;
    /*
    top: -3px !important; // necessary to override styles added by bootstrap JS
    */ }
  .float-field-container label {
    color: #333;
    font-size: 13px;
    font-weight: normal;
    pointer-events: none;
    left: 0px;
    top: 5px;
    transition: 0.2s ease all; }
    .float-field-container label a[data-toggle="tooltip"] {
      pointer-events: auto; }
  .float-field-container .input-group.date.datepicker > label {
    position: absolute; }
  .float-field-container > label {
    position: absolute; }
  .float-field-container input, .float-field-container .radio-dropdown-toggle, .float-field-container .checkbox-dropdown-toggle {
    display: block;
    font-size: 13px;
    line-height: 13px;
    height: 30px;
    border: none;
    border-radius: 0;
    transition: 0.2s ease all;
    padding: 0;
    border-bottom: 1px solid #bfbcc0; }
    .float-field-container input:focus, .float-field-container .radio-dropdown-toggle:focus, .float-field-container .checkbox-dropdown-toggle:focus {
      outline: none;
      border: none;
      box-shadow: none;
      border-bottom: 2px solid #33675a; }
    .float-field-container input.is-invalid, .float-field-container .radio-dropdown-toggle.is-invalid, .float-field-container .checkbox-dropdown-toggle.is-invalid {
      border-bottom-color: #dc3545; }
      .float-field-container input.is-invalid[type="time"]:not(.focused), .float-field-container .radio-dropdown-toggle.is-invalid[type="time"]:not(.focused), .float-field-container .checkbox-dropdown-toggle.is-invalid[type="time"]:not(.focused) {
        border: 1px solid #dc3545; }
    .float-field-container input.is-invalid + label, .float-field-container .radio-dropdown-toggle.is-invalid + label, .float-field-container .checkbox-dropdown-toggle.is-invalid + label {
      color: #dc3545; }
    .float-field-container input.is-invalid + div + label, .float-field-container .radio-dropdown-toggle.is-invalid + div + label, .float-field-container .checkbox-dropdown-toggle.is-invalid + div + label {
      color: #dc3545; }
  .float-field-container .radio-dropdown-toggle, .float-field-container .checkbox-dropdown-toggle {
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-top: 8px; }
    .float-field-container .radio-dropdown-toggle:hover, .float-field-container .checkbox-dropdown-toggle:hover {
      cursor: pointer; }
    .float-field-container .radio-dropdown-toggle:after, .float-field-container .checkbox-dropdown-toggle:after {
      -moz-transition: transform 0.3s;
      -webkit-transition: transform 0.4s;
      transition: transform 0.4s; }
  .float-field-container select, .float-field-container select.form-control:not([size]):not([multiple]) {
    font-size: 13px;
    border: none;
    border-radius: 0;
    height: 30px;
    margin-left: -7px; }
    .float-field-container select:focus, .float-field-container select.form-control:not([size]):not([multiple]):focus {
      outline: none;
      border: none;
      box-shadow: none; }
  .float-field-container .show ~ label {
    top: -11px;
    font-size: 11px; }
  .float-field-container input.focused ~ label, .float-field-container input.valid ~ label {
    top: -11px;
    font-size: 11px; }
  .float-field-container .radio-dropdown-toggle:focus ~ label, .float-field-container .radio-dropdown-toggle:valid ~ label,
  .float-field-container .dropdown-toggle-focused ~ label {
    top: -11px;
    font-size: 11px;
    white-space: nowrap; }
  .float-field-container .radio-dropdown-menu {
    padding: 0;
    box-sizing: initial;
    max-height: 300px;
    overflow-y: scroll;
    z-index: 9000; }
    .float-field-container .radio-dropdown-menu input {
      display: none; }
      .float-field-container .radio-dropdown-menu input:checked + div {
        background-color: #719834; }
        .float-field-container .radio-dropdown-menu input:checked + div label {
          color: white; }
    .float-field-container .radio-dropdown-menu label {
      position: initial;
      padding: 0 0.75em; }
      .float-field-container .radio-dropdown-menu label:before {
        display: none; }
      .float-field-container .radio-dropdown-menu label:after {
        width: 100%;
        border-radius: 0;
        z-index: -1; }
    .float-field-container .radio-dropdown-menu .radio-option-container {
      padding: 3px 0; }
      .float-field-container .radio-dropdown-menu .radio-option-container:hover {
        cursor: pointer;
        background-color: #5E8028;
        color: white; }
        .float-field-container .radio-dropdown-menu .radio-option-container:hover label {
          color: white;
          transition: unset; }
      .float-field-container .radio-dropdown-menu .radio-option-container.disabled {
        cursor: not-allowed; }
        .float-field-container .radio-dropdown-menu .radio-option-container.disabled label {
          color: #ccc; }
  .float-field-container .checkbox-dropdown-menu.show {
    max-height: 200px;
    overflow-y: auto; }

.vo-float-field-container {
  margin-bottom: .5rem; }
  .vo-float-field-container label {
    top: -11px;
    font-size: 11px;
    color: #33675a;
    font-weight: bold;
    display: block; }

#viewMyMessages input[type="time"] {
  max-width: 140px; }
  #viewMyMessages input[type="time"]::after {
    content: "ET"; }

input[type="time"] {
  letter-spacing: 1px;
  padding: 5px 10px; }
  input[type="time"]:not(.focused) {
    border: 1px solid #000; }

.radio-dropdown-toggle,
.checkbox-dropdown-toggle {
  width: 100%;
  max-height: 25px;
  font-size: 14px; }
  .radio-dropdown-toggle:after,
  .checkbox-dropdown-toggle:after {
    position: absolute;
    right: 15px;
    top: 15px; }

.pretty.p-bigger .icon, .pretty.p-bigger .img, .pretty.p-bigger .svg, .pretty.p-bigger label:after, .pretty.p-bigger label:before {
  font-size: 1.15em !important; }

.pretty.p-default .state label:after {
  webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

#save-bar-container {
  position: fixed;
  bottom: 0; }

footer {
  background-color: #f9f9f9;
  width: 100%;
  height: 200px;
  height: auto;
  padding-top: 30px;
  padding-bottom: 30px; }
  footer ul {
    float: right;
    list-style: none;
    margin-bottom: 0px; }
    footer ul li {
      float: left;
      margin-left: 20px; }
      footer ul li a:hover {
        color: #33675a; }

#back-to-top {
  position: fixed;
  /*top: 75%;*/
  bottom: 10px;
  right: 0px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 20px 0px 0px 20px;
  width: 90px;
  font-size: 0.7rem; }
  #back-to-top a {
    /*padding:10px 40px 10px 30px;*/ }
    #back-to-top a img {
      display: block;
      margin: 0px auto;
      max-width: 30px; }

/*/////////////////////////////

BOOTSTRAP OVERRIDE STYLES

/////////////////////////////*/
/**
Slick source: https://raw.githubusercontent.com/kenwheeler/slick/master/slick/slick.css
**/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-current {
  margin-left: 5px !important;
  margin-right: 5px !important; }

.slick-slide {
  display: none;
  float: left;
  transition: all .5s ease-in-out;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.activity-card-mobile-wrapper.slick-slide {
  min-width: 250px; }
  .activity-card-mobile-wrapper.slick-slide .activity-body-bottom > div {
    flex: 1 1 auto; }

.ql-toolbar.ql-snow {
  border-top: 6px solid #33675a; }

.ql-toolbar.ql-snow {
  padding: 0.375em 8px; }
  .ql-toolbar.ql-snow .ql-formats {
    margin-right: 0.375em; }
  .ql-toolbar.ql-snow button.ql-list {
    padding: 2px 1px; }

.dz-message {
  font-size: 11px; }

.drop-text {
  justify-content: center; }

.drop-tooltip {
  justify-content: flex-end; }

.drop-button {
  justify-content: center; }

.uploader {
  border-style: dashed;
  border-color: #33675a; }

.dropzone {
  border: none; }

.multi-image-upload-wrapper .images-pending .img-wrapper {
  max-width: 300px; }

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

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

.custom-theme:focus {
  outline: 0; }

.custom-theme.fr-box.fr-basic .fr-element {
  color: #000000;
  padding: 10px;
  overflow-x: auto;
  min-height: 40px; }

.custom-theme .fr-element {
  -webkit-user-select: auto; }

.custom-theme.fr-box a.fr-floating-btn {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  height: 32px;
  width: 32px;
  background: #ffffff;
  color: #ffffff;
  -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  left: 0;
  top: 0;
  line-height: 32px;
  border: none; }

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

.custom-theme.fr-box a.fr-floating-btn i {
  font-size: 14px;
  line-height: 32px; }

.custom-theme.fr-box a.fr-floating-btn:hover {
  background: #719834; }

.custom-theme.fr-box a.fr-floating-btn:hover svg {
  fill: #33675a; }

.custom-theme .fr-wrapper .fr-placeholder {
  font-size: 12px;
  color: #aaaaaa;
  top: 0;
  left: 0;
  right: 0; }

.custom-theme .fr-wrapper ::selection {
  background: #a3cf62;
  color: #000000; }

.custom-theme .fr-wrapper ::-moz-selection {
  background: #a3cf62;
  color: #000000; }

.custom-theme.fr-box.fr-basic .fr-wrapper {
  background: #ffffff;
  border: 0px;
  border-top: 0;
  top: 0;
  left: 0; }

.custom-theme.fr-box.fr-basic.fr-top .fr-wrapper {
  border-top: 0;
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); }

.custom-theme.fr-box.fr-basic.fr-bottom .fr-wrapper {
  border-bottom: 0;
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); }

.custom-theme.fr-box.fr-basic.fr-top.is-invalid {
  border: 1px solid #c52828; }
  .custom-theme.fr-box.fr-basic.fr-top.is-invalid .fr-wrapper {
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset; }

.custom-theme .fr-sticky-on.fr-sticky-ios {
  left: 0;
  right: 0; }

.custom-theme.fr-box .fr-counter {
  color: #cccccc;
  background: #ffffff;
  border-top: solid 1px #ebebeb;
  border-left: solid 1px #ebebeb;
  border-radius: 2px 0 0 0;
  -moz-border-radius: 2px 0 0 0;
  -webkit-border-radius: 2px 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.custom-theme.fr-box.fr-rtl .fr-counter {
  right: auto;
  border-right: solid 1px #ebebeb;
  border-radius: 0 2px 0 0;
  -moz-border-radius: 0 2px 0 0;
  -webkit-border-radius: 0 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.custom-theme textarea.fr-code {
  background: #ffffff;
  color: #000000; }

.custom-theme.fr-box.fr-code-view.fr-inline {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); }

.custom-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch {
  top: 0;
  right: 0;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  background: #ffffff;
  color: #222222;
  -moz-outline: 0;
  outline: 0;
  border: 0;
  padding: 12px 12px;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s; }

.custom-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch i {
  font-size: 14px;
  width: 14px; }

.custom-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
  background: #719834; }

.custom-theme.fr-popup .fr-colors-tabs {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); }

.custom-theme.fr-popup .fr-colors-tabs .fr-colors-tab {
  color: #222222;
  padding: 8px 0; }

.custom-theme.fr-popup .fr-colors-tabs .fr-colors-tab:hover,
.custom-theme.fr-popup .fr-colors-tabs .fr-colors-tab:focus {
  color: #FFFFFF; }

.custom-theme.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1="background"]::after {
  bottom: 0;
  left: 0;
  background: #33675a;
  -webkit-transition: transform 0.2s ease 0s;
  -moz-transition: transform 0.2s ease 0s;
  -ms-transition: transform 0.2s ease 0s;
  -o-transition: transform 0.2s ease 0s; }

.custom-theme.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab {
  color: #FFFFFF;
  background: #719834; }

.custom-theme.fr-popup .fr-color-set {
  line-height: 0; }

.custom-theme.fr-popup .fr-color-set > span > i {
  bottom: 0;
  left: 0; }

.custom-theme.fr-popup .fr-color-set > span .fr-selected-color {
  color: #ffffff;
  font-weight: 400;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0; }

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

.custom-theme .fr-drag-helper {
  background: #33675a; }

.custom-theme.fr-popup .fr-link:focus {
  background: #719834; }

.custom-theme .fr-file-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0; }

.custom-theme .fr-file-upload-layer:hover {
  background: #719834; }

.custom-theme .fr-file-upload-layer.fr-drop {
  background: #719834;
  border-color: #33675a; }

.custom-theme .fr-file-upload-layer .fr-form {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.custom-theme .fr-file-progress-bar-layer > h3 {
  margin: 10px 0; }

.custom-theme .fr-file-progress-bar-layer > div.fr-loader {
  background: #c2d1ce; }

.custom-theme .fr-file-progress-bar-layer > div.fr-loader span {
  background: #33675a;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s; }

.custom-theme .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  top: 0; }

.custom-theme.fr-box.fr-fullscreen {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

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

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

.custom-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
  color: #646464; }

.custom-theme .fr-image-resizer {
  border: solid 1px #33675a; }

.custom-theme .fr-image-resizer .fr-handler {
  background: #33675a;
  border: solid 1px #ffffff; }

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

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

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

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

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

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

.custom-theme.fr-image-overlay {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.custom-theme .fr-image-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0; }

.custom-theme .fr-image-upload-layer:hover {
  background: #5E8028; }

.custom-theme .fr-image-upload-layer.fr-drop {
  background: #719834;
  border-color: #33675a; }

.custom-theme .fr-image-upload-layer .fr-form {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.custom-theme .fr-image-progress-bar-layer > h3 {
  margin: 10px 0; }

.custom-theme .fr-image-progress-bar-layer > div.fr-loader {
  background: #c2d1ce; }

.custom-theme .fr-image-progress-bar-layer > div.fr-loader span {
  background: #33675a;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s; }

.custom-theme .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  top: 0; }

.custom-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more {
  -webkit-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
  -moz-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
  -ms-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
  -o-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s; }

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

.custom-theme.fr-modal-head .fr-modal-tags a {
  opacity: 0;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #33675a;
  -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; }

.custom-theme.fr-modal-head .fr-modal-tags a.fr-selected-tag {
  background: #ffffff; }

.custom-themediv.fr-modal-body .fr-preloader {
  margin: 50px auto; }

.custom-themediv.fr-modal-body div.fr-image-list {
  padding: 0; }

.custom-themediv.fr-modal-body div.fr-image-list div.fr-image-container {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.custom-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after {
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  background: #000000;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.custom-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before {
  color: #ffffff;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto; }

.custom-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
  background: #cccccc; }

.custom-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after {
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.custom-themediv.fr-modal-body div.fr-image-list div.fr-image-container img {
  -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; }

.custom-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,
.custom-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
  -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  margin: 0; }

.custom-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
  background: #b8312f;
  color: #ffffff; }

.custom-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
  background: #ffffff;
  color: #33675a; }

.custom-theme.custom-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a {
  background: #cecece; }

.custom-theme.custom-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a:hover,
.custom-theme.custom-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover {
  background: #719834; }

.custom-theme.custom-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a.fr-selected-tag {
  background: #719834;
  color: white; }

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

.custom-theme.custom-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
  background: #719834; }

.custom-theme .fr-line-breaker {
  border-top: 1px solid #33675a; }

.custom-theme .fr-line-breaker a.fr-floating-btn {
  left: calc(34%);
  top: -16px; }

.custom-theme .fr-qi-helper {
  padding-left: 10px; }

.custom-theme .fr-qi-helper a.fr-btn.fr-floating-btn {
  color: #222222; }

.custom-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-character {
  border: 1px solid #cccccc; }

.custom-theme .fr-element table td.fr-selected-cell,
.custom-theme .fr-element table th.fr-selected-cell {
  border: 1px double #33675a; }

.custom-theme .fr-table-resizer div {
  border-right: 1px solid #33675a; }

.custom-theme.fr-popup .fr-table-size .fr-select-table-size {
  line-height: 0; }

.custom-theme.fr-popup .fr-table-size .fr-select-table-size > span {
  padding: 0px 4px 4px 0; }

.custom-theme.fr-popup .fr-table-size .fr-select-table-size > span > span {
  border: 1px solid #dddddd; }

.custom-theme.fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
  background: #719834;
  border: solid 1px #33675a; }

.custom-theme.fr-popup .fr-table-colors {
  line-height: 0; }

.custom-theme.fr-popup .fr-table-colors > span > i {
  bottom: 0;
  left: 0; }

.custom-theme.fr-popup .fr-table-colors > span:focus {
  outline: 1px solid #222222; }

.custom-theme .fr-element .fr-video::after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.custom-theme.fr-box .fr-video-resizer {
  border: solid 1px #33675a; }

.custom-theme.fr-box .fr-video-resizer .fr-handler {
  background: #33675a;
  border: solid 1px #ffffff; }

.custom-theme.fr-box .fr-video-resizer .fr-handler {
  width: 12px;
  height: 12px; }

.custom-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw {
  left: -6px;
  top: -6px; }

.custom-theme.fr-box .fr-video-resizer .fr-handler.fr-hne {
  right: -6px;
  top: -6px; }

.custom-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw {
  left: -6px;
  bottom: -6px; }

.custom-theme.fr-box .fr-video-resizer .fr-handler.fr-hse {
  right: -6px;
  bottom: -6px; }

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

.custom-theme .fr-video-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0; }

.custom-theme .fr-video-upload-layer:hover {
  background: #719834; }

.custom-theme .fr-video-upload-layer.fr-drop {
  background: #719834;
  border-color: #33675a; }

.custom-theme .fr-video-upload-layer .fr-form {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.custom-theme .fr-video-progress-bar-layer > h3 {
  margin: 10px 0; }

.custom-theme .fr-video-progress-bar-layer > div.fr-loader {
  background: #c2d1ce; }

.custom-theme .fr-video-progress-bar-layer > div.fr-loader span {
  background: #33675a;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s; }

.custom-theme .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  top: 0; }

.custom-theme.fr-video-overlay {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.custom-theme .fr-view strong {
  font-weight: 700; }

.custom-theme .fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
  background: #f5f5f5; }

.custom-theme .fr-view table td,
.custom-theme .fr-view table th {
  border: 1px solid #dddddd; }

.custom-theme .fr-view table th {
  background: #e6e6e6; }

.custom-theme .fr-view[dir="rtl"] blockquote {
  border-right: solid 2px #5e35b1;
  margin-right: 0; }

.custom-theme .fr-view[dir="rtl"] blockquote blockquote {
  border-color: #00bcd4; }

.custom-theme .fr-view[dir="rtl"] blockquote blockquote blockquote {
  border-color: #43a047; }

.custom-theme .fr-view blockquote {
  border-left: solid 2px #5e35b1;
  margin-left: 0;
  color: #5e35b1; }

.custom-theme .fr-view blockquote blockquote {
  border-color: #00bcd4;
  color: #00bcd4; }

.custom-theme .fr-view blockquote blockquote blockquote {
  border-color: #43a047;
  color: #43a047; }

.custom-theme .fr-view span.fr-emoticon {
  line-height: 0; }

.custom-theme .fr-view span.fr-emoticon.fr-emoticon-img {
  font-size: inherit; }

.custom-theme .fr-view .fr-text-bordered {
  padding: 10px 0; }

.custom-theme .fr-tooltip {
  /*top: 0;
  left: 0;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  background: #e59108;
  color: #ffffff;
  font-size: 12px;
  line-height: 24px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;*/ }

.custom-theme.fr-toolbar .fr-command.fr-btn,
.custom-theme.fr-popup .fr-command.fr-btn {
  color: #222222;
  -moz-outline: 0;
  outline: 0;
  border: 0;
  margin: 0px 2px;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  padding: 0;
  width: 38px;
  height: 38px; }

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

.custom-theme.fr-toolbar .fr-command.fr-btn.fr-btn-text,
.custom-theme.fr-popup .fr-command.fr-btn.fr-btn-text {
  width: auto; }

.custom-theme.fr-toolbar .fr-command.fr-btn i,
.custom-theme.fr-popup .fr-command.fr-btn i {
  font-size: 14px;
  width: 14px;
  margin: 12px 12px; }

.custom-theme.fr-toolbar .fr-command.fr-btn span,
.custom-theme.fr-popup .fr-command.fr-btn span {
  font-size: 14px;
  line-height: 17px;
  min-width: 38px;
  height: 17px;
  padding: 0 2px; }

.custom-theme.fr-toolbar .fr-command.fr-btn img,
.custom-theme.fr-popup .fr-command.fr-btn img {
  margin: 12px 12px;
  width: 14px; }

.custom-theme.fr-toolbar .fr-command.fr-btn.fr-active,
.custom-theme.fr-popup .fr-command.fr-btn.fr-active {
  color: #ffffff;
  background: #719834; }

.custom-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection,
.custom-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection {
  width: auto; }

.custom-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown i,
.custom-theme.fr-popup .fr-command.fr-btn.fr-dropdown i,
.custom-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown span,
.custom-theme.fr-popup .fr-command.fr-btn.fr-dropdown span,
.custom-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown img,
.custom-theme.fr-popup .fr-command.fr-btn.fr-dropdown img {
  margin-left: 8px;
  margin-right: 16px; }

.custom-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
.custom-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active {
  color: #FFFFFF;
  background: #719834; }

.custom-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.custom-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.custom-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus,
.custom-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus {
  background: #5e8028 !important;
  color: #FFFFFF !important; }

.custom-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.custom-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.custom-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus::after,
.custom-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after {
  border-top-color: #222222 !important; }

.custom-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown::after,
.custom-theme.fr-popup .fr-command.fr-btn.fr-dropdown::after {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #222222;
  right: 4px;
  top: 17px; }

.custom-theme.fr-toolbar .fr-command.fr-btn.fr-disabled,
.custom-theme.fr-popup .fr-command.fr-btn.fr-disabled {
  color: #bdbdbd; }

.custom-theme.fr-toolbar .fr-command.fr-btn.fr-disabled::after,
.custom-theme.fr-popup .fr-command.fr-btn.fr-disabled::after {
  border-top-color: #bdbdbd !important; }

.custom-theme.fr-toolbar.fr-disabled .fr-btn,
.custom-theme.fr-popup.fr-disabled .fr-btn,
.custom-theme.fr-toolbar.fr-disabled .fr-btn.fr-active,
.custom-theme.fr-popup.fr-disabled .fr-btn.fr-active {
  color: #bdbdbd; }

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

.custom-theme.fr-desktop .fr-command:hover,
.custom-theme.fr-desktop .fr-command:focus {
  color: #ffffff;
  background: #719834; }

.custom-theme.fr-desktop .fr-command:hover::after,
.custom-theme.fr-desktop .fr-command:focus::after {
  border-top-color: #ffffff !important; }

.custom-theme.fr-desktop .fr-command.fr-selected {
  color: #FFFFFF;
  background: #5e8028; }

.custom-theme.fr-desktop .fr-command.fr-active:hover,
.custom-theme.fr-desktop .fr-command.fr-active:focus {
  color: #ffffff;
  background: #719834; }

.custom-theme.fr-desktop .fr-command.fr-active.fr-selected {
  color: #33675a;
  background: #5e8028; }

.custom-theme.fr-toolbar.fr-mobile .fr-command.fr-blink,
.custom-theme.fr-popup.fr-mobile .fr-command.fr-blink {
  background: #5e8028; }

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

.custom-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
  background: #ffffff;
  padding: 0;
  margin: auto;
  -webkit-transition: max-height 0.2s ease 0s;
  -moz-transition: max-height 0.2s ease 0s;
  -ms-transition: max-height 0.2s ease 0s;
  -o-transition: max-height 0.2s ease 0s;
  margin-top: 0;
  max-height: 0;
  height: 0; }

.custom-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
  overflow: auto;
  max-height: 275px; }

.custom-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
  margin: 0;
  padding: 0; }

.custom-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
  padding: 0;
  margin: 0; }

.custom-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
  color: inherit; }

.custom-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
  background: #719834;
  color: #FFFFFF; }

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

.custom-theme .fr-command.fr-btn.fr-active + .fr-dropdown-menu {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); }

.custom-theme .fr-command.fr-btn.fr-active + .fr-dropdown-menu .fr-dropdown-wrapper {
  height: auto;
  max-height: 275px; }

.custom-theme .fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.16), 0 -2px 2px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.16), 0 -2px 2px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.16), 0 -2px 2px 1px rgba(0, 0, 0, 0.14); }

.custom-theme.fr-modal {
  color: #222222;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  overflow-x: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.custom-theme.fr-modal .fr-modal-wrapper {
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 20px auto;
  background: #ffffff;
  -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
  border: 2px solid #2e83b7;
  border-top: 0px; }

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

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

.custom-theme.fr-modal .fr-modal-wrapper .fr-modal-head {
  background: #2e83b7;
  color: #FFFFFF;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  border-bottom: 0px;
  -webkit-transition: height 0.2s ease 0s;
  -moz-transition: height 0.2s ease 0s;
  -ms-transition: height 0.2s ease 0s;
  -o-transition: height 0.2s ease 0s; }

.custom-theme.fr-modal .fr-modal-wrapper .fr-modal-head i {
  color: #FFFFFF; }

.custom-theme.fr-modal .fr-modal-wrapper .fr-modal-head i.fr-modal-close {
  top: 0;
  right: 0;
  -webkit-transition: color 0.2s ease 0s;
  -moz-transition: color 0.2s ease 0s;
  -ms-transition: color 0.2s ease 0s;
  -o-transition: color 0.2s ease 0s; }

.custom-theme.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
  margin: 0;
  font-weight: 400; }

.custom-theme.custom-theme.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
  background: #719834; }

.custom-theme.fr-overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000000; }

.custom-theme.fr-popup {
  color: #222222;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  border: 0px;
  border-top: 5px solid #33675a; }

.custom-theme.fr-popup .fr-input-focus {
  background: #f5f5f5; }

.custom-theme.fr-popup.fr-above {
  border-top: 0;
  border-bottom: 5px solid #33675a;
  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); }

.custom-theme.fr-popup .fr-input-line {
  padding: 8px 0; }

.custom-theme.fr-popup .fr-input-line input[type="text"],
.custom-theme.fr-popup .fr-input-line textarea {
  margin: 0px 0 1px 0;
  border-bottom: solid 1px #bdbdbd;
  color: #222222; }

.custom-theme.fr-popup .fr-input-line input[type="text"]:focus,
.custom-theme.fr-popup .fr-input-line textarea:focus {
  border-bottom: solid 2px #33675a; }

.custom-theme.fr-popup .fr-input-line input + label,
.custom-theme.fr-popup .fr-input-line textarea + label {
  top: 0;
  left: 0;
  -webkit-transition: color 0.2s ease 0s;
  -moz-transition: color 0.2s ease 0s;
  -ms-transition: color 0.2s ease 0s;
  -o-transition: color 0.2s ease 0s;
  background: #ffffff; }

.custom-theme.fr-popup .fr-input-line input.fr-not-empty:focus + label,
.custom-theme.fr-popup .fr-input-line textarea.fr-not-empty:focus + label {
  color: #33675a; }

.custom-theme.fr-popup .fr-input-line input.fr-not-empty + label,
.custom-theme.fr-popup .fr-input-line textarea.fr-not-empty + label {
  color: #808080; }

.custom-theme.fr-popup .fr-buttons {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  padding: 0 2px;
  line-height: 0;
  border-bottom: 0px; }

.custom-theme.fr-popup .fr-layer {
  width: 225px; }

@media (min-width: 768px) {
  .custom-theme.fr-popup .fr-layer {
    width: 300px; } }

.custom-theme.fr-popup .fr-action-buttons button.fr-command {
  color: #FFFFFF;
  background: #33675a;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s; }

.custom-theme.fr-popup .fr-action-buttons button.fr-command:hover,
.custom-theme.fr-popup .fr-action-buttons button.fr-command:focus {
  background: #102C25;
  color: #FFFFFF; }

.custom-theme.fr-popup .fr-action-buttons button.fr-command:active {
  background: #33675a;
  color: #FFFFFF; }

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

.custom-theme.fr-popup .fr-checkbox span {
  border: solid 1px #222222;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; }

.custom-theme.fr-popup .fr-checkbox input {
  margin: 0;
  padding: 0; }

.custom-theme.fr-popup .fr-checkbox input:checked + span {
  background: #33675a;
  border-color: #33675a; }

.custom-theme.fr-popup .fr-checkbox input:focus + span {
  border-color: #33675a; }

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

.custom-theme.fr-popup .fr-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #33675a;
  top: -9px;
  margin-left: -5px; }

.custom-theme.fr-popup.fr-above .fr-arrow {
  top: auto;
  bottom: -9px;
  border-bottom: 0;
  border-top: 5px solid #33675a; }

.custom-theme.fr-toolbar {
  color: #222222;
  background: #ffffff;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  padding: 0 2px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  border: 0px;
  border-top: 5px solid #33675a; }

.custom-theme.fr-toolbar.fr-inline .fr-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #33675a;
  top: -9px;
  margin-left: -5px; }

.custom-theme.fr-toolbar.fr-inline.fr-above {
  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  border-bottom: 5px solid #33675a;
  border-top: 0; }

.custom-theme.fr-toolbar.fr-inline.fr-above .fr-arrow {
  top: auto;
  bottom: -9px;
  border-bottom: 0;
  border-top-color: inherit;
  border-top-width: 5px; }

.custom-theme.fr-toolbar.fr-top {
  top: 0;
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); }

.custom-theme.fr-toolbar.fr-bottom {
  bottom: 0;
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); }

.custom-theme .fr-separator {
  background: #ebebeb; }

.custom-theme .fr-separator.fr-vs {
  height: 34px;
  width: 1px;
  margin: 2px; }

.custom-theme .fr-separator.fr-hs {
  height: 1px;
  width: calc(96%);
  margin: 0 2px; }

/* added by jake for paragraph dropdown hover */
.custom-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li:hover a:not(.fr-active) {
  background: #5E8028;
  color: #FFFFFF; }

.fr-popup .fr-color-hex-layer .fr-action-buttons button.fr-submit {
  background: #33675a; }

.fr-popup .fr-image-upload-layer {
  border: dashed 2px #A3CF62; }

.fr-modal-head .fr-modal-tags a {
  color: #FFFFFF; }

.fr-popup.fr-desktop.custom-theme.fr-active,
.fr-popup.fr-desktop.custom-theme.fr-active .fr-table-size {
  z-index: 8500; }

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

/* DASHBOARD STYLES */
.panel .active-project a {
  color: black;
  font-size: 14px; }

.panel .active-project a.btn {
  color: white; }

.btn-dropdown:hover {
  background-color: #5e8028 !important; }

.project_duplicate_click:hover {
  opacity: 0.5; }

.project_delete_click:hover {
  opacity: 0.5; }

body.participants .show-by-user-type.show-moderators {
  display: none; }

body.moderators .show-by-user-type.show-participants {
  display: none; }

.activity-card {
  background-color: transparent;
  border: 1px solid #33675a;
  border-left-width: 4px;
  margin: 15px 0px;
  padding: 0; }
  .activity-card:not(.slick-slide) {
    max-width: 280px; }
  .activity-card.past {
    border-color: #33675a; }
  .activity-card.present {
    border-color: #719834; }
  .activity-card.future {
    border-color: #bfbcc0; }
  .activity-card .activity-header {
    border-radius: 0;
    background-size: 100%;
    min-width: 100%;
    min-height: 200px;
    border: 1px solid #9c9c9c; }
    .activity-card .activity-header.has-image {
      max-height: 200px;
      overflow: hidden;
      text-align: center; }
      .activity-card .activity-header.has-image img {
        object-fit: contain;
        max-width: 100%;
        width: 250px;
        height: 200px; }
    .activity-card .activity-header.no-image {
      background-color: #bebebe; }
  .activity-card .activity-body {
    padding: 10px 15px;
    height: 320px; }
    .activity-card .activity-body .activity-image {
      min-width: 30px;
      min-height: 30px;
      max-width: 30px;
      max-height: 30px;
      margin: 3px; }
      .activity-card .activity-body .activity-image.img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99; }
      .activity-card .activity-body .activity-image.mobile {
        min-width: 20px;
        min-height: 20px;
        max-width: 20px;
        max-height: 20px; }
    .activity-card .activity-body .activity-icons {
      min-height: 40px; }
    .activity-card .activity-body .activity-card-date {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center; }
      .activity-card .activity-body .activity-card-date .date-edit-icon {
        display: none;
        width: 17px;
        height: 17px; }
      .activity-card .activity-body .activity-card-date:hover {
        cursor: pointer; }
        .activity-card .activity-body .activity-card-date:hover .date-edit-icon {
          display: flex; }
    .activity-card .activity-body .activity-card-date-edit {
      display: none; }
  .activity-card .overflow-activity {
    margin: 3px;
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block; }
    .activity-card .overflow-activity:hover .img-top {
      display: inline; }
    .activity-card .overflow-activity .extra-icons {
      display: none;
      position: absolute;
      border: 1px solid #33675a;
      background-color: white; }
    .activity-card .overflow-activity .dropdown-toggle:hover {
      cursor: pointer; }
    .activity-card .overflow-activity .dropdown-toggle::after {
      display: none; }

/*Participant specific*/
body.participants .activity-card .activity-body {
  height: auto;
  min-height: 260px;
  /* pin the action button on a participant's activity card (view, start, etc) to the bottom of the card */ }
  body.participants .activity-card .activity-body > div:last-child {
    position: absolute;
    bottom: 20px; }

body.participants .activity-card .activity-icons a {
  cursor: default; }

body.participants .activity-card.past .part-dashboard-action .start,
body.participants .activity-card.future .part-dashboard-action,
body.participants .activity-card.present .part-dashboard-action .view,
body.participants .activity-card .part-dashboard-action .respond {
  display: none; }

body.participants .activity-card.past .part-dashboard-action .view {
  display: inline; }

body.participants .activity-card.present .part-dashboard-action .start:not(.complete) {
  display: inline; }

body.participants .activity-card.follow-up-requested .part-dashboard-action .start,
body.participants .activity-card.follow-up-requested .part-dashboard-action .view {
  display: none; }

body.participants .activity-card.follow-up-requested .part-dashboard-action .respond {
  display: inline; }

body.participants .activity-card .notification-bar {
  margin-left: -15px;
  width: calc(100% + 30px);
  height: 38px; }

/*Moderator specific*/
#project-dashboard-form .activity-card .activity-body {
  height: auto;
  min-height: 310px; }
  #project-dashboard-form .activity-card .activity-body > div:last-child {
    position: absolute;
    bottom: 20px; }

.notification-bar {
  color: white; }
  .notification-bar:not(.none) {
    background-color: #CF8205; }
  .notification-bar.absolute {
    position: absolute;
    top: 0px; }
    .notification-bar.absolute:not(.d-none) ~ .container {
      margin-top: 35px; }

body.participants #activity-progress-bar .progress-indicator {
  height: 15px;
  border: 2px solid black;
  border-top: 0px;
  border-bottom: 0px;
  display: block; }
  body.participants #activity-progress-bar .progress-indicator.past {
    background-color: #33675a; }
  body.participants #activity-progress-bar .progress-indicator.present {
    background-color: #719834; }
  body.participants #activity-progress-bar .progress-indicator.future {
    background-color: #bfbcc0; }

body.participants #activity-progress-bar .progress-wrapper {
  /*max-width: 200px;*/
  flex: 1 1 auto; }
  body.participants #activity-progress-bar .progress-wrapper .progress-activity-name {
    text-align: center;
    padding: 4px; }

body.participants #activity-progress-bar .progress-wrapper:first-child .progress-indicator {
  border-left: 4px solid black; }

body.participants #activity-progress-bar .progress-wrapper:last-child .progress-indicator {
  border-right: 4px solid black; }

.return-to-dashboard-copy {
  color: #CF8205; }

#project-error-msg {
  color: #dc3545; }

/* mobile slider styles */
.slick-center {
  /*margin: 2px;
  padding: 0px 20px 0px 20px;
  width: 300px;
  height:140px;*/ }

.slick-slide:not(.slick-current) {
  transform: scale(1, 0.925); }

.dropdown-toggle {
  white-space: nowrap;
  overflow-x: hidden;
  /*padding-top: 8px;*/ }
  .dropdown-toggle:hover {
    cursor: text; }
  .dropdown-toggle:after {
    -moz-transition: transform 0.3s;
    -webkit-transition: transform 0.4s;
    transition: transform 0.4s; }

#add-multiple-project-options {
  display: none;
  min-height: 150px; }
  #add-multiple-project-options .display-case {
    margin-top: 0px;
    /*width: -webkit-calc(100% - 30px);
    width:    -moz-calc(100% - 30px);
    width:         calc(100% - 30px);*/
    width: 100%;
    border: 1px solid #719834;
    min-height: 100px;
    z-index: 1; }
    #add-multiple-project-options .display-case#tab2-content {
      display: none; }
    #add-multiple-project-options .display-case .kudzu-scroll-box {
      border: 0px; }
  #add-multiple-project-options .display-case-tabs {
    top: 0;
    /*width: -webkit-calc(100% - 30px);
    width:    -moz-calc(100% - 30px);
    width:         calc(100% - 30px);*/
    width: 100%;
    height: 41px;
    color: black;
    display: flex;
    flex-direction: row; }
    #add-multiple-project-options .display-case-tabs .tab {
      font-weight: bold;
      width: auto;
      background-color: white;
      border: 1px solid #719834;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      border-bottom: none;
      padding: 0.75em 1.125em; }
      #add-multiple-project-options .display-case-tabs .tab:hover {
        cursor: pointer; }
    #add-multiple-project-options .display-case-tabs #display-case-tab1 {
      margin-bottom: -1px; }
    #add-multiple-project-options .display-case-tabs #display-case-tab2 {
      margin-left: -1px; }

#show-only-for-scheduling {
  display: none; }

.activity-image-preview {
  max-width: 280px;
  max-height: 200px; }

.activity-name {
  font-size: 16px;
  font-weight: 500; }

.activity-times {
  font-size: 13px; }

.edit-activity-icon {
  width: 30px; }

.methodology-activity-block-header,
.new-question-header {
  height: 42px;
  display: flex;
  justify-content: space-between;
  background-color: #33675a;
  color: white;
  width: 100%;
  padding-left: 15px !important;
  padding-right: 15px !important;
  /*max-height: 35px;*/ }

/*
.new-question-header {
  display: flex;
  justify-content: space-between;
  background-color: $brand-primary;
  color: white;
  width: 100%;
  max-height: 35px;
}*/
.edit-activity-methodology {
  background-color: transparent;
  border: 1px solid #33675a;
  border-left-width: 4px;
  min-height: 280px;
  padding: 0; }

.studio-drawer {
  background-color: transparent;
  border: 1px solid #33675a;
  padding: 0; }
  .studio-drawer.not-editable .header-text {
    align-items: baseline; }
  .studio-drawer.editable .header-text {
    align-items: flex-end; }
  .studio-drawer.closed .header-text .plus-minus .plus {
    display: inline-block; }
  .studio-drawer.closed .header-text .plus-minus .minus {
    display: none; }
  .studio-drawer .delete-block.delete-studio-folder {
    display: inline-block; }
    .studio-drawer .delete-block.delete-studio-folder img {
      width: 40px; }
  .studio-drawer.open .header-text .plus-minus .plus {
    display: none; }
  .studio-drawer.open .header-text .plus-minus .minus {
    display: inline-block; }
  .studio-drawer.open .images {
    display: flex !important; }
  .studio-drawer.closed .images {
    display: none; }
  .studio-drawer .header-text {
    width: 100%; }
    .studio-drawer .header-text .plus-minus {
      font-size: 30px; }
    .studio-drawer .header-text .float-field-container.form-group {
      margin-bottom: .2rem; }
  .studio-drawer .header-text input.form-control.float-field-text,
  .studio-drawer .header-text .float-field-container label {
    color: white;
    background: transparent; }
  .studio-drawer .methodology-activity-block-header {
    height: 50px; }
  .studio-drawer .images {
    display: flex;
    flex-wrap: wrap;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    height: 300px;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */ }
    .studio-drawer .images::-webkit-scrollbar {
      width: 8px; }
    .studio-drawer .images::-webkit-scrollbar-track {
      background: #FFF; }
    .studio-drawer .images::-webkit-scrollbar-thumb {
      background: #33675a;
      border-radius: 3px; }
    .studio-drawer .images::-webkit-scrollbar-thumb:hover {
      background: #33675a; }
  .studio-drawer .images .image {
    width: 200px;
    height: 150px;
    overflow: hidden;
    border: 6px solid white;
    position: relative; }
    .studio-drawer .images .image.selected {
      border: 6px solid #a3cf62; }
    .studio-drawer .images .image .delete-studio-image {
      position: absolute;
      bottom: 0px;
      right: 0px;
      display: none; }
    .studio-drawer .images .image:hover .delete-studio-image {
      display: block; }
  .studio-drawer .multiple-image-upload-container .uploader-image {
    width: 90px;
    margin: 0px auto; }

.studio-drawer-uploader {
  max-width: 200px;
  text-align: center; }

.activity-block-methodology {
  background-color: transparent;
  border: 1px solid #33675a;
  border-left-width: 4px;
  min-height: 200px;
  padding: 0; }

.question-block-methodology {
  background-color: white;
  border: 1px solid #33675a;
  min-height: 75px;
  overflow: hidden;
  padding: 0; }

.file-attachment-images .image-thumb {
  width: 200px;
  height: auto;
  overflow: hidden;
  position: relative;
  object-fit: contain; }
  .file-attachment-images .image-thumb .delete-image {
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: none; }
  .file-attachment-images .image-thumb:hover .delete-image {
    display: block; }

.edit-question .question-add-methodology {
  background-color: transparent;
  border: 1px solid #33675a;
  border-left-width: 4px;
  min-height: 75px;
  padding: 0; }

.edit-question:not([data-question-id='new']) .question-add-methodology .new-question-header .handle-resize-vertical {
  display: none; }

.edit-question:not([data-question-id='new']) .question-add-methodology .new-question-header:hover .handle-resize-vertical {
  display: flex;
  background: #33675a;
  height: 40px;
  position: absolute;
  top: -1px;
  width: 30px;
  left: -30px; }

.edit-question:not([data-question-id='new']) .question-add-methodology .handle-resize-vertical:hover {
  cursor: move; }

.question-block-row .handle-resize-vertical {
  display: none; }

.question-block-row.show-handle .handle-resize-vertical {
  display: flex;
  background: #33675a;
  margin-left: 10px;
  height: 40px;
  position: absolute;
  width: 30px; }

.question-block-row .handle-resize-vertical:hover {
  cursor: move; }

.question-block-icon {
  background-color: #33675a;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.question-block-icon img {
  max-width: 100%;
  min-width: 80%; }

.new-question-form-button {
  padding-left: 45px;
  padding-right: 45px; }

.header-icons {
  font-size: 18px !important;
  color: white !important;
  margin-top: 0px;
  margin-right: 0px;
  height: 20px;
  vertical-align: unset; }

.header-text {
  display: flex;
  align-content: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500; }

.question-option {
  border: 2px solid #a3cf62;
  padding: 0;
  max-height: 50px; }

.question-option-side {
  margin-left: -2px;
  background-color: #33675a; }

.activity-block-methodology .activity-body {
  padding: 10px 0px;
  /* .activity-card-date {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      .date-edit-icon {
        display: none;
        width: 17px;
        height: 17px;
      }
      &:hover {
        .date-edit-icon {
          display: flex;
        }
        cursor: pointer;
      }
    }*/ }
  .activity-block-methodology .activity-body .activity-image {
    min-width: 30px;
    min-height: 30px;
    max-width: 30px;
    max-height: 30px;
    margin: 3px; }
    .activity-block-methodology .activity-body .activity-image.img-top {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 99; }
    .activity-block-methodology .activity-body .activity-image.mobile {
      min-width: 20px;
      min-height: 20px;
      max-width: 20px;
      max-height: 20px; }
  .activity-block-methodology .activity-body .activity-icons {
    min-height: 40px; }

.activity-block-methodology .overflow-activity {
  margin: 3px;
  width: 30px;
  height: 30px;
  position: relative;
  display: inline-block; }
  .activity-block-methodology .overflow-activity:hover .img-top {
    display: inline; }
  .activity-block-methodology .overflow-activity .extra-icons {
    display: none;
    position: absolute;
    border: 1px solid #33675a;
    background-color: white; }
  .activity-block-methodology .overflow-activity .dropdown-toggle:hover {
    cursor: pointer; }
  .activity-block-methodology .overflow-activity .dropdown-toggle::after {
    display: none; }

.handle {
  background-color: #33675a;
  /* don't show the drag handle image if it's only one or nothing filled in yet */ }
  .handle.cant-drag {
    min-width: 41px;
    /*height: 40px;*/
    height: auto; }
    .handle.cant-drag img {
      display: none; }
  .handle:not(.cant-drag) {
    cursor: move; }

@media (max-width: 767.98px) {
  .select-unselect-all {
    display: none; } }

#viewStudioImageFolders #studio-template-wrapper .select-all,
#viewStudioImageFolders #studio-template-wrapper .unselect-all,
#viewStudioImageFolders #studio-template-wrapper .folder-selection-icon,
#viewStudioImageFolders #studio-template-wrapper .select-unselect-all,
#viewStudioImageFolders #studio-template-wrapper .select-unselect-all-drawers {
  display: none; }

#viewStudioImageFolders #studio-template-wrapper .ip-access {
  min-width: 200px; }

#viewStudioImageFolders #studio-template-wrapper .methodology-activity-block-header .float-field-container .whiteout-dropdown {
  background-color: transparent; }

#viewStudioImageFolders #studio-template-wrapper .methodology-activity-block-header .dropdown-menu.checkbox-dropdown-menu label {
  color: #333; }

/*the grouping of sortable forced rank options on the methodology page*/
.multiple_choice_wrapper,
.participant_forced_rank_wrapper {
  /*& .float-field-container.form-group,*/ }
  .multiple_choice_wrapper .sortable,
  .participant_forced_rank_wrapper .sortable {
    padding-bottom: 15px; }
  .multiple_choice_wrapper .sortable,
  .participant_forced_rank_wrapper .sortable {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  .multiple_choice_wrapper .sortable li,
  .participant_forced_rank_wrapper .sortable li {
    margin: 0 3px 3px 3px;
    padding: 0.4em;
    padding-left: 1.5em; }
  .multiple_choice_wrapper .draggable-item-contents,
  .multiple_choice_wrapper .uneditable-sort,
  .participant_forced_rank_wrapper .draggable-item-contents,
  .participant_forced_rank_wrapper .uneditable-sort {
    border: 1px solid #719834;
    padding: 4px 8px;
    flex: auto; }
  .multiple_choice_wrapper .draggable-item-contents .float-field-container.form-group,
  .multiple_choice_wrapper .uneditable-sort,
  .participant_forced_rank_wrapper .draggable-item-contents .float-field-container.form-group,
  .participant_forced_rank_wrapper .uneditable-sort {
    margin-top: 0px;
    margin-bottom: 0px; }
  .multiple_choice_wrapper li label,
  .participant_forced_rank_wrapper li label {
    display: none; }
  .multiple_choice_wrapper .multiple_choice_placeholder,
  .multiple_choice_wrapper .forced_rank_placeholder,
  .participant_forced_rank_wrapper .multiple_choice_placeholder,
  .participant_forced_rank_wrapper .forced_rank_placeholder {
    background-color: #f9f9f9;
    min-height: 50px; }
  .multiple_choice_wrapper .quant-lite-option-image-container,
  .participant_forced_rank_wrapper .quant-lite-option-image-container {
    max-width: 150px; }
    .multiple_choice_wrapper .quant-lite-option-image-container img,
    .participant_forced_rank_wrapper .quant-lite-option-image-container img {
      padding: 0px 0px 0px 10px; }

tr.unread-message td:first-child {
  font-weight: bold; }

.select-recipients-pane {
  width: 100%; }

#viewMyMessages.participant #new-message .project-col,
#viewMyMessages.participant #new-message .hidden-for-participant,
#viewMessages.participant #new-message .project-col,
#viewMessages.participant #new-message .hidden-for-participant {
  display: none !important; }

#viewMessages #dt-additional-header {
  display: flex;
  align-items: flex-end; }

#viewMessages #view-message.message-type-sent .btn-primary,
#viewMessages #view-message.message-type-scheduled .btn-primary {
  display: none; }

.question-response-block[data-question-type="notification"] .my-response.view-only,
.question-response-block[data-question-type="the_wall"] .other-responses {
  display: none; }

.the-wall-tile {
  position: relative;
  flex: 0 1 calc(33% - 0.5em);
  cursor: pointer; }
  @media (max-width: 767.98px) {
    .the-wall-tile {
      flex: 1 1 auto; } }
  .the-wall-tile .hover-detail {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%; }
    .the-wall-tile .hover-detail.mine {
      display: block; }
    .the-wall-tile .hover-detail.general-block {
      border-width: 4px; }
      .the-wall-tile .hover-detail.general-block .general-block-header {
        height: 30px; }
  .the-wall-tile:hover .hover-detail {
    display: block; }

.fake-canvas span {
  font-size: 22px;
  text-transform: uppercase;
  font-weight: bold; }

.active-response-area .fake-canvas {
  min-height: 500px;
  /*only for studio*/ }

.active-response-area .the-wall-tile .fake-canvas {
  min-height: 200px;
  /*only for the wall*/ }

.modal.show .fake-canvas {
  min-height: 200px; }

.sortable .uneditable-sort {
  background: white; }

.response-comments-block .author {
  color: #33675a;
  display: inline-block; }

.response-comments-block .comments-link {
  border-bottom: 3px solid transparent; }

.response-comments-block .comments-link:hover,
.response-comments-block .comments-link:active,
.response-comments-block .comments-link.open {
  border-bottom: 3px solid #33675a; }

.response-question-block {
  border: 1px solid #a3cf62;
  border-left-width: 4px; }

.media-grid-item {
  flex: 1 1 33.333%;
  max-width: 33.333%; }
  @media (max-width: 767.98px) {
    .media-grid-item {
      flex: 1 1 auto;
      max-width: 100%; } }
  .media-grid-item .general-block-body {
    font-size: 12px; }
  .media-grid-item .general-block {
    border-left-width: 1px; }

.media-grid-item .general-block-header .pretty.p-curve .state label:after, .pretty.p-curve .state label:before {
  background-color: white; }

.comment-block .header-icons {
  height: 15px; }

.comment-block .comment-info p {
  margin-bottom: .5rem; }

.question-response-block:not(.in-the-wall-modal),
.general-block {
  background-color: transparent;
  border: 1px solid #33675a;
  border-left-width: 4px;
  padding: 0; }
  .question-response-block:not(.in-the-wall-modal) .question-response-block-header,
  .question-response-block:not(.in-the-wall-modal) .general-block-header,
  .general-block .question-response-block-header,
  .general-block .general-block-header {
    height: 40px;
    display: flex;
    justify-content: space-between;
    background-color: #33675a;
    color: white;
    width: 100%;
    /*padding-left: 15px !important;
        padding-right: 15px !important;*/ }
    .question-response-block:not(.in-the-wall-modal) .question-response-block-header .question-header-image,
    .question-response-block:not(.in-the-wall-modal) .general-block-header .question-header-image,
    .general-block .question-response-block-header .question-header-image,
    .general-block .general-block-header .question-header-image {
      width: 40px;
      height: 30px; }
  .question-response-block:not(.in-the-wall-modal) .file-attachments .kudzu-scroll-box,
  .general-block .file-attachments .kudzu-scroll-box {
    height: 75px; }

.response-question-block.unviewed,
.question-response-block.unviewed,
.general-block.unviewed {
  border: 1px solid #CF8205; }
  .response-question-block.unviewed .general-block-header,
  .question-response-block.unviewed .general-block-header,
  .general-block.unviewed .general-block-header {
    background-color: #CF8205;
    color: white; }

.response-comments-block {
  border-top: 1px solid #bfbcc0; }

#viewProjectResponses .fr-fic {
  max-width: 100%; }

#viewProjectResponses .ui-autocomplete {
  margin: 0px;
  padding: 0px;
  border: 1px solid #33675a;
  background: white;
  list-style: none;
  max-width: 200px; }
  #viewProjectResponses .ui-autocomplete .ui-menu-item {
    list-style: none;
    margin: 0px;
    margin-bottom: 2px;
    padding-left: 0px;
    display: block; }
    #viewProjectResponses .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper {
      padding: 2px 8px;
      cursor: pointer; }
      #viewProjectResponses .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper:hover {
        background-color: #a3cf62;
        color: white; }

#viewProjectResponses div.tagsinput {
  margin-bottom: 1em;
  border: 0px;
  border-bottom: 1px solid #bfbcc0; }
  #viewProjectResponses div.tagsinput span.tag {
    background: #a3cf62;
    color: white;
    border: 0px;
    font-size: 16px; }
    #viewProjectResponses div.tagsinput span.tag a {
      color: white;
      font-size: 16px; }

#viewProjectResponses .sidebar-wrapper {
  max-width: 250px;
  z-index: 1500;
  top: 0px; }

#viewProjectResponses .activity-block,
#viewProjectResponses .response-question-block {
  display: none; }
  #viewProjectResponses .activity-block.filter-shown.search-shown,
  #viewProjectResponses .response-question-block.filter-shown.search-shown {
    display: block; }
    #viewProjectResponses .activity-block.filter-shown.search-shown .response-block,
    #viewProjectResponses .response-question-block.filter-shown.search-shown .response-block {
      display: none; }
      #viewProjectResponses .activity-block.filter-shown.search-shown .response-block.filter-shown.search-shown,
      #viewProjectResponses .response-question-block.filter-shown.search-shown .response-block.filter-shown.search-shown {
        display: block; }

.no-results {
  text-align: center;
  font-weight: bold;
  padding-top: 30px; }

.sticky {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 0px;
  background: #fff;
  z-index: 80; }

#downloadTranscript.downloading .d-table-cell,
#downloadTranscript.downloading .d-print-table-cell {
  vertical-align: middle; }

#downloadTranscript.downloading .w-100 {
  width: 100% !important; }

#downloadTranscript.downloading table {
  width: 100%; }
  #downloadTranscript.downloading table tr {
    width: 100%; }

#downloadTranscript.downloading .starme {
  display: none; }

#downloadTranscript.downloading .general-block-header table {
  width: 100%; }
  #downloadTranscript.downloading .general-block-header table tr {
    width: 100%;
    padding: 0px;
    margin: 0px; }
  #downloadTranscript.downloading .general-block-header table td {
    width: 50%;
    vertical-align: middle;
    color: white;
    padding: 0px;
    margin: 0px; }

#downloadTranscript.downloading .pad-15 {
  padding: 15px; }

#downloadTranscript.downloading .mt-15 {
  margin-top: 15px !important; }

#downloadTranscript.downloading .mb-15 {
  margin-bottom: 15px !important; }

#downloadTranscript.downloading .pb-15 {
  padding-bottom: 15px !important; }

#downloadTranscript.downloading .comment-info .author {
  font-weight: bold; }

#downloadTranscript.downloading #msword-output .delete-response {
  background-image: none !important; }

#downloadTranscript.downloading #msword-output .img-fluid {
  width: 90% !important;
  max-width: 100% !important; }

#downloadTranscript.downloading #msword-output h5 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 7px; }

#downloadTranscript.downloading #footer {
  display: none !important; }

#downloadTranscript .edit-response-icon,
#downloadTranscript .delete-response {
  display: none; }

#downloadTranscript #footer {
  display: table; }
  #downloadTranscript #footer .row {
    display: table-row;
    width: 100%; }
    #downloadTranscript #footer .row > div {
      display: table-cell;
      width: 50%;
      vertical-align: middle; }

.lazy-image-wrapper {
  width: 100%;
  height: 0;
  position: relative; }
  .lazy-image-wrapper img {
    width: 100%;
    /*height: auto;*/
    position: absolute; }

#response-view-charts .chart-container {
  min-height: 100px;
  position: relative; }

#response-view-charts .chart-type-selector {
  min-width: 140px; }

html, body {
  height: 100%;
  width: 100%; }

/*/////////////////////////////

CORE STYLES

/////////////////////////////*/
#page-content {
  background-color: #fff;
  flex: 1 1 auto;
  position: relative; }

/*#global-notification-inline */
.global-notification-bg {
  background: #CF8205;
  color: white; }
  .global-notification-bg img {
    height: 30px;
    display: inline-block; }

body {
  font-family: OpenSans, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: black;
  background-image: url("../images/body.jpg"); }
  body.page-body {
    display: flex;
    flex-flow: column;
    height: 100%;
    width: 100%; }

body.unbranded-skin {
  background: #fff; }

a:hover {
  cursor: pointer; }

.heading1, .heading2, .heading3 {
  font-family: OpenSans-Semibold, OpenSans, Helvetica, Arial, sans-serif; }

.heading1 {
  font-size: 28px; }
  @media (max-width: 480px) {
    .heading1 {
      font-size: 24px; } }

.heading2 {
  font-size: 20px; }
  @media (max-width: 480px) {
    .heading2 {
      font-size: 18px; } }

.heading3 {
  font-size: 14px; }

.gray-bg {
  background-color: #bebebe; }

.gray-light-bg {
  background-color: #e9e8e8; }

#save-bar-container {
  min-height: 36px;
  z-index: 8100; }

#savebar-error-msg,
.modal-error-msg {
  color: #c52828; }

.max-width-200px {
  max-width: 200px; }

/*/////////////////////////////

CORE STYLES END

/////////////////////////////*/
a:not([href]):not([tabindex]).adorned-link, .adorned-link {
  text-decoration: underline;
  color: #33675a; }
  a:not([href]):not([tabindex]).adorned-link:hover, .adorned-link:hover {
    color: #5e8028; }

/*/////////////////////////////

PROJECTS LIST STYLES

/////////////////////////////*/
.projects-list-heading a.btn.btn-primary.float-right {
  position: absolute;
  top: 24px;
  right: 0px;
  z-index: 999; }

/*/////////////////////////////

PROJECTS LIST STYLES END

/////////////////////////////*/
/*/////////////////////////////

FILE UPLOAD STYLES

/////////////////////////////*/
.studio-drawer-uploader .image-upload-container:hover,
.studio-drawer-uploader .multiple-image-upload-container:hover {
  border: 4px dashed #719834;
  cursor: pointer; }

.image-upload-container,
.multiple-image-upload-container {
  position: relative;
  width: 300px;
  height: 200px;
  overflow: hidden; }
  .image-upload-container p,
  .multiple-image-upload-container p {
    margin-bottom: .6rem; }
  .image-upload-container.no-image,
  .multiple-image-upload-container.no-image {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 2px dashed #719834; }
    .image-upload-container.no-image ~ .file-browser-link-wrapper,
    .multiple-image-upload-container.no-image ~ .file-browser-link-wrapper {
      display: none; }
  .image-upload-container.has-image,
  .multiple-image-upload-container.has-image {
    border: 1px solid #ccc !important; }
    .image-upload-container.has-image img,
    .multiple-image-upload-container.has-image img {
      max-width: 100%; }
    .image-upload-container.has-image ~ .file-browser-link-wrapper,
    .multiple-image-upload-container.has-image ~ .file-browser-link-wrapper {
      display: block; }
  .image-upload-container.is-invalid,
  .multiple-image-upload-container.is-invalid {
    border: 3px dashed #C42F24 !important; }
  .image-upload-container ~ .image-upload-error,
  .multiple-image-upload-container ~ .image-upload-error {
    color: #C42F24; }
  .image-upload-container ~ .file-browser-link-wrapper .open-file-browser,
  .multiple-image-upload-container ~ .file-browser-link-wrapper .open-file-browser {
    text-decoration: underline; }

.image-upload-display img {
  max-width: 100%;
  width: 250px;
  height: 200px;
  object-fit: contain; }

.image-rotate-icon {
  position: absolute;
  bottom: 0px;
  right: 0px; }

.image-upload-tooltip {
  position: absolute;
  top: 5px;
  font-size: 16px;
  right: 5px; }
  .image-upload-tooltip .glyphicon-question-sign {
    color: #2e83b7;
    background: white;
    border-radius: 21px; }

/*/////////////////////////////

FILE UPLOAD STYLES END

/////////////////////////////*/
/*/////////////////////////////

MISC STYLES

/////////////////////////////*/
.display_none {
  display: none; }

.no-scroll {
  overflow: hidden; }

span.Container {
  background: none; }

.server_debug_notice {
  display: block;
  width: 100%;
  background-color: white;
  color: red;
  margin: 0px;
  /* JR: Repositioning server debug notice */
  position: fixed;
  z-index: 99999;
  opacity: 0.8;
  pointer-events: none;
  bottom: 0px;
  padding: 5px;
  text-align: center;
  border: 1px solid #c52828; }

.init_hide, .hide_for_load_only {
  display: none; }

#transcript_to_top {
  bottom: 0;
  display: block;
  left: 49%;
  padding: 10px 10px 0;
  position: fixed; }

.message-file {
  text-align: left;
  padding: 5px 0px; }
  .message-file a {
    font-size: 18px; }

#codeigniter_profiler {
  font-family: arial;
  font-size: 12px;
  text-transform: none; }

@media (max-width: 991.98px) {
  #codeigniter_profile {
    display: none; } }

.notify {
  background-color: #EEEEB0;
  padding: 10px; }

.update_sort_order {
  display: inline-block;
  margin-top: 10px; }

.response_div .indent.indent1 {
  padding-left: 8%; }

#dashboard .message_holder {
  display: inline-block;
  height: 46px;
  width: 88px;
  float: left; }

#dashboard .message_holder.follow_up_requested {
  background: url("../images/follow_up_requested.png"); }

#dashboard .message_holder.response_needed {
  background: url("../images/response_needed.png"); }

.decorated {
  text-decoration: underline; }

.use-kudzu-scrollbar {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .use-kudzu-scrollbar::-webkit-scrollbar {
    width: 8px; }
  .use-kudzu-scrollbar::-webkit-scrollbar-track {
    background: #FFF; }
  .use-kudzu-scrollbar::-webkit-scrollbar-thumb {
    background: #33675a;
    border-radius: 3px; }
  .use-kudzu-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #33675a; }

/*/////////////////////////////

MISC STYLES END

/////////////////////////////*/
/*/////////////////////////////

PARTI-GENERIC STYLES

/////////////////////////////*/
.parti-generic .message_holder.follow_up_requested {
  border: 2px solid #A8AC74;
  background-color: #E5E9B3;
  line-height: 16px; }

.parti-generic .message_holder.response_needed {
  background-color: #ECB9B2;
  border: 2px solid #9E746F;
  line-height: 13px; }

.all-upper .actions, .all-upper .actions a {
  text-transform: none;
  /*font-size:13px;
    */ }

/* JAKE previously was start */
.h3-style, .h3-style a {
  font-size: 18px;
  line-height: 2em;
  vertical-align: middle; }

.all-upper, .all-upper a {
  text-transform: uppercase; }

.h3-style ~ div, .full-button-line-height {
  line-height: 3.5rem; }

/*default 18px in some text boxes*/
.methodology .fr-view,
#downloadTranscript .question-prompt.fr-view,
#downloadDG .question-prompt.fr-view,
#participantActivity .question-prompt.fr-view,
#viewProjectResponses .question-prompt.fr-view,
.force-18-px {
  font-size: 18px; }

.fr-view p {
  word-break: break-word; }

/*.row :not(.fr-wrapper) ul, :not(.fr-wrapper) ul, :not(.fr-wrapper) ul li, :not(.fr-view) ul , :not(.fr-view) ul li, ul:not(.dropdown-menu),*/
ul.contactList, ul.contactList li, .ul-moderator-list, .ul-moderator-list li {
  padding: 0px;
  margin: 0px;
  list-style: none; }

.product-desc h3 {
  font-size: 17px;
  line-height: 17px;
  font-weight: bold;
  color: #003e1b; }

.product-desc h3 span {
  color: #0da84b; }

.product-desc a {
  color: #555555;
  line-height: 28px;
  padding-left: 17px;
  background: url(../images/bullet.jpg) left 13px no-repeat; }

.product-desc a:hover, .product-desc a.active {
  color: #0da94b;
  background: url(../images/bullet-hover.jpg) left 13px no-repeat;
  text-decoration: underline; }

.product-desc ul li {
  padding-bottom: 0px;
  font-weight: bold; }

.question_response_container {
  padding: 0px 10px 10px 10px; }

.unviewed .author-header-bar, .new-participant-added {
  background-color: #F4A21C; }

.unviewed .author-header-bar {
  color: #FFF; }

.container-fluid.each_response {
  border: 1px solid #33675a; }

.container-fluid.each_response.unviewed {
  border: 1px solid #F4A21C; }

.response_container .post-subject strong {
  margin-left: 0px; }

.starme .glyphicon {
  font-size: larger;
  color: white; }

.author-list-bg {
  background: #f3f9f5 url(../images/author-list-repeter.jpg) left bottom repeat-x;
  padding: 0px 10px 5px 10px; }

div.unviewed.author-list.each_response {
  border: 1px solid #F4A21C; }

div.author-list.each_response {
  margin-bottom: 0px; }

.new-light .author-list {
  border: 2px solid #000;
  padding: 1px; }

.author-list h4 {
  font-size: 16px;
  line-height: 24px;
  color: #ffffff; }

/* end styles from legacy style.css */
/*new styles to restyle old content*/
.project-list .project {
  border-bottom: 1px solid #666666;
  margin-bottom: 15px; }

.left-nav {
  text-transform: uppercase;
  font-size: 1.1em; }

#navigate-transcript {
  position: fixed;
  top: 400px;
  max-width: 165px; }

#navigate-transcript #nav-selector {
  max-width: 100%; }

textarea {
  max-width: 100%; }

.question-row p, .question-row ul, .question-row li {
  margin-bottom: 0px;
  margin-top: 0px;
  font-size: 18px !important;
  font-weight: normal; }

#elfinder * {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-box-sizing: content-box; }

.table-headings {
  padding-bottom: 10px;
  margin-bottom: 10px; }

.recipients-table td {
  padding: 3px; }

.toggler, .select_all, .deselect_all, .subselect_all, .subdeselect_all {
  font-size: 12px;
  font-weight: normal; }

.part_uploaded_media_image .image_details {
  font-size: 14px; }

.each_discussion h5 {
  margin-bottom: 0px; }

.part_uploaded_media_image input.filecheckboxes {
  margin-left: 5px; }

.participant .bg-default {
  color: #bfbcc0;
  background-color: #e6e6e6; }

#google_translate_element_wrapper {
  float: right;
  margin: 10px 10px 0px 0px;
  position: absolute;
  right: 0px;
  z-index: 99;
  top: 0px; }

/*ipad, col-md */
@media (min-width: 767px) and (max-width: 1050px) {
  .left-nav .nav > li > a {
    font-size: .9em;
    padding: 5px; } }

@media (max-width: 1023px) {
  .margin-bottom-sm-only {
    margin-bottom: .5em; } }

/*small phones */
@media (max-width: 766px) {
  /*make contextual actions menu hover left instead of right */
  /*.dropdown-menu{
         left: auto;
         right: 0;
    }
    */
  .container-fluid .row > div, .container-fluid .row > div a {
    font-size: 14px; }
  .table-headings div {
    font-weight: bold; }
  .table-headings {
    padding-bottom: 0px;
    margin-bottom: 0px; }
  .preview-this-text {
    margin-bottom: .5em; } }

.horizontal-rule {
  height: 2px;
  background-color: #bfbcc0;
  border-radius: 2px; }

ul.submitted-quant-lite {
  list-style: none;
  padding: 0px; }
  ul.submitted-quant-lite li {
    padding: 5px 0px; }

/*/////////////////////////////

IE 10,11 hacks

/////////////////////////////*/
#completely-unsupported {
  display: none; }

html[data-useragent*='MSIE 10.0'] #page-content {
  height: 95%; }

html[data-useragent*='MSIE 10.0'] #completely-unsupported {
  display: block !important; }
  html[data-useragent*='MSIE 10.0'] #completely-unsupported p {
    text-align: center;
    color: #c52828; }

html[data-useragent*='MSIE 10.0'] #main-content-area {
  display: none !important; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body.page-body {
    display: block; }
  /*float field height hack*/
  .pretty {
    height: auto;
    /*20px;*/
    max-height: 20px;
    zoom: 1; }
  #overlaydiv {
    position: -ms-device-fixed !important;
    top: 0;
    /*padding: 5% 0px 0px 40%;*/
    margin: 0px auto; }
  .question-block-methodology {
    height: 75px; }
  .edit-activity-methodology .activity-edit-details {
    min-width: 500px;
    width: auto; }
  .methodology-activity-block-header {
    justify-content: flex-start; }
  /*media all*/
  .dropdown-menu.input-dropdown-menu form .state {
    top: 2px;
    vertical-align: middle; } }

/*/////////////////////////////

END IE 10,11 hacks

/////////////////////////////*/
/* View only observers*/
.pvo.moderators #save-bar-container,
.pvo.moderators .action-icon,
.pvo.moderators .hide-pvo,
.pvo.moderators #project-checklist {
  display: none !important; }

.svo .hide-svo,
.svo .hide-pvo {
  display: none !important; }

/*End view only observers */

/*# sourceMappingURL=style-custom-new.css.map */