@charset "UTF-8";
@import 'https://fonts.googleapis.com/css?family=Roboto:100,300,400,400i,500,700,900&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese';
/* Freedcamp CSS Stylesheet */
/*
	-- Modal Window Styling --
*/
body.show_modal {
  overflow: hidden;
}
.lighten {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  transition: opacity .25s ease;
  opacity: 0;
}
.lighten.pre_animation {
  opacity: 1;
}
.darken {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
  transition: opacity .25s ease;
  opacity: 0;
}
.darken.pre_animation {
  opacity: 1;
}
.hide_modal {
  opacity: 0;
}
.modal {
  display: none;
  position: absolute;
  z-index: 1000;
  height: 100%;
  transition: opacity 0.9s ease;
  opacity: 0;
}
.modal.pre_animation {
  opacity: 1;
}
.modal.modal-cover .form {
  border: 0;
  box-shadow: none;
  background-color: transparent;
}
.modal.modal-cover .footer {
  left: 0;
  right: 0;
  width: 100% !important;
  margin: 0 !important;
  bottom: -1px !important;
}
.modal .form {
  width: 500px;
  position: fixed;
  top: 1rem;
  bottom: 1rem;
  z-index: 1110;
  left: 50%;
  margin-left: -250px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #ced7e0;
  padding: 2rem;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.05);
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  transition: opacity 0.5s ease;
}
.modal .form.animated_content {
  opacity: 0.2;
}
.modal .form.animated_visible {
  opacity: 1;
}
.modal .form form,
.modal .form .form_inner {
  padding-bottom: 75px;
}
.modal .form.loading_content {
  min-height: 460px;
  max-height: 460px;
  overflow: hidden;
  transition: transform 1s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.4s ease, margin-left 0.4s ease;
}
.modal .form.loading_content .preloading_boxes .bx {
  position: absolute;
  z-index: 10;
  background: linear-gradient(148deg, #f3f3f3, #e8e8e8, #f3f3f3);
  background-size: 600% 600%;
  -webkit-animation: shineAnimation 3s ease infinite;
  animation: shineAnimation 3s ease infinite;
}
@-webkit-keyframes shineAnimation {
  0% {
    background-position: 13% 0%;
  }
  50% {
    background-position: 88% 100%;
  }
  100% {
    background-position: 13% 0%;
  }
}
@keyframes shineAnimation {
  0% {
    background-position: 13% 0%;
  }
  50% {
    background-position: 88% 100%;
  }
  100% {
    background-position: 13% 0%;
  }
}
.modal .form.loading_content .preloading_boxes .box__1 {
  width: 58%;
  height: 36px;
  left: 2.5rem;
  top: 7%;
}
.modal .form.loading_content .preloading_boxes .box__2 {
  width: 21%;
  height: 17px;
  left: 2.5rem;
  top: 120px;
}
.modal .form.loading_content .preloading_boxes .box__3 {
  width: 60%;
  height: 27px;
  right: 2.5rem;
  top: 115px;
  box-shadow: inset 0 1px 4px -1px rgba(0, 0, 0, 0.2);
}
.modal .form.loading_content .preloading_boxes .box__4 {
  width: 21%;
  height: 17px;
  left: 2.5rem;
  top: 180px;
}
.modal .form.loading_content .preloading_boxes .box__5 {
  width: 60%;
  height: 27px;
  right: 2.5rem;
  top: 175px;
  box-shadow: inset 0 1px 4px -1px rgba(0, 0, 0, 0.2);
}
.modal .form.loading_content .preloading_boxes .box__6 {
  width: 21%;
  height: 17px;
  left: 2.5rem;
  top: 240px;
}
.modal .form.loading_content .preloading_boxes .box__7 {
  width: 60%;
  height: 27px;
  right: 2.5rem;
  top: 235px;
  box-shadow: inset 0 1px 4px -1px rgba(0, 0, 0, 0.2);
}
.modal .form.loading_content .preloading_boxes .box__8 {
  width: 21%;
  height: 17px;
  left: 2.5rem;
  top: 300px;
}
.modal .form.loading_content .preloading_boxes .box__9 {
  width: 60%;
  height: 27px;
  right: 2.5rem;
  top: 295px;
  box-shadow: inset 0 1px 4px -1px rgba(0, 0, 0, 0.2);
}
.modal .form.loading_content .preloading_boxes .box__10 {
  left: 2.5rem;
  right: 2.5rem;
  top: 85%;
  height: 50px;
  background-color: #f0f0f0;
}
.modal .form.loading_content .preloading_boxes .box__11 {
  background: #a2c3f1;
  width: 100px;
  height: 30px;
  right: 28%;
  top: 87%;
}
.modal .form.loading_content .preloading_boxes .box__12 {
  background: #fbaba3;
  width: 16%;
  height: 16px;
  right: 3.5rem;
  top: 88%;
}
.modal.is_active .form.loading_content {
  transform: scale(1);
}
.modal h1 {
  color: #232323;
  line-height: 1em;
  font-weight: 600;
  padding: 0 0 1rem;
  font-size: 1.1rem;
  margin-bottom: 0.1rem;
}
.modal .create_new {
  margin-left: 2px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 10px;
}
.modal .form.modal_scroll .footer {
  box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.1);
}
.modal .footer {
  position: fixed;
  bottom: 1rem;
  height: 75px;
  z-index: 1120;
  left: 50%;
  width: 500px;
  margin-left: -250px;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  background-color: #f7f8fa;
  box-sizing: border-box;
  border: 1px solid #ced7e0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
@supports (-ms-ime-align: auto) {
  .modal .footer {
    position: absolute;
  }
}
/*
	-- End Modal Window Styling --
*/
/* Grapevine styles */
/* Individual modal styles with animations/transitions */
.md-modal {
  visibility: hidden;
}
.md-show {
  visibility: visible;
}
.md-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  opacity: 0;
  background: rgba(255, 255, 255, 0.8);
  transition: all 0.3s;
  z-index: 999;
}
.md-show ~ .md-overlay {
  opacity: 1;
  visibility: visible;
}
.md-content {
  width: 560px;
  position: fixed;
  top: 45%;
  margin-top: -150px;
  left: 50%;
  margin-left: -230px;
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.08);
  z-index: 1020;
  text-align: center;
  padding: 20px 20px 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.md-content .event-close-img {
  float: right;
  opacity: 0.8;
  margin-bottom: 10px;
  cursor: pointer;
}
.md-content .event-close-img:hover {
  opacity: 1;
}
.md-content .event-title {
  font-size: 22px;
  font-weight: 600;
  margin: 5px 0 10px;
}
.md-content .event-description {
  color: #3E475C;
  font-size: 15px;
  line-height: 25px;
  margin-bottom: 20px;
}
.md-content .event-close-btn {
  display: block;
  margin: 30px auto 0;
  color: #FFFFFF;
  background-color: #39a1e7;
  border: 1px solid #3597da;
  border-radius: 3px;
  font-size: 13px;
  line-height: 36px;
  width: 80px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.md-content .event-close-btn:hover {
  opacity: 0.8;
}
.md-content .event-close-btn.wide {
  width: 100px;
}
/* Effect: Fade in and scale up */
.md-effect .md-content {
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.md-show.md-effect .md-content {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
/* Share popup styles */
#share_popup {
  text-align: center;
  max-height: 90%;
  width: 540px;
  left: 50%;
  margin-left: -270px;
  display: none;
  -webkit-box-sizing: box-border;
  -moz-box-sizing: box-border;
  box-sizing: box-border;
  padding: 30px 0 0;
  overflow-y: auto;
  position: fixed;
  top: 70px;
  z-index: 2000;
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.08);
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,.08);
  box-shadow: 0 2px 2px rgba(0,0,0,.08);
}
#share_popup .share_close {
  position: absolute;
  top: 30px;
  right: 30px;
  opacity: 0.5;
}
#share_popup .share_close img:active {
  opacity: 0.8;
}
#share_popup .share_close:hover {
  opacity: 1;
}
#share_popup .share_div_text {
  padding: 0 40px 15px;
  font-size: 14px;
  line-height: 1.7em;
}
#share_popup .share_div_text h1 {
  line-height: 0.5em;
  font-size: 24px;
}
#share_popup .share_div_text .please {
  display: inline-block;
  font-weight: 800;
  margin-top: 10px;
}
#share_popup .share_thumbs_div {
  margin: 5px 0 25px;
  position: relative;
  height: 180px;
}
#share_popup .share_spiral {
  top: 0;
  left: 50%;
  margin-left: -90px;
  position: absolute;
  z-index: 5;
  animation: spiral_rotate 360s;
  -webkit-animation: spiral_rotate 360s;
  -ms-animation: spiral_rotate 360s;
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
}
#share_popup .share_thumbs {
  top: 25px;
  left: 50%;
  margin-left: -58px;
  position: absolute;
  z-index: 10;
  animation: thumbs_rotate 10s;
  -webkit-animation: thumbs_rotate 10s;
  -ms-animation: thumbs_rotate 10s;
  animation-delay: 120s;
  -webkit-animation-delay: 120s;
  -moz-animation-delay: 120s;
}
#share_popup .share_thumbs.rotate {
  transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
}
#share_popup .share_buttons,
#share_popup .follow_buttons {
  display: inline-block;
}
#share_popup .share_block {
  float: left;
  margin: 0 5px;
}
#share_popup .shares_count,
#share_popup .share_btn {
  font-size: 13px;
  width: 100px;
  height: 36px;
  line-height: 35px;
  text-align: center;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #DFDFDF;
}
#share_popup .shares_count {
  position: relative;
  padding: 0;
  background: #FFFFFF;
}
#share_popup .shares_count:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 5px 5px 0;
  bottom: -5px;
  border-color: #DFDFDF transparent;
  display: block;
  width: 0;
  left: 47px;
}
#share_popup .shares_count:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 4px 4px 0;
  bottom: -4px;
  border-color: white transparent;
  display: block;
  width: 0;
  left: 48px;
}
#share_popup .share_btn {
  color: white;
  margin-top: 10px;
  display: block;
  opacity: 0.9;
  -webkit-box-shadow: 0px 1px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow: 0px 1px 0 rgba(0, 0, 0, .1);
  box-shadow: 0px 1px 0 rgba(0, 0, 0, .1);
}
#share_popup .share_btn:hover {
  opacity: 1;
  color: white;
}
#share_popup .share_btn:active {
  opacity: 0.8;
}
#share_popup .icon {
  float: left;
  display: inline-block;
  margin: 10px 8px;
  width: 16px;
  height: 16px;
  background: url(../../images/modal/social_icons_sprite.png);
}
#share_popup .action {
  float: left;
  width: 65px;
  border-left: 1px solid red;
  font-weight: 800;
  border-left-color: inherit;
}
#share_popup .twitter_btn {
  background-color: #55ACEE;
  border-color: #4B99D4;
}
#share_popup .twitter_btn .icon {
  background-position: 0 top;
}
#share_popup .facebook_btn {
  background-color: #3B5998;
  border-color: #2C4C8E;
}
#share_popup .facebook_btn .icon {
  background-position: 48px top;
}
#share_popup .linkedin_btn {
  background-color: #0976B4;
  border-color: #006198;
}
#share_popup .linkedin_btn .icon {
  background-position: 16px top;
}
#share_popup .google_btn {
  background-color: #DB4437;
  border-color: #C4362A;
}
#share_popup .google_btn .icon {
  background-position: 32px top;
}
#share_popup .follow_buttons {
  background-color: #FAFAFA;
  border-top: 1px solid #DEDEDE;
  padding: 5px 50px 25px;
  margin-top: 25px;
}
#share_popup .follow_block {
  float: left;
  margin: 0 5px;
  width: 100px;
  text-align: center;
}
#share_popup .follow_block .follow_btn {
  display: inline-block;
}
@keyframes spiral_rotate {
  to {
    transform: rotate(38800deg);
  }
}
@-webkit-keyframes spiral_rotate {
  to {
    -webkit-transform: rotate(38800deg);
  }
}
@keyframes thumbs_rotate {
  to {
    transform: rotate(-1080deg);
  }
}
@-webkit-keyframes thumbs_rotate {
  to {
    -webkit-transform: rotate(-1080deg);
  }
}
.info_icon {
  margin-right: 5px;
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(../../images/buttons/info.png) no-repeat scroll center bottom #ffffff;
  position: relative;
  top: 3px;
}
/* IMPORT STATUS POPUP */
#import_xls_dialog {
  padding-bottom: 50px !important;
}
#import_xls_dialog .import_template_link_div {
  margin: 20px 0;
}
#import_xls_dialog .import_messages {
  margin-left: 20px;
  list-style: inherit;
}
#import_xls_dialog .import_checkbox {
  padding: 3px 0;
}
#import_xls_dialog .import_checkbox label {
  margin-left: 5px;
}
/* END OF IMPORT STATUS POPUP */
/* Modal Check Password Dialog Styling - copied from main.less */
.check_pass_dialog {
  box-sizing: border-box;
  display: none;
  font-size: 14px;
  width: 500px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -250px;
  margin-top: -100px;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 0 40px #ccc;
  -moz-box-shadow: 0 0 40px #ccc;
  box-shadow: 0 0 40px #ccc;
  z-index: 999;
  background-color: #fff;
  padding: 30px;
  border-radius: 5px;
}
.check_pass_dialog .del_confirm_text {
  text-align: center;
}
.check_pass_dialog .pass_div {
  text-align: center;
  margin-top: 15px;
}
.check_pass_dialog .pass_div input {
  width: 200px;
}
.check_pass_dialog .forgot_passw_div {
  text-align: center;
  margin-top: 5px;
  padding: 0 40px;
}
.check_pass_dialog .buttons {
  margin: 20px 20px 0px 20px;
  text-align: center;
}
/* End Modal Check Password Dialog Styling */
/* IE11: fix modal overlay not appearing below modal. todos#12629559 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .modal {
    position: fixed;
  }
  body.show_modal {
    z-index: 0;
  }
}
/*icon order: discussion, files, milestones, time, todo, bugrtacker, calendar, invoices, wiki, passman, googledrive, tasky */
span.app_name {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(../../images/header/new/main_sprite.png);
}
span.app_name.app_discussions {
  background-position: -19px top;
}
span.app_name.app_discussions.active {
  background-position: -19px bottom;
}
span.app_name.app_files {
  background-position: -38px top;
}
span.app_name.app_files.active {
  background-position: -38px bottom;
}
span.app_name.app_milestones {
  background-position: -57px top;
}
span.app_name.app_milestones.active {
  background-position: -57px bottom;
}
span.app_name.app_time {
  background-position: -76px top;
}
span.app_name.app_time.active {
  background-position: -76px bottom;
}
span.app_name.app_todos {
  background-position: -95px top;
}
span.app_name.app_todos.active {
  background-position: -95px bottom;
}
span.app_name.app_bugtracker {
  background-position: -114px top;
}
span.app_name.app_bugtracker.active {
  background-position: -114px bottom;
}
span.app_name.app_calendar {
  background-position: -133px top;
}
span.app_name.app_calendar.active {
  background-position: -133px bottom;
}
span.app_name.app_invoices {
  background-position: -149px top;
}
span.app_name.app_invoices.active {
  background-position: -149px bottom;
}
span.app_name.app_wiki {
  background-position: -164px top;
}
span.app_name.app_wiki.active {
  background-position: -164px bottom;
}
span.app_name.app_passman {
  background-position: -180px top;
}
span.app_name.app_passman.active {
  background-position: -180px bottom;
}
span.app_name.app_gdocs {
  background-position: -197px top;
}
span.app_name.app_gdocs.active {
  background-position: -197px bottom;
}
span.app_name.app_tasky {
  background-position: -215px top;
}
span.app_name.app_tasky.active {
  background-position: -215px bottom;
}
span.app_name.app_invoicesplus {
  background-position: -231px top;
}
span.app_name.app_invoicesplus.active {
  background-position: -231px bottom;
}
span.app_name.app_crm {
  background-position: -247px top;
}
span.app_name.app_crm.active {
  background-position: -247px bottom;
}
span.app_name.app_widgets {
  background-position: -266px top;
}
span.app_name.app_widgets.active {
  background-position: -266px bottom;
}
.cke_dialog {
  z-index: 9999140 !important;
}
body.fc_mobile_ipad .al_animate_left {
  display: block;
}
.al_animate_left {
  transform: translate3d(0, 0, 0) !important;
}
body.fc_mobile_ipad .al_container {
  display: none;
}
.al_container {
  position: fixed;
  top: 0;
  width: 55%;
  bottom: 0;
  overflow: auto;
  right: 0;
  z-index: 999;
  background-color: #fff;
  min-width: 720px;
  height: 100%;
  overflow: hidden;
  -webkit-box-shadow: 2px 0px 123px 2px rgba(0, 0, 0, 0.56);
  -moz-box-shadow: 2px 0px 123px 2px rgba(0, 0, 0, 0.56);
  box-shadow: 2px 0px 123px 2px rgba(0, 0, 0, 0.56);
  transform: translate3d(110%, 0, 0);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.al_container .content.body_width {
  min-width: auto !important;
  overflow: auto;
  height: 100%;
  box-shadow: none;
  padding-top: 0.75rem;
}
.al_container .item_content {
  max-width: 100%;
}
.al_container .item_content p {
  max-width: 100%;
}
.al_container .comments_list {
  padding: 0;
}
.al_container .comments_list > li.ca {
  padding: 1rem 0;
}
.al_container .comments_list > li.ca .avatar,
.al_container .comments_list > li.ca .badge.comments {
  display: none;
}
.al_container .comments_list > li.ca .comment_description_wrap {
  margin-left: 0;
}
.al_container .col_20.last {
  width: 100%;
  margin: 0;
}
.spinner-xl {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -1.25rem;
  margin-top: -1.25rem;
  z-index: 999;
}
.disable-overlay {
  position: absolute;
  width: 95%;
  height: 100%;
  z-index: 999;
}
.al_view_header {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  box-sizing: border-box;
  height: calc(49px);
  padding: 1rem 0.5rem;
  border-bottom: 1px solid #d6dce6;
}
.al_view_header .resets {
  border: none;
}
.al_view_header .btn-group {
  margin: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
main {
  position: relative;
}
.blue_button {
  cursor: pointer;
}
/* inline wyiwyg menu */
.frameBody {
  font-family: sans-serif;
  font-size: 12px;
  width: 100%;
  height: 100%;
  margin: 0;
}
.frameBody p {
  border: 1px #bbb solid;
  padding: 2px;
}
.jWysiwyg,
.comments_description {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
  color: #424242;
  font-size: 13px;
  outline: none;
  -moz-transition: border 0.2s linear, box-shadow 0.2s linear;
  -webkit-transition: border 0.2s linear, 0 0.2s linear;
  clear: both;
  height: 120px;
  display: block;
  margin: 0;
  padding: 6px;
}
.rte-toolbar {
  overflow: hidden;
  margin-bottom: 5px;
}
.rte-toolbar a {
  display: inline-block;
  background-color: #f0f0f0;
  color: #666;
  text-shadow: 0 1px 0 #fff;
  padding: 4px 10px;
  margin-right: 5px;
  text-decoration: none;
  border-radius: 3px;
}
.rte-toolbar a:hover {
  background-color: #ddd;
  color: #333;
}
.rte-toolbar a.active {
  background-color: #ddd;
  color: #fff;
  text-shadow: 0 1px 0 #333;
}
.rte-toolbar p {
  float: left;
  margin: 0;
  padding-right: 5px;
}
/**
* Some improvements to the CKEditor Styling to match FC style better
*/
.cke.cke_chrome {
  box-shadow: none;
  -webkit-box-shadow: none;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.cke_inner {
  border-radius: 3px;
}
.cke_inner .cke_chrome {
  box-shadow: none;
  border: 1px solid #dedede;
  border-radius: 3px;
}
.cke_inner .cke_top {
  background: #fbfbfb !important;
  background-image: none;
  box-shadow: none;
}
.cke_inner .cke_bottom {
  background: #fff !important;
}
.cke_inner .cke_top {
  border-radius: 3px 3px 0 0;
}
.cke_inner .cke_bottom {
  border-radius: 0 0 3px 3px;
}
.cke_inner .cke_toolgroup,
.cke_inner .cke_combo_button {
  background: transparent !important;
  border: none;
  box-shadow: none;
}
.cke_inner .cke_bottom {
  border-top: 1px solid #eee;
  background: #fff;
  color: #888;
}
.cke_inner .cke_bottom .cke_path a {
  color: #999;
}
/* indents are declared in common.css */
/* autosave notification */
.cke_notification {
  width: 120px !important;
  opacity: 0.8 !important;
}
/*
 * Mentions styles
 * mtype=app|user|item|comment
 * Todo: refactor chat & item mention replacement
*/
.fc_mention,
.reset .fc_mention {
  padding: 2px 4px;
  border: 1px solid #edf3fe;
  background-color: #edf3fe;
  color: #4a86f7;
  border-radius: 5px;
  margin: 0 2px;
  display: inline-block;
  line-height: 18px;
  white-space: normal;
  /*
     * Using mask to be able to manipulate svg color in content
     * https://stackoverflow.com/questions/21509982/change-svg-fill-color-in-before-or-after-css
    */
  /*
        * locid is used to handle legacy links. Links created After Jun 17th 2023 have a data-appid instead.
        * https://freedcamp.com/view/130418/tasks/53223878
        */
  /*
        * locid is used to handle legacy links. Links created After Jun 17th 2023 have a data-appid instead.
        * https://freedcamp.com/view/130418/tasks/53223878
        */
  /*
        * locid is used to handle legacy links. Links created After Jun 17th 2023 have a data-appid instead.
        * https://freedcamp.com/view/130418/tasks/53223878
        */
  /*
        * locid is used to handle legacy links. Links created After Jun 17th 2023 have a data-appid instead.
        * https://freedcamp.com/view/130418/tasks/53223878
        */
  /*
        * locid is used to handle legacy links. Links created After Jun 17th 2023 have a data-appid instead.
        * https://freedcamp.com/view/130418/tasks/53223878
        */
  /*
        * locid is used to handle legacy links. Links created After Jun 17th 2023 have a data-appid instead.
        * https://freedcamp.com/view/130418/tasks/53223878
        */
  /*
        * locid is used to handle legacy links. Links created After Jun 17th 2023 have a data-appid instead.
        * https://freedcamp.com/view/130418/tasks/53223878
        */
  /*
        * locid is used to handle legacy links. Links created After Jun 17th 2023 have a data-appid instead.
        * https://freedcamp.com/view/130418/tasks/53223878
        */
  /*
        * locid is used to handle legacy links. Links created After Jun 17th 2023 have a data-appid instead.
        * https://freedcamp.com/view/130418/tasks/53223878
        */
  /*
        * locid is used to handle legacy links. Links created After Jun 17th 2023 have a data-appid instead.
        * https://freedcamp.com/view/130418/tasks/53223878
        */
  /*
        * locid is used to handle legacy links. Links created After Jun 17th 2023 have a data-appid instead.
        * https://freedcamp.com/view/130418/tasks/53223878
        */
  /*
        * locid is used to handle legacy links. Links created After Jun 17th 2023 have a data-appid instead.
        * https://freedcamp.com/view/130418/tasks/53223878
        */
  /*
        * locid is used to handle legacy links. Links created After Jun 17th 2023 have a data-appid instead.
        * https://freedcamp.com/view/130418/tasks/53223878
        */
  /*
        * locid is used to handle legacy links. Links created After Jun 17th 2023 have a data-appid instead.
        * https://freedcamp.com/view/130418/tasks/53223878
        */
}
.fc_mention > img,
.reset .fc_mention > img {
  border-radius: 50%;
  background: url(https://cdn.freedcamp.com/platform/css/svg/avatar.svg) no-repeat center center;
  background-size: 100%;
  float: left;
  margin-right: 4px;
  margin-top: 1px;
}
.fc_mention:hover,
.reset .fc_mention:hover {
  cursor: pointer;
  color: white;
  background-color: #4a86f7;
}
.fc_mention[data-appid="2"]::before,
.reset .fc_mention[data-appid="2"]::before,
.fc_mention[data-locid="2"]::before,
.reset .fc_mention[data-locid="2"]::before {
  content: "";
  mask-size: cover;
  -webkit-mask-size: cover;
  height: 16px;
  width: 16px;
  display: block;
  float: left;
  margin-top: 1px;
  margin-right: 4px;
  mask: url("svg/Tasks.svg") no-repeat 50% 50%;
  -webkit-mask: url("svg/Tasks.svg") no-repeat 50% 50%;
  background-color: #4a86f7;
}
.fc_mention[data-appid="2"]:hover::before,
.reset .fc_mention[data-appid="2"]:hover::before,
.fc_mention[data-locid="2"]:hover::before,
.reset .fc_mention[data-locid="2"]:hover::before {
  background-color: white;
}
.fc_mention[data-appid="3"]::before,
.reset .fc_mention[data-appid="3"]::before,
.fc_mention[data-locid="3"]::before,
.reset .fc_mention[data-locid="3"]::before {
  content: "";
  mask-size: cover;
  -webkit-mask-size: cover;
  height: 16px;
  width: 16px;
  display: block;
  float: left;
  margin-top: 1px;
  margin-right: 4px;
  mask: url("svg/Discussions.svg") no-repeat 50% 50%;
  -webkit-mask: url("svg/Discussions.svg") no-repeat 50% 50%;
  background-color: #5da56e;
}
.fc_mention[data-appid="3"]:hover::before,
.reset .fc_mention[data-appid="3"]:hover::before,
.fc_mention[data-locid="3"]:hover::before,
.reset .fc_mention[data-locid="3"]:hover::before {
  background-color: white;
}
.fc_mention[data-appid="4"]::before,
.reset .fc_mention[data-appid="4"]::before,
.fc_mention[data-locid="4"]::before,
.reset .fc_mention[data-locid="4"]::before {
  content: "";
  mask-size: cover;
  -webkit-mask-size: cover;
  height: 16px;
  width: 16px;
  display: block;
  float: left;
  margin-top: 1px;
  margin-right: 4px;
  mask: url("svg/Milestones.svg") no-repeat 50% 50%;
  -webkit-mask: url("svg/Milestones.svg") no-repeat 50% 50%;
  background-color: #d94841;
}
.fc_mention[data-appid="4"]:hover::before,
.reset .fc_mention[data-appid="4"]:hover::before,
.fc_mention[data-locid="4"]:hover::before,
.reset .fc_mention[data-locid="4"]:hover::before {
  background-color: white;
}
.fc_mention[data-appid="5"]::before,
.reset .fc_mention[data-appid="5"]::before,
.fc_mention[data-locid="5"]::before,
.reset .fc_mention[data-locid="5"]::before {
  content: "";
  mask-size: cover;
  -webkit-mask-size: cover;
  height: 16px;
  width: 16px;
  display: block;
  float: left;
  margin-top: 1px;
  margin-right: 4px;
  mask: url("svg/Time.svg") no-repeat 50% 50%;
  -webkit-mask: url("svg/Time.svg") no-repeat 50% 50%;
  background-color: #6e9ef9;
}
.fc_mention[data-appid="5"]:hover::before,
.reset .fc_mention[data-appid="5"]:hover::before,
.fc_mention[data-locid="5"]:hover::before,
.reset .fc_mention[data-locid="5"]:hover::before {
  background-color: white;
}
.fc_mention[data-appid="6"]::before,
.reset .fc_mention[data-appid="6"]::before,
.fc_mention[data-locid="6"]::before,
.reset .fc_mention[data-locid="6"]::before {
  content: "";
  mask-size: cover;
  -webkit-mask-size: cover;
  height: 16px;
  width: 16px;
  display: block;
  float: left;
  margin-top: 1px;
  margin-right: 4px;
  mask: url("svg/Files.svg") no-repeat 50% 50%;
  -webkit-mask: url("svg/Files.svg") no-repeat 50% 50%;
  background-color: #57b6f0;
}
.fc_mention[data-appid="6"]:hover::before,
.reset .fc_mention[data-appid="6"]:hover::before,
.fc_mention[data-locid="6"]:hover::before,
.reset .fc_mention[data-locid="6"]:hover::before {
  background-color: white;
}
.fc_mention[data-appid="13"]::before,
.reset .fc_mention[data-appid="13"]::before,
.fc_mention[data-locid="13"]::before,
.reset .fc_mention[data-locid="13"]::before {
  content: "";
  mask-size: cover;
  -webkit-mask-size: cover;
  height: 16px;
  width: 16px;
  display: block;
  float: left;
  margin-top: 1px;
  margin-right: 4px;
  mask: url("svg/IssueTracker.svg") no-repeat 50% 50%;
  -webkit-mask: url("svg/IssueTracker.svg") no-repeat 50% 50%;
  background-color: #d94841;
}
.fc_mention[data-appid="13"]:hover::before,
.reset .fc_mention[data-appid="13"]:hover::before,
.fc_mention[data-locid="13"]:hover::before,
.reset .fc_mention[data-locid="13"]:hover::before {
  background-color: white;
}
.fc_mention[data-appid="14"]::before,
.reset .fc_mention[data-appid="14"]::before,
.fc_mention[data-locid="14"]::before,
.reset .fc_mention[data-locid="14"]::before {
  content: "";
  mask-size: cover;
  -webkit-mask-size: cover;
  height: 16px;
  width: 16px;
  display: block;
  float: left;
  margin-top: 1px;
  margin-right: 4px;
  mask: url("svg/Wiki.svg") no-repeat 50% 50%;
  -webkit-mask: url("svg/Wiki.svg") no-repeat 50% 50%;
  background-color: #57b6f0;
}
.fc_mention[data-appid="14"]:hover::before,
.reset .fc_mention[data-appid="14"]:hover::before,
.fc_mention[data-locid="14"]:hover::before,
.reset .fc_mention[data-locid="14"]:hover::before {
  background-color: white;
}
.fc_mention[data-appid="19"]::before,
.reset .fc_mention[data-appid="19"]::before,
.fc_mention[data-locid="19"]::before,
.reset .fc_mention[data-locid="19"]::before {
  content: "";
  mask-size: cover;
  -webkit-mask-size: cover;
  height: 16px;
  width: 16px;
  display: block;
  float: left;
  margin-top: 1px;
  margin-right: 4px;
  mask: url("svg/Calendar.svg") no-repeat 50% 50%;
  -webkit-mask: url("svg/Calendar.svg") no-repeat 50% 50%;
  background-color: #83bf6e;
}
.fc_mention[data-appid="19"]:hover::before,
.reset .fc_mention[data-appid="19"]:hover::before,
.fc_mention[data-locid="19"]:hover::before,
.reset .fc_mention[data-locid="19"]:hover::before {
  background-color: white;
}
.fc_mention[data-appid="47"]::before,
.reset .fc_mention[data-appid="47"]::before,
.fc_mention[data-locid="47"]::before,
.reset .fc_mention[data-locid="47"]::before {
  content: "";
  mask-size: cover;
  -webkit-mask-size: cover;
  height: 16px;
  width: 16px;
  display: block;
  float: left;
  margin-top: 1px;
  margin-right: 4px;
  mask: url("svg/Planner.svg") no-repeat 50% 50%;
  -webkit-mask: url("svg/Planner.svg") no-repeat 50% 50%;
  background-color: #4a86f7;
}
.fc_mention[data-appid="47"]:hover::before,
.reset .fc_mention[data-appid="47"]:hover::before,
.fc_mention[data-locid="47"]:hover::before,
.reset .fc_mention[data-locid="47"]:hover::before {
  background-color: white;
}
.fc_mention[data-appid="37"]::before,
.reset .fc_mention[data-appid="37"]::before,
.fc_mention[data-locid="37"]::before,
.reset .fc_mention[data-locid="37"]::before {
  content: "";
  mask-size: cover;
  -webkit-mask-size: cover;
  height: 16px;
  width: 16px;
  display: block;
  float: left;
  margin-top: 1px;
  margin-right: 4px;
  mask: url("svg/Overview.svg") no-repeat 50% 50%;
  -webkit-mask: url("svg/Overview.svg") no-repeat 50% 50%;
  background-color: #f2a84c;
}
.fc_mention[data-appid="37"]:hover::before,
.reset .fc_mention[data-appid="37"]:hover::before,
.fc_mention[data-locid="37"]:hover::before,
.reset .fc_mention[data-locid="37"]:hover::before {
  background-color: white;
}
.fc_mention[data-appid="48"]::before,
.reset .fc_mention[data-appid="48"]::before,
.fc_mention[data-locid="48"]::before,
.reset .fc_mention[data-locid="48"]::before {
  content: "";
  mask-size: cover;
  -webkit-mask-size: cover;
  height: 16px;
  width: 16px;
  display: block;
  float: left;
  margin-top: 1px;
  margin-right: 4px;
  mask: url("svg/Translations.svg") no-repeat 50% 50%;
  -webkit-mask: url("svg/Translations.svg") no-repeat 50% 50%;
  background-color: #4a86f7;
}
.fc_mention[data-appid="48"]:hover::before,
.reset .fc_mention[data-appid="48"]:hover::before,
.fc_mention[data-locid="48"]:hover::before,
.reset .fc_mention[data-locid="48"]:hover::before {
  background-color: white;
}
.fc_mention[data-appid="16"]::before,
.reset .fc_mention[data-appid="16"]::before,
.fc_mention[data-locid="16"]::before,
.reset .fc_mention[data-locid="16"]::before {
  content: "";
  mask-size: cover;
  -webkit-mask-size: cover;
  height: 16px;
  width: 16px;
  display: block;
  float: left;
  margin-top: 1px;
  margin-right: 4px;
  mask: url("svg/Crm.svg") no-repeat 50% 50%;
  -webkit-mask: url("svg/Crm.svg") no-repeat 50% 50%;
  background-color: #4a86f7;
}
.fc_mention[data-appid="16"]:hover::before,
.reset .fc_mention[data-appid="16"]:hover::before,
.fc_mention[data-locid="16"]:hover::before,
.reset .fc_mention[data-locid="16"]:hover::before {
  background-color: white;
}
.fc_mention[data-appid="17"]::before,
.reset .fc_mention[data-appid="17"]::before,
.fc_mention[data-locid="17"]::before,
.reset .fc_mention[data-locid="17"]::before {
  content: "";
  mask-size: cover;
  -webkit-mask-size: cover;
  height: 16px;
  width: 16px;
  display: block;
  float: left;
  margin-top: 1px;
  margin-right: 4px;
  mask: url("svg/Passwords.svg") no-repeat 50% 50%;
  -webkit-mask: url("svg/Passwords.svg") no-repeat 50% 50%;
  background-color: #4a86f7;
}
.fc_mention[data-appid="17"]:hover::before,
.reset .fc_mention[data-appid="17"]:hover::before,
.fc_mention[data-locid="17"]:hover::before,
.reset .fc_mention[data-locid="17"]:hover::before {
  background-color: white;
}
.fc_mention[data-appid="20"]::before,
.reset .fc_mention[data-appid="20"]::before,
.fc_mention[data-locid="20"]::before,
.reset .fc_mention[data-locid="20"]::before {
  content: "";
  mask-size: cover;
  -webkit-mask-size: cover;
  height: 16px;
  width: 16px;
  display: block;
  float: left;
  margin-top: 1px;
  margin-right: 4px;
  mask: url("svg/Invoices.svg") no-repeat 50% 50%;
  -webkit-mask: url("svg/Invoices.svg") no-repeat 50% 50%;
  background-color: #4a86f7;
}
.fc_mention[data-appid="20"]:hover::before,
.reset .fc_mention[data-appid="20"]:hover::before,
.fc_mention[data-locid="20"]:hover::before,
.reset .fc_mention[data-locid="20"]:hover::before {
  background-color: white;
}
/* Chat still uses old style mentions due to design discrepancy (blue background messages). */
.fc_mention_old_style .fc_mention,
.fc_mention_old_style .reset .fc_mention {
  background-color: #cee8f9;
  border: 1px solid #9cd0f3;
  color: #3e4e67;
}
.fc_mention_old_style .fc_mention:hover,
.fc_mention_old_style .reset .fc_mention:hover {
  background-color: #9cd0f3;
}
.fc_mention_old_style .fc_mention:hover::before,
.fc_mention_old_style .reset .fc_mention:hover::before {
  background-color: #4a86f7;
}
.cke_button__mentions {
  display: none !important;
}
/* End Mentions styles */
/**
* Item Styling across apps
 */
.item_content {
  padding-left: 20px;
}
.item_content,
.item_content p {
  color: #131313;
  font-size: 15px;
  line-height: 1.64em;
  margin: 20px 0;
  word-break: break-word;
}
.item_content ul,
.item_content ol {
  margin-left: 40px;
}
.item_content s {
  text-decoration: line-through;
}
.item_content u {
  text-decoration: underline;
}
.item_content pre {
  overflow-x: auto;
}
.item_content p[dir="rtl"] {
  text-align: right;
}
.item-title-group {
  min-height: 45px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e4e4e4;
}
.item-title-group.group-only {
  min-height: 20px;
}
.item-title-group.no_border {
  border-bottom: none;
}
.item-title-group .group-title {
  color: #777;
  font-weight: 300;
  margin-right: 7px;
  margin-top: 1px;
}
.item-title-group h4 {
  font-size: 14px;
  margin-bottom: 0;
  line-height: 1.1em;
}
.item-title-group h3 {
  font-size: 16px;
}
.item-avatar {
  margin-right: 15px;
  margin-bottom: 15px;
  float: left;
  border-radius: 50%;
}
.item-separator {
  height: 15px;
  border-bottom: 1px solid #ddd;
  clear: both;
}
.item-header-group.sticky {
  position: fixed;
  z-index: 88;
  top: 0;
  background-color: #fff;
  box-shadow: -1rem 0 0 #ffffff;
}
.item-header-group.sticky .item-bar {
  margin: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
}
.item-header-group.sticky .item-bar ul.pill.go-back-nav,
.item-header-group.sticky .item-bar ul.pill.scroll-top-bottom-nav {
  display: block;
}
.item-header-group.sticky .item-bar ul.pill.scroll-top-bottom-nav {
  float: left;
  margin-right: 0;
  margin-left: 5px;
}
.item-header-group.sticky .item-bar .delete_item_wrap {
  display: none;
}
.item-header-group.sticky .item-bar .show_subtasks {
  display: none;
}
.item-header-group.sticky .item-bar .scroll-top-bottom-nav li a i {
  background: url(../../images/buttons/top.png) 0 0 repeat;
}
.item-header-group.sticky .item-bar .scroll-top-bottom-nav li a i:before {
  display: none;
}
.item-header-group.sticky #todo_parent_div {
  display: none;
}
.item-header-group.sticky .item-avatar {
  margin-top: 15px;
}
.item-bar {
  background-color: #f5f5f5;
  border: 1px solid #e4e4e4;
  border-radius: 3px;
  padding: 10px 10px 5px 10px;
  margin: 5px 0 10px;
}
.item-bar .segment-group > ul,
.item-bar .segment-group {
  line-height: 100%;
}
.item-bar .segment-group > ul.scroll-top-bottom-nav,
.item-bar .segment-group.scroll-top-bottom-nav {
  position: relative;
}
.item-bar .segment-group > ul.scroll-top-bottom-nav .bubble,
.item-bar .segment-group.scroll-top-bottom-nav .bubble {
  background: #ec2d71;
  border-radius: 6px;
  position: absolute;
  height: 20px;
  width: 20px;
  color: white;
  font-size: 11px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.32) inset, 0 2px 0 0px rgba(255, 255, 255, 0.25) inset, 0 2px 0px rgba(0, 0, 0, 0.12), 0 -2px 0px rgba(0, 0, 0, 0.12) inset;
  text-align: center;
  padding: 2px;
  top: -12px;
  left: 28px;
  line-height: 20px;
  z-index: 1;
}
.item-bar ul.pill {
  border: 1px solid #dedede;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #fff;
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.04);
  -moz-box-shadow: 0 1px 0 rgba(0,0,0,.04);
  box-shadow: 0 1px 0 rgba(0,0,0,.04);
  height: auto;
  margin-bottom: 5px;
}
.item-bar ul.pill li {
  padding: 0;
}
.item-bar ul.pill li a {
  border-color: #dedede;
  border-left: none;
  position: relative;
  font-size: 13px;
  color: #3a4352;
  font-weight: 400;
  padding: 10px 15px;
}
.item-bar ul.pill li:first-child a {
  border-left: none;
}
.item-bar ul.pill li:last-child a {
  border-right: none;
}
.item-bar ul.pill.go-back-nav,
.item-bar ul.pill.scroll-top-bottom-nav {
  display: none;
}
.item-bar ul.pill.go-back-nav li a,
.item-bar ul.pill.scroll-top-bottom-nav li a {
  padding-left: 10px;
  padding-right: 10px;
}
.item-bar ul.pill.go-back-nav li a i,
.item-bar ul.pill.scroll-top-bottom-nav li a i {
  display: inline-block;
  text-indent: -9999px;
  width: 16px;
  height: 16px;
  background: url(../../images/buttons/back.png) no-repeat top left;
}
.item-bar ul.pill.go-back-nav li a:hover i,
.item-bar ul.pill.scroll-top-bottom-nav li a:hover i {
  background-position: bottom left !important;
}
.item-bar ul.pill.scroll-top-bottom-nav {
  display: block;
  float: left;
  margin-right: 0 !important;
  position: relative;
}
.item-bar ul.pill.scroll-top-bottom-nav li a i {
  background: none;
}
.item-bar ul.pill.scroll-top-bottom-nav li a i:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  z-index: 1;
  background: url(../../images/buttons/top.png) 0 0 repeat;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(30deg);
  transform: rotate(180deg);
}
.item-bar ul.pill.scroll-top-bottom-nav li a:hover i:before {
  background-position: bottom left !important;
}
.item-bar ul.pill .tip {
  text-shadow: none;
}
.item-bar-update {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #e7eaf0;
  border-color: #d6dce6;
  padding: 0.25rem;
  border-radius: 4px;
}
.item-bar-update .go-back-nav li a svg {
  width: 16px;
}
.item-bar-update .scroll-top-bottom-nav li a i {
  display: none;
}
.item-bar-update .scroll-top-bottom-nav li a svg {
  width: 16px;
  /* bug in the Chrome for some resolutions */
  transform: rotate(0);
  transform-origin: center;
  transition: all 0.175s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.item-header-group.sticky .item-bar-update .scroll-top-bottom-nav li a svg {
  transform: rotate(180deg);
}
.item-bar-update .go-back-nav {
  display: none;
}
.item-header-group.sticky .item-bar-update .go-back-nav {
  display: block;
  margin-right: 0.25rem;
}
.item-header-group.sticky .item-bar-update .go-back-nav i {
  display: none;
}
/**
* End Item Styling across apps
 */
/* framework general */
#no_items {
  display: none;
  font-size: 16px;
  text-align: center;
  margin-top: 50px;
  width: 100%;
}
#no_items .hmm {
  font-size: 20px;
  margin-bottom: 10px;
  color: #898e95;
}
#no_items .advice {
  font-size: 14px;
  color: #222;
}
.no_entries {
  font-family: 'Roboto', 'Segoe UI', 'Helvetica Neue', Helvetica, sans-serif;
  color: #808080;
  font-size: 0.875rem;
  text-align: center;
  padding: 1rem;
}
.files_container .no_entries {
  font-size: 0.875rem;
}
.no_entries a {
  color: #2780f8 !important;
  font-weight: 500;
}
.no_entries_inner {
  font-family: 'Roboto', 'Segoe UI', 'Helvetica Neue', Helvetica, sans-serif;
  color: #555555;
  font-style: normal;
  font-size: 1.25rem;
  padding: 3rem;
  width: 70%;
  max-width: 600px;
}
.no_entries_inner .no_entries_sample {
  margin-bottom: 1rem;
}
.no_entries_inner .no_entries_sample .sample-bar {
  height: 0.5rem;
  background: currentColor;
  border-radius: 32px;
  margin-top: 0.25rem;
  margin-left: 0.5rem;
}
.no_entries_inner p {
  margin: 1.5rem 0;
  font-size: 1.25rem;
}
.no_entries_inner a {
  font-weight: normal;
  color: white !important;
}
.no_entries_inner.animate .entry_1 {
  animation-name: slideInRight;
  animation-delay: 0.23s;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-timing-function: ease;
}
.no_entries_inner.animate .entry_2 {
  animation-name: slideInRight2;
  animation-delay: 0.25s;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-timing-function: ease-out;
}
.no_entries_inner.animate .entry_3 {
  animation-name: slideInRight3;
  animation-delay: 0.21s;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-timing-function: ease;
}
.no_entries_inner.animateOut .entry_1 {
  animation-name: slideOutLeft;
  animation-delay: 0.1s;
  animation-duration: 1.5s;
  animation-fill-mode: both;
  animation-timing-function: ease-in;
}
.no_entries_inner.animateOut .entry_2 {
  animation-name: slideOutLeft;
  animation-delay: 0.3s;
  animation-duration: 1.5s;
  animation-fill-mode: both;
  animation-timing-function: ease-in;
}
.no_entries_inner.animateOut .entry_3 {
  animation-name: slideOutLeft;
  animation-delay: 0.2s;
  animation-duration: 1.5s;
  animation-fill-mode: both;
  animation-timing-function: ease-in;
}
@keyframes slideOutLeft {
  0% {
    opacity: 0.6;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  69% {
    opacity: 0;
    transform: translate3d(-500%, 0, 0);
  }
  100% {
    visibility: hidden;
    opacity: 0;
    transform: translate3d(-2000%, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 0.8;
  }
}
@keyframes slideInRight2 {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 0.51;
  }
}
@keyframes slideInRight3 {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 0.355;
  }
}
.no-hover:hover {
  background-color: #fff !important;
}
.ui-datepicker .ui-datepicker-today a {
  border-color: #5f83b9;
  font-weight: bold;
  box-shadow: none;
}
.ui-datepicker .ui-datepicker-current-day a {
  background: none repeat scroll 0 0 #5f83b9;
  border-color: #5f83b9;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 1px 1px #234386;
  box-shadow: none;
}
/* todo #1686210*/
.ui-datepicker .ui-state-hover {
  color: black;
  background: #e1ebf4;
  font-weight: bold;
}
.highlighted {
  -webkit-animation-duration: 1.6s;
  -moz-animation-duration: 1.6s;
  -o-animation-duration: 1.6s;
  animation-duration: 1.6s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: highlight;
  -moz-animation-name: highlight;
  -o-animation-name: highlight;
  animation-name: highlight;
}
@-webkit-keyframes highlight {
  0% {
    background-color: #fff;
  }
  50% {
    background-color: #f3f0aa;
  }
  100% {
    background-color: #fff;
  }
}
@-moz-keyframes highlight {
  0% {
    background-color: #fff;
  }
  50% {
    background-color: #f3f0aa;
  }
  100% {
    background-color: #fff;
  }
}
@-o-keyframes highlight {
  0% {
    background-color: #fff;
  }
  50% {
    background-color: #f3f0aa;
  }
  100% {
    background-color: #fff;
  }
}
@keyframes highlight {
  0% {
    background-color: #fff;
  }
  50% {
    background-color: #f3f0aa;
  }
  100% {
    background-color: #fff;
  }
}
/* error bubble - copied from main.less */
.bubble_block {
  position: relative;
}
.bubble_block .error_bubble {
  box-sizing: border-box;
  height: 38px;
  line-height: 38px;
  background-color: #d1d9ef;
  position: absolute;
  top: 2px;
  right: 105%;
  text-align: center;
  vertical-align: middle;
  border-radius: 4px;
  color: #203166;
  white-space: nowrap;
  padding: 0 20px;
}
.bubble_block .error_bubble:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #d1d9ef;
  top: 15px;
  left: 100%;
}
.debug_response {
  display: none;
}
.new_list_add {
  position: relative;
  padding-top: 1rem;
}
.new_list_add .btn {
  min-width: 12rem;
  position: relative;
}
.new_list_add:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 0;
  width: 100%;
  margin-top: 0.5rem;
  height: 1px;
  background: #7395bc;
  /* Old browsers */
  background: linear-gradient(to right, rgba(115, 149, 188, 0.5) 0%, rgba(115, 149, 188, 0.25) 35%, rgba(115, 149, 188, 0) 45%, rgba(115, 149, 188, 0) 55%, rgba(115, 149, 188, 0.25) 65%, rgba(115, 149, 188, 0.5) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.ui-sortable-helper {
  background: #ebf6fd;
}
.fc_switcher_row {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  position: relative;
}
.fc_switcher_row .title {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding-left: 20px;
  font-size: 13px;
}
.fc_switcher_row .segment-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: -1px;
  margin-top: -1px;
}
.fc_switcher_row .segment-group > .btn {
  height: 52px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  box-shadow: none;
}
.fc_switcher_row .segment-group > .btn:nth-of-type(2) {
  border-left: none;
}
.fc_switcher_row .segment-group > .btn:first-of-type {
  border-right-width: 1px;
  border-radius: 0;
}
.fc_switcher_row .segment-group > .btn:last-of-type {
  border-right-width: 0;
}
.mb10 {
  margin-bottom: 10px;
}
.mt10 {
  margin-top: 10px;
}
#public_project_banner .public_user_banner {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
#public_project_banner .public_user_banner .banner_item {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  flex-basis: 33%;
}
#public_project_banner .public_user_banner .banner_item.left_item {
  justify-content: left;
}
#public_project_banner .public_user_banner .banner_item.middle_item {
  justify-content: center;
  white-space: nowrap;
}
#public_project_banner .public_user_banner .banner_item.middle_item svg {
  padding: 0.25rem;
  margin-left: 8px;
  margin-left: 0.5rem;
  margin-right: 8px;
  margin-right: 0.5rem;
  border-radius: 50%;
  background-color: #5c7499;
  color: #ffffff;
}
#public_project_banner .public_user_banner .banner_item.right_item {
  justify-content: flex-end;
}
#public_project_banner .public_user_banner .banner_item .pp_domain_logo {
  width: 180px;
  height: 32px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#public_project_banner .public_user_banner .public_project_name {
  margin-left: 10px;
  max-width: 300px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#public_project_banner .public_user_banner .public_project_color {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}
