.ui-helper-hidden-accessible {
    display: none;
}

.required label:after {
  content:" *";
    color:red;
}

.kt-portlet-project {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.tab-pane-project {
  padding: 0px !important;
}

.kt-font-purple {
	color: #e1038a !important;
}

.kt-font-green {
  color: #8ac23d !important;
}

.kt-font-white {
  color: #fff !important;
}

.kt-bg-purple {
  background-color: #e1038a !important; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #fd3995;
}

.has-error .form-control {
  border-color: #fd3995;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.session_message {
	position: fixed;
	bottom: 10px;
	right: 20px;
	z-index: 9999;
  font-weight: 800 !important;
}

.json-success-message {
  position: fixed;
  bottom: 10px;
  right: 20px;
  z-index: 9999;
  font-weight: 800 !important;
}

.alert.alert-outline-purple {
    border: 2px dashed #e1038a;
    color: #000018; 
    border-radius: 10px;
}

.alert.alert-outline-purple .alert-icon i {
    color: #e1038a;
    font-weight: 700
}

.alert.alert-outline-purple .alert-text {
    color: #000018; 
    font-weight: 700 !important
}

.alert.alert-outline-purple .alert-close i {
    color: #000018; 
}

.kt-nav.kt-nav--v3 .kt-nav__item .kt-nav__link.active, .kt-nav.kt-nav--v3 .kt-nav__item .kt-nav__link.kt-nav__link--active {
      border-left: 2px solid #e1038a; 
}

.kt-margin-t-5 {
    margin-top: 5px !important; 
}

.kt-margin-t-8 {
    margin-top: 8px !important; 
}

.kt-margin-b-5 {
    margin-bottom: 5px !important; 
}

.input-inline {
  display: inline-block !important;
}

.back-button {
  background-color: #d2d0e0 !important;
  margin-right: 10px !important;
}

.back-button:hover {
  color: #ffffff !important;
  background-color: #e1038a !important
}

.clickable-row {
  cursor: pointer;
}

.icon-complete {
  padding-right: 5px;
}

.icon-incomplete {
  padding-right: 10px;
}

.form-small-margin {
  margin-bottom: 5px;
}

.discipline-header {
  background: #efefef;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  color: #000018;
  width: 100%;
  margin-bottom: 0px;
}

.activity-row {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
}

.sub-activity {
  padding-left: 25px;
  font-style: italic;
  color: #404040;
}

.underlined {
  text-decoration: underline;
}

.font-500 {
  font-weight: 700 !important;
}

.not-visible {
  border: none !important; 
  background-color: transparent !important; 
  height: 15px !important;
  cursor: move
}

.col-library {
  padding-bottom: 20px
}

.portlet-library {
  height: 100%;
}

.list-group-item-action {
  color: #e1038a;
}

.line-card-header {
  border-bottom: 1px solid #000018 !important;
}

.seperator-title {
  text-decoration: underline; 
  width: 100%; 
  background-color: #efefef;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  margin-left: -5px;
  margin-top: 5px;
  margin-bottom: 25px;

}

th.rotate {
  /* Something you can count on */
  height: 140px;
  white-space: nowrap;
}

th.rotate > div {
  transform: 
    /* Magic Numbers */
    translate(0px, 0px)
    /* 45 is really 360 - 45 */
    rotate(270deg);
  width: 20px;
}
th.rotate > div > span {
  padding: 0px 5px;
}

.csstransforms & th.rotate {
  height: 140px;
  white-space: nowrap;
}

.articles-relations {
  font-style: italic; color: #383838;
  padding-top: 3px;
  padding-bottom: 3px; 
  width:100%
}

.hide {
  display: none;
}

.icon-table {
  font-size: 18px;
}

.icon-table-red {
  color: red !important;
  font-size: 18px;
}

.icon-table-green {
  color: #8ac23d !important;
  font-size: 18px;
}
.icon-table-gray {
  color: #93a2dd !important;
  font-size: 18px;
}

.photo {
  width: 30px;
  height: 20px;
  background-position: center center;
  background-size: cover;
  display: inline-block;
  background-image: url('/assets/media/images/nophoto.png');
  border-radius: 6px;
}




/* The Modal (background) */
.modal-photo {
  width:  800px;
  height: 533px;
  background-position: center center;
  background-size: cover;
  display: inline-block;
}



.btn-orange {
  color: #fff;
  background-color: #F3901D;
  border-color: #F3901D; }
  .btn-orange:hover {
    color: #fff;
    background-color: #000018;
    border-color: #000018; }
  .btn-orange:focus, .btn-orange.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(117, 140, 255, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(117, 140, 255, 0.5); }
  .btn-orange.disabled, .btn-orange:disabled {
    color: #fff;
    background-color: #F3901D;
    border-color: #F3901D; }
  .btn-orange:not(:disabled):not(.disabled):active, .btn-orange:not(:disabled):not(.disabled).active,
  .show > .btn-orange.dropdown-toggle {
    color: #fff;
    background-color: #000018;
    border-color: #000018; }
    .btn-orange:not(:disabled):not(.disabled):active:focus, .btn-orange:not(:disabled):not(.disabled).active:focus,
    .show > .btn-orange.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(117, 140, 255, 0.5);
      box-shadow: 0 0 0 0.2rem rgba(117, 140, 255, 0.5); }
  .btn-orange + .btn.dropdown-toggle {
    position: relative; }
    .btn-orange + .btn.dropdown-toggle:before {
      display: block;
      content: ' ';
      border-left: 1px solid #ffffff;
      position: absolute;
      top: 3px;
      left: -1px;
      bottom: 3px;
      opacity: 0.3; }
    .btn-orange + .btn.dropdown-toggle:hover:before, .btn-orange + .btn.dropdown-toggle:focus:before, .btn-orange + .btn.dropdown-toggle.active:before {
      display: none; }

.btn-green {
  color: #fff;
  background-color: #8ac23d;
  border-color: #8ac23d; }
  .btn-green:hover {
    color: #fff;
    background-color: #000018;
    border-color: #000018; }
  .btn-green:focus, .btn-green.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(117, 140, 255, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(117, 140, 255, 0.5); }
  .btn-green.disabled, .btn-green:disabled {
    color: #fff;
    background-color: #8ac23d;
    border-color: #8ac23d; }
  .btn-green:not(:disabled):not(.disabled):active, .btn-green:not(:disabled):not(.disabled).active,
  .show > .btn-green.dropdown-toggle {
    color: #fff;
    background-color: #000018;
    border-color: #000018; }
    .btn-green:not(:disabled):not(.disabled):active:focus, .btn-green:not(:disabled):not(.disabled).active:focus,
    .show > .btn-green.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(117, 140, 255, 0.5);
      box-shadow: 0 0 0 0.2rem rgba(117, 140, 255, 0.5); }
  .btn-green + .btn.dropdown-toggle {
    position: relative; }
    .btn-green + .btn.dropdown-toggle:before {
      display: block;
      content: ' ';
      border-left: 1px solid #ffffff;
      position: absolute;
      top: 3px;
      left: -1px;
      bottom: 3px;
      opacity: 0.3; }
    .btn-green + .btn.dropdown-toggle:hover:before, .btn-green + .btn.dropdown-toggle:focus:before, .btn-green + .btn.dropdown-toggle.active:before {
      display: none; }

.btn-yellow {
  color: #000;
  background-color: #ffe208;
  border-color: #ffe208; }
  .btn-yellow:hover {
    color: #fff;
    background-color: #000018;
    border-color: #000018; }
  .btn-yellow:focus, .btn-yellow.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(117, 140, 255, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(117, 140, 255, 0.5); }
  .btn-yellow.disabled, .btn-yellow:disabled {
    color: #fff;
    background-color: #ffe208;
    border-color: #ffe208; }
  .btn-yellow:not(:disabled):not(.disabled):active, .btn-yellow:not(:disabled):not(.disabled).active,
  .show > .btn-yellow.dropdown-toggle {
    color: #fff;
    background-color: #000018;
    border-color: #000018; }
    .btn-yellow:not(:disabled):not(.disabled):active:focus, .btn-yellow:not(:disabled):not(.disabled).active:focus,
    .show > .btn-yellow.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(117, 140, 255, 0.5);
      box-shadow: 0 0 0 0.2rem rgba(117, 140, 255, 0.5); }
  .btn-yellow + .btn.dropdown-toggle {
    position: relative; }
    .btn-yellow + .btn.dropdown-toggle:before {
      display: block;
      content: ' ';
      border-left: 1px solid #ffffff;
      position: absolute;
      top: 3px;
      left: -1px;
      bottom: 3px;
      opacity: 0.3; }
    .btn-yellow + .btn.dropdown-toggle:hover:before, .btn-yellow + .btn.dropdown-toggle:focus:before, .btn-yellow + .btn.dropdown-toggle.active:before {
      display: none; }

.btn-purple {
  color: #fff;
  background-color: #e1038a;
  border-color: #e1038a; }
  .btn-purple:hover {
    color: #fff;
    background-color: #000018;
    border-color: #000018; }
  .btn-purple:focus, .btn-purple.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(117, 140, 255, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(117, 140, 255, 0.5); }
  .btn-purple.disabled, .btn-purple:disabled {
    color: #fff;
    background-color: #e1038a;
    border-color: #e1038a; }
  .btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active,
  .show > .btn-purple.dropdown-toggle {
    color: #fff;
    background-color: #000018;
    border-color: #000018; }
    .btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus,
    .show > .btn-purple.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(117, 140, 255, 0.5);
      box-shadow: 0 0 0 0.2rem rgba(117, 140, 255, 0.5); }
  .btn-purple + .btn.dropdown-toggle {
    position: relative; }
    .btn-purple + .btn.dropdown-toggle:before {
      display: block;
      content: ' ';
      border-left: 1px solid #ffffff;
      position: absolute;
      top: 3px;
      left: -1px;
      bottom: 3px;
      opacity: 0.3; }
    .btn-purple + .btn.dropdown-toggle:hover:before, .btn-purple + .btn.dropdown-toggle:focus:before, .btn-purple + .btn.dropdown-toggle.active:before {
      display: none; }


.btn-black {
  color: #fff;
  background-color: #000018;
  border-color: #000018; }
  .btn-black:hover {
    color: #fff;
    background-color: #000018;
    border-color: #000018; }
  .btn-black:focus, .btn-black.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(117, 140, 255, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(117, 140, 255, 0.5); }
  .btn-black.disabled, .btn-black:disabled {
    color: #fff;
    background-color: #000018;
    border-color: #000018; }
  .btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active,
  .show > .btn-black.dropdown-toggle {
    color: #fff;
    background-color: #000018;
    border-color: #000018; }
    .btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus,
    .show > .btn-black.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(117, 140, 255, 0.5);
      box-shadow: 0 0 0 0.2rem rgba(117, 140, 255, 0.5); }
  .btn-black + .btn.dropdown-toggle {
    position: relative; }
    .btn-black + .btn.dropdown-toggle:before {
      display: block;
      content: ' ';
      border-left: 1px solid #ffffff;
      position: absolute;
      top: 3px;
      left: -1px;
      bottom: 3px;
      opacity: 0.3; }
    .btn-black + .btn.dropdown-toggle:hover:before, .btn-black + .btn.dropdown-toggle:focus:before, .btn-black + .btn.dropdown-toggle.active:before {
      display: none; }

.btn-gray {
  color: #212529;
  background-color: #e1e1ef;
  border-color: #e1e1ef; }
  .btn-gray:hover {
    color: #212529;
    background-color: #c8c8e2;
    border-color: #c0c0dd; }
  .btn-gray:focus, .btn-gray.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(196, 197, 209, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(196, 197, 209, 0.5); }
  .btn-gray.disabled, .btn-gray:disabled {
    color: #212529;
    background-color: #e1e1ef;
    border-color: #e1e1ef; }
  .btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active,
  .show > .btn-gray.dropdown-toggle {
    color: #212529;
    background-color: #c0c0dd;
    border-color: #b7b7d9; }
    .btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus,
    .show > .btn-secondary.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(196, 197, 209, 0.5);
      box-shadow: 0 0 0 0.2rem rgba(196, 197, 209, 0.5); }

.loader {
  background: rgb(255,255,255,0.9); 
  width:      100%;
  height:     100%; 
  z-index:    2000;
  top:        0; 
  left:       0; 
  position:   fixed;
}

.loader-2 {
  z-index: 999999;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100px;
  height: 100px;
}

.text-loader {
  z-index: 999999;
  display: inline-block;
  height: 60px;
  position:relative;
    left:-145px;
  width: 400px;
  padding-top: 30px;
  text-align: center;
}

/* PUBLIC PAGES */
.kt-public .kt-public__head {
  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;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 2rem 3rem; }
  .kt-public .kt-public__head .kt-public__logo > a {
    display: inline-block; }
  .kt-public .kt-public__head .kt-public__signup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .kt-public .kt-public__head .kt-public__signup > span {
      margin-bottom: 0;
      color: #9D9FB1;
      font-size: 1.1rem;
      padding-right: 0.5rem;
      font-weight: 500; }
    .kt-public .kt-public__head .kt-public__signup > a {
      font-weight: 500;
      font-size: 1.1rem; }

.kt-public .kt-public__body {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0rem; }
  .kt-public .kt-public__body .kt-public__wrapper {
    width: 70%;
    height: 90% !important;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .kt-public .kt-public__body .kt-public__wrapper .kt-public__container {
      width: 90%;
      
      -webkit-box-shadow: 0px 0px 10px 0px rgba(77, 84, 124, 0.4);
      box-shadow: 0px 0px 10px 0px rgba(77, 84, 124, 0.4);
      border-radius: 0.6rem; }
      .kt-public .kt-public__body .kt-public__wrapper .kt-public__container .kt-public__title {
        text-align: left;
        padding-left: 4rem; }
        .kt-public .kt-public__body .kt-public__wrapper .kt-public__container .kt-public__title > h3 {
          color: #636576;
          margin-top: 3rem;
          font-size: 1.5rem; }
      .kt-public .kt-public__body .kt-public__wrapper .kt-public__container .kt-public__form {
        padding: 3rem 4rem 2rem 4rem; }
        .kt-public .kt-public__body .kt-public__wrapper .kt-public__container .kt-public__form .form-control {
          border-top: 0;
          border-left: 0;
          border-right: 0;
          border-radius: 0; }
      .kt-public .kt-public__body .kt-public__wrapper .kt-public__container .kt-public__actions {
        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;
        width: 100%;
        padding: 0;
        margin-top: 3rem; }
        .kt-public .kt-public__body .kt-public__wrapper .kt-public__container .kt-public__actions a {
          display: inline-block; }
          .kt-public .kt-public__body .kt-public__wrapper .kt-public__container .kt-public__actions a span {
            font-size: 1rem;
            font-weight: 500; }
        .kt-public .kt-public__body .kt-public__wrapper .kt-public__container .kt-public__actions .btn {
          padding: 1rem 3rem;
          color: #fff;
          font-size: 1.2rem;
          font-weight: 500; }
      .kt-public .kt-public__body .kt-public__wrapper .kt-public__container .kt-public__desc {
        text-align: center;
        color: #A5A7BB;
        font-size: 1.2rem;
        font-weight: 400; }
      .kt-public .kt-public__body .kt-public__wrapper .kt-public__container .kt-public__options {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 2rem 4rem 3rem 4rem; }
        .kt-public .kt-public__body .kt-public__wrapper .kt-public__container .kt-public__options > a {
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          font-weight: 400;
          font-size: 1rem;
          padding: 1rem 0;
          color: #fff; }
          .kt-public .kt-public__body .kt-public__wrapper .kt-public__container .kt-public__options > a > i {
            font-size: 1.2rem;
            color: rgba(255, 255, 255, 0.5);
            padding-right: 0.4rem; }
          .kt-public .kt-public__body .kt-public__wrapper .kt-public__container .kt-public__options > a:not(:first-child):not(:last-child) {
            margin: 0 2rem; }
          .kt-public .kt-public__body .kt-public__wrapper .kt-public__container .kt-public__options > a.btn-facebook {
            background-color: #3b5998; }
            .kt-public .kt-public__body .kt-public__wrapper .kt-public__container .kt-public__options > a.btn-facebook:hover {
              -webkit-transition: background-color 0.3s ease;
              transition: background-color 0.3s ease;
              background-color: #324c82; }
          .kt-public .kt-public__body .kt-public__wrapper .kt-public__container .kt-public__options > a.btn-twitter {
            background-color: #1da1f2; }
            .kt-public .kt-public__body .kt-public__wrapper .kt-public__container .kt-public__options > a.btn-twitter:hover {
              -webkit-transition: background-color 0.3s ease;
              transition: background-color 0.3s ease;
              background-color: #0d92e3; }
          .kt-public .kt-public__body .kt-public__wrapper .kt-public__container .kt-public__options > a.btn-google {
            background-color: #ea4335; }
            .kt-public .kt-public__body .kt-public__wrapper .kt-public__container .kt-public__options > a.btn-google:hover {
              -webkit-transition: background-color 0.3s ease;
              transition: background-color 0.3s ease;
              background-color: #e72919; }
  .kt-public .kt-public__body .kt-public__image {
    display: block;
  margin-left: auto;
  margin-right: auto; }
    .kt-public .kt-public__body .kt-public__image > img {
      width: 100%;
      max-width: 500px; }

.kt-public .kt-public__footer {
  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;
  padding: 2rem 3rem; }
  .kt-public .kt-public__footer .kt-public__info > a {
    font-weight: 500;
    font-size: 1rem;
    color: #A5A7BB; }
  .kt-public .kt-public__footer .kt-public__link {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
    .kt-public .kt-public__footer .kt-public__link > a {
      color: #9C9FB1;
      font-weight: 500;
      font-size: 1rem; }
      .kt-public .kt-public__footer .kt-public__link > a:not(:first-child):not(:last-child) {
        margin: 0 2rem; }

@media (max-width: 1024px) {
  .kt-public .kt-public__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.5rem 2rem; }
    .kt-public .kt-public__head .kt-public__logo {
      margin-bottom: 2rem; }
    .kt-public .kt-public__head .kt-public__signup > span {
      padding-left: 0; }
  .kt-public .kt-public__body {
    padding-top: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .kt-public .kt-public__body .kt-public__wrapper {
      padding-left: 0;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .kt-public .kt-public__body .kt-public__wrapper .kt-public__container {
        margin-left: 0; }
        .kt-public .kt-public__body .kt-public__wrapper .kt-public__container .kt-public__title {
          padding-top: 1rem; }
        .kt-public .kt-public__body .kt-public__wrapper .kt-public__container .kt-public__form {
          padding: 3rem 2rem; }
        .kt-public .kt-public__body .kt-public__wrapper .kt-public__container .kt-public__actions {
          padding: 0; }
        .kt-public .kt-public__body .kt-public__wrapper .kt-public__container .kt-public__options {
          margin: 1rem 0;
          padding: 2rem 2rem; }
          .kt-public .kt-public__body .kt-public__wrapper .kt-public__container .kt-public__options > a > i {
            padding: 0.4rem 0.3rem 0.4rem 0; }
          .kt-public .kt-public__body .kt-public__wrapper .kt-public__container .kt-public__options > a:not(:first-child):not(:last-child) {
            margin: 0 2rem; }
    .kt-public .kt-public__body .kt-public__image {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 100%;
      margin-left: 0;
      padding: 4rem 0; }
      .kt-public .kt-public__body .kt-public__image > img {
        width: 100%;
        max-width: 500px;
        height: 100%; }
  .kt-public .kt-public__footer {
    padding: 1.5rem 2rem; }
    .kt-public .kt-public__footer .kt-public__info > a {
      padding-right: 0.5rem; }
    .kt-public .kt-public__footer .kt-public__link > a:not(:first-child):not(:last-child) {
      margin: 0 1rem; } 
}

.btn.nohover:hover {
    /* here copy default .btn class styles */
    cursor:default !important;
    background-color: transparent !important;
    /* or something like that */
}
.ui-autocomplete { 
  position: absolute; 
  cursor: default; 
  background:#ffffff;
  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
}   

/* workarounds */
html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.ui-menu {
    list-style:none;
    padding: 2px;
    margin: 0;
    display:block;
    float: left;
}
.ui-menu .ui-menu {
    margin-top: -3px;
}
.ui-menu .ui-menu-item {
    margin:0;
    padding: 10px;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
}
.ui-menu .ui-menu-item:hover {
    background-color: #efefef
}
.ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}

.step-pending {
  color: #918ea7; 
}

.step-pending span {
  background-color: #d2d0e0;
  color: #ffffff; 
}

.step-done {
  color: #8ac23d; 
}
.step-done span {
  display: none; 
}
.step-done i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #8ac23d;
  color: #ffffff; 
}

.offset-sticky{
  margin-top: 50px;
}

.kt-separator.kt-separator--border-dashed {
    border-bottom: 1px dashed #babbbe; 
}

.tr-hover{
  background-color: #f7f8fa;
  cursor: pointer;
}

.tr-hover-no-pointer{
  background-color: #f7f8fa;
}

th.rotate {
  /* Something you can count on */
  height: 140px;
  white-space: nowrap;
}

th.rotate > div {
  transform: 
    /* Magic Numbers */
    translate(-5px, 0px)
    /* 45 is really 360 - 45 */
    rotate(285deg);
  width: 30px;
}
th.rotate > div > span {
  border-bottom: 0px solid #ccc;
  padding: 5px 10px;
}

.td-checkbox {
  padding-top: 0px !important;
}

.kt-timeline .kt-timeline__item.kt-timeline__item--green .kt-timeline__item-section .kt-timeline__item-section-border {
  background-color: #fff; }

.kt-timeline .kt-timeline__item.kt-timeline__item--green .kt-timeline__item-section .kt-timeline__item-section-border .kt-timeline__item-section-icon {
    background-color: #8ac23d; }

.kt-timeline .kt-timeline__item.kt-timeline__item--purple .kt-timeline__item-section .kt-timeline__item-section-border {
  background-color: #fff; }

.kt-timeline .kt-timeline__item.kt-timeline__item--purple .kt-timeline__item-section .kt-timeline__item-section-border .kt-timeline__item-section-icon {
    background-color: #e1038a; }

.kt-badge.kt-badge--green {
    color: #111111;
    background: #8ac23d; }

.high {
    border: 2px solid #d96c49;
    color: #d96c49;
    background: #d96c49;
}

.high .gantt_task_progress {
    background: #db2536;
}

.medium {
    border: 2px solid #34c461;
      color: #34c461;
  background: #34c461;
}

.medium .gantt_task_progress {
    background: #23964d;
}

.low {
    border: 2px solid #6ba8e3;
    color: #6ba8e3;
    background: #6ba8e3;
}

.low .gantt_task_progress {
    background: #547dab;
}

.free-day {
    background: #dadcda;
}

.gantt_selected .weekend {
    background: #f7eb91;
}


.resource_marker{
    text-align: center;
}
.resource_marker div{
    width: 28px;
    height: 28px;
    line-height: 29px;
    display: inline-block;
    border-radius: 15px;
    color: #FFF;
    margin: 3px;
}
.resource_marker.workday_ok div {
    background: #51c185;
}

.resource_marker.workday_over div{
    background: #ff8686;
}

.deadline {
    position: absolute;
    border-radius: 12px;
    border: 2px solid green;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 22px;
    height: 22px;
    margin-left: -11px;
    margin-top: 6px;
    z-index: 1;
    /* background: url("/js/plugins/gantt_commercial/samples/04_customization/common/deadline_icon.png") center no-repeat; */
    content: " *";
    z-index: 9999;
}

.deadline:before {
    font-family: "Font Awesome 5 Free";
    content: "\f3a5";
    display: inline-block;
    padding-left: 2px;
    vertical-align: middle;
    font-weight: 600;
    color: green;
}

.deadline_too_late {
    position: absolute;
    border-radius: 12px;
    border: 2px solid red;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 22px;
    height: 22px;
    margin-left: -11px;
    margin-top: 6px;
    z-index: 1;
    /* background: url("/js/plugins/gantt_commercial/samples/04_customization/common/deadline_icon.png") center no-repeat; */
    content: " *";
    z-index: 9999;
}

.deadline_too_late:before {
    font-family: "Font Awesome 5 Free";
    content: "\f3a5";
    display: inline-block;
    padding-left: 2px;
    vertical-align: middle;
    font-weight: 600;
    color: red;
}

.overdue-indicator {
    width: 24px;
    margin-top: 5px;
    height: 24px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 17px;
    color: white;
    background: #fd397a;
    line-height: 25px;
    text-align: center;
    font-size: 24px;
    z-index: 9999;
}



.status_line {
    background-color: #0ca30a;
  }

  .drag_date {
      color: #454545;
      font-size: 13px;
      text-align: center;
      z-index: 1;
    }

    .drag_date.drag_move_start {
      margin-left: -15px;
    }

    .drag_date.drag_move_end {
      margin-left: 15px;
    }

    .drag_move_vertical, .drag_move_horizontal {
      background-color: #F3901D;
      opacity: 0.5;
      box-sizing: border-box;
    }

    .drag_move_vertical {
      border-right: 1px #6AC666 solid;
      border-left: 1px #6AC666 solid;
    }

    .drag_move_horizontal {
      border-top: 1px #6AC666 solid;
      border-bottom: 1px #6AC666 solid;
    }

.gantt_marker .gantt_marker_content {
  z-index: 9999 !important;
}

.gantt_btn_set.gantt_save_btn_set {
  padding-top: 6px;
}

.gantt_btn_set.gantt_cancel_btn_set {
  padding-top: 6px;
  margin-left: 0px !important;
}

.gantt_cancel_btn {
  margin-top: 0px !important;
}

.gantt_custom_button {
  margin-left: 10px;
  margin-top: -1px !important;
}

.input-no-border {
  border: none !important;
}