#public_project_banner .public_user_banner .public_project_info {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 5px;
  align-items: center;
  cursor: pointer;
}
#public_project_banner .public_user_banner .favorite_pp_action {
  background: #ffffff;
  color: #555555;
  border-color: rgba(0, 0, 0, 0.175);
  border-width: 1px;
  border-style: solid;
  width: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-transform: capitalize;
  padding: .5rem .75rem;
  margin: 0 .25rem;
  height: 2.5rem;
  min-width: 2.5rem;
  font-size: 0.875rem;
  border-radius: 4px;
  box-shadow: none;
  transition: all 0.175s cubic-bezier(0.25, 0.8, 0.25, 1);
  font-weight: 500;
  text-decoration: none;
  outline: 0;
  box-sizing: border-box;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0;
  line-height: 0;
  padding: .25rem;
  margin: 0;
  font-size: .625rem;
  padding: .25rem .25rem;
  height: 1.5rem;
  min-width: 1.5rem;
  background-color: transparent;
  border-color: transparent;
  color: #7489a8;
  opacity: 0.5;
  margin-left: 5px;
}
#public_project_banner .public_user_banner .favorite_pp_action.hide {
  display: none;
}
#public_project_banner .public_user_banner .favorite_pp_action:hover {
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.0375), 0 -2px 0 0px rgba(0, 0, 0, 0.0875) inset;
  border-color: rgba(0, 0, 0, 0.25);
}
#public_project_banner .public_user_banner .favorite_pp_action.btn-xxs {
  font-size: .625rem;
  padding: .25rem .25rem;
  height: 1.5rem;
  min-width: 1.5rem;
}
#public_project_banner .public_user_banner .favorite_pp_action.btn-xs {
  font-size: .625rem;
  padding: .5rem .5rem;
  height: 2rem;
  min-width: 2rem;
}
#public_project_banner .public_user_banner .favorite_pp_action.btn-s {
  font-size: .75rem;
  padding: .5rem .5rem;
  height: 2.25rem;
  min-width: 2.25rem;
}
#public_project_banner .public_user_banner .favorite_pp_action.btn-m {
  font-size: .875rem;
  padding: .5rem .75rem;
  height: 2.5rem;
  min-width: 2.5rem;
}
#public_project_banner .public_user_banner .favorite_pp_action.btn-l {
  font-size: 1rem;
  padding: .75rem 1.5rem;
  height: 2.75rem;
  min-width: 2.75rem;
}
#public_project_banner .public_user_banner .favorite_pp_action.btn-xl {
  font-size: 1.125rem;
  padding: .875rem 1.75rem;
  height: 3rem;
  min-width: 3rem;
}
#public_project_banner .public_user_banner .favorite_pp_action.btn-clean {
  background-color: transparent;
  border-color: transparent;
  color: #7489a8;
}
#public_project_banner .public_user_banner .favorite_pp_action.btn-clean:hover {
  background-color: #ffffff;
  color: #2373df;
  border-color: rgba(0, 0, 0, 0.175);
}
#public_project_banner .public_user_banner .favorite_pp_action.btn-default {
  background-color: #f7f8fa;
  color: #7489a8;
}
#public_project_banner .public_user_banner .favorite_pp_action.btn-default:hover {
  background-color: #ffffff;
  color: #2373df;
}
#public_project_banner .public_user_banner .favorite_pp_action.btn-neutral {
  background-color: #2780f8;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.125);
}
#public_project_banner .public_user_banner .favorite_pp_action.btn-neutral:hover {
  background-color: #3d8df9;
}
#public_project_banner .public_user_banner .favorite_pp_action.btn-positive {
  background-color: #27ae60;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.125);
}
#public_project_banner .public_user_banner .favorite_pp_action.btn-positive:hover {
  background-color: #3db670;
}
#public_project_banner .public_user_banner .favorite_pp_action.btn-negative {
  background-color: #f24f40;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.125);
}
#public_project_banner .public_user_banner .favorite_pp_action.btn-negative:hover {
  background-color: #f36153;
}
#public_project_banner .public_user_banner .favorite_pp_action.btn-warning {
  background-color: #e6b41d;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.125);
}
#public_project_banner .public_user_banner .favorite_pp_action.btn-warning:hover {
  background-color: #e9bc34;
}
#public_project_banner .public_user_banner .favorite_pp_action.btn-hover-neutral:hover {
  background-color: #5299f9;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.125);
}
#public_project_banner .public_user_banner .favorite_pp_action.btn-hover-positive:hover {
  background-color: #27ae60;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.125);
}
#public_project_banner .public_user_banner .favorite_pp_action.btn-hover-negative:hover {
  background-color: #f24f40;
  color: #ffffff;
}
#public_project_banner .public_user_banner .favorite_pp_action.btn-hover-negative:hover svg {
  color: inherit;
}
#public_project_banner .public_user_banner .favorite_pp_action.btn-hover-warning:hover {
  background-color: #e6b41d;
  color: #ffffff;
}
#public_project_banner .public_user_banner .favorite_pp_action.btn-hover-disabled:hover {
  background-color: #ececec;
  color: #6c6c6c;
  cursor: default;
}
#public_project_banner .public_user_banner .favorite_pp_action.btn-disabled,
#public_project_banner .public_user_banner .favorite_pp_action.disabled,
#public_project_banner .public_user_banner .favorite_pp_action:disabled,
#public_project_banner .public_user_banner .favorite_pp_action[disabled] {
  background-color: #ececec;
  color: #6c6c6c;
  cursor: not-allowed;
  box-shadow: none;
  text-shadow: none;
}
#public_project_banner .public_user_banner .favorite_pp_action.btn-disabled:hover,
#public_project_banner .public_user_banner .favorite_pp_action.disabled:hover,
#public_project_banner .public_user_banner .favorite_pp_action:disabled:hover,
#public_project_banner .public_user_banner .favorite_pp_action[disabled]:hover {
  background-color: #dfdfdf;
  color: #6c6c6c;
  text-shadow: none;
}
#public_project_banner .public_user_banner .favorite_pp_action.btn-notext {
  font-size: 0;
  line-height: 0;
  padding: .25rem;
  margin: 0;
}
#public_project_banner .public_user_banner .favorite_pp_action.btn-notext svg {
  pointer-events: none;
}
#public_project_banner .public_user_banner .favorite_pp_action.btn-reset {
  border: none;
  margin: 0;
}
#public_project_banner .public_user_banner .favorite_pp_action.btn-reset:hover {
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0.25);
}
#public_project_banner .public_user_banner .favorite_pp_action.btn-asis {
  text-transform: none;
}
#public_project_banner .public_user_banner .favorite_pp_action svg {
  pointer-events: none;
}
#public_project_banner .public_user_banner .favorite_pp_action:hover {
  background-color: #ffffff;
  color: #2373df;
  border-color: rgba(0, 0, 0, 0.175);
}
#public_project_banner .public_user_banner .favorite_pp_action:hover {
  opacity: 1;
}
.expansion_icon {
  float: right;
  width: 16px;
  height: 16px;
  margin-top: 5px;
  color: #232323;
  display: block;
  display: inline-block;
  background: url(../../images/buttons/expand.png) no-repeat scroll left top transparent;
}
.expansion_icon.open {
  background-position: 0 -32px;
}
.project_selector_container .group_name {
  font-weight: 700;
  font-size: 0.9rem;
  line-height: normal;
}
.project_selector_container .list_project_item {
  margin-left: 20px;
  width: auto !important;
}
.project_selector_container .group_expander {
  margin-top: -22px;
}
.project_selector_container .projects_list {
  max-height: none !important;
}
.before_dashboard_indicator,
.full_page_spinner {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  background-color: rgba(255, 255, 255, 0.72);
}
@-webkit-keyframes spin {
  to {
    border-top-color: #ec407a;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  to {
    border-top-color: #ec407a;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.before_dashboard_indicator .loader_indication,
.full_page_spinner .loader_indication {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -32px;
  margin-left: -32px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border: 3px solid #ddd;
  border-top: 3px solid #42a5f5;
  border-radius: 50%;
  height: 75px;
  width: 75px;
}
.al_container_left {
  position: fixed;
  top: 0;
  bottom: 0;
  overflow: auto;
  height: 100%;
  background-color: #fff;
  -webkit-box-shadow: 2px 0px 123px 2px rgba(0, 0, 0, 0.56);
  -moz-box-shadow: 2px 0px 123px 2px rgba(0, 0, 0, 0.56);
  box-shadow: 2px 0px 123px 2px rgba(0, 0, 0, 0.56);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transform: translate3d(-130%, 0, 0);
}
.al_container_left.al_container_left_open {
  transform: translate3d(0, 0, 0);
}
.project_color_common {
  display: block;
  background-color: #53688a;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  width: 8px;
  height: 8px;
}
.app_icon_common {
  margin: 2px;
}
.app_icon_common svg {
  margin-right: 0 !important;
  vertical-align: middle;
}
.avatar_common {
  border-radius: 50%;
  min-width: 22px;
  min-height: 22px;
}
.cursor_pointer {
  cursor: pointer;
}
/* Special cross browser solution when there are two date elements in one row inside a small form (flex is not good enough). */
.fkit_date_small_container {
  width: 100%;
}
.fkit_date_small_container .field_icon {
  float: left;
}
.fkit_date_small_container .fkit_date {
  float: left !important;
  width: calc(100% - 40px) !important;
}
.helper_common {
  cursor: pointer;
  color: #656c84;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 5px;
}
.helper_common:hover {
  color: #48adf0;
}
.break_word {
  word-break: break-word;
}
/* React Components. TODO: Move this to each component - handle differently. */
.c_ItemGroupProject {
  font-size: 12px;
  color: #4e6382;
}
.c_ItemGroupProject span {
  margin: 0 5px;
}
.c_ItemGroupProject .project_color_common {
  margin-right: 4px;
}
/** FKIT */
.tooltipster-fall,
.tooltipster-grow.tooltipster-show {
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-base {
  display: flex;
  pointer-events: none;
  position: absolute;
}
.tooltipster-box {
  flex: 1 1 auto;
}
.tooltipster-content {
  box-sizing: border-box;
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
}
.tooltipster-ruler {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
}
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}
.tooltipster-fade.tooltipster-show {
  opacity: 1;
}
.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}
.tooltipster-grow.tooltipster-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}
.tooltipster-swing.tooltipster-show {
  opacity: 1;
  -webkit-transform: rotateZ(0);
  -moz-transform: rotateZ(0);
  -o-transform: rotateZ(0);
  -ms-transform: rotateZ(0);
  transform: rotateZ(0);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}
.tooltipster-fall {
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-fall.tooltipster-initial {
  top: 0 !important;
}
.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0!important;
  opacity: 0;
}
.tooltipster-slide {
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-slide.tooltipster-initial {
  left: -40px !important;
}
.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0!important;
  opacity: 0;
}
@keyframes tooltipster-fading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.tooltipster-update-fade {
  animation: tooltipster-fading 0.4s;
}
@keyframes tooltipster-rotating {
  25% {
    transform: rotate(-2deg);
  }
  75% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0);
  }
}
.tooltipster-update-rotate {
  animation: tooltipster-rotating 0.6s;
}
@keyframes tooltipster-scaling {
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.tooltipster-update-scale {
  animation: tooltipster-scaling 0.6s;
}
.tooltipster-sidetip .tooltipster-box {
  background: #565656;
  border: 2px solid #000;
  border-radius: 4px;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 8px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 8px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 8px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 8px;
}
.tooltipster-sidetip .tooltipster-content {
  color: #fff;
  line-height: 18px;
  padding: 6px 14px;
}
.tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 10px;
  margin-left: -10px;
  top: 0;
  width: 20px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  right: 0;
  top: 0;
  width: 10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  left: 0;
  top: 0;
  width: 10px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 0;
  height: 10px;
  margin-left: -10px;
  width: 20px;
}
.tooltipster-sidetip .tooltipster-arrow-background,
.tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0;
}
.tooltipster-sidetip .tooltipster-arrow-background {
  border: 10px solid transparent;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #565656;
  left: 0;
  top: 3px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #565656;
  left: -3px;
  top: 0;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #565656;
  left: 3px;
  top: 0;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #565656;
  left: 0;
  top: -3px;
}
.tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
  left: 0;
  top: 0;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #000000;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #000000;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #000000;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #000000;
}
.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px;
}
.tooltipster-sidetip.tooltipster-borderless .tooltipster-box {
  border: none;
  background: #1b1b1b;
  background: rgba(10, 10, 10, 0.9);
}
.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-box {
  margin-top: 8px;
}
.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-box {
  margin-right: 8px;
}
.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-box {
  margin-left: 8px;
}
.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-box {
  margin-bottom: 8px;
}
.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow {
  height: 8px;
  margin-left: -8px;
  width: 16px;
}
.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow,
.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow {
  height: 16px;
  margin-left: 0;
  margin-top: -8px;
  width: 8px;
}
.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-background {
  display: none;
}
.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-border {
  border: 8px solid transparent;
}
.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #1b1b1b;
  border-bottom-color: rgba(10, 10, 10, 0.9);
}
.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #1b1b1b;
  border-left-color: rgba(10, 10, 10, 0.9);
}
.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #1b1b1b;
  border-right-color: rgba(10, 10, 10, 0.9);
}
.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #1b1b1b;
  border-top-color: rgba(10, 10, 10, 0.9);
}
.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -8px;
}
.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-uncropped {
  left: -8px;
}
.tooltipster-sidetip.tooltipster-light .tooltipster-box {
  border-radius: 3px;
  border: 1px solid #ccc;
  background: #ededed;
}
.tooltipster-sidetip.tooltipster-light .tooltipster-content {
  color: #666666;
}
.tooltipster-sidetip.tooltipster-light .tooltipster-arrow {
  height: 9px;
  margin-left: -9px;
  width: 18px;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow,
.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow {
  height: 18px;
  margin-left: 0;
  margin-top: -9px;
  width: 9px;
}
.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-background {
  border: 9px solid transparent;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #ededed;
  top: 1px;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #ededed;
  left: -1px;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #ededed;
  left: 1px;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #ededed;
  top: -1px;
}
.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-border {
  border: 9px solid transparent;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #cccccc;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #cccccc;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #cccccc;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #cccccc;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -9px;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-uncropped {
  left: -9px;
}
.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(../../fkit/js/colorpicker/images/colorpicker_background.png);
  font-family: Arial, Helvetica, sans-serif;
  display: none;
}
.colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #f00;
  overflow: hidden;
  cursor: crosshair;
}
.colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: url(../../fkit/js/colorpicker/images/colorpicker_overlay.png);
}
.colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(../../fkit/js/colorpicker/images/colorpicker_select.gif);
  margin: -5px 0 0 -5px;
}
.colorpicker_hue {
  position: absolute;
  top: 13px;
  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize;
}
.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(../../fkit/js/colorpicker/images/colorpicker_indic.gif) left top;
  margin: -4px 0 0 0;
  left: 0px;
}
.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #f00;
}
.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #f00;
}
.colorpicker input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #fff !important;
  top: 4px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0;
  height: 11px;
}
.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(../../fkit/js/colorpicker/images/colorpicker_hex.png) top;
  left: 212px;
  top: 142px;
}
.colorpicker_hex input {
  right: 6px;
}
.colorpicker_field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute;
}
.colorpicker_field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize;
}
.colorpicker_rgb_r {
  background-image: url(../../fkit/js/colorpicker/images/colorpicker_rgb_r.png);
  top: 52px;
  left: 212px;
}
.colorpicker_rgb_g {
  background-image: url(../../fkit/js/colorpicker/images/colorpicker_rgb_g.png);
  top: 82px;
  left: 212px;
}
.colorpicker_rgb_b {
  background-image: url(../../fkit/js/colorpicker/images/colorpicker_rgb_b.png);
  top: 112px;
  left: 212px;
}
.colorpicker_hsb_h {
  background-image: url(../../fkit/js/colorpicker/images/colorpicker_hsb_h.png);
  top: 52px;
  left: 282px;
}
.colorpicker_hsb_s {
  background-image: url(../../fkit/js/colorpicker/images/colorpicker_hsb_s.png);
  top: 82px;
  left: 282px;
}
.colorpicker_hsb_b {
  background-image: url(../../fkit/js/colorpicker/images/colorpicker_hsb_b.png);
  top: 112px;
  left: 282px;
}
.colorpicker_submit {
  position: absolute;
  width: 22px;
  height: 22px;
  background: url(../../fkit/js/colorpicker/images/colorpicker_submit.png) top;
  left: 322px;
  top: 142px;
  overflow: hidden;
}
.colorpicker_focus {
  background-position: center;
}
.colorpicker_hex.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_slider {
  background-position: bottom;
}
.flatpickr-calendar {
  background: transparent;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  padding: 0;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 315px;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  visibility: visible;
  overflow: visible;
  max-height: 640px;
}
.flatpickr-calendar.open {
  display: inline-block;
  animation: flatpickrFadeInDown 300ms cubic-bezier(0, 1, 0.5, 1);
  z-index: 99999;
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(102%);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.hasWeeks {
  width: auto;
}
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.rightMost:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #ffffff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #ffffff;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 28px;
  line-height: 24px;
  text-align: center;
  position: relative;
  user-select: none;
}
.flatpickr-prev-month,
.flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 10px;
  height: 16px;
  line-height: 16px;
}
.flatpickr-prev-month i,
.flatpickr-next-month i {
  position: relative;
}
.flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-next-month.flatpickr-prev-month {
  /*
        /*rtl:begin:ignore*/
  left: calc(2.07%);
  /*
        /*rtl:end:ignore*/
}
/*
        /*rtl:begin:ignore*/
/*
        /*rtl:end:ignore*/
.flatpickr-prev-month.flatpickr-next-month,
.flatpickr-next-month.flatpickr-next-month {
  /*
        /*rtl:begin:ignore*/
  right: calc(2.07%);
  /*
        /*rtl:end:ignore*/
}
/*
        /*rtl:begin:ignore*/
/*
        /*rtl:end:ignore*/
.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
  color: #959ea9;
}
.flatpickr-prev-month:hover svg,
.flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-prev-month svg,
.flatpickr-next-month svg {
  width: 14px;
}
.flatpickr-prev-month svg path,
.flatpickr-next-month svg path {
  transition: fill .1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.05);
  box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}
.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
  top: 33%;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}
.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  top: 5px;
  display: inline-block;
  text-align: center;
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 7px;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  box-sizing: border-box;
  color: inherit;
  cursor: default;
  padding: 0 0 0 .5ch;
  margin: 0;
  display: inline;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: initial;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
}
.flatpickr-days,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 315px;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-around;
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 0;
  display: inline-block;
  position: relative;
  justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #ffffff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  color: #fff;
  border-color: #569ff7;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
  pointer-events: none;
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  color: rgba(0, 0, 0, 0.54);
  height: 27.333333333333332px;
  line-height: 24px;
  background: transparent;
  text-align: center;
  display: block;
  float: left;
  width: 14.28%;
  font-weight: bold;
  margin: 0;
  padding-top: 3.33333333px;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  display: inline-block;
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 1px 12px 0 12px;
  box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
}
.flatpickr-weekwrapper span.flatpickr-day {
  display: block;
  width: 100%;
  max-width: none;
}
.flatpickr-innerContainer {
  display: block;
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  box-sizing: border-box;
  overflow: hidden;
  transition: height 0.33s cubic-bezier(0, 1, 0.5, 1);
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  cursor: pointer;
  color: #393939;
  font-size: 14px;
  position: relative;
  box-sizing: border-box;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  display: inline-block;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  user-select: none;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #f0f0f0;
}
.hasWeeks .flatpickr-days,
.hasTime .flatpickr-days {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.hasWeeks .flatpickr-days {
  border-left: 0;
}
@media all and (-ms-high-contrast: none) {
  .flatpickr-month {
    padding: 0;
  }
  .flatpickr-month svg {
    top: 0 !important;
  }
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-moz-keyframes flatpickrFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes flatpickrFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@-o-keyframes flatpickrFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes flatpickrFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
/* GLOBAL */
/* FORM VARIABLES */
/* Point at which form elements turn from flex to block */
/** COLORS */
.container {
  max-width: 64em;
  margin-left: auto;
  margin-right: auto;
}
.col {
  float: left;
}
.col,
.col-right {
  box-sizing: border-box;
}
.col-right {
  float: right;
}
.col-1 {
  width: 8.33333%;
}
.col-2 {
  width: 16.66667%;
}
.col-3 {
  width: 25%;
}
.col-4 {
  width: 33.33333%;
}
.col-5 {
  width: 41.66667%;
}
.col-6 {
  width: 50%;
}
.col-7 {
  width: 58.33333%;
}
.col-8 {
  width: 66.66667%;
}
.col-9 {
  width: 75%;
}
.col-10 {
  width: 83.33333%;
}
.col-11 {
  width: 91.66667%;
}
.col-12 {
  width: 100%;
}
@media (min-width: 40em) {
  .sm-col {
    float: left;
    box-sizing: border-box;
  }
  .sm-col-right {
    float: right;
    box-sizing: border-box;
  }
  .sm-col-1 {
    width: 8.33333%;
  }
  .sm-col-2 {
    width: 16.66667%;
  }
  .sm-col-3 {
    width: 25%;
  }
  .sm-col-4 {
    width: 33.33333%;
  }
  .sm-col-5 {
    width: 41.66667%;
  }
  .sm-col-6 {
    width: 50%;
  }
  .sm-col-7 {
    width: 58.33333%;
  }
  .sm-col-8 {
    width: 66.66667%;
  }
  .sm-col-9 {
    width: 75%;
  }
  .sm-col-10 {
    width: 83.33333%;
  }
  .sm-col-11 {
    width: 91.66667%;
  }
  .sm-col-12 {
    width: 100%;
  }
}
@media (min-width: 52em) {
  .md-col {
    float: left;
    box-sizing: border-box;
  }
  .md-col-right {
    float: right;
    box-sizing: border-box;
  }
  .md-col-1 {
    width: 8.33333%;
  }
  .md-col-2 {
    width: 16.66667%;
  }
  .md-col-3 {
    width: 25%;
  }
  .md-col-4 {
    width: 33.33333%;
  }
  .md-col-5 {
    width: 41.66667%;
  }
  .md-col-6 {
    width: 50%;
  }
  .md-col-7 {
    width: 58.33333%;
  }
  .md-col-8 {
    width: 66.66667%;
  }
  .md-col-9 {
    width: 75%;
  }
  .md-col-10 {
    width: 83.33333%;
  }
  .md-col-11 {
    width: 91.66667%;
  }
  .md-col-12 {
    width: 100%;
  }
}
@media (min-width: 64em) {
  .lg-col {
    float: left;
    box-sizing: border-box;
  }
  .lg-col-right {
    float: right;
    box-sizing: border-box;
  }
  .lg-col-1 {
    width: 8.33333%;
  }
  .lg-col-2 {
    width: 16.66667%;
  }
  .lg-col-3 {
    width: 25%;
  }
  .lg-col-4 {
    width: 33.33333%;
  }
  .lg-col-5 {
    width: 41.66667%;
  }
  .lg-col-6 {
    width: 50%;
  }
  .lg-col-7 {
    width: 58.33333%;
  }
  .lg-col-8 {
    width: 66.66667%;
  }
  .lg-col-9 {
    width: 75%;
  }
  .lg-col-10 {
    width: 83.33333%;
  }
  .lg-col-11 {
    width: 91.66667%;
  }
  .lg-col-12 {
    width: 100%;
  }
}
.inline {
  display: inline;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.clearfix:after,
.clearfix:before {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.left {
  float: left;
}
.right {
  float: right;
}
.z1 {
  z-index: 1;
}
.z2 {
  z-index: 2;
}
.z3 {
  z-index: 3;
}
.z4 {
  z-index: 4;
}
.z-1 {
  z-index: -1;
}
.z-max {
  z-index: 10001;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.top-0 {
  top: 0;
}
.right-0 {
  right: 0;
}
.bottom-0 {
  bottom: 0;
}
.left-0 {
  left: 0;
}
.right-1 {
  right: 16px;
  right: 1rem;
}
.bottom-1 {
  bottom: 16px;
  bottom: 1rem;
}
.lg-show,
.md-show,
.sm-show {
  display: none !important;
}
@media (min-width: 40em) {
  .sm-show {
    display: block !important;
  }
}
@media (min-width: 52em) {
  .md-show {
    display: block !important;
  }
}
@media (min-width: 64em) {
  .lg-show {
    display: block !important;
  }
}
@media (min-width: 40em) {
  .sm-hide {
    display: none !important;
  }
}
@media (min-width: 52em) {
  .md-hide {
    display: none !important;
  }
}
@media (min-width: 64em) {
  .lg-hide {
    display: none !important;
  }
}
.display-none {
  display: none !important;
}
.hide-usability {
  position: absolute!important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.ratio-16-9 {
  width: 100%;
  padding-bottom: 56.25%;
  position: relative;
}
.ratio-16-9 > div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.ratio-16-10 {
  width: 100%;
  padding-bottom: 62.5%;
  position: relative;
}
.ratio-16-10 > div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.ratio-4-3 {
  width: 100%;
  padding-bottom: 75%;
  position: relative;
}
.ratio-4-3 > div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.ratio-1-1 {
  width: 100%;
  padding-bottom: 100%;
  position: relative;
}
.ratio-1-1 > div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.ratio-2-3 {
  width: 100%;
  padding-bottom: 150%;
  position: relative;
}
.ratio-2-3 > div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.ratio-3-2 {
  width: 100%;
  padding-bottom: 66%;
  position: relative;
}
.ratio-3-2 > div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.square1 {
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
}
.square1-5 {
  width: 24px;
  width: 1.5rem;
  height: 24px;
  height: 1.5rem;
}
.square2 {
  width: 32px;
  width: 2rem;
  height: 32px;
  height: 2rem;
}
.square2-5 {
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
}
.square3 {
  width: 48px;
  width: 3rem;
  height: 48px;
  height: 3rem;
}
.square3-5 {
  width: 56px;
  width: 3.5rem;
  height: 56px;
  height: 3.5rem;
}
.square4 {
  width: 64px;
  width: 4rem;
  height: 64px;
  height: 4rem;
}
.square5 {
  width: 80px;
  width: 5rem;
  height: 80px;
  height: 5rem;
}
.square6 {
  width: 96px;
  width: 6rem;
  height: 96px;
  height: 6rem;
}
.square8 {
  width: 128px;
  width: 8rem;
  height: 128px;
  height: 8rem;
}
.square10 {
  height: 160px;
  height: 10rem;
  width: 160px;
  width: 10rem;
}
.square12-5 {
  height: 200px;
  height: 12.5rem;
  width: 200px;
  width: 12.5rem;
}
.square15 {
  height: 240px;
  height: 15rem;
  width: 240px;
  width: 15rem;
}
.square20 {
  height: 320px;
  height: 20rem;
  width: 320px;
  width: 20rem;
}
.box {
  position: relative;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.box:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.box:hover:after {
  opacity: 1;
}
.m0 {
  margin: 0;
}
.mt0 {
  margin-top: 0;
}
.mr0 {
  margin-right: 0;
}
.mb0 {
  margin-bottom: 0;
}
.ml0,
.mx0 {
  margin-left: 0;
}
.mx0 {
  margin-right: 0;
}
.my0 {
  margin-top: 0;
  margin-bottom: 0;
}
.m1 {
  margin: 8px;
  margin: 0.5rem;
}
.mt1 {
  margin-top: 8px;
  margin-top: 0.5rem;
}
.mr1 {
  margin-right: 8px;
  margin-right: 0.5rem;
}
.mb1 {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}
.ml1,
.mx1 {
  margin-left: 8px;
  margin-left: 0.5rem;
}
.mx1 {
  margin-right: 8px;
  margin-right: 0.5rem;
}
.my1 {
  margin-top: 8px;
  margin-top: .5rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}
.m2 {
  margin: 16px;
  margin: 1rem;
}
.mt2 {
  margin-top: 16px;
  margin-top: 1rem;
}
.mr2 {
  margin-right: 16px;
  margin-right: 1rem;
}
.mb2 {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
.ml2,
.mx2 {
  margin-left: 16px;
  margin-left: 1rem;
}
.mx2 {
  margin-right: 16px;
  margin-right: 1rem;
}
.my2 {
  margin-top: 16px;
  margin-top: 1rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
.m3 {
  margin: 32px;
  margin: 2rem;
}
.mt3 {
  margin-top: 32px;
  margin-top: 2rem;
}
.mr3 {
  margin-right: 32px;
  margin-right: 2rem;
}
.mb3 {
  margin-bottom: 32px;
  margin-bottom: 2rem;
}
.ml3,
.mx3 {
  margin-left: 32px;
  margin-left: 2rem;
}
.mx3 {
  margin-right: 32px;
  margin-right: 2rem;
}
.my3 {
  margin-top: 32px;
  margin-top: 2rem;
  margin-bottom: 32px;
  margin-bottom: 2rem;
}
.m4 {
  margin: 64px;
  margin: 4rem;
}
.mt4 {
  margin-top: 64px;
  margin-top: 4rem;
}
.mr4 {
  margin-right: 64px;
  margin-right: 4rem;
}
.mb4 {
  margin-bottom: 64px;
  margin-bottom: 4rem;
}
.ml4,
.mx4 {
  margin-left: 64px;
  margin-left: 4rem;
}
.mx4 {
  margin-right: 64px;
  margin-right: 4rem;
}
.my4 {
  margin-top: 64px;
  margin-top: 4rem;
  margin-bottom: 64px;
  margin-bottom: 4rem;
}
.mxn1 {
  margin-left: -8px;
  margin-left: -0.5rem;
  margin-right: -8px;
  margin-right: -0.5rem;
}
.mxn2 {
  margin-left: -16px;
  margin-left: -1rem;
  margin-right: -16px;
  margin-right: -1rem;
}
.mxn3 {
  margin-left: -32px;
  margin-left: -2rem;
  margin-right: -32px;
  margin-right: -2rem;
}
.mxn4 {
  margin-left: -64px;
  margin-left: -4rem;
  margin-right: -64px;
  margin-right: -4rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-auto,
.mx-auto {
  margin-right: auto;
}
.mx-auto {
  margin-left: auto;
}
.border {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.border-top {
  border-top-style: solid;
  border-top-width: 1px;
}
.border-right {
  border-right-style: solid;
  border-right-width: 1px;
}
.border-bottom {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.border-left {
  border-left-style: solid;
  border-left-width: 1px;
}
.rounded {
  border-radius: 3px;
}
.circle {
  border-radius: 50%;
}
.rounded-top {
  border-radius: 3px 3px 0 0;
}
.rounded-right {
  border-radius: 0 3px 3px 0;
}
.rounded-bottom {
  border-radius: 0 0 3px 3px;
}
.rounded-left {
  border-radius: 3px 0 0 3px;
}
.not-rounded {
  border-radius: 0;
}
.border-1 {
  border-width: 4px;
  border-width: .25rem;
  border-style: solid;
}
.border-1.border-bottom {
  border-width: 0;
  border-bottom-width: 4px;
  border-bottom-width: 0.25rem;
}
.border-1.border-top {
  border-width: 0;
  border-top-width: 4px;
  border-top-width: 0.25rem;
}
.border-1.border-left {
  border-width: 0;
  border-left-width: 4px;
  border-left-width: 0.25rem;
}
.border-1.border-right {
  border-width: 0;
  border-right-width: 4px;
  border-right-width: 0.25rem;
}
.border-2 {
  border-width: 8px;
  border-width: .5rem;
  border-style: solid;
}
.border-2.border-bottom {
  border-width: 0;
  border-bottom-width: 8px;
  border-bottom-width: 0.5rem;
}
.border-2.border-top {
  border-width: 0;
  border-top-width: 8px;
  border-top-width: 0.5rem;
}
.border-2.border-left {
  border-width: 0;
  border-left-width: 8px;
  border-left-width: 0.5rem;
}
.border-2.border-right {
  border-width: 0;
  border-right-width: 8px;
  border-right-width: 0.5rem;
}
.border-3 {
  border-width: 16px;
  border-width: 1rem;
  border-style: solid;
}
.border-3.border-bottom {
  border-width: 0;
  border-bottom-width: 16px;
  border-bottom-width: 1rem;
}
.border-3.border-top {
  border-width: 0;
  border-top-width: 16px;
  border-top-width: 1rem;
}
.border-3.border-left {
  border-width: 0;
  border-left-width: 16px;
  border-left-width: 1rem;
}
.border-3.border-right {
  border-width: 0;
  border-right-width: 16px;
  border-right-width: 1rem;
}
.border-4 {
  border-width: 32px;
  border-width: 2rem;
  border-style: solid;
}
.border-4.border-bottom {
  border-width: 0;
  border-bottom-width: 32px;
  border-bottom-width: 2rem;
}
.border-4.border-top {
  border-width: 0;
  border-top-width: 32px;
  border-top-width: 2rem;
}
.border-4.border-left {
  border-width: 0;
  border-left-width: 32px;
  border-left-width: 2rem;
}
.border-4.border-right {
  border-width: 0;
  border-right-width: 32px;
  border-right-width: 2rem;
}
.border-inherit {
  border-color: currentColor;
}
.border-none {
  border: none;
}
.border.border-dashed.muted {
  background-color: #f0f8ff;
}
.border.border-dashed {
  border-style: dashed;
}
.border-left.border-dashed {
  border-left-style: dashed;
}
.border-right.border-dashed {
  border-right-style: dashed;
}
.border-bottom.border-dashed {
  border-bottom-style: dashed;
}
.border-top.border-dashed {
  border-top-style: dashed;
}
.p0 {
  padding: 0;
}
.pt0 {
  padding-top: 0;
}
.pr0 {
  padding-right: 0;
}
.pb0 {
  padding-bottom: 0;
}
.pl0,
.px0 {
  padding-left: 0;
}
.px0 {
  padding-right: 0;
}
.py0 {
  padding-top: 0;
  padding-bottom: 0;
}
.p1 {
  padding: 8px;
  padding: 0.5rem;
}
.pt1 {
  padding-top: 8px;
  padding-top: 0.5rem;
}
.pr1 {
  padding-right: 8px;
  padding-right: 0.5rem;
}
.pb1 {
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
}
.pl1 {
  padding-left: 8px;
  padding-left: 0.5rem;
}
.py1 {
  padding-top: 8px;
  padding-top: .5rem;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
}
.px1 {
  padding-left: 8px;
  padding-left: .5rem;
  padding-right: 8px;
  padding-right: 0.5rem;
}
.p2 {
  padding: 16px;
  padding: 1rem;
}
.pt2 {
  padding-top: 16px;
  padding-top: 1rem;
}
.pr2 {
  padding-right: 16px;
  padding-right: 1rem;
}
.pb2 {
  padding-bottom: 16px;
  padding-bottom: 1rem;
}
.pl2 {
  padding-left: 16px;
  padding-left: 1rem;
}
.py2 {
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
}
.px2 {
  padding-left: 16px;
  padding-left: 1rem;
  padding-right: 16px;
  padding-right: 1rem;
}
.p3 {
  padding: 32px;
  padding: 2rem;
}
.pt3 {
  padding-top: 32px;
  padding-top: 2rem;
}
.pr3 {
  padding-right: 32px;
  padding-right: 2rem;
}
.pb3 {
  padding-bottom: 32px;
  padding-bottom: 2rem;
}
.pl3 {
  padding-left: 32px;
  padding-left: 2rem;
}
.py3 {
  padding-top: 32px;
  padding-top: 2rem;
  padding-bottom: 32px;
  padding-bottom: 2rem;
}
.px3 {
  padding-left: 32px;
  padding-left: 2rem;
  padding-right: 32px;
  padding-right: 2rem;
}
.p4 {
  padding: 64px;
  padding: 4rem;
}
.pt4 {
  padding-top: 64px;
  padding-top: 4rem;
}
.pr4 {
  padding-right: 64px;
  padding-right: 4rem;
}
.pb4 {
  padding-bottom: 64px;
  padding-bottom: 4rem;
}
.pl4 {
  padding-left: 64px;
  padding-left: 4rem;
}
.py4 {
  padding-top: 64px;
  padding-top: 4rem;
  padding-bottom: 64px;
  padding-bottom: 4rem;
}
.px4 {
  padding-left: 64px;
  padding-left: 4rem;
  padding-right: 64px;
  padding-right: 4rem;
}
.box-shadow-1 {
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.48);
}
.box-shadow-2 {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.32);
}
.box-shadow-3 {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 -2px 0 rgba(0, 0, 0, 0.13);
}
.lift-1 {
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.52);
}
.box-inset {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.48);
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-auto {
  overflow: auto;
}
.overflow-y {
  overflow-y: auto;
}
.fit {
  max-width: 100%;
}
.half-width {
  width: 50%;
}
.full-width {
  width: 100%;
}
.max-h,
.maxh100 {
  max-height: 100%;
}
.maxh50 {
  max-height: 50vh;
}
.maxh100vh {
  max-height: 100vh;
}
.minh50 {
  min-height: 50vh;
}
.minh66 {
  min-height: 66vh;
}
.minh100 {
  min-height: 100vh;
}
.min-vh-auto {
  min-height: auto;
}
.min-vh-1 {
  min-height: 25vh;
}
.min-vh-2 {
  min-height: 33vh;
}
.min-vh-3 {
  min-height: 50vh;
}
.min-vh-4 {
  min-height: 66vh;
}
.min-vh-5 {
  min-height: 75vh;
}
.min-vh-6 {
  min-height: 100vh;
}
.h20 {
  height: 320px;
  height: 20rem;
}
.h100 {
  height: 100%;
}
.h50 {
  height: 50%;
}
.h50vh {
  height: 50vh;
}
.border-box {
  box-sizing: border-box;
}
.content-box {
  box-sizing: content-box;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.text-xxs {
  font-size: 0.625rem;
}
.text-xs {
  font-size: 0.75rem;
}
.text-s {
  font-size: 0.875rem;
}
.text-m {
  font-size: 1rem;
}
.text-l {
  font-size: 1.125rem;
}
.text-xl {
  font-size: 1.25rem;
}
.text-xxl {
  font-size: 1.5rem;
}
.text-auto {
  font-size: inherit;
}
.heading-xxs {
  font-size: 0.75rem;
}
.heading-xs {
  font-size: 0.875rem;
}
.heading-s {
  font-size: 1rem;
}
.heading-m {
  font-size: 1.125rem;
}
.heading-l {
  font-size: 1.25rem;
}
.heading-xl {
  font-size: 1.5rem;
}
.heading-xxl {
  font-size: 2.25rem;
}
.heading-auto {
  font-size: inherit;
}
.thin {
  font-weight: 100;
}
.light {
  font-weight: 300;
}
.normal {
  font-weight: 400;
}
.medium {
  font-weight: 500;
}
.bold {
  font-weight: 700;
}
.heavy {
  font-weight: 900;
}
.italic {
  font-style: italic;
}
.caps {
  text-transform: uppercase;
}
.small-caps {
  -webkit-font-feature-settings: "c2sc";
  font-feature-settings: "c2sc";
  font-variant: small-caps;
}
.underline {
  text-decoration: underline;
}
.line-through {
  text-decoration: line-through;
}
.text-shadow {
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
}
.list-reset {
  list-style: none;
  padding-left: 0;
}
.link-reset {
  text-decoration: none;
}
.align-left {
  text-align: left;
}
.center {
  text-align: center;
}
.align-right {
  text-align: right;
}
.justify {
  text-align: justify;
}
.nowrap {
  white-space: nowrap;
}
.truncate {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.truncate-simple {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blockquote {
  border-left: 4px solid #eee;
  padding-left: 1rem;
  /* margin-left: 1rem; */
  font-style: italic;
}
.fg-brand {
  color: #39a1e7;
}
.bg-brand {
  background-color: #39a1e7;
}
.br-brand {
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  border-color: #39a1e7;
}
.fg-slate {
  color: #5c7499;
}
.bg-slate {
  background-color: #5c7499;
}
.br-slate {
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  border-color: #5c7499;
}
.fg-blue {
  color: #39a1e7;
}
.bg-blue {
  background-color: #39a1e7;
}
.br-blue {
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  border-color: #39a1e7;
}
.fg-green {
  color: #26c059;
}
.bg-green {
  background-color: #26c059;
}
.br-green {
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  border-color: #26c059;
}
.fg-yellow {
  color: #ffd351;
}
.bg-yellow {
  background-color: #ffd351;
}
.br-yellow {
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  border-color: #ffd351;
}
.fg-orange {
  color: #ff8900;
}
.bg-orange {
  background-color: #ff8900;
}
.br-orange {
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  border-color: #ff8900;
}
.fg-red {
  color: #ff4e4d;
}
.bg-red {
  background-color: #ff4e4d;
}
.br-red {
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  border-color: #ff4e4d;
}
.fg-pink {
  color: #ec2d71;
}
.bg-pink {
  background-color: #ec2d71;
}
.br-pink {
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  border-color: #ec2d71;
}
.fg-neutral {
  color: #2780f8;
}
.bg-neutral {
  background-color: #2780f8;
}
.br-neutral {
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  border-color: #2780f8;
}
.fg-positive {
  color: #27ae60;
}
.bg-positive {
  background-color: #27ae60;
}
.br-positive {
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  border-color: #27ae60;
}
.fg-warning {
  color: #e6b41d;
}
.bg-warning {
  background-color: #e6b41d;
}
.br-warning {
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  border-color: #e6b41d;
}
.fg-negative {
  color: #f24f40;
}
.bg-negative {
  background-color: #f24f40;
}
.br-negative {
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  border-color: #f24f40;
}
.fg-disabled {
  color: #ececec;
}
.bg-disabled {
  background-color: #ececec;
}
.br-disabled {
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  border-color: #ececec;
}
.bg-white {
  background: #ffffff;
}
.fg-white {
  color: #ffffff;
}
.br-white {
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  border-color: #ffffff;
}
.bg-black {
  background: #000000;
}
.fg-black {
  color: #000000;
}
.br-black {
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  border-color: #000000;
}
/* Svg icon size definitions */
[class*='svg-icon'] {
  pointer-events: none;
}
.svg-icon-xxs {
  width: 12px;
  height: 12px;
}
.svg-icon-xs {
  width: 14px;
  height: 14px;
}
.svg-icon-s {
  width: 16px;
  height: 16px;
}
.svg-icon-m {
  width: 20px;
  height: 20px;
}
.svg-icon-l {
  width: 24px;
  height: 24px;
}
.svg-icon-xl {
  width: 32px;
  height: 32px;
}
.svg-icon-xxl {
  width: 48px;
  height: 48px;
}
[class*='icon-left'] {
  margin-right: .5em;
}
[class*='icon-right'] {
  margin-left: .5em;
}
/** NEW METHOD TO FINISH BY IMPLEMENTING ALL ICONS THIS WAY! */
/** Adding a new icon for developer will be super straight forward */
/** Define Icons and SVGs */
/** Icon generator */
/** Initialize all icons in list above */
.fkit-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}
.fkit-icon.todos-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cpolyline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%22%206,12%2010,16%2018,8%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3Ccircle%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2211%22%20stroke-linejoin%3D%22miter%22%3E%3C/circle%3E%20%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.todos-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cpolyline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%22%206,12%2010,16%2018,8%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3Ccircle%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2211%22%20stroke-linejoin%3D%22miter%22%3E%3C/circle%3E%20%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.todos-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cpolyline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%22%206,12%2010,16%2018,8%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3Ccircle%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2211%22%20stroke-linejoin%3D%22miter%22%3E%3C/circle%3E%20%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.discussions-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ctitle%3Ediscussions-icon%3C/title%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M.5%201.5h22v16h-10l-7%205v-5h-5zM3.5%206.5h12M3.5%209.5h12M3.5%2012.5h8%22%20stroke-linecap%3D%22square%22%20stroke%3D%22%23d6dce6%22/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.discussions-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ctitle%3Ediscussions-icon%3C/title%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M.5%201.5h22v16h-10l-7%205v-5h-5zM3.5%206.5h12M3.5%209.5h12M3.5%2012.5h8%22%20stroke-linecap%3D%22square%22%20stroke%3D%22%237489a8%22/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.discussions-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ctitle%3Ediscussions-icon%3C/title%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M.5%201.5h22v16h-10l-7%205v-5h-5zM3.5%206.5h12M3.5%209.5h12M3.5%2012.5h8%22%20stroke-linecap%3D%22square%22%20stroke%3D%22%232780f8%22/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.milestones-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23d6dce6%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M23.5%209.5v14h-22v-14M1.5%203.5h22v6h-22zM12.5%201.5v4M6.5%201.5v4M18.5%201.5v4%22/%3E%3Cpath%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%23d6dce6%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M9.5%2016.5l2%202%205-5%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.milestones-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%237489a8%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M23.5%209.5v14h-22v-14M1.5%203.5h22v6h-22zM12.5%201.5v4M6.5%201.5v4M18.5%201.5v4%22/%3E%3Cpath%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%237489a8%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M9.5%2016.5l2%202%205-5%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.milestones-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%232780f8%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M23.5%209.5v14h-22v-14M1.5%203.5h22v6h-22zM12.5%201.5v4M6.5%201.5v4M18.5%201.5v4%22/%3E%3Cpath%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%232780f8%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M9.5%2016.5l2%202%205-5%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.time-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Ccircle%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2211%22%20stroke-linejoin%3D%22miter%22%3E%3C/circle%3E%20%3Cpolyline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%22%2012,6%2012,12%2018,12%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3C/g%3E%3C/svg%3E%20");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.time-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Ccircle%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2211%22%20stroke-linejoin%3D%22miter%22%3E%3C/circle%3E%20%3Cpolyline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%22%2012,6%2012,12%2018,12%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3C/g%3E%3C/svg%3E%20");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.time-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Ccircle%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2211%22%20stroke-linejoin%3D%22miter%22%3E%3C/circle%3E%20%3Cpolyline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%22%2012,6%2012,12%2018,12%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3C/g%3E%3C/svg%3E%20");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.files-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ctitle%3Efiles-icon%3C/title%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20stroke%3D%22%23d6dce6%22%20stroke-linecap%3D%22square%22%3E%3Cpath%20d%3D%22M.5%207.5h22M22.5%2022.5H.5V.5h9l2%203h11z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.files-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ctitle%3Efiles-icon%3C/title%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20stroke%3D%22%237489a8%22%20stroke-linecap%3D%22square%22%3E%3Cpath%20d%3D%22M.5%207.5h22M22.5%2022.5H.5V.5h9l2%203h11z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.files-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ctitle%3Efiles-icon%3C/title%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20stroke%3D%22%232780f8%22%20stroke-linecap%3D%22square%22%3E%3Cpath%20d%3D%22M.5%207.5h22M22.5%2022.5H.5V.5h9l2%203h11z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.wiki-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cline%20data-cap%3D%22butt%22%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2212%22%20y1%3D%224%22%20x2%3D%2212%22%20y2%3D%2221%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%3E%3C/line%3E%20%3Cpath%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M17.5,2c-3,0-5.5,1.3-5.5,3%20c0-1.7-2.5-3-5.5-3S1,3.3,1,5v17c0-1.7,2.5-3,5.5-3s5.5,1.3,5.5,3c0-1.7,2.5-3,5.5-3s5.5,1.3,5.5,3V5C23,3.3,20.5,2,17.5,2z%22%20stroke-linejoin%3D%22miter%22%3E%3C/path%3E%20%3C/g%3E%3C/svg%3E%20");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.wiki-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cline%20data-cap%3D%22butt%22%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2212%22%20y1%3D%224%22%20x2%3D%2212%22%20y2%3D%2221%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%3E%3C/line%3E%20%3Cpath%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M17.5,2c-3,0-5.5,1.3-5.5,3%20c0-1.7-2.5-3-5.5-3S1,3.3,1,5v17c0-1.7,2.5-3,5.5-3s5.5,1.3,5.5,3c0-1.7,2.5-3,5.5-3s5.5,1.3,5.5,3V5C23,3.3,20.5,2,17.5,2z%22%20stroke-linejoin%3D%22miter%22%3E%3C/path%3E%20%3C/g%3E%3C/svg%3E%20");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.wiki-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cline%20data-cap%3D%22butt%22%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2212%22%20y1%3D%224%22%20x2%3D%2212%22%20y2%3D%2221%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%3E%3C/line%3E%20%3Cpath%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M17.5,2c-3,0-5.5,1.3-5.5,3%20c0-1.7-2.5-3-5.5-3S1,3.3,1,5v17c0-1.7,2.5-3,5.5-3s5.5,1.3,5.5,3c0-1.7,2.5-3,5.5-3s5.5,1.3,5.5,3V5C23,3.3,20.5,2,17.5,2z%22%20stroke-linejoin%3D%22miter%22%3E%3C/path%3E%20%3C/g%3E%3C/svg%3E%20");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.calendar-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23d6dce6%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M23.5%209.5v14h-22v-14M1.5%203.5h22v6h-22zM12.5%201.5v4M6.5%201.5v4M18.5%201.5v4%22/%3E%3Cpath%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%23d6dce6%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M5.5%2013.5h2v1h-2zM11.5%2013.5h2v1h-2zM5.5%2018.5h2v1h-2zM11.5%2018.5h2v1h-2zM17.5%2013.5h2v1h-2z%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.calendar-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%237489a8%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M23.5%209.5v14h-22v-14M1.5%203.5h22v6h-22zM12.5%201.5v4M6.5%201.5v4M18.5%201.5v4%22/%3E%3Cpath%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%237489a8%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M5.5%2013.5h2v1h-2zM11.5%2013.5h2v1h-2zM5.5%2018.5h2v1h-2zM11.5%2018.5h2v1h-2zM17.5%2013.5h2v1h-2z%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.calendar-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%232780f8%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M23.5%209.5v14h-22v-14M1.5%203.5h22v6h-22zM12.5%201.5v4M6.5%201.5v4M18.5%201.5v4%22/%3E%3Cpath%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%232780f8%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M5.5%2013.5h2v1h-2zM11.5%2013.5h2v1h-2zM5.5%2018.5h2v1h-2zM11.5%2018.5h2v1h-2zM17.5%2013.5h2v1h-2z%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.passman-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%28.5%20.5%29%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23d6dce6%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M12%201C9.2%201%207%203.2%207%206v3h10V6c0-2.8-2.2-5-5-5zM4%209h16v14H4z%22/%3E%3Ccircle%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%23d6dce6%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2212%22%20cy%3D%2215%22%20r%3D%222%22/%3E%3Cpath%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%23d6dce6%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M12%2017v2%22/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.passman-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%28.5%20.5%29%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%237489a8%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M12%201C9.2%201%207%203.2%207%206v3h10V6c0-2.8-2.2-5-5-5zM4%209h16v14H4z%22/%3E%3Ccircle%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%237489a8%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2212%22%20cy%3D%2215%22%20r%3D%222%22/%3E%3Cpath%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%237489a8%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M12%2017v2%22/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.passman-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%28.5%20.5%29%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%232780f8%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M12%201C9.2%201%207%203.2%207%206v3h10V6c0-2.8-2.2-5-5-5zM4%209h16v14H4z%22/%3E%3Ccircle%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%232780f8%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2212%22%20cy%3D%2215%22%20r%3D%222%22/%3E%3Cpath%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%232780f8%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M12%2017v2%22/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.bugtracker-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cpath%20data-cap%3D%22butt%22%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M15,5.7V4c0-1.7-1.3-3-3-3%20c-1.7,0-3,1.3-3,3v1.7%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%3E%3C/path%3E%20%3Cpath%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M5,12H4%20c-1.7,0-3-1.3-3-3V8%22%20stroke-linejoin%3D%22miter%22%3E%3C/path%3E%20%3Cpath%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M5,16H4%20c-1.7,0-3,1.3-3,3v1%22%20stroke-linejoin%3D%22miter%22%3E%3C/path%3E%20%3Cpath%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M19,12h1%20c1.7,0,3-1.3,3-3V8%22%20stroke-linejoin%3D%22miter%22%3E%3C/path%3E%20%3Cpolyline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%22%2019,16%2023,16%2023,20%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3Cpath%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M19,16c0,3.9-3.1,7-7,7%20c-3.9,0-7-3.1-7-7v-4c0-3.9,3.1-7,7-7c3.9,0,7,3.1,7,7V16z%22%20stroke-linejoin%3D%22miter%22%3E%3C/path%3E%20%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.bugtracker-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cpath%20data-cap%3D%22butt%22%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M15,5.7V4c0-1.7-1.3-3-3-3%20c-1.7,0-3,1.3-3,3v1.7%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%3E%3C/path%3E%20%3Cpath%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M5,12H4%20c-1.7,0-3-1.3-3-3V8%22%20stroke-linejoin%3D%22miter%22%3E%3C/path%3E%20%3Cpath%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M5,16H4%20c-1.7,0-3,1.3-3,3v1%22%20stroke-linejoin%3D%22miter%22%3E%3C/path%3E%20%3Cpath%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M19,12h1%20c1.7,0,3-1.3,3-3V8%22%20stroke-linejoin%3D%22miter%22%3E%3C/path%3E%20%3Cpolyline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%22%2019,16%2023,16%2023,20%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3Cpath%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M19,16c0,3.9-3.1,7-7,7%20c-3.9,0-7-3.1-7-7v-4c0-3.9,3.1-7,7-7c3.9,0,7,3.1,7,7V16z%22%20stroke-linejoin%3D%22miter%22%3E%3C/path%3E%20%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.bugtracker-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cpath%20data-cap%3D%22butt%22%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M15,5.7V4c0-1.7-1.3-3-3-3%20c-1.7,0-3,1.3-3,3v1.7%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%3E%3C/path%3E%20%3Cpath%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M5,12H4%20c-1.7,0-3-1.3-3-3V8%22%20stroke-linejoin%3D%22miter%22%3E%3C/path%3E%20%3Cpath%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M5,16H4%20c-1.7,0-3,1.3-3,3v1%22%20stroke-linejoin%3D%22miter%22%3E%3C/path%3E%20%3Cpath%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M19,12h1%20c1.7,0,3-1.3,3-3V8%22%20stroke-linejoin%3D%22miter%22%3E%3C/path%3E%20%3Cpolyline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%22%2019,16%2023,16%2023,20%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3Cpath%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M19,16c0,3.9-3.1,7-7,7%20c-3.9,0-7-3.1-7-7v-4c0-3.9,3.1-7,7-7c3.9,0,7,3.1,7,7V16z%22%20stroke-linejoin%3D%22miter%22%3E%3C/path%3E%20%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.crm-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ctitle%3Ecrm%3C/title%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M14.5.5H.5v22h22V.5h-8zM14.5%208.5h4M14.5%2011.5h4M14.5%2014.5h4%22%20stroke%3D%22%23d6dce6%22%20stroke-linecap%3D%22square%22/%3E%3Cpath%20d%3D%22M4.5%2016c0-1.657%201.175-4%202.625-4h1.75c1.45%200%202.625%202.343%202.625%204h-7z%22%20fill%3D%22%23d6dce6%22%20fill-rule%3D%22nonzero%22/%3E%3Ccircle%20fill%3D%22%23d6dce6%22%20fill-rule%3D%22nonzero%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.crm-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ctitle%3Ecrm%3C/title%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M14.5.5H.5v22h22V.5h-8zM14.5%208.5h4M14.5%2011.5h4M14.5%2014.5h4%22%20stroke%3D%22%237489a8%22%20stroke-linecap%3D%22square%22/%3E%3Cpath%20d%3D%22M4.5%2016c0-1.657%201.175-4%202.625-4h1.75c1.45%200%202.625%202.343%202.625%204h-7z%22%20fill%3D%22%237489a8%22%20fill-rule%3D%22nonzero%22/%3E%3Ccircle%20fill%3D%22%237489a8%22%20fill-rule%3D%22nonzero%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.crm-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ctitle%3Ecrm%3C/title%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M14.5.5H.5v22h22V.5h-8zM14.5%208.5h4M14.5%2011.5h4M14.5%2014.5h4%22%20stroke%3D%22%232780f8%22%20stroke-linecap%3D%22square%22/%3E%3Cpath%20d%3D%22M4.5%2016c0-1.657%201.175-4%202.625-4h1.75c1.45%200%202.625%202.343%202.625%204h-7z%22%20fill%3D%22%232780f8%22%20fill-rule%3D%22nonzero%22/%3E%3Ccircle%20fill%3D%22%232780f8%22%20fill-rule%3D%22nonzero%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.invoicesplus-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Crect%20x%3D%222%22%20y%3D%221%22%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20width%3D%2220%22%20height%3D%2222%22%20stroke-linejoin%3D%22miter%22%3E%3C/rect%3E%20%3Cpath%20data-cap%3D%22butt%22%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M9,14.5L9,14.5%20c0,1.381,1.119,2.5,2.5,2.5h1c1.381,0,2.5-1.119,2.5-2.5v0c0-3.5-6-1.5-6-5v0C9,8.119,10.119,7,11.5,7h1C13.881,7,15,8.119,15,9.5%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%3E%3C/path%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2212%22%20y1%3D%226%22%20x2%3D%2212%22%20y2%3D%2218%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3C/g%3E%20%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.invoicesplus-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Crect%20x%3D%222%22%20y%3D%221%22%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20width%3D%2220%22%20height%3D%2222%22%20stroke-linejoin%3D%22miter%22%3E%3C/rect%3E%20%3Cpath%20data-cap%3D%22butt%22%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M9,14.5L9,14.5%20c0,1.381,1.119,2.5,2.5,2.5h1c1.381,0,2.5-1.119,2.5-2.5v0c0-3.5-6-1.5-6-5v0C9,8.119,10.119,7,11.5,7h1C13.881,7,15,8.119,15,9.5%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%3E%3C/path%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2212%22%20y1%3D%226%22%20x2%3D%2212%22%20y2%3D%2218%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3C/g%3E%20%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.invoicesplus-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Crect%20x%3D%222%22%20y%3D%221%22%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20width%3D%2220%22%20height%3D%2222%22%20stroke-linejoin%3D%22miter%22%3E%3C/rect%3E%20%3Cpath%20data-cap%3D%22butt%22%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M9,14.5L9,14.5%20c0,1.381,1.119,2.5,2.5,2.5h1c1.381,0,2.5-1.119,2.5-2.5v0c0-3.5-6-1.5-6-5v0C9,8.119,10.119,7,11.5,7h1C13.881,7,15,8.119,15,9.5%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%3E%3C/path%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2212%22%20y1%3D%226%22%20x2%3D%2212%22%20y2%3D%2218%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3C/g%3E%20%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.tasky-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Crect%20x%3D%221%22%20y%3D%221%22%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20width%3D%2222%22%20height%3D%2222%22%20stroke-linejoin%3D%22miter%22%3E%3C/rect%3E%20%3Cpolyline%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%221,16%208,16%208,19%2016,19%2016,16%2023,16%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3Cpolyline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%22%208,10%2010,12%2016,6%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3C/g%3E%20%3C/svg%3E%20");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.tasky-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Crect%20x%3D%221%22%20y%3D%221%22%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20width%3D%2222%22%20height%3D%2222%22%20stroke-linejoin%3D%22miter%22%3E%3C/rect%3E%20%3Cpolyline%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%221,16%208,16%208,19%2016,19%2016,16%2023,16%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3Cpolyline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%22%208,10%2010,12%2016,6%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3C/g%3E%20%3C/svg%3E%20");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.tasky-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Crect%20x%3D%221%22%20y%3D%221%22%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20width%3D%2222%22%20height%3D%2222%22%20stroke-linejoin%3D%22miter%22%3E%3C/rect%3E%20%3Cpolyline%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%221,16%208,16%208,19%2016,19%2016,16%2023,16%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3Cpolyline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%22%208,10%2010,12%2016,6%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3C/g%3E%20%3C/svg%3E%20");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.more-apps-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cpolyline%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%2219,14%2019,23%201,23%201,5%2010,5%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2219%22%20y1%3D%221%22%20x2%3D%2219%22%20y2%3D%229%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2215%22%20y1%3D%225%22%20x2%3D%2223%22%20y2%3D%225%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3C/g%3E%3C/svg%3E%20");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.more-apps-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cpolyline%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%2219,14%2019,23%201,23%201,5%2010,5%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2219%22%20y1%3D%221%22%20x2%3D%2219%22%20y2%3D%229%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2215%22%20y1%3D%225%22%20x2%3D%2223%22%20y2%3D%225%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3C/g%3E%3C/svg%3E%20");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.more-apps-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cpolyline%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%2219,14%2019,23%201,23%201,5%2010,5%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2219%22%20y1%3D%221%22%20x2%3D%2219%22%20y2%3D%229%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2215%22%20y1%3D%225%22%20x2%3D%2223%22%20y2%3D%225%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3C/g%3E%3C/svg%3E%20");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.slide-right-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cline%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%221%22%20y1%3D%2212%22%20x2%3D%2221%22%20y2%3D%2212%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%221%22%20y1%3D%2220%22%20x2%3D%2213%22%20y2%3D%2220%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%221%22%20y1%3D%224%22%20x2%3D%2213%22%20y2%3D%224%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Cpolyline%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%2218,16%2022,12%2018,8%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.slide-right-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cline%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%221%22%20y1%3D%2212%22%20x2%3D%2221%22%20y2%3D%2212%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%221%22%20y1%3D%2220%22%20x2%3D%2213%22%20y2%3D%2220%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%221%22%20y1%3D%224%22%20x2%3D%2213%22%20y2%3D%224%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Cpolyline%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%2218,16%2022,12%2018,8%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.slide-right-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cline%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%221%22%20y1%3D%2212%22%20x2%3D%2221%22%20y2%3D%2212%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%221%22%20y1%3D%2220%22%20x2%3D%2213%22%20y2%3D%2220%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%221%22%20y1%3D%224%22%20x2%3D%2213%22%20y2%3D%224%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Cpolyline%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%2218,16%2022,12%2018,8%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.slide-left-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cline%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2223%22%20y1%3D%2212%22%20x2%3D%223%22%20y2%3D%2212%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2223%22%20y1%3D%224%22%20x2%3D%2211%22%20y2%3D%224%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2223%22%20y1%3D%2220%22%20x2%3D%2211%22%20y2%3D%2220%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Cpolyline%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%226,8%202,12%206,16%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3C/g%3E%3C/svg%3E%20");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.slide-left-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cline%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2223%22%20y1%3D%2212%22%20x2%3D%223%22%20y2%3D%2212%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2223%22%20y1%3D%224%22%20x2%3D%2211%22%20y2%3D%224%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2223%22%20y1%3D%2220%22%20x2%3D%2211%22%20y2%3D%2220%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Cpolyline%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%226,8%202,12%206,16%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3C/g%3E%3C/svg%3E%20");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.slide-left-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cline%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2223%22%20y1%3D%2212%22%20x2%3D%223%22%20y2%3D%2212%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2223%22%20y1%3D%224%22%20x2%3D%2211%22%20y2%3D%224%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2223%22%20y1%3D%2220%22%20x2%3D%2211%22%20y2%3D%2220%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Cpolyline%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%226,8%202,12%206,16%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3C/g%3E%3C/svg%3E%20");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.search-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2222%22%20y1%3D%2222%22%20x2%3D%2216.4%22%20y2%3D%2216.4%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Ccircle%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20stroke-linejoin%3D%22miter%22%3E%3C/circle%3E%20%3C/g%3E%3C/svg%3E%20");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.search-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2222%22%20y1%3D%2222%22%20x2%3D%2216.4%22%20y2%3D%2216.4%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Ccircle%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20stroke-linejoin%3D%22miter%22%3E%3C/circle%3E%20%3C/g%3E%3C/svg%3E%20");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.search-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2222%22%20y1%3D%2222%22%20x2%3D%2216.4%22%20y2%3D%2216.4%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Ccircle%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20stroke-linejoin%3D%22miter%22%3E%3C/circle%3E%20%3C/g%3E%3C/svg%3E%20");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.remove-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cline%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2219%22%20y1%3D%225%22%20x2%3D%225%22%20y2%3D%2219%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Cline%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2219%22%20y1%3D%2219%22%20x2%3D%225%22%20y2%3D%225%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.remove-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cline%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2219%22%20y1%3D%225%22%20x2%3D%225%22%20y2%3D%2219%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Cline%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2219%22%20y1%3D%2219%22%20x2%3D%225%22%20y2%3D%225%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.remove-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cline%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2219%22%20y1%3D%225%22%20x2%3D%225%22%20y2%3D%2219%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Cline%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2219%22%20y1%3D%2219%22%20x2%3D%225%22%20y2%3D%225%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.board-project {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ctitle%3Egrid%3C/title%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20stroke%3D%22%23d6dce6%22%3E%3Cpath%20d%3D%22M1.5%201.5h9v9h-9zM13.5%201.5h9v9h-9zM1.5%2013.5h9v9h-9zM13.5%2013.5h9v9h-9z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.board-project {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ctitle%3Egrid%3C/title%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20stroke%3D%22%237489a8%22%3E%3Cpath%20d%3D%22M1.5%201.5h9v9h-9zM13.5%201.5h9v9h-9zM1.5%2013.5h9v9h-9zM13.5%2013.5h9v9h-9z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.board-project:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ctitle%3Egrid%3C/title%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20stroke%3D%22%232780f8%22%3E%3Cpath%20d%3D%22M1.5%201.5h9v9h-9zM13.5%201.5h9v9h-9zM1.5%2013.5h9v9h-9zM13.5%2013.5h9v9h-9z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.board-task {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ctitle%3Etask%3C/title%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20stroke%3D%22%23d6dce6%22%3E%3Cpath%20d%3D%22M1.5%201.5h21v5h-21zM1.5%209.5h21v5h-21zM1.5%2017.5h21v5h-21z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.board-task {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ctitle%3Etask%3C/title%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20stroke%3D%22%237489a8%22%3E%3Cpath%20d%3D%22M1.5%201.5h21v5h-21zM1.5%209.5h21v5h-21zM1.5%2017.5h21v5h-21z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.board-task:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ctitle%3Etask%3C/title%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20stroke%3D%22%232780f8%22%3E%3Cpath%20d%3D%22M1.5%201.5h21v5h-21zM1.5%209.5h21v5h-21zM1.5%2017.5h21v5h-21z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.board-widget {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ctitle%3Ewidget%3C/title%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20stroke%3D%22%23d6dce6%22%3E%3Cpath%20d%3D%22M9.5%201.5h5v21h-5zM17.5%201.5h5v7h-5zM17.5%2011.5h5v11h-5zM1.5%2015.5h5v7h-5zM1.5%201.5h5v11h-5z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.board-widget {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ctitle%3Ewidget%3C/title%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20stroke%3D%22%237489a8%22%3E%3Cpath%20d%3D%22M9.5%201.5h5v21h-5zM17.5%201.5h5v7h-5zM17.5%2011.5h5v11h-5zM1.5%2015.5h5v7h-5zM1.5%201.5h5v11h-5z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.board-widget:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ctitle%3Ewidget%3C/title%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20stroke%3D%22%232780f8%22%3E%3Cpath%20d%3D%22M9.5%201.5h5v21h-5zM17.5%201.5h5v7h-5zM17.5%2011.5h5v11h-5zM1.5%2015.5h5v7h-5zM1.5%201.5h5v11h-5z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.board-calendar {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ctitle%3Ecalendar%3C/title%3E%3Cg%20stroke%3D%22%23d6dce6%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M1.5%201.5h5v5h-5zM9.5%201.5h5v5h-5zM17.5%201.5h5v5h-5zM1.5%209.5h5v5h-5zM9.5%209.5h5v5h-5zM17.5%209.5h5v5h-5zM1.5%2017.5h5v5h-5zM9.5%2017.5h5v5h-5zM17.5%2017.5h5v5h-5z%22/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.board-calendar {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ctitle%3Ecalendar%3C/title%3E%3Cg%20stroke%3D%22%237489a8%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M1.5%201.5h5v5h-5zM9.5%201.5h5v5h-5zM17.5%201.5h5v5h-5zM1.5%209.5h5v5h-5zM9.5%209.5h5v5h-5zM17.5%209.5h5v5h-5zM1.5%2017.5h5v5h-5zM9.5%2017.5h5v5h-5zM17.5%2017.5h5v5h-5z%22/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.board-calendar:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ctitle%3Ecalendar%3C/title%3E%3Cg%20stroke%3D%22%232780f8%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M1.5%201.5h5v5h-5zM9.5%201.5h5v5h-5zM17.5%201.5h5v5h-5zM1.5%209.5h5v5h-5zM9.5%209.5h5v5h-5zM17.5%209.5h5v5h-5zM1.5%2017.5h5v5h-5zM9.5%2017.5h5v5h-5zM17.5%2017.5h5v5h-5z%22/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.spaces-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cpolygon%20fill%3D%22none%22%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%2221,5%2014,11%2014,20%2010,22%2010,11%203,5%203,1%2021,1%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polygon%3E%20%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.spaces-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cpolygon%20fill%3D%22none%22%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%2221,5%2014,11%2014,20%2010,22%2010,11%203,5%203,1%2021,1%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polygon%3E%20%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.spaces-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cpolygon%20fill%3D%22none%22%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%2221,5%2014,11%2014,20%2010,22%2010,11%203,5%203,1%2021,1%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polygon%3E%20%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.countdown-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cpolyline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%22%2012,10%2012,14%2016,14%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3Ccircle%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2212%22%20cy%3D%2214%22%20r%3D%229%22%20stroke-linejoin%3D%22miter%22%3E%3C/circle%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%229%22%20y1%3D%221%22%20x2%3D%2215%22%20y2%3D%221%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2212%22%20y1%3D%221%22%20x2%3D%2212%22%20y2%3D%222%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.countdown-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cpolyline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%22%2012,10%2012,14%2016,14%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3Ccircle%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2212%22%20cy%3D%2214%22%20r%3D%229%22%20stroke-linejoin%3D%22miter%22%3E%3C/circle%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%229%22%20y1%3D%221%22%20x2%3D%2215%22%20y2%3D%221%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2212%22%20y1%3D%221%22%20x2%3D%2212%22%20y2%3D%222%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.countdown-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cpolyline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%22%2012,10%2012,14%2016,14%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3Ccircle%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2212%22%20cy%3D%2214%22%20r%3D%229%22%20stroke-linejoin%3D%22miter%22%3E%3C/circle%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%229%22%20y1%3D%221%22%20x2%3D%2215%22%20y2%3D%221%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2212%22%20y1%3D%221%22%20x2%3D%2212%22%20y2%3D%222%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.quick-add-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2212%22%20y1%3D%227%22%20x2%3D%2212%22%20y2%3D%2217%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2217%22%20y1%3D%2212%22%20x2%3D%227%22%20y2%3D%2212%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Ccircle%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2211%22%20stroke-linejoin%3D%22miter%22%3E%3C/circle%3E%20%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.quick-add-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2212%22%20y1%3D%227%22%20x2%3D%2212%22%20y2%3D%2217%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2217%22%20y1%3D%2212%22%20x2%3D%227%22%20y2%3D%2212%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Ccircle%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2211%22%20stroke-linejoin%3D%22miter%22%3E%3C/circle%3E%20%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.quick-add-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2212%22%20y1%3D%227%22%20x2%3D%2212%22%20y2%3D%2217%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2217%22%20y1%3D%2212%22%20x2%3D%227%22%20y2%3D%2212%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Ccircle%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2211%22%20stroke-linejoin%3D%22miter%22%3E%3C/circle%3E%20%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.bookmark-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cpolygon%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%2220,22%2012,17%204,22%204,1%2020,1%20%22%20transform%3D%22translate%280.5,%200.5%29%22%20stroke-linejoin%3D%22miter%22%3E%3C/polygon%3E%20%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.bookmark-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cpolygon%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%2220,22%2012,17%204,22%204,1%2020,1%20%22%20transform%3D%22translate%280.5,%200.5%29%22%20stroke-linejoin%3D%22miter%22%3E%3C/polygon%3E%20%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.bookmark-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cpolygon%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%2220,22%2012,17%204,22%204,1%2020,1%20%22%20transform%3D%22translate%280.5,%200.5%29%22%20stroke-linejoin%3D%22miter%22%3E%3C/polygon%3E%20%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.notification-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cpath%20data-cap%3D%22butt%22%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M9,19.9c0,0,0,0.1,0,0.1%20c0,1.7,1.3,3,3,3s3-1.3,3-3c0,0,0-0.1,0-0.1%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%3E%3C/path%3E%20%3Cpath%20fill%3D%22none%22%20%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M19,11c0-1.6,0-3,0-3%20c0-3.9-3.1-7-7-7S5,4.1,5,8c0,0,0,1.4,0,3c0,3.3-3,4.1-3,6c0,1.7,3.9,3,10,3s10-1.3,10-3C22,15.1,19,14.3,19,11z%22%20stroke-linejoin%3D%22miter%22%3E%3C/path%3E%20%3C/g%3E%3C/svg%3E%20");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.notification-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cpath%20data-cap%3D%22butt%22%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M9,19.9c0,0,0,0.1,0,0.1%20c0,1.7,1.3,3,3,3s3-1.3,3-3c0,0,0-0.1,0-0.1%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%3E%3C/path%3E%20%3Cpath%20fill%3D%22none%22%20%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M19,11c0-1.6,0-3,0-3%20c0-3.9-3.1-7-7-7S5,4.1,5,8c0,0,0,1.4,0,3c0,3.3-3,4.1-3,6c0,1.7,3.9,3,10,3s10-1.3,10-3C22,15.1,19,14.3,19,11z%22%20stroke-linejoin%3D%22miter%22%3E%3C/path%3E%20%3C/g%3E%3C/svg%3E%20");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.notification-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cpath%20data-cap%3D%22butt%22%20data-color%3D%22color-2%22%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M9,19.9c0,0,0,0.1,0,0.1%20c0,1.7,1.3,3,3,3s3-1.3,3-3c0,0,0-0.1,0-0.1%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%3E%3C/path%3E%20%3Cpath%20fill%3D%22none%22%20%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M19,11c0-1.6,0-3,0-3%20c0-3.9-3.1-7-7-7S5,4.1,5,8c0,0,0,1.4,0,3c0,3.3-3,4.1-3,6c0,1.7,3.9,3,10,3s10-1.3,10-3C22,15.1,19,14.3,19,11z%22%20stroke-linejoin%3D%22miter%22%3E%3C/path%3E%20%3C/g%3E%3C/svg%3E%20");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.white-label-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cline%20data-cap%3D%22butt%22%20fill%3D%22none%22%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2220%22%20y1%3D%227%22%20x2%3D%2223%22%20y2%3D%227%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%3E%3C/line%3E%20%3Cline%20data-cap%3D%22butt%22%20fill%3D%22none%22%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-miterlimit%3D%2210%22%20x1%3D%221%22%20y1%3D%227%22%20x2%3D%2212.4%22%20y2%3D%227%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%3E%3C/line%3E%20%3Cpolyline%20data-cap%3D%22butt%22%20fill%3D%22none%22%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-miterlimit%3D%2210%22%20points%3D%2220.3,3%2023,3%2023,23%201,23%201,3%2016.4,3%20%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%3E%3C/polyline%3E%20%3Cline%20fill%3D%22none%22%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%226%22%20y1%3D%223%22%20x2%3D%226%22%20y2%3D%227%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Cpath%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M12.6,10.8%20l-2-2L18,1.4c0.6-0.6,1.4-0.6,2,0l0,0c0.6,0.6,0.6,1.4,0,2L12.6,10.8z%22%20stroke-linejoin%3D%22miter%22%3E%3C/path%3E%20%3Cpath%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M6.8,11.8%20c0.8-0.8,2-0.8,2.8,0c0.8,0.8,0.8,2,0,2.8c-0.8,0.8-3.5,0.7-3.5,0.7S6,12.5,6.8,11.8z%22%20stroke-linejoin%3D%22miter%22%3E%3C/path%3E%20%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.white-label-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cline%20data-cap%3D%22butt%22%20fill%3D%22none%22%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2220%22%20y1%3D%227%22%20x2%3D%2223%22%20y2%3D%227%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%3E%3C/line%3E%20%3Cline%20data-cap%3D%22butt%22%20fill%3D%22none%22%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-miterlimit%3D%2210%22%20x1%3D%221%22%20y1%3D%227%22%20x2%3D%2212.4%22%20y2%3D%227%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%3E%3C/line%3E%20%3Cpolyline%20data-cap%3D%22butt%22%20fill%3D%22none%22%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-miterlimit%3D%2210%22%20points%3D%2220.3,3%2023,3%2023,23%201,23%201,3%2016.4,3%20%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%3E%3C/polyline%3E%20%3Cline%20fill%3D%22none%22%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%226%22%20y1%3D%223%22%20x2%3D%226%22%20y2%3D%227%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Cpath%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M12.6,10.8%20l-2-2L18,1.4c0.6-0.6,1.4-0.6,2,0l0,0c0.6,0.6,0.6,1.4,0,2L12.6,10.8z%22%20stroke-linejoin%3D%22miter%22%3E%3C/path%3E%20%3Cpath%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M6.8,11.8%20c0.8-0.8,2-0.8,2.8,0c0.8,0.8,0.8,2,0,2.8c-0.8,0.8-3.5,0.7-3.5,0.7S6,12.5,6.8,11.8z%22%20stroke-linejoin%3D%22miter%22%3E%3C/path%3E%20%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.white-label-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cline%20data-cap%3D%22butt%22%20fill%3D%22none%22%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2220%22%20y1%3D%227%22%20x2%3D%2223%22%20y2%3D%227%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%3E%3C/line%3E%20%3Cline%20data-cap%3D%22butt%22%20fill%3D%22none%22%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-miterlimit%3D%2210%22%20x1%3D%221%22%20y1%3D%227%22%20x2%3D%2212.4%22%20y2%3D%227%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%3E%3C/line%3E%20%3Cpolyline%20data-cap%3D%22butt%22%20fill%3D%22none%22%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-miterlimit%3D%2210%22%20points%3D%2220.3,3%2023,3%2023,23%201,23%201,3%2016.4,3%20%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%3E%3C/polyline%3E%20%3Cline%20fill%3D%22none%22%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%226%22%20y1%3D%223%22%20x2%3D%226%22%20y2%3D%227%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Cpath%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M12.6,10.8%20l-2-2L18,1.4c0.6-0.6,1.4-0.6,2,0l0,0c0.6,0.6,0.6,1.4,0,2L12.6,10.8z%22%20stroke-linejoin%3D%22miter%22%3E%3C/path%3E%20%3Cpath%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M6.8,11.8%20c0.8-0.8,2-0.8,2.8,0c0.8,0.8,0.8,2,0,2.8c-0.8,0.8-3.5,0.7-3.5,0.7S6,12.5,6.8,11.8z%22%20stroke-linejoin%3D%22miter%22%3E%3C/path%3E%20%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.project-templates-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20class%3D%22nc-icon%20outline%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cpolyline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%22%2014,10%2018,10%2018,18%2010,18%2010,14%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3Crect%20data-color%3D%22color-2%22%20x%3D%226%22%20y%3D%226%22%20fill%3D%22none%22%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20width%3D%228%22%20height%3D%228%22%20stroke-linejoin%3D%22miter%22%3E%3C/rect%3E%20%3Crect%20x%3D%221%22%20y%3D%221%22%20fill%3D%22none%22%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20width%3D%2222%22%20height%3D%2222%22%20stroke-linejoin%3D%22miter%22%3E%3C/rect%3E%20%3C/g%3E%3C/svg%3E%20");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.project-templates-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20class%3D%22nc-icon%20outline%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cpolyline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%22%2014,10%2018,10%2018,18%2010,18%2010,14%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3Crect%20data-color%3D%22color-2%22%20x%3D%226%22%20y%3D%226%22%20fill%3D%22none%22%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20width%3D%228%22%20height%3D%228%22%20stroke-linejoin%3D%22miter%22%3E%3C/rect%3E%20%3Crect%20x%3D%221%22%20y%3D%221%22%20fill%3D%22none%22%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20width%3D%2222%22%20height%3D%2222%22%20stroke-linejoin%3D%22miter%22%3E%3C/rect%3E%20%3C/g%3E%3C/svg%3E%20");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.project-templates-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20class%3D%22nc-icon%20outline%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cpolyline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%22%2014,10%2018,10%2018,18%2010,18%2010,14%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3Crect%20data-color%3D%22color-2%22%20x%3D%226%22%20y%3D%226%22%20fill%3D%22none%22%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20width%3D%228%22%20height%3D%228%22%20stroke-linejoin%3D%22miter%22%3E%3C/rect%3E%20%3Crect%20x%3D%221%22%20y%3D%221%22%20fill%3D%22none%22%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20width%3D%2222%22%20height%3D%2222%22%20stroke-linejoin%3D%22miter%22%3E%3C/rect%3E%20%3C/g%3E%3C/svg%3E%20");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.backups-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20class%3D%22nc-icon%20outline%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cpolyline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%22%2012,7%2012,12%2016,16%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3Cpath%20data-cap%3D%22butt%22%20fill%3D%22none%22%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M2,12c0,5.5,4.5,10,10,10%20s10-4.5,10-10S17.5,2,12,2C8.1,2,4.7,4.2,3.1,7.5%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%3E%3C/path%3E%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%222.264,2.57%203.1,7.5%208.03,6.664%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3C/g%3E%3C/svg%3E%20");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.backups-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20class%3D%22nc-icon%20outline%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cpolyline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%22%2012,7%2012,12%2016,16%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3Cpath%20data-cap%3D%22butt%22%20fill%3D%22none%22%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M2,12c0,5.5,4.5,10,10,10%20s10-4.5,10-10S17.5,2,12,2C8.1,2,4.7,4.2,3.1,7.5%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%3E%3C/path%3E%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%222.264,2.57%203.1,7.5%208.03,6.664%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3C/g%3E%3C/svg%3E%20");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.backups-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20class%3D%22nc-icon%20outline%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cpolyline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%22%2012,7%2012,12%2016,16%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3Cpath%20data-cap%3D%22butt%22%20fill%3D%22none%22%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M2,12c0,5.5,4.5,10,10,10%20s10-4.5,10-10S17.5,2,12,2C8.1,2,4.7,4.2,3.1,7.5%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%3E%3C/path%3E%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%222.264,2.57%203.1,7.5%208.03,6.664%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3C/g%3E%3C/svg%3E%20");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fileedit-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20class%3D%22nc-icon%20outline%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%2221,15%2021,23%201,23%201,1%2019,1%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3Cpolygon%20data-cap%3D%22butt%22%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-miterlimit%3D%2210%22%20points%3D%2213,17%2010,17%2010,14%2019,5%2022,8%20%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%3E%3C/polygon%3E%20%3C/g%3E%20%3C/svg%3E%20");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.fileedit-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20class%3D%22nc-icon%20outline%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%2221,15%2021,23%201,23%201,1%2019,1%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3Cpolygon%20data-cap%3D%22butt%22%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-miterlimit%3D%2210%22%20points%3D%2213,17%2010,17%2010,14%2019,5%2022,8%20%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%3E%3C/polygon%3E%20%3C/g%3E%20%3C/svg%3E%20");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.fileedit-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20class%3D%22nc-icon%20outline%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%2221,15%2021,23%201,23%201,1%2019,1%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3Cpolygon%20data-cap%3D%22butt%22%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-miterlimit%3D%2210%22%20points%3D%2213,17%2010,17%2010,14%2019,5%2022,8%20%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%3E%3C/polygon%3E%20%3C/g%3E%20%3C/svg%3E%20");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.thirdparty-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20class%3D%22nc-icon%20outline%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cpolyline%20data-cap%3D%22butt%22%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-miterlimit%3D%2210%22%20points%3D%2212,9%2012,13%207.8,16.1%20%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%3E%3C/polyline%3E%20%3Cline%20data-cap%3D%22butt%22%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2212%22%20y1%3D%2213%22%20x2%3D%2216.2%22%20y2%3D%2216.1%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%3E%3C/line%3E%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2212%22%20cy%3D%225%22%20r%3D%224%22%20stroke-linejoin%3D%22miter%22%3E%3C/circle%3E%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20cx%3D%225%22%20cy%3D%2219%22%20r%3D%224%22%20stroke-linejoin%3D%22miter%22%3E%3C/circle%3E%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23d6dce6%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2219%22%20cy%3D%2219%22%20r%3D%224%22%20stroke-linejoin%3D%22miter%22%3E%3C/circle%3E%20%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.thirdparty-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20class%3D%22nc-icon%20outline%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cpolyline%20data-cap%3D%22butt%22%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-miterlimit%3D%2210%22%20points%3D%2212,9%2012,13%207.8,16.1%20%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%3E%3C/polyline%3E%20%3Cline%20data-cap%3D%22butt%22%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2212%22%20y1%3D%2213%22%20x2%3D%2216.2%22%20y2%3D%2216.1%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%3E%3C/line%3E%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2212%22%20cy%3D%225%22%20r%3D%224%22%20stroke-linejoin%3D%22miter%22%3E%3C/circle%3E%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20cx%3D%225%22%20cy%3D%2219%22%20r%3D%224%22%20stroke-linejoin%3D%22miter%22%3E%3C/circle%3E%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%237489a8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2219%22%20cy%3D%2219%22%20r%3D%224%22%20stroke-linejoin%3D%22miter%22%3E%3C/circle%3E%20%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.fkit-icon-dark.thirdparty-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20class%3D%22nc-icon%20outline%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cpolyline%20data-cap%3D%22butt%22%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-miterlimit%3D%2210%22%20points%3D%2212,9%2012,13%207.8,16.1%20%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%3E%3C/polyline%3E%20%3Cline%20data-cap%3D%22butt%22%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2212%22%20y1%3D%2213%22%20x2%3D%2216.2%22%20y2%3D%2216.1%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%3E%3C/line%3E%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2212%22%20cy%3D%225%22%20r%3D%224%22%20stroke-linejoin%3D%22miter%22%3E%3C/circle%3E%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20cx%3D%225%22%20cy%3D%2219%22%20r%3D%224%22%20stroke-linejoin%3D%22miter%22%3E%3C/circle%3E%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%232780f8%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2219%22%20cy%3D%2219%22%20r%3D%224%22%20stroke-linejoin%3D%22miter%22%3E%3C/circle%3E%20%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
/** Need a single icon? */
.fkit-icon.new-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cpath%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M12,8%20c1.1,0,2-0.9,2-2s-2-4-2-4s-2,2.9-2,4S10.9,8,12,8z%22%20stroke-linejoin%3D%22miter%22%3E%3C/path%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2212%22%20y1%3D%228%22%20x2%3D%2212%22%20y2%3D%2211%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Crect%20x%3D%221%22%20y%3D%2215%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20width%3D%2222%22%20height%3D%228%22%20stroke-linejoin%3D%22miter%22%3E%3C/rect%3E%20%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M23,15c0,2.2-1.8,4-4,4%20c-1.5,0-2.8-0.9-3.5-2.1c-0.7,1.2-2,2.1-3.5,2.1s-2.8-0.9-3.5-2.1C7.8,18.1,6.5,19,5,19c-2.2,0-4-1.8-4-4%22%20stroke-linejoin%3D%22miter%22%3E%3C/path%3E%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%2220,15%2020,11%204,11%204,15%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fkit-icon.new-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cpath%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22blue%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M12,8%20c1.1,0,2-0.9,2-2s-2-4-2-4s-2,2.9-2,4S10.9,8,12,8z%22%20stroke-linejoin%3D%22miter%22%3E%3C/path%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22blue%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2212%22%20y1%3D%228%22%20x2%3D%2212%22%20y2%3D%2211%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Crect%20x%3D%221%22%20y%3D%2215%22%20fill%3D%22none%22%20stroke%3D%22blue%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20width%3D%2222%22%20height%3D%228%22%20stroke-linejoin%3D%22miter%22%3E%3C/rect%3E%20%3Cpath%20fill%3D%22none%22%20stroke%3D%22blue%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M23,15c0,2.2-1.8,4-4,4%20c-1.5,0-2.8-0.9-3.5-2.1c-0.7,1.2-2,2.1-3.5,2.1s-2.8-0.9-3.5-2.1C7.8,18.1,6.5,19,5,19c-2.2,0-4-1.8-4-4%22%20stroke-linejoin%3D%22miter%22%3E%3C/path%3E%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22blue%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20points%3D%2220,15%2020,11%204,11%204,15%20%22%20stroke-linejoin%3D%22miter%22%3E%3C/polyline%3E%20%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
/** Custom hover to be put inside app less pages */
.fkit-icon.random-layout:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate%280.5,%200.5%29%22%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22green%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%221%22%20y1%3D%229%22%20x2%3D%2223%22%20y2%3D%229%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Cline%20data-color%3D%22color-2%22%20fill%3D%22none%22%20stroke%3D%22green%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20x1%3D%228%22%20y1%3D%229%22%20x2%3D%228%22%20y2%3D%2222%22%20stroke-linejoin%3D%22miter%22%3E%3C/line%3E%20%3Crect%20x%3D%221%22%20y%3D%222%22%20fill%3D%22none%22%20stroke%3D%22green%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20width%3D%2222%22%20height%3D%2220%22%20stroke-linejoin%3D%22miter%22%3E%3C/rect%3E%20%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
/**
Sexy? I KNOW!
For testing
    <i class="fkit-icon random-layout"></i>
    <i class="fkit-icon new-icon"></i>
 */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
@keyframes zoomInView {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 0.5) perspective(1px) translateZ(0) translate3d(0, 0, 0);
    transform: scale3d(0.5, 0.5, 0.5) perspective(1px) translateZ(0) translate3d(0, 0, 0);
  }
  50% {
    opacity: 1;
  }
}
.moveIconRight {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-name: moveIconRight;
}
@keyframes moveIconRight {
  from {
    transform: translate3d(-189px, -47px, 0px);
  }
  to {
    transform: translate3d(189px, 47px, 0px);
  }
}
.zoomInView {
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  animation-name: zoomInView;
}
@keyframes jump {
  from {
    opacity: 0;
    transform: translate3d(0, 25%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.jumpIn {
  animation-timing-function: cubic-bezier(0.49, 0.46, 0.12, 1.32);
  animation-name: jump;
}
.jumpOut {
  animation-timing-function: cubic-bezier(0.49, 0.46, 0.12, 1.32);
  animation-name: jump;
  animation-direction: reverse;
}
@keyframes fall {
  0% {
    opacity: 0;
    transform: translate3d(0, -25%, 0);
  }
  25% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fallIn {
  animation-timing-function: cubic-bezier(0.49, 0.46, 0.12, 1.32);
  animation-name: fall;
}
.fallOut {
  animation-timing-function: cubic-bezier(0.49, 0.46, 0.12, 1.32);
  animation-name: fall;
  animation-direction: reverse;
}
@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-timing-function: cubic-bezier(0.49, 0.46, 0.12, 1.32);
  animation-name: fade;
}
.fadeOut {
  animation-timing-function: cubic-bezier(0.49, 0.46, 0.12, 1.32);
  animation-name: fade;
  animation-direction: reverse;
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.align-baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.align-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.align-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.align-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.align-justify,
.content-between,
.justify-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.content-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.content-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.content-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.content-center,
.justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.order-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}
.order-last {
  -webkit-box-ordinal-group: 1025;
  -ms-flex-order: 1024;
  order: 1024;
}
.flex-auto {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.flex-none {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.flex > div {
  box-sizing: border-box;
}
.fkit_form {
  /* TODO check if needed
    input,
    textarea,
    .fc_select,
    .uneditable-input {
        width: @inputBaseWidth; // plus 12px padding and 2px border
    }
    */
  /*
    // Make select elements obey height by applying a border
    select {
        width: @selectDefaultWidth; //240px; // default input width + 10px of padding that doesn't get applied
        border: 1px solid @inputBorder;
        background-color: @inputBackground; // Chrome on Linux and Mobile Safari need background-color
    }
    */
  /*
// HTML5 invalid states
// Shares styles with the .control-group.error above
input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
    color: #b94a48;
    border-color: #ee5f5b;
    &:focus {
        border-color: darken(#ee5f5b, 10%);
        @shadow: 0 0 6px lighten(#ee5f5b, 20%);
        .box-shadow(@shadow);
    }
}
*/
  /**
    * Freedcamp Custom Select
    */
  /**
    * Freedcamp Custom Checkboxes and Radio Buttons
    */
  /**
    * Freedcamp Custom Switches
    */
  /**
    * Color Picker
     */
}
.fkit_form fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
.fkit_form legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 40px;
  color: #404040;
  border: 0;
  border-bottom: 1px solid #bfbfbf;
}
.fkit_form legend small {
  font-size: 15px;
  color: #dfdfdf;
}
.fkit_form label,
.fkit_form input,
.fkit_form button,
.fkit_form select,
.fkit_form textarea,
.fkit_form .ui-multiselect {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}
.fkit_form input,
.fkit_form button,
.fkit_form select,
.fkit_form textarea,
.fkit_form .ui-multiselect {
  font-family: 'Roboto', 'Segoe UI', 'Helvetica Neue', Helvetica, sans-serif;
}
.fkit_form label {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 0.25rem;
}
.fkit_form select,
.fkit_form textarea,
.fkit_form input[type="text"],
.fkit_form input[type="password"],
.fkit_form input[type="datetime"],
.fkit_form input[type="datetime-local"],
.fkit_form input[type="date"],
.fkit_form input[type="month"],
.fkit_form input[type="time"],
.fkit_form input[type="week"],
.fkit_form input[type="number"],
.fkit_form input[type="currency"],
.fkit_form input[type="email"],
.fkit_form input[type="url"],
.fkit_form input[type="search"],
.fkit_form input[type="tel"],
.fkit_form input[type="color"],
.fkit_form .uneditable-input,
.fkit_form .ui-multiselect {
  height: 2.5rem;
  font-size: 0.875rem;
  background: #ffffff;
  border-radius: 4px;
  padding: 0.5rem;
  color: #555555;
  border: 1px solid #bfbfbf;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.075) inset;
  font-weight: 400;
  line-height: 1.6;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 0.25rem;
  transition: all 0.175s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.fkit_form select:hover,
.fkit_form textarea:hover,
.fkit_form input[type="text"]:hover,
.fkit_form input[type="password"]:hover,
.fkit_form input[type="datetime"]:hover,
.fkit_form input[type="datetime-local"]:hover,
.fkit_form input[type="date"]:hover,
.fkit_form input[type="month"]:hover,
.fkit_form input[type="time"]:hover,
.fkit_form input[type="week"]:hover,
.fkit_form input[type="number"]:hover,
.fkit_form input[type="currency"]:hover,
.fkit_form input[type="email"]:hover,
.fkit_form input[type="url"]:hover,
.fkit_form input[type="search"]:hover,
.fkit_form input[type="tel"]:hover,
.fkit_form input[type="color"]:hover,
.fkit_form .uneditable-input:hover,
.fkit_form .ui-multiselect:hover {
  border-color: #2780f8;
}
.fkit_form select:focus,
.fkit_form textarea:focus,
.fkit_form input[type="text"]:focus,
.fkit_form input[type="password"]:focus,
.fkit_form input[type="datetime"]:focus,
.fkit_form input[type="datetime-local"]:focus,
.fkit_form input[type="date"]:focus,
.fkit_form input[type="month"]:focus,
.fkit_form input[type="time"]:focus,
.fkit_form input[type="week"]:focus,
.fkit_form input[type="number"]:focus,
.fkit_form input[type="currency"]:focus,
.fkit_form input[type="email"]:focus,
.fkit_form input[type="url"]:focus,
.fkit_form input[type="search"]:focus,
.fkit_form input[type="tel"]:focus,
.fkit_form input[type="color"]:focus,
.fkit_form .uneditable-input:focus,
.fkit_form .ui-multiselect:focus {
  border-color: #2780f8;
  box-shadow: 0 0 0.5rem rgba(39, 128, 248, 0.2);
}
.fkit_form textarea {
  height: auto;
}
.fkit_form textarea,
.fkit_form input[type="text"],
.fkit_form input[type="password"],
.fkit_form input[type="datetime"],
.fkit_form input[type="datetime-local"],
.fkit_form input[type="date"],
.fkit_form input[type="month"],
.fkit_form input[type="time"],
.fkit_form input[type="week"],
.fkit_form input[type="number"],
.fkit_form input[type="currency"],
.fkit_form input[type="email"],
.fkit_form input[type="url"],
.fkit_form input[type="search"],
.fkit_form input[type="tel"],
.fkit_form input[type="color"],
.fkit_form .uneditable-input,
.fkit_form .ui-multiselect {
  background-color: #ffffff;
  border: 1px solid #bfbfbf;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear .2s, -webkit-box-shadow linear .2s;
  -moz-transition: border linear .2s, -moz-box-shadow linear .2s;
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;
}
.fkit_form textarea:focus,
.fkit_form input[type="text"]:focus,
.fkit_form input[type="password"]:focus,
.fkit_form input[type="datetime"]:focus,
.fkit_form input[type="datetime-local"]:focus,
.fkit_form input[type="date"]:focus,
.fkit_form input[type="month"]:focus,
.fkit_form input[type="time"]:focus,
.fkit_form input[type="week"]:focus,
.fkit_form input[type="number"]:focus,
.fkit_form input[type="currency"]:focus,
.fkit_form input[type="email"]:focus,
.fkit_form input[type="url"]:focus,
.fkit_form input[type="search"]:focus,
.fkit_form input[type="tel"]:focus,
.fkit_form input[type="color"]:focus,
.fkit_form .uneditable-input:focus,
.fkit_form .ui-multiselect:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted   \9;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
.fkit_form input[type="radio"],
.fkit_form input[type="checkbox"] {
  margin: 4px 0 0;
  *margin-top: 0;
  /* IE7 */
  margin-top: 1px   \9;
  /* IE8-9 */
  line-height: normal;
}
.fkit_form input[type="file"],
.fkit_form input[type="image"],
.fkit_form input[type="submit"],
.fkit_form input[type="reset"],
.fkit_form input[type="button"],
.fkit_form input[type="radio"],
.fkit_form input[type="checkbox"] {
  width: auto;
}
.fkit_form input[type="checkbox"] {
  min-width: 16px;
}
.fkit_form select,
.fkit_form input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */
  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */
  line-height: 30px;
}
.fkit_form select[multiple],
.fkit_form select[size] {
  height: auto;
}
.fkit_form select:focus,
.fkit_form input[type="file"]:focus,
.fkit_form input[type="radio"]:focus,
.fkit_form input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.fkit_form input::-webkit-input-placeholder,
.fkit_form textarea::-webkit-input-placeholder {
  color: #808080;
}
.fkit_form input:-moz-placeholder,
.fkit_form textarea:-moz-placeholder {
  color: #808080;
}
.fkit_form input::-moz-placeholder,
.fkit_form textarea::-moz-placeholder {
  color: #808080;
}
.fkit_form input:-ms-input-placeholder,
.fkit_form textarea:-ms-input-placeholder {
  color: #808080;
}
.fkit_form input:-moz-placeholder,
.fkit_form textarea:-moz-placeholder {
  color: #808080;
}
.fkit_form input:-ms-input-placeholder,
.fkit_form textarea:-ms-input-placeholder {
  color: #808080;
}
.fkit_form input::-webkit-input-placeholder,
.fkit_form textarea::-webkit-input-placeholder {
  color: #808080;
}
.fkit_form input[disabled],
.fkit_form select[disabled],
.fkit_form textarea[disabled],
.fkit_form input[readonly],
.fkit_form select[readonly],
.fkit_form textarea[readonly] {
  cursor: not-allowed;
  background-color: #ececec;
  color: #8c8c8c;
}
.fkit_form input[type="radio"][disabled],
.fkit_form input[type="checkbox"][disabled],
.fkit_form input[type="radio"][readonly],
.fkit_form input[type="checkbox"][readonly] {
  background-color: transparent;
}
.fkit_form fieldset .ui-multiselect {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  font-family: 'Roboto', 'Segoe UI', 'Helvetica Neue', Helvetica, sans-serif;
  height: 2.5rem;
  font-size: 0.875rem;
  background: #ffffff;
  border-radius: 4px;
  padding: 0.5rem;
  color: #555555;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.075) inset;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 0.25rem;
  transition: all 0.175s cubic-bezier(0.25, 0.8, 0.25, 1);
  background-color: #ffffff;
  border: 1px solid #bfbfbf;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear .2s, -webkit-box-shadow linear .2s;
  -moz-transition: border linear .2s, -moz-box-shadow linear .2s;
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  box-shadow: none;
  width: 100% !important;
}
.fkit_form fieldset .ui-multiselect:hover {
  border-color: #2780f8;
}
.fkit_form fieldset .ui-multiselect:focus {
  border-color: #2780f8;
  box-shadow: 0 0 0.5rem rgba(39, 128, 248, 0.2);
}
.fkit_form fieldset .ui-multiselect:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted   \9;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
.fkit_form fieldset .ui-multiselect select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  outline: 0;
  height: 2.5rem;
  font-size: 0.875rem;
  background: #fafafa url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cpath%20d%3D%27M8%2011.4L2.6%206%204%204.6l4%204%204-4L13.4%206z%27%20fill%3D%27%23555555%27%2F%3E%3C%2Fsvg%3E") no-repeat;
  background-size: 1rem 1rem;
  background-position: right 0.75rem center;
  border-radius: 4px;
  padding: 0.5rem;
  color: #555555;
  border: 1px solid #bfbfbf;
  box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.075) inset, 0 2px 0 rgba(255, 255, 255, 0.75) inset;
  font-weight: 400;
  line-height: 1.6;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 0;
  transition: all 0.175s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: relative;
}
.fkit_form fieldset .ui-multiselect select::-ms-expand {
  display: none;
}
.fkit_form fieldset .ui-multiselect:hover select {
  border-color: #2780f8;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cpath%20d%3D%27M8%2011.4L2.6%206%204%204.6l4%204%204-4L13.4%206z%27%20fill%3D%27#2780f8%27%2F%3E%3C%2Fsvg%3E");
  background-position-y: 0.8rem;
}
.fkit_form fieldset .ui-multiselect select:focus {
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.075) inset, 0 -2px 0 rgba(255, 255, 255, 0.75) inset;
  background-color: #ffffff;
}
.fkit_form fieldset .ui-multiselect:after,
.fkit_form fieldset .ui-multiselect:before {
  display: none;
}
.fkit_form fieldset .ui-multiselect span.ui-icon {
  margin-top: 2px;
}
.fkit_form .fc_form_smaller_fields .group {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.fkit_form .fc_form_smaller_fields .group > label {
  display: block;
}
.fkit_form .fc_form_smaller_fields .group > field {
  width: 100%;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.fkit_form .fc_form_smaller_fields .group > field input {
  width: 100%;
}
@media (max-width: 110rem) {
  .fkit_form .fc_form_smaller_fields .group {
    display: block;
  }
}
.fkit_form .body > .field_message,
.fkit_form > .field_message {
  font-size: 0.9rem;
  padding: 0.3rem;
  margin-bottom: 0.5rem;
  color: #a94442;
  background-color: #f2dede;
  border-left: 3px solid #a94442;
}
.fkit_form.fkit_form_wide_labels fieldset .group > label {
  width: 12rem;
}
.fkit_form.fkit_form_extra_wide_labels fieldset .group > label {
  width: 19rem;
}
.fkit_form fieldset .group {
  margin-bottom: 0.5rem;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  padding: 0;
}
.fkit_form fieldset .group.hide {
  display: none;
}
@media (max-width: 46rem) {
  .fkit_form fieldset .group {
    display: block;
  }
}
.fkit_form fieldset .group > label {
  word-wrap: break-word;
  text-transform: capitalize;
  float: none;
  flex: none;
  padding: 0.5rem 0 0;
  width: 10rem;
}
.fkit_form fieldset .group > label .help {
  position: relative;
  top: 0.1852rem;
}
.fkit_form fieldset .group.group_block {
  display: block;
}
.fkit_form fieldset .group.group_block.hide {
  display: none;
}
.fkit_form fieldset .group.group_block > label {
  width: 100%;
}
.fkit_form fieldset .group.group_announcement {
  display: block;
  font-size: 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.175);
  padding-top: 0.5rem;
}
.fkit_form fieldset .group .help {
  background: transparent;
  height: 2.5rem;
  width: 2.5rem;
  padding: 0.5rem;
  margin-top: 0.25rem;
  box-sizing: border-box;
  margin-right: -2.5rem;
  align-items: center;
  color: #bfbfbf;
  cursor: pointer;
}
.fkit_form fieldset .group .help svg {
  margin: 0 auto;
}
.fkit_form fieldset .group .help :hover {
  color: #555555;
}
.fkit_form fieldset .group .help.action {
  cursor: pointer;
}
.fkit_form fieldset .group:not(.group_block) field + field {
  margin-left: 1rem;
}
.fkit_form fieldset .group field {
  width: 100%;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  position: relative;
  /* .contains_message is not good enough for messages that span over multiple lines. Use .has_message instead with .field_msg*/
}
.fkit_form fieldset .group field textarea,
.fkit_form fieldset .group field input,
.fkit_form fieldset .group field .uneditable-input,
.fkit_form fieldset .group field .ui-multiselect {
  width: 100%;
  float: none;
}
.fkit_form fieldset .group field .field_icon + input,
.fkit_form fieldset .group field .field_icon + input + input,
.fkit_form fieldset .group field .field_icon + .flatpickr-wrapper > input,
.fkit_form fieldset .group field .flatpickr-mobile {
  border-left-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.fkit_form fieldset .group field.list_group {
  max-height: 350px;
  overflow-y: auto;
  overflow-x: visible;
}
.fkit_form fieldset .group field label {
  display: block;
}
.fkit_form fieldset .group field.multi_field {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.fkit_form fieldset .group field.field_list {
  display: block;
  position: relative;
}
.fkit_form fieldset .group field.field_list .help {
  position: absolute;
  top: 0.34rem;
  right: 0;
}
.fkit_form fieldset .group field.field_list > field {
  display: block;
  margin: 0;
}
.fkit_form fieldset .group field .field_icon {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f9f9f9;
  height: 2.5rem;
  width: 2.5rem;
  padding: 0.5rem;
  margin-bottom: 0.25rem;
  border: 1px solid #bfbfbf;
  border-radius: 4px 0 0 4px;
  box-sizing: border-box;
  align-items: center;
  color: rgba(0, 0, 0, 0.5);
}
.fkit_form fieldset .group field .field_icon svg {
  margin: 0 auto;
}
.fkit_form fieldset .group field.contains_message {
  padding-bottom: 1.2rem;
}
.fkit_form fieldset .group field.has_message {
  flex-wrap: wrap;
}
.fkit_form fieldset .group field .field_msg {
  width: 100%;
  font-size: 0.775rem;
  color: #808080;
}
.fkit_form fieldset .group field.list_group {
  display: block;
}
.fkit_form fieldset .group field > label {
  float: none;
  width: 100%;
  font-size: 13px;
  padding-top: 8px;
}
.fkit_form fieldset .group.multi_column {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.fkit_form fieldset .group.multi_column > .group {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  box-sizing: border-box;
  width: 20%;
  padding-right: 1rem;
}
.fkit_form fieldset .group.multi_column > .group:last-of-type {
  padding-right: 0;
}
.fkit_form fieldset .group.error_group field {
  padding-bottom: 1.2rem;
}
.fkit_form fieldset .group.error_group field .field_icon {
  border-color: #f24f40;
  background-color: rgba(242, 79, 64, 0.05);
  color: rgba(121, 39, 32, 0.5);
}
.fkit_form fieldset .group.error_group field .field_message {
  color: #f24f40;
}
.fkit_form fieldset .group.error_group field.error_field .error,
.fkit_form fieldset .group.error_group .error {
  border-color: #f24f40;
  border-left-width: 5px;
  border-left-color: #f9a7a0;
}
.fkit_form fieldset .group.error_group field.error_field .error:hover,
.fkit_form fieldset .group.error_group .error:hover,
.fkit_form fieldset .group.error_group field.error_field .error:focus,
.fkit_form fieldset .group.error_group .error:focus {
  background-color: #ffffff;
  border-color: #c23f33;
}
.fkit_form fieldset .group.error_group field.error_field .error:focus,
.fkit_form fieldset .group.error_group .error:focus {
  box-shadow: 0 0 0.5rem rgba(242, 79, 64, 0.2);
}
.fkit_form fieldset .group.success field {
  padding-bottom: 1.2rem;
}
.fkit_form fieldset .group.success field .field_icon {
  border-color: #27ae60;
  background-color: rgba(39, 174, 96, 0.05);
  color: rgba(20, 87, 48, 0.5);
}
.fkit_form fieldset .group.success field .field_message {
  color: #27ae60;
}
.fkit_form fieldset .group.success field.error_field .error,
.fkit_form fieldset .group.success .error {
  border-color: #27ae60;
  border-left-width: 5px;
  border-left-color: #93d7b0;
}
.fkit_form fieldset .group.success field.error_field .error:hover,
.fkit_form fieldset .group.success .error:hover,
.fkit_form fieldset .group.success field.error_field .error:focus,
.fkit_form fieldset .group.success .error:focus {
  background-color: #ffffff;
  border-color: #1f8b4d;
}
.fkit_form fieldset .group.success field.error_field .error:focus,
.fkit_form fieldset .group.success .error:focus {
  box-shadow: 0 0 0.5rem rgba(39, 174, 96, 0.2);
}
.fkit_form fieldset .group.warning field {
  padding-bottom: 1.2rem;
}
.fkit_form fieldset .group.warning field .field_icon {
  border-color: #e6b41d;
  background-color: rgba(230, 180, 29, 0.05);
  color: rgba(115, 90, 15, 0.5);
}
.fkit_form fieldset .group.warning field .field_message {
  color: #e6b41d;
}
.fkit_form fieldset .group.warning field.error_field .error,
.fkit_form fieldset .group.warning .error {
  border-color: #e6b41d;
  border-left-width: 5px;
  border-left-color: #f3da8e;
}
.fkit_form fieldset .group.warning field.error_field .error:hover,
.fkit_form fieldset .group.warning .error:hover,
.fkit_form fieldset .group.warning field.error_field .error:focus,
.fkit_form fieldset .group.warning .error:focus {
  background-color: #ffffff;
  border-color: #b89017;
}
.fkit_form fieldset .group.warning field.error_field .error:focus,
.fkit_form fieldset .group.warning .error:focus {
  box-shadow: 0 0 0.5rem rgba(230, 180, 29, 0.2);
}
.fkit_form fieldset .group.disabled field {
  padding-bottom: 1.2rem;
}
.fkit_form fieldset .group.disabled field .field_icon {
  border-color: #ececec;
  background-color: rgba(236, 236, 236, 0.05);
  color: rgba(118, 118, 118, 0.5);
}
.fkit_form fieldset .group.disabled field .field_message {
  color: #ececec;
}
.fkit_form fieldset .group.disabled field.error_field .error,
.fkit_form fieldset .group.disabled .error {
  border-color: #ececec;
  border-left-width: 5px;
  border-left-color: #f5f5f5;
}
.fkit_form fieldset .group.disabled field.error_field .error:hover,
.fkit_form fieldset .group.disabled .error:hover,
.fkit_form fieldset .group.disabled field.error_field .error:focus,
.fkit_form fieldset .group.disabled .error:focus {
  background-color: #ffffff;
  border-color: #bdbdbd;
}
.fkit_form fieldset .group.disabled field.error_field .error:focus,
.fkit_form fieldset .group.disabled .error:focus {
  box-shadow: 0 0 0.5rem rgba(236, 236, 236, 0.2);
}
.fkit_form fieldset .group.disabled input {
  border-color: #ececec;
}
.fkit_form fieldset .group.disabled input:hover,
.fkit_form fieldset .group.disabled input:focus {
  border-color: #d4d4d4;
}
.fkit_form fieldset .group.disabled input:disabled {
  background-color: rgba(236, 236, 236, 0.3);
  box-shadow: none;
}
.fkit_form fieldset .group .toggle_f_subtask {
  margin: 0;
}
.fkit_form fieldset .group field [class*=message] {
  font-size: 0.775rem;
  color: #808080;
  text-align: left;
  display: block;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: -1rem;
}
.fkit_form fieldset .group.group_block field.error_field .field_message {
  margin-top: -0.2em;
}
.fkit_form fieldset.fc_mini label {
  display: block;
}
.fkit_form fieldset.fc_right_labels .group > label {
  text-align: right;
  padding-right: 15px !important;
  box-sizing: border-box;
}
.fkit_form fieldset.fc_wizard .group {
  margin: 0 0 15px 85px;
}
.fkit_form fieldset.fc_wizard .group .clear-borders {
  border-left: 0;
  border-right: 0;
  border-top: 0;
}
.fkit_form fieldset.fc_wizard .group textarea,
.fkit_form fieldset.fc_wizard .group input[type="text"],
.fkit_form fieldset.fc_wizard .group input[type="password"],
.fkit_form fieldset.fc_wizard .group input[type="datetime"],
.fkit_form fieldset.fc_wizard .group input[type="datetime-local"],
.fkit_form fieldset.fc_wizard .group input[type="date"],
.fkit_form fieldset.fc_wizard .group input[type="month"],
.fkit_form fieldset.fc_wizard .group input[type="time"],
.fkit_form fieldset.fc_wizard .group input[type="week"],
.fkit_form fieldset.fc_wizard .group input[type="number"],
.fkit_form fieldset.fc_wizard .group input[type="email"],
.fkit_form fieldset.fc_wizard .group input[type="url"],
.fkit_form fieldset.fc_wizard .group input[type="search"],
.fkit_form fieldset.fc_wizard .group input[type="tel"],
.fkit_form fieldset.fc_wizard .group input[type="color"],
.fkit_form fieldset.fc_wizard .group .uneditable-input {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  box-shadow: none;
}
.fkit_form fieldset.fc_wizard .group field.contains_icon .field_icon {
  background: none;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}
.fkit_form fieldset.fc_wizard .group field.contains_icon input {
  border-left: 0 !important;
}
.fkit_form .form_multi_column {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  /* one item */
  /* two items */
  /* three items */
}
.fkit_form .form_multi_column fieldset {
  box-sizing: border-box;
}
.fkit_form .form_multi_column fieldset:first-child {
  padding-right: 25px;
}
.fkit_form .form_multi_column fieldset:last-child {
  padding-left: 25px;
}
.fkit_form .form_multi_column fieldset:nth-child(2):nth-last-child(2) {
  padding-left: 25px;
  padding-right: 25px;
}
.fkit_form .form_multi_column fieldset:first-child:nth-last-child(1) {
  flex-grow: 1;
  width: 100%;
}
.fkit_form .form_multi_column fieldset:nth-child(1):nth-last-child(2),
.fkit_form .form_multi_column fieldset:nth-child(2):nth-last-child(1) {
  flex-grow: 1;
  width: 50%;
}
@media (max-width: 76rem) {
  .fkit_form .form_multi_column fieldset:nth-child(1):nth-last-child(2) .group,
  .fkit_form .form_multi_column fieldset:nth-child(2):nth-last-child(1) .group {
    display: block;
  }
}
.fkit_form .form_multi_column fieldset:nth-child(1):nth-last-child(3),
.fkit_form .form_multi_column fieldset:nth-child(2):nth-last-child(2),
.fkit_form .form_multi_column fieldset:nth-child(3):nth-last-child(1) {
  flex-grow: 1;
  width: 30%;
}
.fkit_form .form_multi_column fieldset:nth-child(1):nth-last-child(3) .group,
.fkit_form .form_multi_column fieldset:nth-child(2):nth-last-child(2) .group,
.fkit_form .form_multi_column fieldset:nth-child(3):nth-last-child(1) .group {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.fkit_form .form_multi_column fieldset:nth-child(1):nth-last-child(3) .group > label,
.fkit_form .form_multi_column fieldset:nth-child(2):nth-last-child(2) .group > label,
.fkit_form .form_multi_column fieldset:nth-child(3):nth-last-child(1) .group > label {
  display: block;
}
.fkit_form .form_multi_column fieldset:nth-child(1):nth-last-child(3) .group > field,
.fkit_form .form_multi_column fieldset:nth-child(2):nth-last-child(2) .group > field,
.fkit_form .form_multi_column fieldset:nth-child(3):nth-last-child(1) .group > field {
  width: 100%;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.fkit_form .form_multi_column fieldset:nth-child(1):nth-last-child(3) .group > field input,
.fkit_form .form_multi_column fieldset:nth-child(2):nth-last-child(2) .group > field input,
.fkit_form .form_multi_column fieldset:nth-child(3):nth-last-child(1) .group > field input {
  width: 100%;
}
@media (max-width: 110rem) {
  .fkit_form .form_multi_column fieldset:nth-child(1):nth-last-child(3) .group,
  .fkit_form .form_multi_column fieldset:nth-child(2):nth-last-child(2) .group,
  .fkit_form .form_multi_column fieldset:nth-child(3):nth-last-child(1) .group {
    display: block;
  }
}
.fkit_form div.footer {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0.9rem 2rem 1.1rem;
}
.fkit_form div.footer input[type=submit],
.fkit_form div.footer button[type=submit] {
  background: #ffffff;
  color: #555555;
  border-color: rgba(0, 0, 0, 0.175);
  border-width: 1px;
  border-style: solid;
  width: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-transform: capitalize;
  padding: .5rem .75rem;
  margin: 0 .25rem;
  height: 2.5rem;
  min-width: 2.5rem;
  font-size: 0.875rem;
  border-radius: 4px;
  box-shadow: none;
  transition: all 0.175s cubic-bezier(0.25, 0.8, 0.25, 1);
  font-weight: 500;
  text-decoration: none;
  outline: 0;
  box-sizing: border-box;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #2780f8;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.125);
}
.fkit_form div.footer input[type=submit].hide,
.fkit_form div.footer button[type=submit].hide {
  display: none;
}
.fkit_form div.footer input[type=submit]:hover,
.fkit_form div.footer button[type=submit]:hover {
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.0375), 0 -2px 0 0px rgba(0, 0, 0, 0.0875) inset;
  border-color: rgba(0, 0, 0, 0.25);
}
.fkit_form div.footer input[type=submit].btn-xxs,
.fkit_form div.footer button[type=submit].btn-xxs {
  font-size: .625rem;
  padding: .25rem .25rem;
  height: 1.5rem;
  min-width: 1.5rem;
}
.fkit_form div.footer input[type=submit].btn-xs,
.fkit_form div.footer button[type=submit].btn-xs {
  font-size: .625rem;
  padding: .5rem .5rem;
  height: 2rem;
  min-width: 2rem;
}
.fkit_form div.footer input[type=submit].btn-s,
.fkit_form div.footer button[type=submit].btn-s {
  font-size: .75rem;
  padding: .5rem .5rem;
  height: 2.25rem;
  min-width: 2.25rem;
}
.fkit_form div.footer input[type=submit].btn-m,
.fkit_form div.footer button[type=submit].btn-m {
  font-size: .875rem;
  padding: .5rem .75rem;
  height: 2.5rem;
  min-width: 2.5rem;
}
.fkit_form div.footer input[type=submit].btn-l,
.fkit_form div.footer button[type=submit].btn-l {
  font-size: 1rem;
  padding: .75rem 1.5rem;
  height: 2.75rem;
  min-width: 2.75rem;
}
.fkit_form div.footer input[type=submit].btn-xl,
.fkit_form div.footer button[type=submit].btn-xl {
  font-size: 1.125rem;
  padding: .875rem 1.75rem;
  height: 3rem;
  min-width: 3rem;
}
.fkit_form div.footer input[type=submit].btn-clean,
.fkit_form div.footer button[type=submit].btn-clean {
  background-color: transparent;
  border-color: transparent;
  color: #7489a8;
}
.fkit_form div.footer input[type=submit].btn-clean:hover,
.fkit_form div.footer button[type=submit].btn-clean:hover {
  background-color: #ffffff;
  color: #2373df;
  border-color: rgba(0, 0, 0, 0.175);
}
.fkit_form div.footer input[type=submit].btn-default,
.fkit_form div.footer button[type=submit].btn-default {
  background-color: #f7f8fa;
  color: #7489a8;
}
.fkit_form div.footer input[type=submit].btn-default:hover,
.fkit_form div.footer button[type=submit].btn-default:hover {
  background-color: #ffffff;
  color: #2373df;
}
.fkit_form div.footer input[type=submit].btn-neutral,
.fkit_form div.footer button[type=submit].btn-neutral {
  background-color: #2780f8;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.125);
}
.fkit_form div.footer input[type=submit].btn-neutral:hover,
.fkit_form div.footer button[type=submit].btn-neutral:hover {
  background-color: #3d8df9;
}
.fkit_form div.footer input[type=submit].btn-positive,
.fkit_form div.footer button[type=submit].btn-positive {
  background-color: #27ae60;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.125);
}
.fkit_form div.footer input[type=submit].btn-positive:hover,
.fkit_form div.footer button[type=submit].btn-positive:hover {
  background-color: #3db670;
}
.fkit_form div.footer input[type=submit].btn-negative,
.fkit_form div.footer button[type=submit].btn-negative {
  background-color: #f24f40;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.125);
}
.fkit_form div.footer input[type=submit].btn-negative:hover,
.fkit_form div.footer button[type=submit].btn-negative:hover {
  background-color: #f36153;
}
.fkit_form div.footer input[type=submit].btn-warning,
.fkit_form div.footer button[type=submit].btn-warning {
  background-color: #e6b41d;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.125);
}
.fkit_form div.footer input[type=submit].btn-warning:hover,
.fkit_form div.footer button[type=submit].btn-warning:hover {
  background-color: #e9bc34;
}
.fkit_form div.footer input[type=submit].btn-hover-neutral:hover,
.fkit_form div.footer button[type=submit].btn-hover-neutral:hover {
  background-color: #5299f9;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.125);
}
.fkit_form div.footer input[type=submit].btn-hover-positive:hover,
.fkit_form div.footer button[type=submit].btn-hover-positive:hover {
  background-color: #27ae60;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.125);
}
.fkit_form div.footer input[type=submit].btn-hover-negative:hover,
.fkit_form div.footer button[type=submit].btn-hover-negative:hover {
  background-color: #f24f40;
  color: #ffffff;
}
.fkit_form div.footer input[type=submit].btn-hover-negative:hover svg,
.fkit_form div.footer button[type=submit].btn-hover-negative:hover svg {
  color: inherit;
}
.fkit_form div.footer input[type=submit].btn-hover-warning:hover,
.fkit_form div.footer button[type=submit].btn-hover-warning:hover {
  background-color: #e6b41d;
  color: #ffffff;
}
.fkit_form div.footer input[type=submit].btn-hover-disabled:hover,
.fkit_form div.footer button[type=submit].btn-hover-disabled:hover {
  background-color: #ececec;
  color: #6c6c6c;
  cursor: default;
}
.fkit_form div.footer input[type=submit].btn-disabled,
.fkit_form div.footer button[type=submit].btn-disabled,
.fkit_form div.footer input[type=submit].disabled,
.fkit_form div.footer button[type=submit].disabled,
.fkit_form div.footer input[type=submit]:disabled,
.fkit_form div.footer button[type=submit]:disabled,
.fkit_form div.footer input[type=submit][disabled],
.fkit_form div.footer button[type=submit][disabled] {
  background-color: #ececec;
  color: #6c6c6c;
  cursor: not-allowed;
  box-shadow: none;
  text-shadow: none;
}
.fkit_form div.footer input[type=submit].btn-disabled:hover,
.fkit_form div.footer button[type=submit].btn-disabled:hover,
.fkit_form div.footer input[type=submit].disabled:hover,
.fkit_form div.footer button[type=submit].disabled:hover,
.fkit_form div.footer input[type=submit]:disabled:hover,
.fkit_form div.footer button[type=submit]:disabled:hover,
.fkit_form div.footer input[type=submit][disabled]:hover,
.fkit_form div.footer button[type=submit][disabled]:hover {
  background-color: #dfdfdf;
  color: #6c6c6c;
  text-shadow: none;
}
.fkit_form div.footer input[type=submit].btn-notext,
.fkit_form div.footer button[type=submit].btn-notext {
  font-size: 0;
  line-height: 0;
  padding: .25rem;
  margin: 0;
}
.fkit_form div.footer input[type=submit].btn-notext svg,
.fkit_form div.footer button[type=submit].btn-notext svg {
  pointer-events: none;
}
.fkit_form div.footer input[type=submit].btn-reset,
.fkit_form div.footer button[type=submit].btn-reset {
  border: none;
  margin: 0;
}
.fkit_form div.footer input[type=submit].btn-reset:hover,
.fkit_form div.footer button[type=submit].btn-reset:hover {
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0.25);
}
.fkit_form div.footer input[type=submit].btn-asis,
.fkit_form div.footer button[type=submit].btn-asis {
  text-transform: none;
}
.fkit_form div.footer input[type=submit]:hover,
.fkit_form div.footer button[type=submit]:hover {
  background-color: #3d8df9;
}
.fkit_form div.footer .cancel {
  background: #ffffff;
  color: #555555;
  border-color: rgba(0, 0, 0, 0.175);
  border-width: 1px;
  border-style: solid;
  width: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-transform: capitalize;
  padding: .5rem .75rem;
  margin: 0 .25rem;
  height: 2.5rem;
  min-width: 2.5rem;
  font-size: 0.875rem;
  border-radius: 4px;
  box-shadow: none;
  transition: all 0.175s cubic-bezier(0.25, 0.8, 0.25, 1);
  font-weight: 500;
  text-decoration: none;
  outline: 0;
  box-sizing: border-box;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: transparent;
  border-color: transparent;
  color: #7489a8;
  color: #f24f40;
  margin-right: .2rem;
}
.fkit_form div.footer .cancel.hide {
  display: none;
}
.fkit_form div.footer .cancel:hover {
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.0375), 0 -2px 0 0px rgba(0, 0, 0, 0.0875) inset;
  border-color: rgba(0, 0, 0, 0.25);
}
.fkit_form div.footer .cancel.btn-xxs {
  font-size: .625rem;
  padding: .25rem .25rem;
  height: 1.5rem;
  min-width: 1.5rem;
}
.fkit_form div.footer .cancel.btn-xs {
  font-size: .625rem;
  padding: .5rem .5rem;
  height: 2rem;
  min-width: 2rem;
}
.fkit_form div.footer .cancel.btn-s {
  font-size: .75rem;
  padding: .5rem .5rem;
  height: 2.25rem;
  min-width: 2.25rem;
}
.fkit_form div.footer .cancel.btn-m {
  font-size: .875rem;
  padding: .5rem .75rem;
  height: 2.5rem;
  min-width: 2.5rem;
}
.fkit_form div.footer .cancel.btn-l {
  font-size: 1rem;
  padding: .75rem 1.5rem;
  height: 2.75rem;
  min-width: 2.75rem;
}
.fkit_form div.footer .cancel.btn-xl {
  font-size: 1.125rem;
  padding: .875rem 1.75rem;
  height: 3rem;
  min-width: 3rem;
}
.fkit_form div.footer .cancel.btn-clean {
  background-color: transparent;
  border-color: transparent;
  color: #7489a8;
}
.fkit_form div.footer .cancel.btn-clean:hover {
  background-color: #ffffff;
  color: #2373df;
  border-color: rgba(0, 0, 0, 0.175);
}
.fkit_form div.footer .cancel.btn-default {
  background-color: #f7f8fa;
  color: #7489a8;
}
.fkit_form div.footer .cancel.btn-default:hover {
  background-color: #ffffff;
  color: #2373df;
}
.fkit_form div.footer .cancel.btn-neutral {
  background-color: #2780f8;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.125);
}
.fkit_form div.footer .cancel.btn-neutral:hover {
  background-color: #3d8df9;
}
.fkit_form div.footer .cancel.btn-positive {
  background-color: #27ae60;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.125);
}
.fkit_form div.footer .cancel.btn-positive:hover {
  background-color: #3db670;
}
.fkit_form div.footer .cancel.btn-negative {
  background-color: #f24f40;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.125);
}
.fkit_form div.footer .cancel.btn-negative:hover {
  background-color: #f36153;
}
.fkit_form div.footer .cancel.btn-warning {
  background-color: #e6b41d;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.125);
}
.fkit_form div.footer .cancel.btn-warning:hover {
  background-color: #e9bc34;
}
.fkit_form div.footer .cancel.btn-hover-neutral:hover {
  background-color: #5299f9;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.125);
}
.fkit_form div.footer .cancel.btn-hover-positive:hover {
  background-color: #27ae60;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.125);
}
.fkit_form div.footer .cancel.btn-hover-negative:hover {
  background-color: #f24f40;
  color: #ffffff;
}
.fkit_form div.footer .cancel.btn-hover-negative:hover svg {
  color: inherit;
}
.fkit_form div.footer .cancel.btn-hover-warning:hover {
  background-color: #e6b41d;
  color: #ffffff;
}
.fkit_form div.footer .cancel.btn-hover-disabled:hover {
  background-color: #ececec;
  color: #6c6c6c;
  cursor: default;
}
.fkit_form div.footer .cancel.btn-disabled,
.fkit_form div.footer .cancel.disabled,
.fkit_form div.footer .cancel:disabled,
.fkit_form div.footer .cancel[disabled] {
  background-color: #ececec;
  color: #6c6c6c;
  cursor: not-allowed;
  box-shadow: none;
  text-shadow: none;
}
.fkit_form div.footer .cancel.btn-disabled:hover,
.fkit_form div.footer .cancel.disabled:hover,
.fkit_form div.footer .cancel:disabled:hover,
.fkit_form div.footer .cancel[disabled]:hover {
  background-color: #dfdfdf;
  color: #6c6c6c;
  text-shadow: none;
}
.fkit_form div.footer .cancel.btn-notext {
  font-size: 0;
  line-height: 0;
  padding: .25rem;
  margin: 0;
}
.fkit_form div.footer .cancel.btn-notext svg {
  pointer-events: none;
}
.fkit_form div.footer .cancel.btn-reset {
  border: none;
  margin: 0;
}
.fkit_form div.footer .cancel.btn-reset:hover {
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0.25);
}
.fkit_form div.footer .cancel.btn-asis {
  text-transform: none;
}
.fkit_form div.footer .cancel:hover {
  background-color: #ffffff;
  color: #2373df;
  border-color: rgba(0, 0, 0, 0.175);
}
.fkit_form div.footer_mini {
  text-align: right;
}
.fkit_form div.footer_mini .btn {
  margin-right: 0;
}
.fkit_form div.fc-footer {
  padding: .75rem 0;
  margin-top: .75rem;
  border-top: 1px solid #aebacc;
  text-align: right;
}
.fkit_form .fc_select {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.fkit_form .fc_select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  outline: 0;
  height: 2.5rem;
  font-size: 0.875rem;
  background: #fafafa url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cpath%20d%3D%27M8%2011.4L2.6%206%204%204.6l4%204%204-4L13.4%206z%27%20fill%3D%27%23555555%27%2F%3E%3C%2Fsvg%3E") no-repeat;
  background-size: 1rem 1rem;
  background-position: right 0.75rem center;
  border-radius: 4px;
  padding: 0.5rem;
  color: #555555;
  border: 1px solid #bfbfbf;
  box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.075) inset, 0 2px 0 rgba(255, 255, 255, 0.75) inset;
  font-weight: 400;
  line-height: 1.6;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 0;
  transition: all 0.175s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: relative;
}
.fkit_form .fc_select select::-ms-expand {
  display: none;
}
.fkit_form .fc_select:hover select {
  border-color: #2780f8;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cpath%20d%3D%27M8%2011.4L2.6%206%204%204.6l4%204%204-4L13.4%206z%27%20fill%3D%27#2780f8%27%2F%3E%3C%2Fsvg%3E");
  background-position-y: 0.8rem;
}
.fkit_form .fc_select select:focus {
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.075) inset, 0 -2px 0 rgba(255, 255, 255, 0.75) inset;
  background-color: #ffffff;
}
.fkit_form .option {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 18px;
  height: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.fkit_form .option > input {
  position: absolute;
  left: 0;
  width: inherit;
  height: inherit;
  opacity: 0;
}
.fkit_form .radio {
  border-radius: 9px !important;
}
.fkit_form input:checked + .checkbox:before,
.fkit_form input:checked + .radio:before {
  display: block;
}
.fkit_form .radio:before {
  margin: 5px;
  width: 6px;
  height: 6px;
  background: #666666;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.1);
}
.fkit_form input:focus + .checkbox,
.fkit_form input:focus + .radio,
.fkit_form input.focus + .checkbox,
.fkit_form input.focus + .radio {
  border-color: #6e9ef7;
  -webkit-box-shadow: 0 0 2px rgba(110, 158, 247, 0.5);
  box-shadow: 0 0 2px rgba(110, 158, 247, 0.5);
}
.fkit_form .lt-ie9 .checkbox,
.fkit_form .lt-ie9 .radio {
  display: none;
}
.fkit_form input:checked + .checkbox,
.fkit_form input:checked + .radio {
  background: #eee;
  border-color: #c5c5c5 #c1c1c1 #b8b8b8;
  background-image: -webkit-linear-gradient(top, #f9f9f9, #e4e4e4);
  background-image: -moz-linear-gradient(top, #f9f9f9, #e4e4e4);
  background-image: -o-linear-gradient(top, #f9f9f9, #e4e4e4);
  background-image: linear-gradient(to bottom, #f9f9f9, #e4e4e4);
  -webkit-box-shadow: inset 0 1px #fcfcfc, 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px #fcfcfc, 0 1px 1px rgba(0, 0, 0, 0.05);
}
.fkit_form .checkbox:before,
.fkit_form .radio:before {
  content: '';
  display: none;
}
.fkit_form .checkbox,
.fkit_form .radio {
  display: block;
  height: 100%;
  background: #fcfcfc;
  border: 1px solid #c6c6c6;
  border-top-color: #b6b6b6;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px rgba(255, 255, 255, 0.6);
}
.fkit_form .lt-ie9 .option > input {
  position: static;
  padding: 0;
}
.fkit_form .checkbox:before {
  position: absolute;
  top: 5px;
  left: 4px;
  width: 8px;
  height: 3px;
  border: solid #666666;
  border-width: 0 0 3px 3px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.fkit_form .switch_square label,
.fkit_form .switch_square label:before {
  border-radius: 2px;
}
.fkit_form .switch,
.fkit_form .switcher {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 69px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fkit_form .switch > input:focus,
.fkit_form .switcher > input:focus {
  opacity: 1;
  outline: 1px solid #6e9ef7;
}
.fkit_form .switch > label:before,
.fkit_form .switcher > label:before {
  content: '';
  display: block;
  margin: -1px 0 0 -1px;
  width: 34px;
  height: 32px;
  background: #eee;
  background-clip: padding-box;
  border: 1px solid #c1c1c1;
  border-radius: 2px;
  background-image: -webkit-linear-gradient(top, #f6f6f6, #e4e4e4);
  background-image: -moz-linear-gradient(top, #f6f6f6, #e4e4e4);
  background-image: -o-linear-gradient(top, #f6f6f6, #e4e4e4);
  background-image: linear-gradient(to bottom, #f6f6f6, #e4e4e4);
}
.fkit_form .switch > input:checked + label,
.fkit_form .switcher > input:checked + label {
  padding-left: 34px;
  color: #1e9545;
  text-shadow: 0 -1px rgba(255, 255, 255, 0.6);
  border-color: #22ab4f;
}
.fkit_form .switch > input:checked + label:after,
.fkit_form .switcher > input:checked + label:after {
  content: attr(data-on);
  left: 0;
}
.fkit_form .switch > input:checked + label:before,
.fkit_form .switcher > input:checked + label:before {
  border-color: #1e9545;
  border-left-color: rgba(51, 51, 51, 0.4);
  background: #26c059;
  margin-left: -2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.fkit_form .switch > input,
.fkit_form .switcher > input {
  position: absolute;
  z-index: 0;
  top: 2px;
  left: 2px;
  width: 68px;
  height: 16px;
  padding: 0;
  opacity: 0;
  -webkit-appearance: none;
}
.fkit_form .switch > input:focus,
.fkit_form .switcher > input:focus {
  outline: none;
}
.fkit_form .switch > label,
.fkit_form .switcher > label {
  display: block;
  position: relative;
  height: 32px;
  line-height: 32px;
  font-size: 10px;
  color: #999;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 1px white;
  background: #fcfcfc;
  border: 1px solid #c6c6c6;
  border-top-color: #b6b6b6;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px rgba(255, 255, 255, 0.8);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px rgba(255, 255, 255, 0.8);
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
}
.fkit_form .switch > label:after,
.fkit_form .switcher > label:after {
  content: attr(data-off);
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 1px;
  width: 34px;
}
.fkit_form .switch.unicode > label {
  font: 12px/17px "Lucida Sans Unicode", "Arial";
}
.fkit_form .colorpicker input {
  width: auto !important;
  border-color: rgba(0, 0, 0, 0) !important;
}
.fkit_form .color_selected {
  width: 20px;
  height: 20px;
  display: inline-block;
}
.fkit_form .fkit_multi_select select {
  visibility: hidden;
  opacity: 0;
  height: 2.5rem;
}
.fkit_form .fkit_multi_select {
  position: relative;
}
.fkit_form .fkit_multi_select .ui-state-default {
  height: 2.5rem;
  font-size: 0.875rem;
  background: #fafafa;
  border-radius: 4px;
  padding: 0.5rem;
  color: #555555;
  border: 1px solid #bfbfbf;
  box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.075) inset, 0 2px 0 rgba(255, 255, 255, 0.75) inset;
  font-weight: 400;
  line-height: 1.6;
  width: 100% !important;
  box-sizing: border-box;
  margin-bottom: 0.25rem;
  transition: all 0.175s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: relative;
}
.fkit_form .fkit_multi_select .ui-state-default:hover {
  border-color: #2780f8;
}
.fkit_form .fkit_multi_select .ui-state-active {
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.075) inset, 0 -2px 0 rgba(255, 255, 255, 0.75) inset;
  background-color: #ffffff;
}
.fkit_form .ui-widget-content {
  box-shadow: 0 8px 64px rgba(0, 0, 0, 0.25);
  border: none !important;
}
.fkit_form .ui-widget-content .ui-widget-header {
  border: none;
}
.fkit_form .ui-widget-content .ui-multiselect-checkboxes label {
  cursor: default;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  border: 1px solid transparent;
  padding: 4px 2px;
}
.fkit_form .ui-widget-content .ui-multiselect-checkboxes .ui-state-hover {
  border: 1px solid rgba(35, 115, 223, 0.2);
  font-weight: normal;
  color: #313131;
  background: rgba(39, 128, 248, 0.2);
}
.ui-multiselect-menu {
  min-width: 200px !important;
}
/* Alert panel */
/*
===================================
#Basic usage:
#
#<div class="alert">
#<div>Alert content</div>
#<a class="close-alert" href></a>
#</div>
#This will provide base styling for alert component.
#
#Parameters:
#<div class="alert alert-info|success|warning|error|news|tip|marketplace|system">...</div>
# there are eight generic alert elements that are controlled by data-alert attribute.
#
#Example usage:
#<div class="alert alert-info">
#<div>A sample info alert</div>
#<a class="close-alert" href></a>
#</div>
# This will produce information alert with icons and text.

===================================
*/
.alert {
  background-color: white;
  color: #737a97;
  font-size: 13px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18) inset;
  border-radius: 4px;
  margin: 8px 0;
  padding: 12px;
  position: relative;
}
.alert:hover {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset;
}
.alert > div {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.alert a.close-alert {
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2217px%22%20height%3D%2216px%22%20viewBox%3D%2296%20736%2017%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M104.006%2C736%20C99.588%2C736%2096.006%2C739.582%2096.006%2C744%20C96.006%2C748.418%2099.588%2C752%20104.006%2C752%20C108.424%2C752%20112.006%2C748.418%20112.006%2C744%20C112.006%2C739.582%20108.424%2C736%20104.006%2C736%20Z%20M106.727%2C741.281%20C106.351%2C740.906%20105.742%2C740.906%20105.367%2C741.281%20L104.008%2C742.641%20L102.648%2C741.281%20C102.273%2C740.906%20101.665%2C740.906%20101.289%2C741.281%20C100.914%2C741.657%20100.914%2C742.266%20101.289%2C742.641%20L102.648%2C744%20L101.289%2C745.359%20C100.914%2C745.734%20100.914%2C746.344%20101.289%2C746.719%20C101.665%2C747.094%20102.273%2C747.094%20102.648%2C746.719%20L104.008%2C745.359%20L105.367%2C746.719%20C105.742%2C747.094%20106.351%2C747.094%20106.727%2C746.719%20C107.102%2C746.344%20107.102%2C745.734%20106.727%2C745.359%20L105.367%2C744%20L106.727%2C742.641%20C107.102%2C742.266%20107.102%2C741.657%20106.727%2C741.281%20Z%22%20stroke%3D%22none%22%20fill%3D%22rgb(66%2C%2066%2C%2066)%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat;
  height: 16px;
  width: 17px;
  content: "";
  display: block;
  right: 8px;
  position: absolute;
  vertical-align: middle;
  top: 50%;
  margin-top: -8px;
  opacity: .4;
}
.alert a.close-alert:hover {
  opacity: 1;
}
.alert:before {
  background-size: 100% auto;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.alert.alert-error {
  background-color: #f2dede;
  color: #a94442;
}
.alert.alert-error:before {
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2219px%22%20height%3D%2217px%22%20viewBox%3D%22511%20287%2019%2017%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M528.889%2C302.529%20L520.889%2C287.529%20C520.541%2C286.877%20519.471%2C286.877%20519.123%2C287.529%20L511.123%2C302.529%20C510.958%2C302.839%20510.968%2C303.213%20511.148%2C303.515%20C511.329%2C303.815%20511.654%2C304%20512.006%2C304%20L528.006%2C304%20C528.357%2C304%20528.683%2C303.815%20528.863%2C303.515%20C529.044%2C303.213%20529.054%2C302.839%20528.889%2C302.529%20Z%20M513.673%2C302%20L520.006%2C290.125%20L526.339%2C302%20L513.673%2C302%20Z%20M520.506%2C299%20L519.506%2C299%20C519.229%2C299%20519.006%2C299.224%20519.006%2C299.5%20L519.006%2C300.5%20C519.006%2C300.776%20519.229%2C301%20519.506%2C301%20L520.506%2C301%20C520.782%2C301%20521.006%2C300.776%20521.006%2C300.5%20L521.006%2C299.5%20C521.006%2C299.224%20520.782%2C299%20520.506%2C299%20Z%20M519.006%2C294.5%20L519.006%2C297.5%20C519.006%2C297.776%20519.229%2C298%20519.506%2C298%20L520.506%2C298%20C520.782%2C298%20521.006%2C297.776%20521.006%2C297.5%20L521.006%2C294.5%20C521.006%2C294.224%20520.782%2C294%20520.506%2C294%20L519.506%2C294%20C519.229%2C294%20519.006%2C294.224%20519.006%2C294.5%20Z%22%20stroke%3D%22none%22%20fill%3D%22rgb(169%2C%2068%2C%2066)%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat;
  height: 17px;
  width: 19px;
}
.alert.alert-warning {
  background-color: #fcf5c0;
  color: #8a6d3b;
}
.alert.alert-warning:before {
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2217px%22%20height%3D%2216px%22%20viewBox%3D%22608%20352%2017%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M617.006%2C363%20L617.006%2C361.5%20C617.006%2C361.224%20616.782%2C361%20616.506%2C361%20L610.006%2C361%20L610.006%2C355%20L615.006%2C355%20L615.006%2C356.5%20C615.006%2C356.776%20615.229%2C357%20615.506%2C357%20L622.006%2C357%20L622.006%2C363%20L617.006%2C363%20L617.006%2C363%20Z%20M616.006%2C353%20L610.006%2C353%20C610.006%2C352.447%20609.559%2C352%20609.006%2C352%20C608.453%2C352%20608.006%2C352.447%20608.006%2C353%20L608.006%2C367.5%20C608.006%2C367.776%20608.229%2C368%20608.506%2C368%20L609.506%2C368%20C609.782%2C368%20610.006%2C367.776%20610.006%2C367.5%20L610.006%2C363%20L615.006%2C363%20L615.006%2C364%20C615.006%2C364.553%20615.453%2C365%20616.006%2C365%20L623.006%2C365%20C623.559%2C365%20624.006%2C364.553%20624.006%2C364%20L624.006%2C356%20C624.006%2C355.447%20623.559%2C355%20623.006%2C355%20L617.006%2C355%20L617.006%2C354%20C617.006%2C353.447%20616.559%2C353%20616.006%2C353%20L616.006%2C353%20Z%22%20stroke%3D%22none%22%20fill%3D%22rgb(138%2C%20109%2C%2059)%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat;
  height: 16px;
  width: 17px;
}
.alert.alert-info {
  background-color: #d5ebf9;
  color: #31708f;
}
.alert.alert-info:before {
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2217px%22%20height%3D%2216px%22%20viewBox%3D%22608%20288%2017%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M616.006%2C288%20C611.588%2C288%20608.006%2C291.582%20608.006%2C296%20C608.006%2C300.418%20611.588%2C304%20616.006%2C304%20C620.424%2C304%20624.006%2C300.418%20624.006%2C296%20C624.006%2C291.582%20620.424%2C288%20616.006%2C288%20Z%20M616.006%2C302%20C612.697%2C302%20610.006%2C299.308%20610.006%2C296%20C610.006%2C292.692%20612.697%2C290%20616.006%2C290%20C619.313%2C290%20622.006%2C292.692%20622.006%2C296%20C622.006%2C299.308%20619.313%2C302%20616.006%2C302%20Z%20M616.506%2C292%20L615.506%2C292%20C615.229%2C292%20615.006%2C292.224%20615.006%2C292.5%20L615.006%2C293.5%20C615.006%2C293.776%20615.229%2C294%20615.506%2C294%20L616.506%2C294%20C616.782%2C294%20617.006%2C293.776%20617.006%2C293.5%20L617.006%2C292.5%20C617.006%2C292.224%20616.782%2C292%20616.506%2C292%20Z%20M616.506%2C295%20L615.506%2C295%20C615.229%2C295%20615.006%2C295.224%20615.006%2C295.5%20L615.006%2C299.5%20C615.006%2C299.776%20615.229%2C300%20615.506%2C300%20L616.506%2C300%20C616.782%2C300%20617.006%2C299.776%20617.006%2C299.5%20L617.006%2C295.5%20C617.006%2C295.224%20616.782%2C295%20616.506%2C295%20Z%22%20stroke%3D%22none%22%20fill%3D%22rgb(49%2C%20112%2C%20143)%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat;
  height: 16px;
  width: 17px;
}
.alert.alert-success {
  background-color: #dff0d8;
  color: #3c763d;
}
.alert.alert-success:before {
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2217px%22%20height%3D%2216px%22%20viewBox%3D%2264%20736%2017%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M72.006%2C736%20C67.588%2C736%2064.006%2C739.582%2064.006%2C744%20C64.006%2C748.418%2067.588%2C752%2072.006%2C752%20C76.424%2C752%2080.006%2C748.418%2080.006%2C744%20C80.006%2C739.582%2076.424%2C736%2072.006%2C736%20Z%20M72.006%2C750%20C68.697%2C750%2066.006%2C747.309%2066.006%2C744%20C66.006%2C740.691%2068.697%2C738%2072.006%2C738%20C75.315%2C738%2078.006%2C740.691%2078.006%2C744%20C78.006%2C747.309%2075.315%2C750%2072.006%2C750%20Z%20M74.373%2C741.28%20L70.991%2C744.662%20L69.639%2C743.31%20C69.265%2C742.936%2068.66%2C742.936%2068.286%2C743.31%20C67.912%2C743.683%2067.912%2C744.289%2068.286%2C744.662%20L70.315%2C746.69%20C70.689%2C747.064%2071.294%2C747.064%2071.668%2C746.69%20L75.726%2C742.633%20C76.1%2C742.259%2076.1%2C741.654%2075.726%2C741.28%20C75.352%2C740.906%2074.747%2C740.906%2074.373%2C741.28%20Z%22%20stroke%3D%22none%22%20fill%3D%22rgb(60%2C%20118%2C%2061)%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat;
  height: 16px;
  width: 17px;
}
.alert.alert-news:before {
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2217px%22%20height%3D%2216px%22%20viewBox%3D%22384%20128%2017%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M386.006%2C132%20L388.006%2C132%20L388.006%2C141%20C388.006%2C141.55%20387.556%2C142%20387.006%2C142%20C386.456%2C142%20386.006%2C141.55%20386.006%2C141%20L386.006%2C132%20L386.006%2C132%20Z%20M399.006%2C128%20L389.006%2C128%20C388.453%2C128%20388.006%2C128.447%20388.006%2C129%20L388.006%2C130%20L385.006%2C130%20C384.453%2C130%20384.006%2C130.447%20384.006%2C131%20L384.006%2C141%20C384.006%2C142.66%20385.346%2C144%20387.006%2C144%20L397.006%2C144%20C398.666%2C144%20400.006%2C142.66%20400.006%2C141%20L400.006%2C129%20C400.006%2C128.447%20399.559%2C128%20399.006%2C128%20Z%20M398.006%2C141%20C398.006%2C141.55%20397.556%2C142%20397.006%2C142%20L389.822%2C142%20C389.934%2C141.686%20390.006%2C141.353%20390.006%2C141%20L390.006%2C130%20L398.006%2C130%20L398.006%2C141%20Z%20M391.506%2C133%20L396.506%2C133%20C396.782%2C133%20397.006%2C132.776%20397.006%2C132.5%20L397.006%2C131.5%20C397.006%2C131.224%20396.782%2C131%20396.506%2C131%20L391.506%2C131%20C391.229%2C131%20391.006%2C131.224%20391.006%2C131.5%20L391.006%2C132.5%20C391.006%2C132.776%20391.229%2C133%20391.506%2C133%20Z%20M391.506%2C136%20L396.506%2C136%20C396.782%2C136%20397.006%2C135.776%20397.006%2C135.5%20L397.006%2C134.5%20C397.006%2C134.224%20396.782%2C134%20396.506%2C134%20L391.506%2C134%20C391.229%2C134%20391.006%2C134.224%20391.006%2C134.5%20L391.006%2C135.5%20C391.006%2C135.776%20391.229%2C136%20391.506%2C136%20Z%20M391.506%2C139%20L396.506%2C139%20C396.782%2C139%20397.006%2C138.776%20397.006%2C138.5%20L397.006%2C137.5%20C397.006%2C137.224%20396.782%2C137%20396.506%2C137%20L391.506%2C137%20C391.229%2C137%20391.006%2C137.224%20391.006%2C137.5%20L391.006%2C138.5%20C391.006%2C138.776%20391.229%2C139%20391.506%2C139%20Z%22%20stroke%3D%22none%22%20fill%3D%22rgb(115%2C%20122%2C%20151)%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat;
  height: 16px;
  width: 17px;
}
.alert.alert-marketplace:before {
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2217px%22%20height%3D%2217px%22%20viewBox%3D%22224%20352%2017%2017%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M226.16%2C356.456%20L227.367%2C354%20L236.646%2C354%20L237.852%2C356.457%20C238.003%2C356.909%20238.033%2C357.397%20237.99%2C357.521%20C237.878%2C357.753%20237.646%2C358%20237.331%2C358%20C236.911%2C358%20236.557%2C357.542%20236.557%2C357%20C236.557%2C356.447%20236.109%2C356%20235.557%2C356%20C235.004%2C356%20234.557%2C356.447%20234.557%2C357%20C234.557%2C357.542%20234.201%2C358%20233.78%2C358%20C233.36%2C358%20233.006%2C357.542%20233.006%2C357%20C233.006%2C356.447%20232.559%2C356%20232.006%2C356%20C231.453%2C356%20231.006%2C356.447%20231.006%2C357%20C231.006%2C357.542%20230.65%2C358%20230.23%2C358%20C229.811%2C358%20229.456%2C357.542%20229.456%2C357%20C229.456%2C356.447%20229.008%2C356%20228.456%2C356%20C227.904%2C356%20227.456%2C356.447%20227.456%2C357%20C227.456%2C357.542%20227.102%2C358%20226.681%2C358%20C226.366%2C358%20226.134%2C357.753%20226.025%2C357.532%20C225.979%2C357.398%20226.01%2C356.909%20226.16%2C356.456%20L226.16%2C356.456%20Z%20M226.681%2C360%20C227.355%2C360%20227.975%2C359.738%20228.456%2C359.305%20C228.938%2C359.738%20229.557%2C360%20230.23%2C360%20C230.905%2C360%20231.524%2C359.738%20232.006%2C359.305%20C232.486%2C359.738%20233.105%2C360%20233.78%2C360%20C234.455%2C360%20235.074%2C359.738%20235.557%2C359.305%20C236.038%2C359.738%20236.656%2C360%20237.331%2C360%20C238.366%2C360%20239.308%2C359.386%20239.789%2C358.396%20C240.271%2C357.403%20239.814%2C356.006%20239.719%2C355.735%20C239.706%2C355.7%20239.69%2C355.665%20239.674%2C355.631%20L238.412%2C353.062%20C238.159%2C352.442%20237.529%2C352%20236.888%2C352%20L227.125%2C352%20C226.481%2C352%20225.852%2C352.442%20225.6%2C353.063%20L224.338%2C355.63%20C224.32%2C355.665%20224.305%2C355.701%20224.293%2C355.737%20C224.196%2C356.008%20223.742%2C357.408%20224.223%2C358.396%20C224.704%2C359.386%20225.646%2C360%20226.681%2C360%20Z%20M239.506%2C366%20L239.006%2C366%20L239.006%2C361.37%20C239.006%2C361.094%20238.838%2C360.934%20238.559%2C360.969%20C238.391%2C360.99%20238.243%2C361%20238.065%2C361%20C237.89%2C361%20237.693%2C360.987%20237.526%2C360.965%20C237.248%2C360.929%20237.006%2C361.094%20237.006%2C361.37%20L237.006%2C366%20L234.006%2C366%20L234.006%2C363%20C234.006%2C362.447%20233.579%2C362%20233.019%2C362%20L230.99%2C362%20C230.43%2C362%20230.006%2C362.447%20230.006%2C363%20L230.006%2C366%20L227.006%2C366%20L227.006%2C361.37%20C227.006%2C361.094%20226.749%2C360.929%20226.471%2C360.965%20C226.304%2C360.987%20226.113%2C361%20225.937%2C361%20C225.759%2C361%20225.629%2C360.99%20225.461%2C360.969%20C225.182%2C360.934%20225.006%2C361.094%20225.006%2C361.37%20L225.006%2C366%20L224.506%2C366%20C224.229%2C366%20224.006%2C366.224%20224.006%2C366.5%20L224.006%2C367.5%20C224.006%2C367.776%20224.229%2C368%20224.506%2C368%20L239.506%2C368%20C239.782%2C368%20240.006%2C367.776%20240.006%2C367.5%20L240.006%2C366.5%20C240.006%2C366.224%20239.782%2C366%20239.506%2C366%20Z%22%20stroke%3D%22none%22%20fill%3D%22rgb(115%2C%20122%2C%20151)%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat;
  height: 17px;
  width: 17px;
}
.alert.alert-tip:before {
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2213px%22%20height%3D%2217px%22%20viewBox%3D%22194%20447%2013%2017%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M198.006%2C463%20C198.006%2C463.553%20198.453%2C464%20199.006%2C464%20L201.006%2C464%20C201.559%2C464%20202.006%2C463.553%20202.006%2C463%20L202.506%2C463%20C202.782%2C463%20203.006%2C462.776%20203.006%2C462.5%20L203.006%2C461.5%20C203.006%2C461.224%20202.782%2C461%20202.506%2C461%20L197.506%2C461%20C197.229%2C461%20197.006%2C461.224%20197.006%2C461.5%20L197.006%2C462.5%20C197.006%2C462.776%20197.229%2C463%20197.506%2C463%20L198.006%2C463%20Z%20M194.006%2C453%20C194.006%2C454.539%20194.59%2C455.938%20195.543%2C457%20C196.37%2C457.827%20196.746%2C458.897%20196.904%2C459.51%20C196.973%2C459.777%20197.229%2C460%20197.506%2C460%20L202.506%2C460%20C202.782%2C460%20203.039%2C459.777%20203.108%2C459.51%20C203.266%2C458.897%20203.642%2C457.827%20204.469%2C457%20C205.422%2C455.938%20206.006%2C454.539%20206.006%2C453%20C206.006%2C449.687%20203.319%2C447%20200.006%2C447%20C196.692%2C447%20194.006%2C449.687%20194.006%2C453%20Z%20M203.009%2C455.632%20C202.27%2C456.387%20201.798%2C457.256%20201.501%2C458%20L198.511%2C458%20C198.214%2C457.256%20197.742%2C456.387%20197.003%2C455.632%20C196.359%2C454.898%20196.006%2C453.966%20196.006%2C453%20C196.006%2C450.795%20197.801%2C449%20200.006%2C449%20C202.211%2C449%20204.006%2C450.795%20204.006%2C453%20C204.006%2C453.966%20203.652%2C454.898%20203.009%2C455.632%20Z%22%20stroke%3D%22none%22%20fill%3D%22rgb(115%2C%20122%2C%20151)%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat;
  height: 17px;
  width: 13px;
}
.alert.alert-system:before {
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2217px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2017%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.006%2C11%20C6.352%2C11%205.006%2C9.654%205.006%2C8%20C5.006%2C6.346%206.352%2C5%208.006%2C5%20C9.66%2C5%2011.006%2C6.346%2011.006%2C8%20C11.006%2C9.654%209.66%2C11%208.006%2C11%20L8.006%2C11%20Z%20M14.006%2C7%20C13.453%2C7%2012.926%2C6.557%2012.715%2C6.048%20C12.505%2C5.54%2012.565%2C4.854%2012.955%2C4.463%20L13.662%2C3.757%20C14.053%2C3.366%2014.053%2C2.732%2013.663%2C2.342%20C13.273%2C1.951%2012.639%2C1.951%2012.248%2C2.342%20C12.248%2C2.342%2011.932%2C2.658%2011.541%2C3.049%20C11.15%2C3.439%2010.465%2C3.5%209.957%2C3.29%20C9.45%2C3.08%209.006%2C2.553%209.006%2C2%20L9.006%2C1%20C9.006%2C0.447%208.559%2C0%208.006%2C0%20C7.453%2C0%207.006%2C0.447%207.006%2C1%20L7.006%2C2%20C7.006%2C2.553%206.563%2C3.08%206.056%2C3.291%20C5.548%2C3.502%204.863%2C3.441%204.473%2C3.051%20L3.764%2C2.344%20C3.373%2C1.953%202.739%2C1.954%202.351%2C2.344%20C1.96%2C2.734%201.96%2C3.367%202.35%2C3.758%20L3.059%2C4.466%20C3.449%2C4.856%203.518%2C5.545%203.346%2C6.063%20C3.176%2C6.58%202.656%2C7.016%202.104%2C7.01%20L1.008%2C7%20C0.456%2C7%200.008%2C7.449%200.008%2C8%20C0.008%2C8.553%200.456%2C9%201.008%2C9%20L2.009%2C9%20C2.561%2C9%203.096%2C9.438%203.34%2C9.925%20C3.585%2C10.411%203.527%2C11.084%203.133%2C11.471%20L2.35%2C12.24%20C1.959%2C12.631%201.96%2C13.266%202.35%2C13.654%20C2.74%2C14.045%203.374%2C14.045%203.764%2C13.655%20L4.472%2C12.947%20C4.862%2C12.557%205.547%2C12.496%206.056%2C12.707%20C6.563%2C12.918%207.006%2C13.445%207.006%2C13.998%20L7.006%2C14.999%20C7.006%2C15.551%207.454%2C15.999%208.006%2C15.998%20C8.559%2C15.998%209.006%2C15.551%209.006%2C14.999%20L9.006%2C13.998%20C9.006%2C13.445%209.45%2C12.918%209.957%2C12.709%20C10.465%2C12.498%2011.15%2C12.559%2011.541%2C12.949%20L12.248%2C13.656%20C12.639%2C14.047%2013.273%2C14.047%2013.661%2C13.656%20C14.052%2C13.266%2014.053%2C12.632%2013.663%2C12.242%20L12.955%2C11.534%20C12.565%2C11.144%2012.504%2C10.458%2012.715%2C9.95%20C12.926%2C9.442%2013.453%2C9%2014.006%2C9%20L15.006%2C9%20C15.559%2C9%2016.006%2C8.553%2016.006%2C8%20C16.006%2C7.447%2015.559%2C7%2015.006%2C7%20L14.006%2C7%20L14.006%2C7%20Z%22%20stroke%3D%22none%22%20fill%3D%22rgb(115%2C%20122%2C%20151)%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat;
  height: 16px;
  width: 17px;
}
.alert.alert-fix > div {
  max-width: 100%;
  margin-left: 25px;
}
/**/
/* Banner panel */
/*
===================================
#Basic usage:
#
#<div class="banner">
#<p>Banner content
#<a class="close-alert" href></a>
#</p>
#This will provide base styling for banner component. Automatically styles paragraph and link inside if contains .banner-link
#
#Parameters:
#<div class="banner banner-warning|error|success">...</div>
# TODO: to be extended with more color schemes.
#
#Example usage:
#<div class="banner alert-warning">
#<p>A sample info banner <a class="banner-link" href></a></p>
#</div>
# This will produce warning banner styled text and link.
===================================
*/
.banner {
  background-color: #2780f8;
  box-shadow: 0 1px 0 rgba(29, 96, 186, 0.7), 0 -1px 0 rgba(29, 96, 186, 0.7);
  position: relative;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}
.banner p {
  color: #f4f9ff;
  text-align: center;
  margin: 0;
  padding: 8px;
  padding: 0.5rem;
  font-weight: 500;
  font-size: 0.875rem;
}
.banner .banner-link {
  background: #bed9fd;
  color: #1b5aae;
  border-radius: 4px;
  padding: .125rem .375rem;
  transition: all 0.175s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.banner .banner-link:hover {
  background: #e9f2fe;
  box-shadow: 0 1px 2px rgba(25, 83, 161, 0.5), 0 1px 4px 1px rgba(33, 109, 211, 0.5);
}
.banner.banner-default {
  background-color: #ffffff;
  box-shadow: 0 1px 0 rgba(199, 201, 204, 0.7), 0 -1px 0 rgba(199, 201, 204, 0.7);
  position: relative;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}
.banner.banner-default p {
  color: #696f77;
  text-align: center;
  margin: 0;
  padding: 8px;
  padding: 0.5rem;
  font-weight: 500;
  font-size: 0.875rem;
}
.banner.banner-default .banner-link {
  background: #ffffff;
  color: #797e85;
  border-radius: 4px;
  padding: .125rem .375rem;
  transition: all 0.175s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.banner.banner-default .banner-link:hover {
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(177, 180, 184, 0.5), 0 1px 4px 1px rgba(221, 223, 225, 0.5);
}
.banner.banner-warning {
  background-color: #ffb866;
  box-shadow: 0 1px 0 rgba(191, 138, 77, 0.7), 0 -1px 0 rgba(191, 138, 77, 0.7);
  position: relative;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}
.banner.banner-warning p {
  color: #543d22;
  text-align: center;
  margin: 0;
  padding: 8px;
  padding: 0.5rem;
  font-weight: 500;
  font-size: 0.875rem;
}
.banner.banner-warning .banner-link {
  background: #ffe3c2;
  color: #664a29;
  border-radius: 4px;
  padding: .125rem .375rem;
  transition: all 0.175s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.banner.banner-warning .banner-link:hover {
  background: #fff1e0;
  box-shadow: 0 1px 2px rgba(166, 120, 66, 0.5), 0 1px 4px 1px rgba(217, 157, 87, 0.5);
}
.banner.banner-error {
  background-color: #f24f40;
  box-shadow: 0 1px 0 rgba(182, 59, 48, 0.7), 0 -1px 0 rgba(182, 59, 48, 0.7);
  position: relative;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}
.banner.banner-error p {
  color: #fef6f5;
  text-align: center;
  margin: 0;
  padding: 8px;
  padding: 0.5rem;
  font-weight: 500;
  font-size: 0.875rem;
}
.banner.banner-error .banner-link {
  background: #fbcac6;
  color: #a9372d;
  border-radius: 4px;
  padding: .125rem .375rem;
  transition: all 0.175s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.banner.banner-error .banner-link:hover {
  background: #feedec;
  box-shadow: 0 1px 2px rgba(157, 51, 42, 0.5), 0 1px 4px 1px rgba(206, 67, 54, 0.5);
}
.banner.banner-success {
  background-color: #f24f40;
  box-shadow: 0 1px 0 rgba(182, 59, 48, 0.7), 0 -1px 0 rgba(182, 59, 48, 0.7);
  position: relative;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}
.banner.banner-success p {
  color: #fef6f5;
  text-align: center;
  margin: 0;
  padding: 8px;
  padding: 0.5rem;
  font-weight: 500;
  font-size: 0.875rem;
}
.banner.banner-success .banner-link {
  background: #fbcac6;
  color: #a9372d;
  border-radius: 4px;
  padding: .125rem .375rem;
  transition: all 0.175s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.banner.banner-success .banner-link:hover {
  background: #feedec;
  box-shadow: 0 1px 2px rgba(157, 51, 42, 0.5), 0 1px 4px 1px rgba(206, 67, 54, 0.5);
}
/**/
/* Notification Indicator */
/*
===================================
#Basic usage:
#
#<div class="notification">99</div>
#This will provide base styling for notification indicator. It can be combined with different shape and color class declaration.
#
#Example usage:
#<div class="notification circle bg-red">99</div>
# This will produce notification indicator with circular shape and brightpink background.

===================================
*/
.notification {
  position: absolute;
  top: -10px;
  right: -10px;
  min-width: 24px;
  height: 24px;
  line-height: 20px;
  color: white;
  font-size: 11px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.32) inset, 0 2px 0 0px rgba(255, 255, 255, 0.25) inset, 0 2px 0px rgba(0, 0, 0, 0.12), 0 -2px 0px rgba(0, 0, 0, 0.12) inset;
  text-align: center;
  padding: 2px;
  z-index: 20;
  box-sizing: border-box;
  background: #ec2d71;
  border-radius: 4px;
}
.notification.circle {
  border-radius: 50%;
}
.notification:hover {
  transform: scale(1.05);
}
/* Progress Component */
/*
===================================
#Basic usage:
#
#<div class="progress">
#  <div class="progress-text"></div>
#  <div class="progress-bar">
#    <div class="progress-complete" style="width: 66%;"></div>
#  </div>
#</div>
#
#The progress component consists of two parts: progress text placeholder(1) and progress bar(2), which can be used combined or separately. (1) can serve as a container to have floated elements. (2) Can not hold anything else than div.progress-complete, which visually indicates the progress completed. Progress is achieved by moving the div to the right using CSS Transform TranslateX property using math and suming up the starting value(-100) and the progress value (number) usign the formula[(-100 + number)%]. Progress can have a custom background applied. Both Transform and Background-color should be applied inline to override default styles.
#
===================================
*/
.progress .progress-bar {
  height: 6px;
  background: #dedede;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
}
.progress .progress-complete {
  height: 6px;
  background: #656C84;
  width: 100%;
  border-radius: 4px;
}
.progress .progress-text {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 11px;
  margin-bottom: 4px;
  color: #888;
}
/* define call to action button default styles */
.btn {
  background: #ffffff;
  color: #555555;
  border-color: rgba(0, 0, 0, 0.175);
  border-width: 1px;
  border-style: solid;
  width: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-transform: capitalize;
  padding: .5rem .75rem;
  margin: 0 .25rem;
  height: 2.5rem;
  min-width: 2.5rem;
  font-size: 0.875rem;
  border-radius: 4px;
  box-shadow: none;
  transition: all 0.175s cubic-bezier(0.25, 0.8, 0.25, 1);
  font-weight: 500;
  text-decoration: none;
  outline: 0;
  box-sizing: border-box;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.btn.hide {
  display: none;
}
.btn:hover {
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.0375), 0 -2px 0 0px rgba(0, 0, 0, 0.0875) inset;
  border-color: rgba(0, 0, 0, 0.25);
}
.btn.btn-xxs {
  font-size: .625rem;
  padding: .25rem .25rem;
  height: 1.5rem;
  min-width: 1.5rem;
}
.btn.btn-xs {
  font-size: .625rem;
  padding: .5rem .5rem;
  height: 2rem;
  min-width: 2rem;
}
.btn.btn-s {
  font-size: .75rem;
  padding: .5rem .5rem;
  height: 2.25rem;
  min-width: 2.25rem;
}
.btn.btn-m {
  font-size: .875rem;
  padding: .5rem .75rem;
  height: 2.5rem;
  min-width: 2.5rem;
}
.btn.btn-l {
  font-size: 1rem;
  padding: .75rem 1.5rem;
  height: 2.75rem;
  min-width: 2.75rem;
}
.btn.btn-xl {
  font-size: 1.125rem;
  padding: .875rem 1.75rem;
  height: 3rem;
  min-width: 3rem;
}
.btn.btn-clean {
  background-color: transparent;
  border-color: transparent;
  color: #7489a8;
}
.btn.btn-clean:hover {
  background-color: #ffffff;
  color: #2373df;
  border-color: rgba(0, 0, 0, 0.175);
}
.btn.btn-default {
  background-color: #f7f8fa;
  color: #7489a8;
}
.btn.btn-default:hover {
  background-color: #ffffff;
  color: #2373df;
}
.btn.btn-neutral {
  background-color: #2780f8;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.125);
}
.btn.btn-neutral:hover {
  background-color: #3d8df9;
}
.btn.btn-positive {
  background-color: #27ae60;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.125);
}
.btn.btn-positive:hover {
  background-color: #3db670;
}
.btn.btn-negative {
  background-color: #f24f40;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.125);
}
.btn.btn-negative:hover {
  background-color: #f36153;
}
.btn.btn-warning {
  background-color: #e6b41d;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.125);
}
.btn.btn-warning:hover {
  background-color: #e9bc34;
}
.btn.btn-hover-neutral:hover {
  background-color: #5299f9;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.125);
}
.btn.btn-hover-positive:hover {
  background-color: #27ae60;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.125);
}
.btn.btn-hover-negative:hover {
  background-color: #f24f40;
  color: #ffffff;
}
.btn.btn-hover-negative:hover svg {
  color: inherit;
}
.btn.btn-hover-warning:hover {
  background-color: #e6b41d;
  color: #ffffff;
}
.btn.btn-hover-disabled:hover {
  background-color: #ececec;
  color: #6c6c6c;
  cursor: default;
}
.btn.btn-disabled,
.btn.disabled,
.btn:disabled,
.btn[disabled] {
  background-color: #ececec;
  color: #6c6c6c;
  cursor: not-allowed;
  box-shadow: none;
  text-shadow: none;
}
.btn.btn-disabled:hover,
.btn.disabled:hover,
.btn:disabled:hover,
.btn[disabled]:hover {
  background-color: #dfdfdf;
  color: #6c6c6c;
  text-shadow: none;
}
.btn.btn-notext {
  font-size: 0;
  line-height: 0;
  padding: .25rem;
  margin: 0;
}
.btn.btn-notext svg {
  pointer-events: none;
}
.btn.btn-reset {
  border: none;
  margin: 0;
}
.btn.btn-reset:hover {
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0.25);
}
.btn.btn-asis {
  text-transform: none;
}
.dropdown-single {
  box-sizing: border-box;
  margin: 0 0 0 .25rem;
}
.dropdown-single > .btn {
  position: relative;
  z-index: 9;
}
.dropdown-single.is_active > .btn {
  background-color: #ffffff;
  color: #455773;
}
.dropdown-single .dropdown-list {
  margin-top: .25rem;
  z-index: 13;
}
.dropdown-single .dropdown-list:before {
  content: '';
  width: .75rem;
  height: .75rem;
  position: absolute;
  z-index: 1;
  top: -0.375rem;
  left: calc(50% - .375rem);
  background-color: white;
  transform: rotate(45deg);
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.125);
  border: 1px solid #aebacc;
  border-width: 1px 0 0 1px;
  margin-top: -1px;
}
.dropdown-single .dropdown-list.dropdown-side-right {
  left: auto;
  right: 0;
}
.dropdown-single .dropdown-list.dropdown-side-right:before {
  left: auto;
  right: 0.75rem;
}
.dropdown-single .dropdown-list.dropdown-side-right .complex_section {
  display: block;
}
.dropdown-single .dropdown-list.dropdown-side-left,
.dropdown-single .dropdown-list.flippedLeft {
  right: auto;
  left: 0;
}
.dropdown-single .dropdown-list.dropdown-side-left:before,
.dropdown-single .dropdown-list.flippedLeft:before {
  right: auto;
  left: 0.75rem;
}
.dropdown-single .dropdown-list.flippedTop:before {
  top: 100%;
  margin-top: -0.375rem;
  transform: rotate(225deg);
}
.dropdown-single .dropdown-list.right_side_arrow:before {
  transform: rotate(135deg);
  top: 50%;
  left: 100%;
  margin-left: -6px;
  margin-top: -6px;
}
.dropdown-single .dropdown-list.dropdown_compact {
  width: 150px;
}
.dropdown-single .dropdown-list .iconized {
  display: flex;
}
.dropdown-single .dropdown-list .iconized svg {
  margin-right: 0.5rem;
}
.dropdown-single .dropdown-list .toggle_subtasks:first-of-type {
  margin-left: 0;
}
.dropdown-single .dropdown-list .toggle_task_lists:first-of-type {
  margin-left: 0;
}
.dropdown-group {
  box-sizing: border-box;
  margin: 0 0 0 .25rem;
}
.dropdown-group > .btn {
  padding-left: .5rem;
  padding-right: 1.875rem;
  position: relative;
  margin: 0;
  height: 2.5rem;
}
.dropdown-group > .btn:after {
  content: '';
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%E2%80%A616%27%3E%3Cpath%20d%3D%27M8%2011.4L2.6%206%204%204.6l4%204%204-4L13.4%206z%27%20fill%3D%27%23ffffff%27%2F%3E%3C%2Fsvg%3E") no-repeat;
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: auto;
  right: 0;
  top: calc(50% - .5rem);
  margin-right: .5rem;
  transition: all 0.175s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.dropdown-group:hover > .btn {
  border-radius: .25rem .25rem 0 0;
  box-shadow: none;
  background-color: #27ae60;
}
.dropdown-group .dropdown-list {
  width: 100%;
  border-radius: 0 0 .25rem .25rem;
  border-bottom-style: solid;
  border-top-style: none;
  padding: 0;
  overflow: hidden;
  margin-top: -1px;
}
.dropdown-input {
  position: relative;
  width: 10rem;
}
.dropdown-input.narrow {
  width: 4.5rem;
}
.dropdown-input.narrow .fkit_dropdown_content {
  width: 10rem;
}
.dropdown-input .btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  letter-spacing: -0.1px;
  text-overflow: '';
  outline: 0;
  height: 2.5rem;
  font-size: 0.875rem;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 0 1rem;
  color: #555555;
  border: 1px solid rgba(0, 0, 0, 0.175);
  box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.0375) inset;
  font-weight: 400;
  line-height: 1.6;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  transition: all 0.175s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: relative;
  justify-content: flex-start;
}
.dropdown-input.is_active .btn {
  border-color: #aebacc;
  border-radius: 4px 4px 0 0;
  border-bottom: 1px solid #ffffff;
  background-color: white;
  box-shadow: none;
}
.dropdown-input:after {
  content: '';
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cpath%20d%3D%27M8%2011.4L2.6%206%204%204.6l4%204%204-4L13.4%206z%27%20fill%3D%27%23555555%27%2F%3E%3C%2Fsvg%3E") no-repeat;
  width: 1rem;
  height: 1rem;
  position: absolute;
  right: .75rem;
  top: .75rem;
  transition: all 0.175s cubic-bezier(0.25, 0.8, 0.25, 1);
  pointer-events: none;
}
.dropdown-input:hover:after,
.dropdown-input.is_active:after {
  transform: translateY(10%) rotate(180deg);
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cpath%20d%3D%27M8%2011.4L2.6%206%204%204.6l4%204%204-4L13.4%206z%27%20fill%3D%27%235c7499%27%2F%3E%3C%2Fsvg%3E");
}
.dropdown-input .btn span {
  max-width: 90%;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.dropdown-input input[type="text"]:not(.numInput.cur-year) {
  /* Exclude flatpickr date inputs */
  max-width: 40%;
  padding: .25rem;
}
.dropdown-input > .dropdown-list {
  width: 100%;
  z-index: 15;
  border-radius: 0 0 4px 4px;
  border-top: none;
  margin-top: -2px;
}
.dropdown-input > .dropdown-list li a:not(.fromto) svg {
  display: none;
}
.dropdown-input > .dropdown-list li a.active {
  background-color: #f4fbf7;
}
.dropdown-input > .dropdown-list li a.active:hover {
  background-color: #fef6f5;
}
.dropdown-input > .dropdown-list li a.active svg {
  display: block;
}
.segment-group {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 0 .25rem;
}
.segment-group > .btn {
  margin: 0;
  border-radius: 0;
  border-right-width: 0;
}
.segment-group.segment-default > .btn {
  background-color: #f7f8fa;
  color: #6c82a3;
}
.segment-group.segment-default > .btn.disabled {
  background-color: #ececec;
  color: #6c6c6c;
  pointer-events: none;
}
.segment-group.segment-default > .btn:hover {
  background-color: #ffffff;
  color: #6c82a3;
}
.segment-group > .btn:first-of-type {
  border-radius: .25rem 0 0 .25rem;
}
.segment-group > .btn:last-of-type {
  border-radius: 0 .25rem .25rem 0;
  border-right-width: 1px;
}
.segment-group > .btn.is-active {
  color: #ffffff;
  background-color: #aebacc;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.0875) inset;
  border-color: rgba(0, 0, 0, 0.175);
}
.segment-group > .btn.is-active:hover {
  cursor: initial;
  box-shadow: none;
  color: #f7f8fa;
  background-color: #9dacc2;
}
.btn-group {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 0 .25rem;
}
.btn-group > .btn {
  margin-right: 0;
}
.dropdown-list,
.dropdown-delete {
  display: none;
  position: absolute;
  top: 100%;
  margin: 0;
  left: 0;
  color: #53688a;
  background-color: #ffffff;
  border: 1px solid #aebacc;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.125);
  z-index: 10;
  width: 220px;
  box-sizing: border-box;
  border-radius: 4px;
  padding: .5rem;
  list-style-type: none;
}
.dropdown-list.wide,
.dropdown-delete.wide {
  width: 270px;
}
.dropdown-list.dropdown-delete,
.dropdown-delete.dropdown-delete {
  padding: 0;
  width: 240px;
  z-index: 999999;
}
.dropdown-list.dropdown-delete .header,
.dropdown-delete.dropdown-delete .header {
  border-bottom: 1px solid #c0d2e1;
  background-color: #ebeef2;
  padding: 0.5rem;
  font-size: 1rem;
  text-align: center;
  border-radius: 4px 4px 0 0;
  font-weight: 500;
}
.dropdown-list.dropdown-delete .confirm,
.dropdown-delete.dropdown-delete .confirm {
  border-top: 1px solid #c0d2e1;
  background-color: #ebeef2;
  padding: 0.5rem;
  text-align: center;
  border-radius: 0 0 4px 4px;
}
.dropdown-list.dropdown-delete .confirm .btn,
.dropdown-delete.dropdown-delete .confirm .btn {
  width: 40%;
}
.dropdown-list.dropdown-delete .message,
.dropdown-delete.dropdown-delete .message {
  padding: 1rem 0.5rem;
  text-align: center;
  font-size: 0.9rem;
}
.dropdown-list.dropdown-delete .message .prject_color,
.dropdown-delete.dropdown-delete .message .prject_color {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  padding: 0px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.dropdown-list.dropdown-delete:before,
.dropdown-delete.dropdown-delete:before {
  position: absolute;
  content: '';
  width: .75rem;
  height: .75rem;
  z-index: 1;
  top: -0.375rem;
  left: calc(50% - .375rem);
  background-color: #ebeef2;
  transform: rotate(45deg);
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.125);
  border: 1px solid #aebacc;
  border-width: 1px 0 0 1px;
  margin-top: -1px;
}
.dropdown-list.dropdown-delete.flippedTop:before,
.dropdown-delete.dropdown-delete.flippedTop:before {
  border-width: 0 1px 1px 0;
  top: 100%;
  margin-top: -0.35rem;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.125);
}
.dropdown-list.dropdown-delete.movedDdDelete:before,
.dropdown-delete.dropdown-delete.movedDdDelete:before {
  right: 50px;
  left: auto;
}
.dropdown-list.is_active li,
.dropdown-delete.is_active li {
  position: relative;
}
.dropdown-list.is_active li ul,
.dropdown-delete.is_active li ul {
  position: absolute;
  display: none;
  top: 0;
  left: 100%;
}
.dropdown-list.is_active li.forced ul,
.dropdown-delete.is_active li.forced ul {
  display: block;
}
.dropdown-list li > a:not(.submenu-btn),
.dropdown-delete li > a:not(.submenu-btn),
.dropdown-list .dropdown_row,
.dropdown-delete .dropdown_row {
  font-size: 0.75rem;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  font-weight: 500;
  color: #666;
  border-bottom: 1px solid #ebeef2;
  padding: .5rem;
  line-height: normal;
}
.dropdown-list li > a:not(.submenu-btn):hover .cancel_icon,
.dropdown-delete li > a:not(.submenu-btn):hover .cancel_icon,
.dropdown-list .dropdown_row:hover .cancel_icon,
.dropdown-delete .dropdown_row:hover .cancel_icon {
  opacity: 1;
}
.dropdown-list li > a:not(.submenu-btn).active,
.dropdown-delete li > a:not(.submenu-btn).active,
.dropdown-list .dropdown_row.active,
.dropdown-delete .dropdown_row.active {
  color: black;
}
.dropdown-list li > a:not(.submenu-btn).active .cancel_icon,
.dropdown-delete li > a:not(.submenu-btn).active .cancel_icon,
.dropdown-list .dropdown_row.active .cancel_icon,
.dropdown-delete .dropdown_row.active .cancel_icon {
  display: block;
}
.dropdown-list li > a:not(.submenu-btn).default .cancel_icon,
.dropdown-delete li > a:not(.submenu-btn).default .cancel_icon,
.dropdown-list .dropdown_row.default .cancel_icon,
.dropdown-delete .dropdown_row.default .cancel_icon {
  display: none;
}
.dropdown-list li > a:not(.submenu-btn).default.active,
.dropdown-delete li > a:not(.submenu-btn).default.active,
.dropdown-list .dropdown_row.default.active,
.dropdown-delete .dropdown_row.default.active {
  cursor: default;
}
.dropdown-list li > span,
.dropdown-delete li > span {
  font-size: 0.75rem;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  font-weight: 500;
  color: #666;
  border-bottom: 1px solid #ebeef2;
  padding: .5rem;
}
.dropdown-list li > span a,
.dropdown-delete li > span a {
  margin: 0 .25rem;
}
.dropdown-list li.submenu-group,
.dropdown-delete li.submenu-group {
  font-size: 0.75rem;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  font-weight: 500;
  color: #666;
  border-bottom: 1px solid #ebeef2;
  padding: .5rem;
}
.dropdown-list li.submenu-group .submenu-title,
.dropdown-delete li.submenu-group .submenu-title {
  font-weight: 700;
  font-size: 0.75rem;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-bottom: .25rem;
  color: #3e4e67;
}
.dropdown-list li.submenu-group .submenu-btn,
.dropdown-delete li.submenu-group .submenu-btn {
  padding: .125rem .25rem;
  border-radius: 4px;
  margin-left: .125rem;
  color: #53688a;
}
.dropdown-list li.submenu-group .submenu-btn:first-of-type,
.dropdown-delete li.submenu-group .submenu-btn:first-of-type {
  margin-left: 0;
}
.dropdown-list li.submenu-group .submenu-btn.is-active,
.dropdown-delete li.submenu-group .submenu-btn.is-active {
  background: #2780f8;
  color: #ffffff;
}
.dropdown-list li a:hover,
.dropdown-delete li a:hover,
.dropdown-list .dropdown_row:hover,
.dropdown-delete .dropdown_row:hover {
  background-color: #e1f1fb;
}
.dropdown-list li:last-child > a,
.dropdown-delete li:last-child > a,
.dropdown-list .dropdown_row:last-child,
.dropdown-delete .dropdown_row:last-child,
.dropdown-list li:last-child > span,
.dropdown-delete li:last-child > span {
  border-bottom: none;
}
.dropdown-list li:last-child,
.dropdown-delete li:last-child {
  border-bottom: none;
}
.link {
  color: #2780f8;
  text-decoration: none;
}
.link:hover {
  color: #0650b3;
}
.tab-group {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  height: 3rem;
  cursor: pointer;
  background: #d6dce6;
  padding: .75rem 1rem 0;
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.075);
}
.tab-group .tab {
  background: #f7f8fa;
  border-radius: 4px 4px 0 0;
  padding: .5rem 1.5rem;
  transition: all 0.175s cubic-bezier(0.25, 0.8, 0.25, 1);
  font-size: 1rem;
  font-weight: 500;
  color: #3e4e67;
  position: relative;
  z-index: 1;
  margin-top: .25rem;
  margin-right: 1px;
  min-width: 2rem;
  text-align: center;
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.075);
}
.tab-group .tab:hover {
  background: #ffffff;
}
.tab-group .tab.is-active {
  margin-top: 0;
  padding: .75rem 1.5rem;
  background: #ffffff;
  box-shadow: none;
  z-index: 2;
  overflow: hidden;
}
.tab-group .tab.is-active:before {
  content: '';
  width: 100%;
  height: 5px;
  background: #2780f8;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.tab-group .tab.add-action {
  background: #e7eaf0;
  color: #2780f8;
}
.tab-group .tab.add-action:hover {
  background: #27ae60;
  color: #ffffff;
}
.tab-group .tab.add-action a {
  color: inherit;
}
.status {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  background: #ffffff;
  border: 1px solid #e7eaf0;
  color: #5c7499;
  padding: .1rem .325rem;
  font-size: 10px;
  line-height: 1.5;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 4px;
  margin-right: .125rem;
}
.status:last-child {
  margin-right: 0;
}
.status.is-danger,
.status.priority-1 {
  border: 1px solid #c9dffd;
  color: #075bcc;
}
.status.is-danger .identifier,
.status.priority-1 .identifier {
  color: #3b8cf9;
}
.status.is-warning,
.status.priority-2 {
  border: 1px solid #f6e5b0;
  color: #a48012;
}
.status.is-danger,
.status.priority-3 {
  border: 1px solid #fcd3cf;
  color: #d7200f;
}
.status.is-danger .identifier,
.status.priority-3 .identifier {
  color: #f36153;
}
.status.is-subtle {
  border: 1px solid #ffffff;
  color: #8597b3;
}
.status .identifier {
  margin-right: 4px;
}
.status.is-public {
  background: #ffedd9;
  color: #b36000;
  border: 1px solid #ffd099;
}
/* Popover Component */
.popover,
.popover[data-popover-side="top"] {
  position: absolute;
  z-index: 10001;
  top: 0;
  right: 0;
  left: 50%;
  box-sizing: border-box;
  width: 16rem;
  min-height: 10rem;
  margin: 0 0 0 0;
  padding: 0;
  transition: all 400ms cubic-bezier(0.77, 0.06, 0.12, 0.98);
  transform: translateX(-50%) translateY(-80%) scale(0.8);
  transform-origin: 0% 0%;
  pointer-events: none;
  opacity: 0;
  border: 1px solid #dedede;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.025), 0 8px 24px rgba(0, 0, 0, 0.12);
}
.popover.is-active {
  top: 0;
  transform: translateX(-50%) translateY(-100%) scale(1);
  pointer-events: auto;
  opacity: 1;
}
.popover:before {
  content: '';
  width: 12px;
  height: 12px;
  position: absolute;
  z-index: 1;
  top: -6px;
  left: calc(50% - 5px);
  background: white;
  transform: rotate(45deg);
  border-radius: 3px;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.125);
}
/* extending popover to adopt multiple positioning */
.popover[data-popover-side="bottom"].is-active {
  transform: translateX(-50%) translateY(0%) scale(1);
  top: 100%;
  left: 50%;
}
.popover[data-popover-side="left"] {
  top: 50%;
  right: auto;
  left: calc(0% - 16rem);
  transform: scale(1) translateY(-50%);
}
.popover[data-popover-side="right"] {
  top: 50%;
  right: 0;
  left: 100%;
  transform: scale(1) translateY(-50%);
}
/* additional declarations for pointer arrow */
.popover[data-popover-side="bottom"]:before {
  top: -6px;
  box-shadow: -1px -1px 0 rgba(0, 0, 0, 0.125);
}
.popover[data-popover-side="top"]:before {
  top: auto;
  bottom: -6px;
}
.popover[data-popover-side="right"]:before {
  left: -6px;
  right: auto;
  top: calc(50% - 5px);
  border-bottom-color: transparent;
  border-right-color: white;
  box-shadow: -1px 1px 0 rgba(0, 0, 0, 0.125);
}
.popover[data-popover-side="left"]:before {
  left: auto;
  right: -6px;
  top: calc(50% - 5px);
  border-bottom-color: transparent;
  border-left-color: white;
  box-shadow: 1px -1px 0 rgba(0, 0, 0, 0.125);
}
/* Toggle component  */
.switch-control {
  width: 2.25rem;
  height: 1.125rem;
  border-radius: 4rem;
  transition: all 400ms cubic-bezier(0.77, 0.06, 0.12, 0.98);
  transition-property: background-color;
  position: relative;
  background-color: #8597b3;
  cursor: pointer;
}
.switch-control.is-active {
  background-color: #27ae60;
}
.switch-control:after {
  content: '';
  border-radius: 4rem;
  background-color: #ffffff;
  position: absolute;
  transition: all 400ms cubic-bezier(0.77, 0.06, 0.12, 0.98);
  transition-property: left, right;
  transition-delay: 0s, 0.06s;
  will-change: left, right;
  left: 0.125rem;
  right: 1.25rem;
  display: block;
  top: 0.125rem;
  bottom: 0.125rem;
}
.switch-control.is-active:after {
  transition-delay: 0.06s, 0s;
  left: 1.25rem;
  right: 0.125rem;
}
.switch {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.875rem;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}
.switch input {
  opacity: 0;
  position: absolute;
  margin: 0;
  padding: 0;
  z-index: -1;
}
.switch input + span {
  width: 2.25rem;
  height: 1.125rem;
  border-radius: 4rem;
  transition: all 400ms cubic-bezier(0.77, 0.06, 0.12, 0.98);
  transition-property: background-color;
  position: relative;
  background-color: #8597b3;
  cursor: pointer;
  margin: 0 .5rem;
}
.switch input + span:after {
  content: '';
  border-radius: 4rem;
  background-color: #ffffff;
  position: absolute;
  transition: all 400ms cubic-bezier(0.77, 0.06, 0.12, 0.98);
  transition-property: left, right;
  transition-delay: 0s, .06s;
  will-change: left, right;
  left: 0.125rem;
  right: 1.25rem;
  display: block;
  top: 0.125rem;
  bottom: 0.125rem;
}
.switch input:checked + span {
  background: #27ae60;
}
.switch input:checked + span:after {
  transition-delay: .06s, 0s;
  left: 1.25rem;
  right: 0.125rem;
}
.switch input:disabled + span {
  opacity: 0.6;
  cursor: default;
  background: #ececec;
}
@keyframes rotate {
  from {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.fkit_loading {
  color: #141823;
  padding: 3rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.content.body_width {
  position: relative;
}
/*#content.pre_load {
    z-index: 10; position: relative; background-color:#fff;
}*/
[class~='spinner'],
[class|='spinner'] {
  display: inline-block;
  border-radius: 100%;
  border-width: 5px;
  border-style: solid;
  animation: rotate 400ms linear infinite;
  border-left-color: #5c7499;
  border-right-color: #dee3eb;
  border-top-color: #dee3eb;
  border-bottom-color: #dee3eb;
  width: 1rem;
  height: 1rem;
  border-width: 0.125rem;
}
[class~='spinner'][class*='-s'],
[class|='spinner'][class*='-s'] {
  width: 0.75rem;
  height: 0.75rem;
  border-width: 0.09375rem;
}
[class~='spinner'][class*='-l'],
[class|='spinner'][class*='-l'] {
  width: 2rem;
  height: 2rem;
  border-width: 0.25rem;
}
[class~='spinner'][class*='-xl'],
[class|='spinner'][class*='-xl'] {
  width: 2.5rem;
  height: 2.5rem;
  border-width: 0.3125rem;
}
[class~='spinner'][class*='-inverted'],
[class|='spinner'][class*='-inverted'] {
  border-left-color: #ffffff;
  border-right-color: #ffffff;
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  border-right-color: rgba(255, 255, 255, 0.5);
  border-top-color: rgba(255, 255, 255, 0.5);
  border-bottom-color: rgba(255, 255, 255, 0.5);
}
.gb-spinner-slate {
  min-height: 40px;
  display: block;
  position: relative;
}
/*

*/
.skeleton-screen {
  height: 360px;
  position: relative;
  min-width: 24rem;
}
.skeleton-screen .skeleton-item {
  opacity: 0;
  width: 24rem;
  height: 106px;
  /* change height to see repeat-y behavior */
  position: absolute;
  z-index: 10;
  background: none;
  background-image: radial-gradient(circle 1rem at 1rem 1rem, #d3d3d3 99%, transparent 0), linear-gradient(110deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%), linear-gradient(#d3d3d3 0.5rem, transparent 0), linear-gradient(#d3d3d3 0.5rem, transparent 0), linear-gradient(#d3d3d3 0.5rem, transparent 0), linear-gradient(#d3d3d3 0.5rem, transparent 0);
  background-repeat: repeat-y;
  background-size: 2rem 8rem, /* circle */ 5rem 8rem, /* highlight */ 20rem 8rem, 20rem 8rem, 20rem 8rem, 15rem 8rem;
  background-position: 0 0, /* circle */ 0 0, /* highlight */ 4rem 0, 4rem 1rem, 4rem 2rem, 4rem 3rem;
}
.skeleton-screen .skeleton-item.animated {
  animation: shine 2s infinite;
  opacity: 1;
}
.skeleton-screen .skeleton-item.animated.item-3 {
  animation: shineBlink 2s infinite;
}
.skeleton-screen .skeleton-item.animate-in {
  animation: fadeInDown 0.3s linear;
}
.skeleton-screen .item-1 {
  top: 0;
  left: 0;
}
.skeleton-screen .item-2 {
  top: 116px;
  left: 0;
}
.skeleton-screen .item-3 {
  top: 232px;
  left: 0;
}
@keyframes shine {
  to {
    background-position: 0 0, 100% 0, /* move highlight to right */ 4rem 0, 4rem 1rem, 4rem 2rem, 4rem 3rem;
  }
}
@keyframes shineBlink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  to {
    background-position: 0 0, 100% 0, /* move highlight to right */ 4rem 0, 4rem 1rem, 4rem 2rem, 4rem 3rem;
    opacity: 1;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
  }
  50% {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.pace {
  display: none;
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
@keyframes loadingBar {
  0% {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  1% {
    -webkit-transform: translate3d(-90%, 0, 0);
    transform: translate3d(-90%, 0, 0);
  }
  10% {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
  }
  50% {
    -webkit-transform: translate3d("-18.302090553560813%", 0, 0);
    transform: translate3d("-3.234052679141153%", 0, 0);
  }
  70% {
    -webkit-transform: translate3d("-3.764101876848802%", 0, 0);
    transform: translate3d("-4.373074259216685%", 0, 0);
  }
  90% {
    -webkit-transform: translate3d("-2.5330530670135145%", 0, 0);
    transform: translate3d("-11.747278871113728%", 0, 0);
  }
  97% {
    -webkit-transform: translate3d(-1%, 0, 0);
    transform: translate3d(-1%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-0.4%, 0, 0);
    transform: translate3d(-0.4%, 0, 0);
  }
}
.pace.pace-active {
  display: block;
}
.pace.pace-active .pace-progress {
  background: #29d;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  z-index: 99999999;
  animation-duration: 60s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-name: loadingBar;
  animation-timing-function: ease-in-out;
}
.fkit_dropdown {
  position: relative;
  box-sizing: border-box;
}
.fkit_dropdown .fkit_dropdown_activate {
  cursor: pointer;
}
.fkit_dropdown.is_active {
  z-index: 999;
}
.fkit_dropdown.is_active .fkit_dropdown_content {
  display: block;
  z-index: -1;
}
.fkit_dropdown .fkit_dropdown_content {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
.fkit_dropdown .dd_group_containter.is_active > a {
  background-color: #fef6f5;
}
.fkit_dropdown .filter_options_dropdown {
  z-index: 10 !important;
}
.fkit_dropdown .dd_suboptions {
  display: none;
  top: 0;
  left: 100%;
}
.fkit_dropdown .dd_suboptions .flatpickr-wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.fkit_dropdown .dd_option.fromto {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.fkit_dropdown .dd_option.fromto input.fkit_date {
  padding: 2px 2px;
  width: 100%;
  max-width: 100% !important;
}
.fkit_dropdown .dd_option.fromto .cancel_icon {
  width: 34px;
  height: 34px;
  margin-left: 0.65rem;
}
.flatpickr-month .numInputWrapper input.numInput {
  background: transparent;
  box-sizing: border-box;
  color: inherit;
  cursor: default;
  padding: 0 0 0 .5ch;
  margin: 0;
  display: inline;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: initial;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
}
.flatpickr-wrapper {
  width: 100%;
}
.flatpickr-calendar.static {
  margin-bottom: 100px;
  right: 0;
}
.collapse-block {
  margin: 0;
  padding: .25rem 0 0;
}
.collapse-block .collapse-header {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.collapse-block .collapse-header .collapse-toggle {
  background: #f7f8fa;
  color: #5c7499;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.625rem;
  z-index: 2;
  -ms-flex: none;
  flex: none;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.175s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.collapse-block .collapse-header .collapse-toggle svg {
  transform: rotate(180deg);
  transition: all 0.175s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.collapse-block .collapse-header .collapse-title {
  font-size: 1.125rem;
  font-weight: 700;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #3e4e67;
  padding: .5rem;
  background: #ffffff;
  position: relative;
  z-index: 3;
}
.collapse-block .collapse-header .collapse-help {
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  color: #ffffff;
  background: #ec2d71;
  display: inline;
  border-radius: 50%;
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
  margin: 0 0 0 .5rem;
  padding: .125rem;
}
.collapse-block .collapse-header:before {
  content: '';
  width: calc(100% - 2rem);
  height: 2px;
  background: #e7eaf0;
  position: absolute;
  top: 50%;
  z-index: 1;
}
.collapse-block .collapse-header:hover:before {
  background: #2780f8;
}
.collapse-block.is-active .collapse-toggle {
  background: #e7eaf0;
  color: #3e4e67;
}
.collapse-block.is-active .collapse-toggle svg {
  transform: rotate(90deg);
}
html {
  /* Adjust font size */
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  /* Font varient */
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  /* Smoothing */
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}
body {
  font-family: 'Roboto', 'Segoe UI', 'Helvetica Neue', Helvetica, sans-serif;
  line-height: 1.6;
}
.upload_div {
  position: relative;
  margin-bottom: 25px !important;
}
.add_avatar {
  color: #2780f8;
  display: inline-block;
  position: absolute;
  top: 100%;
  width: 200px;
  text-align: center;
  left: 50%;
  margin-left: -100px;
  margin-top: 10px;
}
.add_project_button {
  margin-top: 8px;
  margin-bottom: 20px;
}
.add_project_button a {
  font-size: 14px;
  text-decoration: none;
  opacity: 0.7;
}
.add_project_button a:hover {
  opacity: 1;
}
.project_description {
  display: none !important;
}
.onboarding_groups {
  position: absolute;
  left: 50%;
  top: 50px;
  height: 729px;
}
.wizard_right_col {
  padding-bottom: 790px;
}
.wizard_right_col_v1 {
  padding-bottom: 800px;
}
.hide {
  display: none;
}
.clear {
  clear: both;
}
input.st,
textarea.st {
  border: 1px solid #ddd;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #fff;
  padding: 12px;
}
input.st:focus,
textarea.st:focus {
  outline: 0;
  border-color: #39a1e7;
}
label.custom-select {
  position: relative;
  display: inline-block;
}
.custom-select select {
  display: inline-block;
  border: 1px solid #ddd;
  padding: 11px 5px 11px 12px;
  margin: 0;
  font: inherit;
  outline: none;
  /* remove focus ring from Webkit */
  line-height: 1.2;
  background: #fff;
  -webkit-appearance: none;
  /* remove the strong OSX influence from Webkit */
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/* for Webkit's CSS-only solution */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .custom-select select {
    padding-right: 30px;
  }
}
/* Since we removed the default focus styles, we have to add our own */
.custom-select select:focus {
  box-shadow: 0 0 0 1px #39a1e7;
}
/* Select arrow styling */
.custom-select:after {
  content: "▼";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 60%;
  line-height: 38px;
  padding: 0 10px;
  background: #fff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  color: #ccc;
  pointer-events: none;
  border-radius: 0 3px 3px 0;
}
.no-pointer-events .custom-select:after {
  content: none;
}
/*
	-- Start Reset --
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  margin: 0;
  padding: 0;
}
body {
  line-height: 1;
}
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
  display: block;
}
nav ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
}
a {
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  margin: 0;
  padding: 0;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: 700;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
body {
  background-color: #f7f8fa;
  color: #232323;
  font-family: Helvetica Neue, 'Helvetica Neue', Segoe UI, Helvetica, sans-serif;
  font-size: 13px;
  padding-bottom: 40px;
}
#alert_container .close_alert {
  float: right;
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
  opacity: 0.8;
  font-size: 16px;
  margin-top: -7px;
}
#alert_container .close_alert:hover {
  opacity: 1;
}
h1#logo,
.domain_logo {
  width: 176px;
  height: 2rem;
  margin: 60px auto 30px;
}
.domain_logo {
  background: inherit;
  display: block;
  max-width: 300px;
  width: auto;
  height: auto;
}
h1#logo span {
  text-indent: -9999px;
  display: none;
}
h1#logo .logo_wrap {
  width: 176px;
  height: 2rem;
  color: #4e6382;
  margin: 0 auto;
}
h2.title {
  font-weight: 200;
  font-size: 24px;
  text-align: center;
  margin-bottom: 25px;
  color: #232323;
}
.oauthAppName {
  font-weight: 600;
  font-size: 24px;
  text-align: center;
  margin-bottom: 25px;
  color: #232323;
}
.appDiscl {
  line-height: 24px;
  width: 55%;
  margin: 0 auto;
}
.appDiscl div {
  float: left;
}
.appDiscl .checkmark {
  width: 24px;
  height: 24px;
  padding-left: 10px;
  background: url(../../images/wizard/Checkmark.png) no-repeat left center;
  background-size: contain;
}
.errors {
  margin-bottom: 15px;
  line-height: 1.4em;
}
.errors p {
  margin-bottom: 7px;
  border: 1px solid #ddd;
  background-color: #eaeaea;
  padding: 10px;
  color: #666;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.form:not(.fkit_scroll) {
  border: 1px solid #ddd;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #fff;
  width: 600px;
  margin: 0 auto;
  padding: 30px;
}
.form:not(.fkit_scroll).no_border {
  border: none;
  background-color: inherit;
  width: 660px;
  padding-top: 10px;
}
.form:not(.fkit_scroll).account_settings {
  padding: 30px 0;
}
.form:not(.fkit_scroll).account_settings .submitBtn {
  font-weight: 700;
}
.form:not(.fkit_scroll).projects_list {
  text-align: center;
}
.form.login,
.form.register,
.form.password {
  width: 360px;
  text-align: center;
}
.form.login input.st,
.form.register input.st,
.form.password input.st {
  width: 365px;
  margin-bottom: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.form.login #email.front_error,
.form.register #email.front_error,
.form.password #email.front_error {
  border: 1px solid red;
}
.form.login #agree_terms.front_error,
.form.register #agree_terms.front_error,
.form.password #agree_terms.front_error {
  border: none !important;
  outline: 1px solid red;
}
.form.register.step_b {
  width: 480px;
  position: relative;
}
.form.register.step_b #signup_loader {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
  margin: 0;
  height: 100%;
  z-index: 99;
}
.form.register.step_b #signup_loader img.loader_img {
  top: 50%;
  position: absolute;
}
.form.register.step_b .register_form {
  width: 380px;
}
.form.register.step_b .oauth_signup {
  position: absolute;
  right: -100px;
  width: 50px;
}
.form.register.step_b .oauth_signup .or-signup-social {
  position: absolute;
  left: -38px;
  top: 30%;
  font-size: 1.2rem;
  color: #88909a;
}
.form.register.step_b .oauth_signup li {
  margin-bottom: 0.5rem;
}
.form.register.step_b fieldset {
  width: 360px;
}
.form.register.step_b .timezone_selected {
  margin-bottom: 0.8rem;
}
.form.password {
  width: 600px;
  margin-bottom: 20px;
}
.form.password.consent {
  font-size: 15px;
}
.form.password.consent .appPerm {
  width: 80%;
  text-align: left;
  margin: 0 auto;
  line-height: 20px;
}
.form.password.consent ul {
  padding-top: 10px;
  list-style-position: inside;
}
.form.password.consent .privPolicy {
  float: left;
  padding-top: 15px;
  padding-left: 60px;
  padding-right: 120px;
}
.form.password .instruction {
  font-size: 16px;
  margin-bottom: 25px;
}
.form.password .text.st {
  width: 500px;
}
.form.password .footer {
  text-align: center;
}
.form.password .submitBtn {
  margin: 0;
}
.form.password .submitBtn.submit_new_passw {
  margin-right: 0;
}
.form.password .login_link {
  margin-left: 20px;
}
.form.password .errors {
  width: 500px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 18px;
}
.form.password .errors p {
  color: red;
}
.form.password .errors .login_link {
  padding-top: 20px;
  display: inline-block;
}
.form.login .or_div {
  position: relative;
  padding-bottom: 10px;
  z-index: 0;
}
.form.login .or_div .text {
  background-color: #fff;
  display: inline-block;
  padding: 0 0.5rem;
  font-size: 0.8rem;
}
.form.login .or_div .line {
  height: 1px;
  border-bottom: 1px solid #ccc;
  position: absolute;
  top: 0.4rem;
  z-index: -1;
  width: 100%;
}
.social-login ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.social-login ul li {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  margin-right: 1px;
}
.social-login ul li a {
  display: block;
  cursor: pointer;
  width: 40px;
  height: 40px;
  background: url(../images/social-login.png) no-repeat top left;
}
.social-login ul li.facebook a {
  background-position: 0 0;
}
.social-login ul li.facebook a:hover {
  background-position: 0 -40px;
}
.social-login ul li.twitter a {
  background-position: -40px 0;
}
.social-login ul li.twitter a:hover {
  background-position: -40px -40px;
}
.social-login ul li.google a {
  background-position: -120px 0;
}
.social-login ul li.google a:hover {
  background-position: -120px -40px;
}
.social-login ul li.linkedin a {
  background-position: -80px 0;
}
.social-login ul li.linkedin a:hover {
  background-position: -80px -40px;
}
.social-login ul li.apple a {
  background: url(../images/social-login-apple.svg) no-repeat center center;
  border-radius: 3px;
}
.bad_key_footer {
  font-size: 16px;
  text-align: center;
}
.description {
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  color: #6f6f6f;
}
table tr td {
  padding: 0 10px 10px 0;
}
.account_settings {
  text-align: center;
}
.account_settings h3 {
  margin-bottom: 30px;
}
.account_settings .footer {
  text-align: center;
}
h3 {
  font-weight: 300;
  font-size: 18px;
  margin-bottom: 10px;
}
.validation_errors {
  padding-top: 20px;
  line-height: 1.5em;
  color: red;
}
.register.signup .error_group .field_message {
  padding-bottom: 1rem;
  color: #f00;
}
.footer_wizard {
  text-align: center;
  margin-top: 0.25rem;
}
.footer {
  *zoom: 1;
  padding-top: 20px;
  text-align: right;
}
.footer:before,
.footer:after {
  display: table;
  content: "";
  line-height: 0;
}
.footer:after {
  clear: both;
}
.footer:before,
.footer:after {
  content: " ";
  display: table;
}
.footer:after {
  clear: both;
}
.footer .marketplace_apps {
  margin-top: 5px;
  border: 1px solid #ddd;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  background-color: #f9f9f9;
  color: #3a4352;
  display: inline-block;
  padding: 10px 15px 10px 41px;
  background: url(../../images/wizard/Marketplace.png) no-repeat 15px center;
  float: left;
}
.footer button {
  background: #ffffff;
  color: #555555;
  border-color: rgba(0, 0, 0, 0.175);
  border-width: 1px;
  border-style: solid;
  width: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-transform: capitalize;
  padding: .5rem .75rem;
  margin: 0 .25rem;
  height: 2.5rem;
  min-width: 2.5rem;
  font-size: 0.875rem;
  border-radius: 4px;
  box-shadow: none;
  transition: all 0.175s cubic-bezier(0.25, 0.8, 0.25, 1);
  font-weight: 500;
  text-decoration: none;
  outline: 0;
  box-sizing: border-box;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1rem;
  padding: .75rem 1.5rem;
  height: 2.75rem;
  min-width: 2.75rem;
  background-color: #2780f8;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.125);
}
.footer button.hide {
  display: none;
}
.footer button:hover {
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.0375), 0 -2px 0 0px rgba(0, 0, 0, 0.0875) inset;
  border-color: rgba(0, 0, 0, 0.25);
}
.footer button.btn-xxs {
  font-size: .625rem;
  padding: .25rem .25rem;
  height: 1.5rem;
  min-width: 1.5rem;
}
.footer button.btn-xs {
  font-size: .625rem;
  padding: .5rem .5rem;
  height: 2rem;
  min-width: 2rem;
}
.footer button.btn-s {
  font-size: .75rem;
  padding: .5rem .5rem;
  height: 2.25rem;
  min-width: 2.25rem;
}
.footer button.btn-m {
  font-size: .875rem;
  padding: .5rem .75rem;
  height: 2.5rem;
  min-width: 2.5rem;
}
.footer button.btn-l {
  font-size: 1rem;
  padding: .75rem 1.5rem;
  height: 2.75rem;
  min-width: 2.75rem;
}
.footer button.btn-xl {
  font-size: 1.125rem;
  padding: .875rem 1.75rem;
  height: 3rem;
  min-width: 3rem;
}
.footer button.btn-clean {
  background-color: transparent;
  border-color: transparent;
  color: #7489a8;
}
.footer button.btn-clean:hover {
  background-color: #ffffff;
  color: #2373df;
  border-color: rgba(0, 0, 0, 0.175);
}
.footer button.btn-default {
  background-color: #f7f8fa;
  color: #7489a8;
}
.footer button.btn-default:hover {
  background-color: #ffffff;
  color: #2373df;
}
.footer button.btn-neutral {
  background-color: #2780f8;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.125);
}
.footer button.btn-neutral:hover {
  background-color: #3d8df9;
}
.footer button.btn-positive {
  background-color: #27ae60;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.125);
}
.footer button.btn-positive:hover {
  background-color: #3db670;
}
.footer button.btn-negative {
  background-color: #f24f40;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.125);
}
.footer button.btn-negative:hover {
  background-color: #f36153;
}
.footer button.btn-warning {
  background-color: #e6b41d;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.125);
}
.footer button.btn-warning:hover {
  background-color: #e9bc34;
}
.footer button.btn-hover-neutral:hover {
  background-color: #5299f9;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.125);
}
.footer button.btn-hover-positive:hover {
  background-color: #27ae60;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.125);
}
.footer button.btn-hover-negative:hover {
  background-color: #f24f40;
  color: #ffffff;
}
.footer button.btn-hover-negative:hover svg {
  color: inherit;
}
.footer button.btn-hover-warning:hover {
  background-color: #e6b41d;
  color: #ffffff;
}
.footer button.btn-hover-disabled:hover {
  background-color: #ececec;
  color: #6c6c6c;
  cursor: default;
}
.footer button.btn-disabled,
.footer button.disabled,
.footer button:disabled,
.footer button[disabled] {
  background-color: #ececec;
  color: #6c6c6c;
  cursor: not-allowed;
  box-shadow: none;
  text-shadow: none;
}
.footer button.btn-disabled:hover,
.footer button.disabled:hover,
.footer button:disabled:hover,
.footer button[disabled]:hover {
  background-color: #dfdfdf;
  color: #6c6c6c;
  text-shadow: none;
}
.footer button.btn-notext {
  font-size: 0;
  line-height: 0;
  padding: .25rem;
  margin: 0;
}
.footer button.btn-notext svg {
  pointer-events: none;
}
.footer button.btn-reset {
  border: none;
  margin: 0;
}
.footer button.btn-reset:hover {
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0.25);
}
.footer button.btn-asis {
  text-transform: none;
}
.footer button:hover {
  background-color: #3d8df9;
}
.footer.consent button.neutralBtn {
  background-color: #f7f8fa;
  color: #232323;
}
.account_step button {
  margin-top: 10px;
}
.upload_div {
  position: relative;
  width: 125px;
  margin: 0 auto 50px auto;
  border: 1px solid #DEDEDE;
  border-radius: 3px;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, .039);
  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, .039);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, .039);
}
.upload_div .avatar_container {
  height: 100px;
}
.upload_div .avatar_container img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  border-radius: 3px 3px 0px 0px;
  border-radius: 50%;
}
.upload_div .load_popup {
  opacity: 0.9;
}
.upload_div .load_popup:hover,
.upload_div .load_popup.hover {
  opacity: 1;
}
.upload_div .load_popup:hover .webcam_img,
.upload_div .load_popup.hover .webcam_img,
.upload_div .load_popup:hover .upload_img,
.upload_div .load_popup.hover .upload_img {
  background-position: center bottom;
}
.upload_div .avatar_button {
  display: inline-block;
  width: 62px;
  height: 40px;
  line-height: 38px;
}
.upload_div .avatar_button.cam {
  border-right: 1px solid #DEDEDE;
}
.upload_div .webcam_img,
.upload_div .upload_img {
  display: inline-block;
  width: 18px;
  height: 16px;
  vertical-align: middle;
}
.upload_div .webcam_img {
  background: url(../../images/wizard/webcam_btn.png) no-repeat center top;
}
.upload_div .upload_img {
  background: url(../../images/wizard/upload_btn.png) no-repeat center top;
}
.upload_div .upload_arrow_img {
  position: absolute;
  left: 145px;
  top: 110px;
}
.upload_div .webcam_arrow_img {
  position: absolute;
  left: -100px;
  top: 75px;
}
/* copied from stylesheet.less */
#image_upload_popup h1 {
  font-size: 20px;
  font-weight: 600;
  padding: 10px 30px 5px;
  margin-bottom: 15px;
}
#image_upload_popup .fc_upload_button {
  text-decoration: none;
  color: #2178C3;
  cursor: pointer;
}
#image_upload_popup .image_target {
  max-height: 400px;
  overflow-y: scroll;
}
#image_upload_popup .webcam_perms_warn {
  text-align: center;
  font-size: 20px;
  color: red;
  line-height: 1.5em;
}
#image_upload_popup .video_div {
  width: 100%;
  max-width: 100%;
}
#image_upload_popup .video_div .video {
  width: 90%;
}
#image_upload_popup .video_div .make_snap {
  margin-top: 10px;
}
#image_upload_popup .another_snap {
  margin-top: 10px;
}
#image_upload_popup .use_webcam {
  margin-left: 5px;
  cursor: pointer;
}
#image_upload_popup .footer {
  padding: 15px 32px 25px;
  background-color: transparent;
}
#image_upload_popup .make_snap,
#image_upload_popup .another_snap {
  background: #eaeaea;
  background: -moz-linear-gradient(top, #efefef, #d8d8d8) #d8d8d8;
  background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#d8d8d8)) #d8d8d8;
  background: linear-gradient(top, #efefef, #d8d8d8) #d8d8d8;
  border: 1px solid #ababab;
  border-radius: 3px;
  color: #666666;
  font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  outline: none;
  padding: 5px 10px;
  text-align: center;
  cursor: pointer;
}
/*  end of copied from stylesheet.less */
/* register step - copied from main.less */
#registration {
  position: relative;
}
#registration .name {
  *zoom: 1;
}
#registration .name:before,
#registration .name:after {
  display: table;
  content: "";
  line-height: 0;
}
#registration .name:after {
  clear: both;
}
#registration .name:before,
#registration .name:after {
  content: " ";
  display: table;
}
#registration .name:after {
  clear: both;
}
#registration #signup_loader {
  position: absolute;
  top: 95px;
  left: 47%;
  z-index: 1000;
}
#registration #username {
  background-position: 95% 12px;
  background-repeat: no-repeat;
}
#registration #username.taken {
  background-image: url(../../frontpage/v2/images/taken.png);
}
#registration #username.free {
  background-image: url(../../frontpage/v2/images/free.png);
}
#registration .oauth_signup {
  text-align: center;
  margin-bottom: 10px;
  display: block;
}
#registration .oauth_signup span,
#registration .oauth_signup img {
  vertical-align: middle;
  display: inline-block;
  margin-top: 5px;
  line-height: 20px;
}
#registration .or-signup-social {
  margin-right: 10px;
  display: inline-block;
  margin-bottom: 10px;
}
#registration .terms_div {
  margin-top: 10px;
  line-height: 1.6em;
}
/* error bubble - copied from main.less */
.bubble_block {
  position: relative;
}
.bubble_block .error_bubble {
  box-sizing: border-box;
  height: 38px;
  line-height: 38px;
  background-color: #D1D9EF;
  position: absolute;
  top: 2px;
  right: 105%;
  text-align: center;
  vertical-align: middle;
  border-radius: 4px;
  color: #203166;
  white-space: nowrap;
  padding: 0 20px;
}
.bubble_block .error_bubble:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #D1D9EF;
  top: 15px;
  left: 100%;
}
.submitBtn:disabled {
  opacity: 0.8;
  cursor: default;
  color: white;
}
/* copied from stylesheet.less */
.highlighted {
  -webkit-animation-duration: 1.6s;
  -moz-animation-duration: 1.6s;
  -o-animation-duration: 1.6s;
  animation-duration: 1.6s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: highlight;
  -moz-animation-name: highlight;
  -o-animation-name: highlight;
  animation-name: highlight;
}
@-webkit-keyframes highlight {
  0% {
    background-color: #fff;
  }
  50% {
    background-color: #f3f0aa;
  }
  100% {
    background-color: #fff;
  }
}
@-moz-keyframes highlight {
  0% {
    background-color: #fff;
  }
  50% {
    background-color: #f3f0aa;
  }
  100% {
    background-color: #fff;
  }
}
@-o-keyframes highlight {
  0% {
    background-color: #fff;
  }
  50% {
    background-color: #f3f0aa;
  }
  100% {
    background-color: #fff;
  }
}
@keyframes highlight {
  0% {
    background-color: #fff;
  }
  50% {
    background-color: #f3f0aa;
  }
  100% {
    background-color: #fff;
  }
}
/* FILES UPLOADING */
/* WARN - copied from stylesheet.less */
.fc_upload_list {
  margin-top: 10px;
}
.upload_fixed_width .fc_upload_list {
  width: 655px;
}
.fc_upload_block {
  color: #2178C3;
  font-size: 13px;
}
.fc_upload_block .buttons {
  float: left;
}
.comment-upload-files .fc_upload_block .buttons {
  float: right;
}
.fc_upload_block .fc_upload_button {
  font-weight: 800;
  cursor: pointer;
}
.fc_upload_block .fc_upload_or {
  color: #C6C6C6;
  margin-left: 5px;
  margin-right: 3px;
  font-weight: 400;
}
.fc_upload_block .fc_upload_drop {
  border: 1px dotted grey;
  display: inline;
  padding: 5px;
}
.fc_upload_block .fc_upload_drop.dragenter {
  border-style: solid;
  background-color: #d9f0ff;
}
.add_new_version .fc_upload_block {
  float: left;
  margin-top: 3px;
}
.fc_upload_item {
  padding: 15px 15px;
  position: relative;
  border: 1px solid #e0e0e0;
  border-top-style: none;
}
.fc_upload_item.template {
  display: none;
}
.fc_upload_item:first-child {
  border-top-style: solid;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
}
.fc_upload_item:last-child {
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
}
.fc_upload_item .filename,
.fc_upload_item .filesize {
  display: inline-block;
  cursor: default;
  font-weight: 500;
  font-size: 13px;
  color: black;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fc_upload_item .filesize {
  margin-left: 10px;
}
.fc_upload_item .file_upload_cancel {
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #e0e0e0;
  padding: 16px 14px 15px;
}
.fc_upload_item .file_upload_cancel:hover {
  background: #fafafa;
}
.fc_upload_item .insert_image_block {
  position: absolute;
  right: 45px;
  top: 0;
}
.fc_upload_item .insert-text {
  float: left;
  padding: 16px 7px;
  color: #444;
}
.fc_upload_item .insert_image_link {
  display: block;
  float: left;
  padding: 17px 9px 13px;
  border-left: 1px solid #e0e0e0;
  text-transform: capitalize;
}
.fc_upload_item .insert_image_link:hover {
  background-color: #fafafa;
}
.fc_upload_item .fc_progress {
  background-color: #eaeaea;
  width: 20%;
  max-width: 120px;
  min-width: 50px;
  border-radius: 5px;
  position: absolute;
  z-index: 20;
  right: 60px;
  top: 19px;
}
.fc_upload_item .fc_progress_bar {
  background-color: #7cc576;
  height: 10px;
  width: 0;
  border-radius: 5px;
}
.short_block .fc_upload_item {
  width: 306px;
  /* fixing case w/o google drive */
  padding-left: 10px;
}
.short_block .fc_upload_item .fc_progress {
  right: 50px;
}
.short_block .fc_upload_item .filename {
  max-width: 130px;
}
/* END OF FILES UPLOADING */
/* TERMS & CONDITIONS  - copied from stylesheet.less*/
.terms_and_conditions {
  display: none;
  width: 600px;
  height: 160px;
  overflow: auto;
  position: fixed;
  z-index: 9999;
  top: 50px;
  margin-left: -350px;
  left: 50%;
  background-color: #f0f0f0;
  text-shadow: #ffffff 0px 1px 0px;
  border: 20px solid #ffffff;
  color: #666666;
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 14px;
  padding: 50px;
  box-shadow: rgba(0, 0, 0, 0.219608) 0px 1px 76px 4px;
  line-height: 20px;
  text-align: justify;
}
/* END TERMS & CONDITIONS */
/* COPIED FROM STYLESHEET.LESS */
.flash_message {
  position: fixed;
  z-index: 99999999;
  left: 50%;
  top: 0px;
  width: 600px;
  margin-left: -310px;
  padding: 10px;
  text-align: center;
  background-color: #fff;
  color: #666;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.38);
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  font-size: 16px;
}
.flash_message > p {
  margin: 0px !important;
  padding: 0px;
  line-height: 1em !important;
}
.flash_message a {
  text-decoration: underline;
}
.flash_message.warn {
  background-color: #ffffcc;
}
.flash_message .restore_session_form {
  background-color: lightyellow;
  padding: 15px;
  border: 1px solid black;
}
/* END OF COPIED */
/* Warning page before account delete page */
.projects_list_div {
  width: 50%;
  margin: 0 auto;
}
/* partly copied from stylesheet.less*/
.fc-project-list {
  text-align: left;
  background-color: #fff;
  margin-bottom: 15px;
}
.fc-project-list ul {
  list-style: none;
}
.fc-project-list .fc_group {
  background: none;
}
.fc-project-list .fc_group_name {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #232323;
}
.fc-project-list ul.fc-projects {
  padding: 0 15px 10px;
  margin: 0;
}
.fc-project-list ul.fc-projects li {
  margin: 0 -15px;
  padding: 3px 0;
}
.fc-project-list ul.fc-projects .fc_project_link {
  text-decoration: none;
  position: relative;
  display: block;
  padding-left: 45px;
  padding-right: 15px;
}
.fc-project-list ul.fc-projects .fc_project_link .color {
  position: absolute;
  left: 15px;
  z-index: 200;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #c8c8c8;
  width: 16px;
  height: 16px;
}
.fc-project-list ul.fc-projects .fc_project_link .color span {
  display: inline-block;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background-color: #6a6af1;
  border: 2px solid #fff;
}
.fc-project-list ul.fc-projects .fc_project_link .name {
  color: #485056;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.3em;
  margin-top: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.fc-project-list ul.fc-projects .fc_project_link:hover h3.name {
  color: #2178c3;
}
.info_icon {
  margin-right: 5px;
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(../../images/buttons/info.png) no-repeat scroll center bottom #ffffff;
  position: relative;
  top: 3px;
}
/* end of copied from stylesheet.less*/
.warn_description {
  text-align: left;
  font-size: 14px;
  margin-bottom: 15px;
}
.warn_description .warn_bold {
  font-weight: bold;
}
.footer_btns_div {
  text-align: center;
}
.agree_btn {
  display: inline-block;
  text-decoration: none;
  border: 1px solid #3597da;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #39a1e7;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  padding: 10px 15px;
  cursor: pointer;
}
.agree_btn:hover {
  background-color: #298ed2;
}
.cancel_btn,
.mailto_link {
  text-decoration: none;
  display: inline-block;
  color: #39a1e7;
}
.cancel_btn:hover,
.mailto_link:hover {
  color: #298ed2;
}
.decline {
  margin-right: 10px;
  background: #39A1E7;
  border-radius: 3px;
  box-shadow: none;
  color: #FFFFFF;
  height: 37px;
  text-align: center;
  vertical-align: middle;
  border: medium none currentColor;
  text-shadow: none;
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
  padding: 10px 15px 10px;
}
.decline:hover {
  background: #298cd3;
}
.decline:disabled {
  background: #efefef !important;
  border: 1px solid #d1d1d1 !important;
  color: #aaa !important;
  cursor: default;
}
.user_avatar,
.item-avatar {
  border-radius: 50%;
}
.avatar_with_popup {
  cursor: pointer;
}
.invitations_table {
  width: 100%;
}
.invitations_table td {
  padding: 0 10px;
  vertical-align: middle;
}
.invitations_table td:first-of-type {
  padding-left: 0;
}
.invitations_table td.by_td {
  padding: 0;
  white-space: nowrap;
  width: 10px;
}
.invitations_table td.user_name_td {
  padding: 0;
  white-space: nowrap;
  width: 80px;
}
.invitations_table td.avatar_td {
  width: 30px;
}
.invitations_table td.decline_td {
  padding: 0;
  text-align: right;
}
a.decline {
  text-decoration: none;
  margin-right: 0;
}
/* Warning page before account delete page */
@media only screen and (max-width: 767px) {
  body {
    font-size: 16px;
  }
  .auth-body h1#logo {
    margin: 20px auto 40px auto;
  }
  h2.title {
    display: none;
  }
  .form.login {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  .form.login,
  .form.register,
  .form.password {
    text-align: center;
  }
  .form.login input.st,
  .form.register input.st,
  .form.password input.st {
    width: 90%;
    margin-bottom: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .form.password {
    width: 360px;
  }
  .form.password .text.st,
  .form.password .errors {
    width: 90%;
  }
  .form.password .submitBtn {
    margin: 0 auto 20px;
  }
  .form.password .footer {
    text-align: center;
  }
  .footer button {
    width: 100%;
    padding: 12px 0;
    font-size: 18px;
    margin-bottom: 10px;
  }
  input,
  textarea,
  select {
    -webkit-appearance: none;
    font-size: 16px;
  }
  input[type=checkbox],
  input[type=radio] {
    border: 1px solid #555;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
    -webkit-appearance: none;
    -webkit-box-shadow: 1px 1px 1px #fff;
    display: inline-block;
    font-size: 15px;
    line-height: 1em;
    margin: 0 0.25em 0 0;
    padding: 0;
    width: 1.25em;
    height: 1.25em;
    -webkit-border-radius: 0.25em;
    vertical-align: text-top;
  }
  input[type=checkbox]:checked {
    background: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%008%00%00%008%08%02%00%00%00'%E4%ACI%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%04DIDATx%DA%EC%98%B9J%2CA%14%86%EF%F4%AC%8E%5B%24%F8%00%93%BA%83%89%89%A1%22n%A1%81%89%B8%22%82%2B%06%A2%E2%82%B8%20%1A%A9(%B8%BC%87%8F%E0%12%09%3E%82K%AA%20%EAu%EEo%FFw%0EEuO%2F3%A3%5C%2F%FD%07E%F5Lu%F7%D7%FF9u%BA%BA%22%A9T%EA%D7O%90%F1%EB%87(%00%0D%40%03%D0%004%00%0D%40%03%D0%FF%1B4%F2%3D%B7I%A7%D3%B6%BF%87B%A1%7F%05T%105V%22%F2G%2F%B8%91oC%D4%40qH%3E%B4%D2w%CA%D1%D0%D7H%F3%89%94%86aloo%0F%0C%0C%D8%BA%EB%7C%C1H8%1C%FE%22%2F%D3%19%FD%B5%C40677%BB%BB%BB%D1%8F%C5b%7B%7B%7B%B6%8F%975%F4%BE%40%ADs%C2zu%8D%F2%E3%E3%03-%EE%B2%B1%B1AJhjj%0A'%EE%EF%EF%A3%C5%03xa%8D%409%F09g%95%20B%18%06%CA%F5%F5u%A1%A4%26''qk%F8%8A%7FU%DC%AC%A0%D1h%D4c%1C%1D%1C%95%1Bp%00%11y%08%8E%B5%B5%B5%AE%AE.%EB%95%9B%9A%9A%8E%8F%8F1Re%CD%11T%8B%23%95L%26%CB%CA%CA%EE%EE%EE%D4y%23%E5F%CCF%07%9E%AD%AC%ACtvvZ%AF%7Cyy944%04J%8C%01%A8%9A%00%F6%A0%C8kWJ%E6%19%DBD%22%B1%BB%BB%5BYY988x%7F%7FouB%BCD%BB%B4%B4%D4%D1%D1a%BD%F2%C5%C5%C5%F0%F0%F0%EB%EB%2Bl%22(Mu%02upT%9D%10%BC%7D%3C%1E%DF%D9%D9%A9%A9%A9A%FF%F0%F0%10%96%3C%3C%3C%A8%09%A0V%C7%E5%E5%E5%F6%F6v%5BJ%3C%E4%DB%DB%1B))W%D0P%5B%5B%9B%83%9DD%FCm%0A%DEommUWW%CB%18D%1F%C6%3C%3E%3E%8A%A98%0B%23%D1.%2C%2C%B4%B6%B6%3AP%C6LEM1%F4%CE%F3)%A4MF%DB%99%FB%FE%FE%8E_%40YUU%A5%0DSY%25%EE%F3%F3%F3---%0E%94%88%8C%80%D2Q%D7%1C5bn%E2%85%00%7D%7D%7Dm%3D%1F%C9zppPQQA%D7%F1%0B%BC%CCF%89T%C1%18d9%40%13%A6%E2%A6x%23%B5oU%B8%BE%BE%3E%9CEj8%00zuu%05%C3jkk5%82%92%92%92%E6%E6%E6%F3%F3%F3%A7%A7%A7%C5%C5E%5BJ%CC%F1%91%91%11P%0A%A2J%C9%04%90d%B5U%04C%B3%85%9Eqg%9A%F3%F0%EC%EC%0Cm__%9F%D5%D7%A3%A3%A3%DB%DB%5B%10%5B%2F%85'%1C%1D%1De%5DSm%23%9Cj%87S%1D%CDV%9E%98%A3%F0%80%C9%C7%FC%C3%E1%E9%E9)%3A%FD%FD%FDVV%C8%96rll%0C%97*..%8Eg%24%94%5E*%A8%0FP%89%3E%7D%3D99A%07%8B%20%D7w%2F%D2z%7C%7C%9C%94%92%9A%DAd%F7B%F9%09%EA%10zb%81U%EA%9C%FC%05_%D1qf%05%E5%C4%C4%04%93X%CDK%A1t%AD%9D%3E%0A%3EA%ADi%84%16%ACh%AD9%40%DD%DC%DC%90%12yYd%8A%94%B4%D3%2F%A5K%E8%A5%E0%AB%F3%D1%C8%88%AC%A8%FF%8D%8D%8D%DA%B9%CF%CF%CF%B3%B3%B3%18%03%3E%82%D2N%EB%04%F2%FE%D9%94%D5Qu9%C2%9A%2F%AC2%09%A0%E9%E9i%BCT%1B%1A%1AT%CA%9E%9E%9E%97%97%17D%5C%B33gJ%F7%D0%0B%2B%86%91U%2Bu8%9C%99%99%C1%07F%5D%5D%1D)%7B%7B%7B%B1%DA(--M%9AR%83.1%F1K%E9%BEpVYU8%E2%A2%C5%03%80%60nn%0EK%E3T*%85%E9%85%E7%C1%22%B0(%23%A1T%8B%91_JO%9F%22%C2%AA%BD%B1%84%18%10x%7D%AF%AE%AE%82%09%C3%CA%CB%CB%B5%D7%8FV%8Cr%A0%F4%FA%CD%24%AC%E4c%2B%8E%22%D0p%91%8B%26%D4K%B1Y%DE%40%EA%8A37%CAOP%2F%A7%C9BS-Ob*PdE%A2%FEH%E2%82P%FA%D8%80%10Vy%A3%0A%2Bhh'%07%A8%95A%94'%A5%BF%9D%12%8D%95%1D%88%B5V6g%C8*%E5%B6%20%94%BE%B7tlY%85R%C6%C8%87T%3E%B3'%DF%BD'%8D%953L%FD%92%B6%EE%EA%E4O%99%E3%26%99%F6%11%E7%BC%7DR%10%CA%DCw%F3%D4%95%94-J%A1%F8%0A%B6%EDXp%A0%60%0F%3F%00%0D%40%03%D0%00%F4k%F4G%80%01%00%E2%BB%B3%8D%BD%BE%0E%DE%00%00%00%00IEND%AEB%60%82") no-repeat center center;
    -webkit-background-size: 28px 28px;
    /* shrink high resolution background */
  }
  input[type=radio] {
    -webkit-border-radius: 2em;
    /* Make radios round */
  }
  input[type=radio]:checked {
    background: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%008%00%00%008%08%02%00%00%00'%E4%ACI%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%03%99IDATx%DA%EC%98AKrA%14%86%BBj%A6%9F%11%04R%B9ID%A1%82%16%11n%A4m%8Bh%11%ED%04%D7%FE%8Bh%95%D8%0F%A8e%7F%40%DADT%B4%8FvA%1BA%DA%84%06%ADZ'%95%A9%BD%DF%7D%F10%DF%CDl%E6*%1F%08s%16r%EF8%F7%CEs%DFsf%CE%99q2%99%CC%C48X%60bL%CC%82ZP%0BjA-%A8%05%B5%A0%16%D4%82%9AXh%24o%E9v%BB%03%FEu%1Cg%04%A0%C3%BCE%F8%F0%92%9FX%D5%F7%0F3V(%18%0C%0EC%A9%FE%AA%ED%C2%E4%B8%26-%BEY%FD%80z%10%85%D2s%ED%7C%B3apC0%7F%94b%9DN%07-%CB%CB%CB%F9%7C~cc%23%99L%E2%B6%D1h%DC%DE%DEV*%95%87%87%07%60%05%02%81%BE%C4%FA%E6d%B3YSP%B1v%BB%0D%CAp8%BC%BF%BF%BF%B3%B3%F3%F1%F1%D1j%B5%C8%0D%B2%C9%C9I%FCu~~~pp%80%BF%D0%02%EFyp%0D%40s%B9%9C%0F%CA%8Ek%00%85CNNNVVV%DE%DE%DE%FA%3E%12%89Dj%B5Z%B1X%FC%FC%FC%04h%C05%1F%AC%C1t%3A%1D41%19%86%DC%7B%7B%7Bp%F7%FB%FB%BB%F3%83%E1c%12%89%C4%FC%FC%FC%CD%CDM%C85%BC%24%D43%FDqCp%90%91%9C%14%12%B7%B8XZZ%DA%DD%DD%7D%7D%7D%1D%AC%0D%3E%03%DDNOO%1F%1F%1F%19%00%9E%0F%D6%9ALSSS%FA%A0%A4%C4%18%04-%14%0A%08J%9D%C1%D0%0D%9D%CB%E52%10!%8D%CA%AA%0B%8Ax%D7%EC%CA%B8%E4%DBq%81%98%5B%5B%5Bc%8B%CE%B3%EB%EB%EBxP%FC.%F1%3AbP%99%E6LB%1Cfaa%01%B8%9A%AA%CC%CD%CD%89%DF%85U%DF%FB%06%A0%22'%AE%C1G1%8Cf.%25%04%22%BC%2F%A2%EA%82j%C6(A%A9%1F%A5E%D8%BD%BC%BC%C4%E3%F1%C1%15%89%24Rtf%80%8A%81%D5%00%D4%B7%A2%18%E6%FE%FE~kk%8B%2B%FC%AFZ%A23%3D%CED%F0%3F%40)-F%3A%3B%3B%DB%DE%DE%D6Q%14%0F%A2%B3h%E9%07%D4%C8%F5%8C*%DE%C2%FB%F5z%FD%EA%EA%0A%AC%83E%C5%23%E8%86%CE%D3%D3%D3%11%D70%A81%A8%FE%82%CF%15%94%AE%E7%82%0A%5D%8F%8E%8E%16%17%17WWW%07%D4%A3%D5j%15%DD%041%EC%9A%AC%A6%BA)tssS3s%AA%E9Dd%00%EB%F5%F5%F5%EC%EC%2C%B2%94T%9Fb%E8%7FyyY*%95%20%5E%2C%16%FB%E3%9A%E0%92U3%91%3A%87%87%87F%F9%13d%98%EF%C8%8A%A8B%9A%CD%26%F2g%D3%B5T*%85%18%40-%06%81%D1%FF%E9%E9%E9%EE%EE%EE%E2%E2%02%F5%1E%F9%08%FA%DD%EF%23v%3D%3D%CB0U%8B%20*%8DQ%9F%9F%9F%8F%8F%8F%3De%1E%98fff%A2%D1(%10%A3%AEQKYD%F5Wb%83%C2%99%A2%06%FE5RblH%85%A2%13z%0B(%DBA%16%E9%99Ji%94%96%CC%B6%22%14U%82U(%A9%1C%ABf%96%D2%D2%8D%2B%11qeI%A2%D3M%13%9B%D9%9E%89%8ArA%95%AC%8D%E1%5B%AE%B5%5D%93%CD%1D%3B%A8yH%ADEL%0Bg%E3%ED%B2%3A%A3%05%17%1C%ED%9Ey%40%E5%7B%C4%DD%B2v%9A%81%9ARr%7B%89%C1%04%88%1A%13%11%17j%3Bq%D5%98%F6%BD%B93%3E)%11VUZ%16~%EA%8EY%80%04NMB~%B6%CB%3E%CE%02d%C3D%C1d%E5%EA%7B%00%E1%994%FE%0F%20%7C%9F%B1%A8%B8%7FS%DCo%93r%C8%13%A8a%0F%C9Fr%00f%CFG-%A8%05%B5%A0%16%D4%82%8E%1F%E8%97%00%03%00%2CK3%C0%95%A6%DFv%00%00%00%00IEND%AEB%60%82") no-repeat center center;
    -webkit-background-size: 28px 28px;
  }
  .social-login ul li a {
    background-image: url(../images/social-login@2x.png);
    background-size: 160px 80px;
  }
}
@media (max-width: 800px) {
  .bubble_block .error_bubble {
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    top: 40px;
    right: 7%;
    z-index: 100;
    padding: 0 10px;
  }
  .bubble_block .error_bubble:after {
    border: 5px solid transparent;
    border-bottom-color: #D1D9EF;
    top: -10px;
    left: 80%;
  }
  .form.password.consent .appDiscl {
    width: 90%;
  }
  .form.password.consent .appPerm {
    width: 85%;
  }
  .form.password.consent .privPolicy {
    float: none;
    padding: 0 0 20px 0;
  }
}
@media (max-width: 460px) {
  .bubble_block .error_bubble {
    height: 18px;
    line-height: 18px;
    font-size: 10px;
  }
  .form.login,
  .form.register,
  .form.password {
    width: 300px;
  }
}
@media (max-width: 360px) {
  .form.login,
  .form.register,
  .form.password {
    width: 200px;
  }
}
#onboarding_container {
  height: 100%;
  display: flex;
  /*reusable classes*/
  /* Arrow */
  /* onb_end */
}
#onboarding_container h2.heading-xl {
  text-align: center;
  font-size: 2.234rem;
  margin-top: 0.6rem;
  font-weight: 300;
  margin-bottom: 1.5rem;
}
#onboarding_container * {
  box-sizing: border-box;
}
#onboarding_container h1,
#onboarding_container h2,
#onboarding_container h3,
#onboarding_container h4,
#onboarding_container h5,
#onboarding_container h6 {
  line-height: 1.5;
  font-weight: normal;
  color: inherit;
}
#onboarding_container p {
  font-size: 1rem;
  margin-bottom: 1rem;
  line-height: 1.5;
  color: inherit;
}
#onboarding_container label {
  color: #6e7882;
  margin-bottom: 0.1652rem;
  display: inline-block;
  font-weight: 400;
}
#onboarding_container .group_block {
  padding: .5rem 0;
}
#onboarding_container .segment-group {
  margin: 0;
}
#onboarding_container .wizard_left_column {
  width: 50%;
}
#onboarding_container .wizard_first_tasks {
  width: 50%;
  margin: 0 auto;
}
@media only screen and (max-width: 1200px) {
  #onboarding_container .wizard_first_tasks {
    width: 80%;
  }
}
#onboarding_container .previousStepWrap {
  height: 40px;
  min-width: 60px;
}
#onboarding_container header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
}
#onboarding_container .fc_white_logo_right_col {
  margin: 20px;
  width: 320px;
  height: 72px;
}
#onboarding_container .onb_groups_descr {
  line-height: 26px;
}
#onboarding_container .upload_div {
  width: 100px;
  height: 100px;
  margin-top: 15px;
  display: flex;
  border: 0;
  background-color: #067ED6;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-bottom: 0;
}
#onboarding_container .h100vh {
  height: 100vh;
}
#onboarding_container .white {
  color: white;
}
#onboarding_container .bg-white {
  background-color: white;
}
#onboarding_container .fg-slate-10 {
  color: #E6EAEF;
}
#onboarding_container .bg-slate-10 {
  background-color: #E6EAEF;
}
#onboarding_container .fg-slate-20 {
  color: #D6DCE5;
}
#onboarding_container .bg-slate-20 {
  background-color: #D6DCE5;
}
#onboarding_container .fg-slate-70 {
  color: #3D4D66;
}
#onboarding_container .bg-slate-70 {
  background-color: #3D4D66;
}
#onboarding_container .onboarding_img {
  background: url('../images/onboarding/bg.png') no-repeat;
  background-size: 100%;
  opacity: 1;
  background-position: bottom;
}
#onboarding_container .pattern-bg {
  background: url('../images/onboarding/pattern.svg') repeat;
  background-size: 75%;
  opacity: .3;
}
#onboarding_container .card {
  position: absolute;
  left: 50%;
  top: 61%;
  background: white;
  border-radius: 4px;
  border-top: 6px solid orange;
  z-index: 9;
  padding: 1rem;
  height: 18rem;
  width: 15rem;
  margin-left: -7.5rem;
  margin-top: -9rem;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.125);
}
#onboarding_container .arrow_wrap {
  position: absolute;
  left: 51%;
  top: 32%;
}
#onboarding_container .arrow {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: 33px;
  margin-left: -15px;
  width: 100px;
}
#onboarding_container .arrow .curve {
  border: 2px solid #61a4ff;
  border-color: transparent transparent transparent #61a4ff;
  height: 55px;
  width: 80px;
  border-radius: 0;
}
#onboarding_container .arrow .point {
  position: absolute;
  left: 40px;
  top: 36px;
}
#onboarding_container .arrow .point:before,
#onboarding_container .arrow .point:after {
  border: 1px solid #61a4ff;
  height: 10px;
  content: "";
  position: absolute;
}
#onboarding_container .arrow .point:before {
  top: 10px;
  left: -36px;
  transform: rotate(45deg);
}
#onboarding_container .arrow .point:after {
  top: 10px;
  left: -44px;
  transform: rotate(-45deg);
}
#onboarding_container .group_card {
  width: 15rem;
  position: absolute;
  border: 2px solid #1267FF;
  top: 25%;
  height: 5rem;
  z-index: 99;
  left: 50%;
  margin-left: -7.5rem;
  background-color: #bbdcff;
  opacity: 1;
  margin-top: -0.5rem;
  border-radius: 4px;
  padding: 0.852rem 1rem;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.125);
}
#onboarding_container .group_card .group_title {
  margin: -5px 0 0 0;
  font-size: 0.8352rem;
  font-weight: 600;
  color: #2BA6D4;
}
#onboarding_container .wizard_right_col h2.heading-xxl {
  font-weight: 300;
}
#onboarding_container .app-item {
  color: #3D4D66;
  background: #E6EAEF;
  cursor: pointer;
  box-shadow: 0 0 0 1px #d6dce5, 0 0 2px 0px rgba(0, 0, 0, 0.075) inset;
  transition: all 0.15s ease-out;
}
#onboarding_container .app-item:hover {
  background: #fff;
  cursor: pointer;
  box-shadow: 0 0 0 2px #D6DCE5;
}
#onboarding_container .app-item:active {
  background: #fff;
  cursor: pointer;
  box-shadow: 0 0 0 2px #D6DCE5;
  transform: scale(0.95);
}
#onboarding_container .app-item.is-active {
  background: white;
  box-shadow: 0 0 0 2px #0000ff, 0 4px 8px rgba(0, 0, 0, 0.125);
}
#onboarding_container .fkit_form .error_field {
  padding-bottom: 3px;
}
#onboarding_container .fkit_form .error_group .group_more_info {
  display: none;
}
#onboarding_container .fkit_form .field_message {
  display: flex;
  align-items: center;
  font-size: 0.8rem;
  color: #7f8a95;
}
#onboarding_container .fkit_form .field_message svg {
  margin-right: 7px;
  margin-left: 5px;
}
#onboarding_container .fkit_form input[type="checkbox"].mt0 {
  margin-top: 0;
}
#onboarding_container .onb_fc_logo {
  width: 32px;
  height: 32px;
}
#onboarding_container .domain_logo {
  margin-left: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-height: 40px;
}
#onboarding_container .avatar_change_btn a {
  font-size: 13px;
  cursor: pointer;
}
#onboarding_container #onb_home_icon {
  margin-right: 10px;
  margin-top: -2px;
}
#onboarding_container .cursor_pointer {
  cursor: pointer;
}
@media only screen and (max-width: 831px) {
  #onboarding_container .wizard_left_column {
    margin: auto;
  }
}
@media only screen and (max-width: 500px) {
  #onboarding_container .wizard_left_column {
    width: 80%;
    height: 100%;
  }
}
#onboarding_container #start_trial_message {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 10px;
}
#onboarding_container #start_trial_message label {
  font-size: 13px;
}
#onboarding_container #start_trial_message #trial_checkbox_label {
  margin-bottom: -2px;
  margin-left: 5px;
}
#onboarding_container .fc_switcher_row {
  margin-top: 47px;
  margin-bottom: 20px;
}
#onboarding_container .fc_user_industry_select {
  margin-top: 20px;
}
#onboarding_container.onboarding_wl_domain .bg-brand {
  background-color: white !important;
}
#onboarding_container.onboarding_wl_domain .onboarding_img {
  display: none;
}
#onboarding_container.onboarding_wl_domain .welcome_to_msg {
  margin-top: 20px;
}
#onboarding_container .perc_trans_prog {
  font-size: 12px;
}
#onboarding_container .fc_toggle_container {
  appearance: none;
  padding: 0;
  border: 0;
  margin: 0;
  user-select: none;
  width: 44px;
  height: 22px;
  border-radius: 22px;
  transition: background-position 0.4s ease, background-color 0.4s ease;
  background-color: #E36575;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjMycHgiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5PdmFsIDE0PC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTE0IiBmaWxsPSIjRkZGRkZGIiBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiPjwvY2lyY2xlPiAgICA8L2c+PC9zdmc+");
  background-repeat: no-repeat;
  background-position: top 2px left 2px;
  background-size: 18px 18px;
  cursor: pointer;
}
#onboarding_container .fc_toggle_container.checked {
  background-color: #3CC059;
  background-position: top 2px left 24px;
}
#onboarding_container .fc_installed_apps_header {
  color: #6e7882;
  font-weight: 500;
}
#onboarding_container .fc_premium_apps_header {
  color: #6e7882;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 0;
}
#onboarding_container .fc_premium_apps_sub_header {
  color: #6e7882;
  font-size: 13px;
}
#onboarding_container .fc_installed_apps_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#onboarding_container .fc_premium_apps_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#onboarding_container .fc_onb_app_icon_container {
  margin-top: 4px;
  margin-right: 8px;
}
#onboarding_container .fc_onb_app_icon_name_container {
  display: flex;
  height: 100%;
  align-items: center;
}
#onboarding_container .fc_onb_app_container {
  display: flex;
  justify-content: space-between;
  height: 40px;
  align-items: center;
  background: white;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  width: 100%;
  padding: 0 10px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1200px) {
  #onboarding_container .fc_onb_app_container {
    width: 100%;
  }
}
#onboarding_container .fc_app_name {
  color: #6e7882;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
}
#onboarding_container .group_title_default_div {
  margin-bottom: 10px;
}
#onboarding_container #edit_pr_group {
  vertical-align: middle;
  margin: -2px 0 0 5px;
  display: inline-block;
  width: 16px;
  height: 16px;
  cursor: pointer;
  background: url(../../images/buttons/edit.png) no-repeat bottom left;
}
#onboarding_container .group_more_info {
  font-style: italic;
}
#onboarding_container .first_emails {
  /*.error_field { padding-bottom: 1.2rem; }*/
}
#onboarding_container .first_emails .field_message {
  margin-top: -1rem;
}
#onboarding_container .first_emails .email_valid {
  margin-bottom: 15px;
}
#onboarding_container .task_title {
  margin-bottom: 15px;
}
#alert_container {
  position: fixed;
  z-index: 9999999999;
  bottom: 1rem;
  width: 600px;
  left: 50%;
  margin-left: -300px;
  padding: 1rem;
}
#alert_container:before {
  left: 1.4rem;
}
#alert_container > div {
  width: 85%;
}
#alert_container .container_message {
  padding-right: 5%;
  box-sizing: border-box;
  margin-top: 0.25rem;
}
#alert_container a {
  color: #a94442 !important;
  text-decoration: underline;
}
#alert_container a.close-alert {
  right: 1.4rem;
}
