.navbarLeft {
  height: 100vh;
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
  overflow-x: hidden;
  transition: 0.2s;
  background-color: #323232; }
  .navbarLeft.navbarLeft-active {
    width: 260px; }
  .navbarLeft .navbarHeader {
    position: relative;
    display: flex;
    align-items: center;
    padding: 20px 15px;
    white-space: nowrap;
    color: #fff;
    background-color: #000;
    font-size: 16px;
    font-weight: bold; }
    .navbarLeft .navbarHeader .navbarLogo {
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      width: 32px;
      height: 32px;
      /*background: $logo-background;*/
      border-radius: 6px;
      margin-right: 13px; }
  .navbarLeft .navbarTitle {
    position: relative;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    padding: 20px 15px 18px 15px;
    background-color: #000;
    font-family: "IBM Plex Sans"; }
  .navbarLeft .navbarBody {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-top: 150px; }
    .navbarLeft .navbarBody .navbarLink {
      display: flex;
      align-items: center;
      text-decoration: none;
      white-space: nowrap;
      transition: 0.3s;
      font-size: 14px;
      color: #999;
      border-radius: 3px;
      background-color: none;
      font-weight: 400;
      padding: 13px 14px;
      margin: 5px 13px;
      font-family: "IBM Plex Sans";
      /*.navbarIcon {
                width: $icon-size;
                height: $icon-size;
                stroke-width: $icon-stroke;
                margin-right: $icon-margin-r;
                margin-left: $icon-margin-l;
            }*/ }
      .navbarLeft .navbarBody .navbarLink:hover {
        color: #ccc;
        background-color: none; }
      .navbarLeft .navbarBody .navbarLink.active {
        background-color: #000;
        color: #fff;
        font-weight: 500; }
        .navbarLeft .navbarBody .navbarLink.active .navbarDotActive {
          display: block;
          border-radius: 50%;
          margin-left: auto;
          background-color: #9FDC48;
          width: 5px;
          height: 5px; }
      .navbarLeft .navbarBody .navbarLink .navbarDotActive {
        display: none; }
      .navbarLeft .navbarBody .navbarLink .navbarDot {
        display: block;
        border-radius: 50%;
        margin-left: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 11px;
        background-color: #222;
        width: 24px;
        height: 24px;
        color: #fff; }
  .navbarLeft .navbarDivider {
    position: relative;
    border-top: 1px solid #666;
    margin: 5px 0 0px 0; }
  .navbarLeft .navbarHideButton {
    display: none; }
    @media (max-width: 991px) {
      .navbarLeft .navbarHideButton {
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        margin-left: auto;
        cursor: pointer;
        padding: 10px 10px;
        border-radius: 4px;
        color: #fff;
        background-color: #222; }
        .navbarLeft .navbarHideButton svg {
          width: 16px;
          height: 16px; } }
  .navbarLeft .navbarOpenButton {
    display: none; }

.navbarStrip.navbarStrip-active {
  width: 80px; }
  .navbarStrip.navbarStrip-active .navbarHeader {
    flex-direction: column;
    flex-flow: column-reverse; }
    .navbarStrip.navbarStrip-active .navbarHeader span:not(.k-icon) {
      display: none; }
    .navbarStrip.navbarStrip-active .navbarHeader p {
      display: none; }
    .navbarStrip.navbarStrip-active .navbarHeader .navbarLogo {
      margin: 0;
      margin-top: 20px; }
    .navbarStrip.navbarStrip-active .navbarHeader .navbarOpenButton {
      margin: 0; }
  .navbarStrip.navbarStrip-active .navbarTitle {
    display: none; }
  .navbarStrip.navbarStrip-active .navbarBody .navbarLink {
    justify-content: center;
    /*.navbaricon {
                    margin: 0;
                }*/ }
    .navbarStrip.navbarStrip-active .navbarBody .navbarLink span {
      display: none; }
    .navbarStrip.navbarStrip-active .navbarBody .navbarLink p {
      display: none; }
    .navbarStrip.navbarStrip-active .navbarBody .navbarLink .navbarDotActive {
      display: none; }
    .navbarStrip.navbarStrip-active .navbarBody .navbarLink .navbarDot {
      display: none; }
  .navbarStrip.navbarStrip-active .navbarHideButton {
    display: none; }
  .navbarStrip.navbarStrip-active .navbarOpenButton {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    margin-left: auto;
    cursor: pointer;
    padding: 10px 10px;
    border-radius: 4px;
    color: #fff;
    background-color: #222; }
    .navbarStrip.navbarStrip-active .navbarOpenButton svg {
      width: 16px;
      height: 16px; }

.navbarHide.navbarHide-active {
  width: 0px;
  display: block; }

.navbarHide .navbarHideButton {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  margin-left: auto;
  cursor: pointer;
  padding: 10px 10px;
  border-radius: 4px;
  color: #fff;
  background-color: #222; }
  .navbarHide .navbarHideButton svg {
    width: 16px;
    height: 16px; }

.navbarHide-active .navbarFixed {
  transition: visibility 0.1s, opacity 0.1s linear;
  visibility: hidden;
  opacity: 0; }

.navbarFixed {
  position: fixed;
  width: inherit;
  z-index: 9999; }

.navbarExternalOpenButton {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 20px;
  background-color: #222;
  color: #fff;
  padding: 10px 10px;
  border-radius: 0 4px 4px 0; }
  .navbarExternalOpenButton svg {
    width: 16px;
    height: 16px; }

.navbarMargin {
  height: 100vh; }
  .navbarMargin.navbarHide-active {
    transition: 0.2s;
    width: 0; }
  .navbarMargin.navbarStrip-active {
    transition: 0.2s;
    width: 80px; }
  .navbarMargin.navbarLeft-active {
    transition: 0.2s;
    width: 260px; }

/*<div id="navbar" class="navbarLeft navbarStrip navbarHide navbarFixed" > </div >
    <div class="navbarExternalOpenButton" onclick="navbarOpen()" >
        <i data-feather="chevron-right" > </i >
    </div >
    <div class="navbarMargin"></div>

    <script id="javascriptTemplate" type="text/x-kendo-template" >
    <div class="navbarFixed" >
        <div class="navbarHeader navbarFixed" >
            <div class="navbarLogo" > </div >
            <span >
                Sites Monitor
            </span >
            <a class="navbarHideButton" onclick="navbarClose()" > <i data-feather="chevron-left" > </i > </a >
            <a class="navbarOpenButton" onclick="navbarOpen()" > <i data-feather="chevron-right" > </i > </a >
        </div >
        <div class="navbarTitle navbarFixed" >
            Administracao
        </div >
    </div >

    <div class="navbarBody" >
    # data.forEach(function (group, index) {#
        # group.links.forEach(function (link, index) {#
        <a class="navbarLink #= link.Active #" href="#= link.Url #">
            <i class="navbarIcon" data-feather="#= link.Icon #"></i>
            <span>#: link.Name #</span>
            #if(link.Unseen){#
            <div class="navbarDot">#= link.Unseen #</div>
            #}else{#
            <div class="navbarDotActive"></div>
            #}#
        </a>
        #})#

        # if (index != data.length - 1) {#
        <hr class="navbarDivider" />
        #}#
        #})#
    </div >
</script >

<script>
//Get the external template definition using a jQuery selector
var template = kendo.template($("#javascriptTemplate").html());

var result = template(groups); //Execute the template
$("#navbar").html(result); //Append the result
</script>*/

/*
    Receive unit and return the number
    Eg. 14px returns 14, 2em returns 2
*/
/*
    Used in elements that have font-size different from default-font-size
*/
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local("Montserrat-Regular"), url("/core/content/fonts/Montserrat-Regular.otf") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local("Montserrat-Bold"), url("/core/content/fonts/Montserrat-Bold.otf") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }

html,
html > body,
html > body > .content,
html > body > .content > *[ng-include="'core/views-shared/index.html'"],
html > body > .content .index-grid {
  height: 100%; }

html.login body .right-menu {
  background-color: rgba(7, 76, 122, 0.4);
  background-blend-mode: darken; }

html.login,
html.login body,
html.login body .content,
html.login body .content > .row,
html.login body .content > .row > *,
html.login body .content > .row .background-hover-image {
  height: 100%; }

html.login {
  overflow-x: hidden; }
  html.login .content {
    margin: 0 !important;
    padding: 0; }
    html.login .content .login-logo-wrapper {
      width: 100%;
      max-width: 27.571em;
      margin-top: 8.214em;
      text-align: left;
      margin-left: auto;
      margin-right: auto; }
      html.login .content .login-logo-wrapper > img.login-logo {
        max-height: 3.5em;
        max-width: 18.5em; }

.login-menu {
  margin: auto;
  width: 36.250em;
  min-height: 22.917em; }
  .login-menu .navbar-brand *:first-child {
    float: none;
    height: auto;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold; }

@media (min-height: 530px) {
  .login-menu {
    position: absolute;
    top: 50%;
    margin-top: -11.417em;
    /* elem-height/2 */ } }

@media (min-width: 450px) {
  .login-menu {
    position: absolute;
    left: 50%;
    margin-left: -18.333em;
    /* elem-width/2 */ } }

.login-form-wrapper {
  width: 100%;
  border: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }
  .login-form-wrapper .login-wrapper {
    width: 100%;
    max-width: 27.571em; }
    .login-form-wrapper .login-wrapper .field {
      border: none; }
    .login-form-wrapper .login-wrapper string-input .field-input {
      width: 100%; }
      .login-form-wrapper .login-wrapper string-input .field-input > input {
        padding: 0.3em 0.2em;
        height: auto;
        background-color: rgba(255, 255, 255, 0.7); }
    .login-form-wrapper .login-wrapper button.submit-button {
      width: 100%;
      border-radius: 4px;
      background-color: #005C81;
      padding-top: 0;
      padding-bottom: 0;
      line-height: 4em; }
    .login-form-wrapper .login-wrapper button.submit-button:disabled {
      background-color: #005C81 !important; }
    .login-form-wrapper .login-wrapper .k-button.k-primary:focus,
    .login-form-wrapper .login-wrapper .k-button.k-primary:hover,
    .login-form-wrapper .login-wrapper .k-button.k-primary:hover:focus {
      background-color: #00384e; }

.language-bottom-menu {
  bottom: 3em;
  position: absolute;
  left: 4em; }
  .language-bottom-menu a {
    color: black; }
  .language-bottom-menu .dropdown-menu > li > a {
    padding: 0; }
  .language-bottom-menu ul.dropdown-menu {
    padding: 0;
    min-width: 0; }

body {
  color: #333;
  font-family: 'Open Sans', sans-serif;
  background-color: white; }

@media screen and (min-width: 1400px) {
  body {
    font-size: 14px; } }

@media screen and (max-width: 1400px) {
  body {
    font-size: 12px; } }

.nav {
  color: #919191;
  font-family: 'Montserrat', sans-serif; }

.nav .dropdown-menu > li > * {
  font-size: 9pt;
  color: #A5B6C5; }

.dropdown-menu > li > span {
  display: block;
  padding: 0.250em 1.667em;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  white-space: nowrap;
  cursor: default; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #222;
  font-family: 'Montserrat', sans-serif;
  line-height: 1.34;
  text-rendering: auto;
  /* Android browser */ }

label {
  font-family: Open Sans, sans-serif;
  color: #333;
  font-weight: normal; }

.label-upper-input {
  margin-bottom: 0.83em; }

.k-content.k-state-active *,
.k-content.k-state-active *::before,
.k-content.k-state-active *::after,
.k-window .row,
.k-window .row * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

div.k-window-content.core-confirmation-window {
  overflow-x: hidden; }
  div.k-window-content.core-confirmation-window .form-group {
    min-height: 3em; }

.k-tabstrip .k-animation-container,
.k-tabstrip .k-animation-container *,
.k-tabstrip .k-animation-container:after,
.k-tabstrip .k-block .k-header,
.k-tabstrip .k-list-container,
.k-tabstrip .k-widget,
.k-tabstrip .k-widget *,
.k-tabstrip .k-widget:before {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.fieldlist.well.first,
.fieldlist.well:first-child {
  border-radius: 0;
  border-top-left-radius: 0.333em;
  border-top-right-radius: 0.333em; }

.fieldlist.well.last,
.fieldlist.well:last-child {
  border-radius: 0;
  border-bottom-left-radius: 0.333em;
  border-bottom-right-radius: 0.333em; }

.k-tabstrip .fieldlist.well.last,
.k-tabstrip .fieldlist.well:last-child {
  border-bottom: none; }

#map {
  height: 15.000em; }

.navbar-default {
  background-color: #1F496F;
  border: none;
  box-shadow: 0 0 0.833em #A8A8A8; }

.navbar .dropdown-menu > li.separator {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 0.25em;
  margin-bottom: 0.25em; }

.dropdown-menu > li {
  cursor: pointer; }

button.button-login-wrapper {
  background-color: #8B8C8B;
  padding: 0.5em 1em; }

button.button-login-wrapper.active,
button.button-login-wrapper {
  border-width: 0;
  color: white; }

button.button-login-wrapper.active,
button.button-login-wrapper:hover {
  background-color: #00384e; }

.login-wrapper .app-name {
  height: 20%;
  width: 50%;
  color: white;
  font-family: Montserrat;
  font-size: 36px;
  font-style: italic;
  font-weight: 200;
  line-height: 52px; }

div.description-area {
  margin-top: 2.5em; }
  div.description-area .app-description {
    color: white;
    line-height: 1.5em;
    font-size: 16px;
    max-width: 45em; }
    div.description-area .app-description p {
      margin: 0 0 1.5em; }
    div.description-area .app-description li {
      margin-bottom: 0.25em; }

.background-hover-image {
  background-color: rgba(7, 76, 122, 0.4); }

.login-menus {
  padding: 2em 0;
  text-align: left; }

.login-menus-with-register {
  border-bottom: 0.25em solid #00384e; }

.logo-image > img {
  width: 21.500em; }

.logo-image {
  margin: 0 0 7.143em 0; }

.content {
  /*max-width: 1120px;*/
  /*margin: auto;*/
  padding-top: 8.0em;
  max-width: none !important; }

.content .form-wrapper {
  padding-top: 5em;
  margin-left: 1.5em;
  margin-right: 1.5em; }

.content .form-wrapper.inline {
  padding-top: 2.500em; }

.main-title {
  display: inline-block;
  /*margin-left: 1.667em;*/ }

.title {
  color: #005C81;
  font-weight: bold;
  font-size: 14pt;
  font-family: 'Montserrat', sans-serif; }

.k-button {
  text-transform: none;
  border: none;
  border-radius: 4px;
  padding: 0.50em 1.25em;
  color: #666666;
  background-color: #EBEBEB; }

.k-button:not([disabled]):hover {
  color: #666666;
  background-color: #cacaca; }

.k-button.k-warning {
  background-color: #ffc107;
  color: #111;
  background-image: none;
  border: 1px solid #ffc107; }

.k-button.k-warning:hover,
.k-button.k-warning:focus,
.k-button.k-warning:hover:focus,
.k-button.k-warning:active {
  background-color: #e0a800;
  color: #111;
  border: 1px solid #e0a800; }

.k-button.k-danger {
  background-color: #dc3545;
  color: white;
  background-image: none;
  border: 1px solid #dc3545; }

.k-button.k-danger:hover,
.k-button.k-danger:focus,
.k-button.k-danger:hover:focus,
.k-button.k-danger:active {
  background-color: #c82333;
  color: white;
  border: 1px solid #c82333; }

.k-button.k-success {
  background-color: #10B683;
  color: white;
  background-image: none;
  border: 1px solid #10B683; }

.k-button.k-success:hover,
.k-button.k-success:focus,
.k-button.k-success:hover:focus,
.k-button.k-success:active {
  background-color: #0c8761;
  color: white;
  border: 1px solid #0c8761; }

.k-button.k-secondary {
  background-color: white;
  color: #005C81;
  background-image: none;
  border: 1px solid #005C81; }

.k-button.k-secondary:hover,
.k-button.k-secondary:focus,
.k-button.k-secondary:hover:focus,
.k-button.k-secondary:active {
  background-color: #005C81;
  color: white;
  border: 1px solid #005C81; }

.k-button.k-primary {
  background-color: #005C81;
  color: white;
  background-image: none;
  border: 1px solid #005C81; }

.k-button.k-primary:hover,
.k-button.k-primary:focus,
.k-button.k-primary:hover:focus,
.k-button.k-primary:active {
  background-color: #00384e;
  color: white;
  border: 1px solid #00384e; }

.k-button.k-primary[type="submit"] {
  background-color: #005C81; }

.k-button.k-primary[type="submit"]:hover,
.k-button.k-primary[type="submit"]:focus,
.k-button.k-primary[type="submit"]:hover:focus,
.k-button.k-primary[type="submit"]:active {
  background-color: #00384e; }

.well {
  background-color: white;
  border-radius: 0.3em;
  box-shadow: 0 0.250em 0.500em #D4D4D4; }

@media (min-width: 768px) {
  .navbar-nav > li > a.img {
    padding-top: 1.000em;
    padding-bottom: 1.000em; } }

/* Map */
.k-map .k-marker {
  background-image: url("/content/images/icons/kendo-markers.png"); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .k-map .k-marker {
    background-image: url("/content/images/icons/kendo-markers_2x.png"); } }

.k-map .k-marker-red {
  background-image: url("/content/images/icons/markers-red.png"); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .k-map .k-marker-red {
    background-image: url("/content/images/icons/markers-red@2x.png"); } }

.k-map .k-marker-yellow {
  background-image: url("/content/images/icons/markers-yellow.png"); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .k-map .k-marker-yellow {
    background-image: url("/content/images/icons/markers-yellow@2x.png"); } }

.k-map .k-marker-blue {
  background-image: url("/content/images/icons/markers-blue.png"); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .k-map .k-marker-blue {
    background-image: url("/content/images/icons/markers-blue@2x.png"); } }

.k-loading-mask {
  z-index: 100000; }

.loader {
  display: none; }

#page-loading.k-loading-mask:first-child {
  top: 0;
  left: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3); }

.k-loading-image {
  background-image: url("/core/content/images/icons/loading-image.gif"); }

.k-widget.k-tooltip-validation {
  display: block;
  text-align: left;
  padding-right: 3em;
  border-color: transparent;
  background-color: transparent;
  padding: 0;
  color: #d00;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }

.k-widget.k-tooltip-validation > span {
  display: none; }

.fieldlist > li > div {
  min-height: 7.500em; }

.k-tabstrip-wrapper > div > div.k-content > .fieldlist.well {
  border-left: none;
  border-right: none;
  box-shadow: none;
  padding: 1.5em 0.5em; }

.k-tabstrip-wrapper > div > div.k-content > .fieldlist.well.first,
.k-tabstrip-wrapper > div > div.k-content > .fieldlist.well:first-child {
  border-top: none; }

.k-tabstrip-wrapper > div > div.k-content > .fieldlist.well.last,
.k-tabstrip-wrapper > div > div.k-content > .fieldlist.well:last-child {
  border-bottom: none; }

.k-tabstrip .k-state-active {
  border: none; }

.k-tabstrip:focus {
  box-shadow: none; }

.k-tabstrip-items > li.k-state-hover,
.k-tabstrip-items > li.k-state-active:hover {
  color: #515967;
  background-color: white;
  border-radius: 0; }

.k-tabstrip-items .k-state-hover .k-link {
  color: #515967; }

.k-tabstrip .k-tabstrip-items {
  font-family: 'Montserrat', sans-serif; }

.k-tabstrip-top > .k-tabstrip-items > .k-item {
  text-transform: none; }

.k-tabstrip-top > .k-tabstrip-items > .k-item {
  color: #777; }

.k-tabstrip-top > .k-tabstrip-items > .k-item.k-state-active {
  color: #555; }

.k-tabstrip > div.k-content {
  border-top-color: #e3e3e3;
  border-top-style: solid;
  border-top-width: 0.083em; }

ul.notification-list {
  padding-top: 0; }

ul.notification-list > li:last-child {
  border-top: 0.083em solid #C4C4C4; }

.notification-list ul {
  max-height: 16.667em;
  overflow-y: auto;
  /* bootstrap copy */
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  z-index: 1000;
  min-width: 13.333em;
  padding: 0;
  margin: 0;
  text-align: left;
  list-style: none;
  background-color: #fff; }

.notification-list ul > li:first-child {
  padding-top: 0.417em;
  margin-top: 0.167em; }

.open .notification-list ul {
  /* bootstrap copy */
  display: block; }

.notification-list ul > li:nth-child(odd) {
  background-color: white; }

.notification-list ul > li:nth-child(even) {
  background-color: #FAFAFA; }

.notification-list ul li > * {
  font-size: 9pt;
  color: #919191; }

.notification-list ul li > a {
  display: block;
  padding: 0.250em 1.667em;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  white-space: nowrap; }

.notification-list ul > li > a:focus,
.notification-list ul > li > a:hover {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5; }

a.with-badge {
  position: relative;
  display: inline-block; }

.badge.custom-badge {
  position: absolute;
  right: 0.417em;
  top: 0.417em;
  background-color: red; }

a.with-image {
  background-repeat: no-repeat;
  height: 4.167em;
  width: 4.667em;
  background-position: 1.250em 1.000em; }

.inline-button:not(:first-child) {
  margin-left: 1em; }

.title > img {
  max-height: 2.500em;
  margin-right: 0.083em; }

.ellipsis,
div.k-grid-content td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.value-change {
  box-shadow: #517FBC 0 0 0.417em;
  color: #517FBC !important; }

.popup-notification {
  display: grid;
  grid-template-columns: 1fr 4fr;
  color: #ffffff;
  width: 29.167em;
  height: 6.083em; }
  .popup-notification p {
    font-family: "Open Sans", sans-serif; }
  .popup-notification img {
    height: 3.2em; }

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

.k-notification {
  height: 6.083em; }

.footer {
  position: fixed;
  background-color: #E5E8EB;
  height: 3.750em !important;
  line-height: 3.750em !important;
  bottom: 0;
  width: 100%;
  display: block;
  font-size: 0.85em; }

.footer > div > p > span {
  font-size: 0.75em; }

.text-muted {
  color: #777; }

.footer > div > p {
  margin: 0 !important; }

.container-fluid {
  padding-right: 2.500em;
  padding-left: 2.500em;
  margin-right: auto;
  margin-left: auto; }

.validation-summary-errors > ul {
  list-style-type: none;
  margin-left: -3.333em;
  margin-bottom: 0; }

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #A5B6C5; }

.navbar-default .navbar-nav > li:not(.active):hover,
.navbar-default .navbar-nav > .open {
  border-bottom: 0.167em solid white;
  /*height: 4.167em;*/ }

.navbar-default .navbar-nav > .open {
  border-color: #173653 !important; }
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:focus,
  .navbar-default .navbar-nav > .open > a:hover {
    color: white;
    background-color: #173653; }

.dropdown-menu {
  left: -1px; }

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: -1px; } }

textarea {
  max-width: 100%; }

textarea.k-textbox {
  padding: 0.167em 0.3em;
  height: 6.667em; }

.k-window ul.fieldlist {
  padding: 0; }

.k-calendar .k-today {
  background-color: #D1D1E3; }

.k-calendar .k-state-selected.k-today {
  background-color: #005C81; }

.k-invalid-msg {
  position: absolute;
  top: 100%;
  z-index: 2;
  clear: both;
  color: #d00;
  font-size: 0.917em; }

.main-title > a.edit {
  font-size: 10pt;
  margin-left: 0.2em;
  color: #00384e; }

.error-img {
  margin-right: 1em;
  margin-top: 2.000em; }

.error-img > img {
  max-height: 8.333em; }

.error-img,
.error-message {
  display: inline-block;
  vertical-align: middle; }

ul.login-menu > li:last-child {
  text-align: center !important; }

.login-menu .k-primary {
  background-color: #00384e;
  border: 0.167em solid white;
  padding: 1em 3em;
  border-radius: 1.667em;
  font-weight: bold; }

.login-menu .k-primary:hover,
.login-menu .k-primary:focus,
.login-menu .k-primary:active:hover {
  color: #00384e;
  background-color: white;
  border-color: white; }

.login-menu input {
  background-color: #00384e !important;
  border: none !important;
  border-bottom: 0.167em solid white !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: white; }

.login-menu > .navbar-brand {
  text-align: center;
  padding-top: 0;
  padding-bottom: 2em;
  padding-left: 0;
  padding-right: 0;
  color: white;
  float: none !important;
  height: auto; }

.login-menu > .navbar-brand hr {
  margin: 0.833em 0; }

.login-menu > .navbar-brand > div {
  padding-bottom: 0 !important; }

.k-tabstrip > .k-tabstrip-items > .k-item {
  border: none; }

ul.k-tabstrip-items.k-reset {
  border: none; }

.k-tabstrip > div.k-content {
  border-top: none; }

.k-tabstrip-items .k-state-default .k-link {
  color: #94A3A7;
  font-weight: normal; }

.k-tabstrip-top > .k-tabstrip-items > .k-item.k-state-active .k-link {
  color: #00384e;
  font-weight: bold; }

.k-tabstrip-items > li,
.k-button.squared {
  border: none !important;
  border-bottom-width: 0 !important; }

.k-button.squared:not(.k-primary):hover,
.k-tabstrip-items > li.k-state-hover,
.k-tabstrip-items > li.k-state-active {
  background-color: white;
  border-width: 0 !important; }

.k-tabstrip-left > .k-tabstrip-items .k-item {
  border-radius: 0; }

.k-tabstrip .k-content {
  overflow: hidden; }

.k-button.squared {
  border-radius: 0;
  width: 100%; }

.k-button.k-primary.tab {
  border-bottom: 0.167em solid #00384e !important; }

.k-button.tab:hover {
  color: #515967; }

.k-button.k-primary.tab:hover {
  background-color: #00384e;
  color: white; }

.k-primary:focus:active:not(.k-state-disabled):not([disabled]),
.k-primary:focus:not(.k-state-disabled):not([disabled]) {
  box-shadow: #00384e; }

.k-button.k-primary:active:hover,
.k-button.k-primary.k-state-active:hover {
  /*color: #ffffff;*/
  border-color: #00384e;
  background-color: #00384e;
  color: #F1F3F4; }

.k-header .k-i-excel {
  background-position: -26.333em -22.333em;
  opacity: 1;
  margin-right: 3px; }

.k-header .k-button:hover > .k-i-excel {
  background-position: -24.333em -22.417em;
  opacity: 1; }

.navbar-header > .navbar-brand {
  color: white;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold; }

.navbar-nav > li > .dropdown-menu {
  background-color: #173653;
  color: white; }

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  color: white;
  background-color: #173653;
  border-bottom: 0.167em solid white; }

.navbar-default .navbar-nav > :not(:hover):not(.open) > a {
  border-bottom: 0.167em solid #1F496F; }

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  color: white;
  background-color: #173653;
  border-bottom-color: #173653; }

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  background-color: #173653; }

.dropdown-menu > li > a {
  padding-bottom: 0.083em;
  border-bottom: 0.167em solid #173653; }

dropdownlist-input.ng-hide > div {
  opacity: 0; }

dropdownlist-input > div {
  opacity: 1;
  transition: 0.5s linear opacity; }

.k-editable:not(.incell) tbody td:last-child {
  text-align: right; }

.clickable {
  cursor: pointer; }

.k-remove {
  border-color: #dc3545;
  color: #dc3545; }

.k-remove:hover,
.k-remove:focus {
  background-color: #dc3545; }

.k-remove.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
  background-color: #dc3545;
  box-shadow: inset 0 0 0.25em 0.083em #dc3545;
  color: white; }

.k-button.k-upload-button > .k-tooltip-validation.k-invalid-msg {
  min-width: 15em; }

td .col-md-12 {
  webkit-box-sizing: border-box;
  box-sizing: border-box; }

td string-input[type='textarea'] > .row:last-child {
  margin-bottom: initial; }

.k-dropzone em {
  visibility: visible; }

td div.row > div,
td div.row > div textarea,
switch-input span {
  box-sizing: border-box !important; }

.badge.yellow {
  background-color: #ffc107; }

tr.selected .badge.yellow {
  color: white;
  background-color: transparent;
  border: 0.083em solid #ffc107;
  text-shadow: 0 0 0.083em #ffc107;
  box-shadow: 0 0 0.333em #ffc107; }

.badge.green {
  background-color: #10B683; }

tr.selected .badge.green {
  color: white;
  background-color: transparent;
  border: 0.083em solid #10B683;
  text-shadow: 0 0 0.083em #10B683;
  box-shadow: 0 0 0.333em #10B683; }

.badge.red {
  background-color: #dc3545; }

tr.selected .badge.red {
  color: white;
  background-color: transparent;
  border: 0.083em solid #dc3545;
  text-shadow: 0 0 0.083em #dc3545;
  box-shadow: 0 0 0.333em #dc3545; }

.badge.blue {
  background-color: #005C81; }

tr.selected .badge.blue {
  color: white;
  background-color: transparent;
  border: 0.083em solid #005C81;
  text-shadow: 0 0 0.083em #005C81;
  box-shadow: 0 0 0.333em #005C81; }

.k-button.squared.tab {
  width: 50%;
  display: block;
  padding-left: 0;
  padding-right: 0;
  float: left; }

.tab.k-button:not(.k-state-disabled):not([disabled]) {
  box-shadow: none !important; }

.btn-group > .btn.btn-default:not(.selected) {
  background-color: #eff0f1;
  color: #949596; }

.btn-default.focus.selected,
.btn-default.selected:focus {
  color: initial;
  background-color: initial;
  border-color: initial;
  outline: none; }

.documents-list > .well {
  margin-bottom: 0; }

.documents-filters {
  margin-left: 2em; }

.project-side-info > div {
  padding: 0.5em 1em; }

.project-side-info-tabs {
  display: flex; }

.server-connection-status {
  padding-top: 1.333em; }

li.server-connection-status:hover {
  border-bottom: initial !important;
  height: initial !important; }

a.k-pager-refresh:hover {
  background-color: transparent !important; }

.main-title {
  margin-left: 1.5em; }

.static-bar {
  position: fixed;
  display: block;
  z-index: 10;
  width: 100%;
  left: 0;
  line-height: 4.167em; }
  @media screen and (max-width: 1400px) {
    .static-bar {
      top: 4em; } }
  @media screen and (min-width: 1400px) {
    .static-bar {
      top: 4em; } }

.static-bar > .title-section {
  position: initial; }

.title-section form-buttons {
  float: right;
  margin-right: 1.5em; }

.title-section {
  position: fixed;
  display: block;
  z-index: 10;
  box-shadow: #e5e5e5 0 0.083em 0.25em;
  background-color: #f4f4f5;
  width: 100%;
  left: 0;
  height: 4em;
  line-height: 4em; }

.nav > li > a {
  padding: 0.833em 1.250em; }

.navbar-nav > li > a {
  padding-top: 0.833em;
  padding-bottom: 0.833em; }

@media (min-width: 768px) {
  .navbar-nav > li > a {
    padding-top: 1.250em;
    padding-bottom: 1.250em; } }

.bread-crumb {
  display: inline-block; }
  .bread-crumb .bread-crumb-path:first-of-type {
    margin-left: 1.5em; }
  .bread-crumb .bread-crumb-path .bread-crumb-title,
  .bread-crumb .bread-crumb-path a {
    color: #337ab7; }
  .bread-crumb .bread-crumb-edit,
  .bread-crumb .field {
    display: inline-block; }
    .bread-crumb .bread-crumb-edit .validation-items .characters-count,
    .bread-crumb .field .validation-items .characters-count {
      top: -1.6em; }
  .bread-crumb .bread-crumb-edit .edit-name {
    display: inline-block;
    min-width: 10em; }
  .bread-crumb .bread-crumb-edit .k-primary:disabled {
    color: #cbcbcf; }

@media (min-width: 1024px) {
  .bread-crumb .bread-crumb-edit.sm .field {
    width: 10em; }
  .bread-crumb .bread-crumb-edit.md .edit-name {
    min-width: 15em; }
  .bread-crumb .bread-crumb-edit.md .field {
    width: 20em; }
  .bread-crumb .bread-crumb-edit.lg .edit-name {
    min-width: 20em; }
  .bread-crumb .bread-crumb-edit.lg .field {
    width: 30em; } }

@media (min-width: 1280px) {
  .bread-crumb .bread-crumb-edit.sm .edit-name {
    min-width: 15em; }
  .bread-crumb .bread-crumb-edit.sm .field {
    width: 15em; }
  .bread-crumb .bread-crumb-edit.md .edit-name {
    min-width: 20em; }
  .bread-crumb .bread-crumb-edit.md .field {
    width: 25em; }
  .bread-crumb .bread-crumb-edit.lg .edit-name {
    min-width: 30em; }
  .bread-crumb .bread-crumb-edit.lg .field {
    width: 35em; } }

@media (min-width: 1440px) {
  .bread-crumb .bread-crumb-edit.sm .edit-name {
    min-width: 15em; }
  .bread-crumb .bread-crumb-edit.sm .field {
    width: 20em; }
  .bread-crumb .bread-crumb-edit.md .edit-name {
    min-width: 25em; }
  .bread-crumb .bread-crumb-edit.md .field {
    width: 30em; }
  .bread-crumb .bread-crumb-edit.lg .edit-name {
    min-width: 30em; }
  .bread-crumb .bread-crumb-edit.lg .field {
    width: 40em; } }

a.with-badge {
  position: relative;
  display: inline-block; }

.badge.custom-badge {
  position: absolute;
  right: 5px;
  top: 5px;
  background-color: red; }

a.with-image {
  background-repeat: no-repeat;
  height: 50px;
  width: 56px;
  background-position: 15px 12px; }

a.with-image.notifications {
  background-image: url("/core/content/images/icons/26px/notification_26px.png"); }

.left-menu {
  background-color: #fafafa;
  text-align: center;
  height: 100%; }

.left-menu-content {
  background-color: #fafafa;
  text-align: center;
  height: 100%; }

.col-centered {
  float: none;
  margin: 0 auto; }

.app-text-area {
  margin: 8.214em; }

.row.row-eq-height {
  display: flex; }

.k-button {
  display: inline-block; }

.static-bar .main-title {
  margin-left: 0px; }

.static-bar .title-section div.title {
  padding-left: 1.5em; }

.static-bar .title-section span.title {
  padding-left: 1.5em; }

.static-bar .title-section .pull-right .k-button {
  margin-right: 1.5em; }

.k-window .k-window-titlebar {
  padding-left: 0; }

.k-window .k-window-title {
  padding: 0;
  /*
            v2018.1.221 - less 0.38em because Kendo puts an space (&nbsp) before the content
            On v2018.2.516 it's fixed
        */
  padding-left: calc( calc( 1.5 * 12px) - 0.38em); }

.k-window .k-window-content {
  padding: 1.5em; }

.info-icon {
  white-space: nowrap;
  color: #005C81;
  font-size: 11pt;
  font-weight: bold;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: .5em;
  width: 20px;
  height: 20px;
  min-width: 20px;
  border: 1px solid;
  border-radius: 50%;
  transition: 0.25s;
  text-decoration: none;
  font-weight: bold;
  display: inline-flex; }
  .info-icon:focus {
    text-decoration: none;
    color: #fff;
    background-color: #005C81;
    border-color: #005C81; }
  .info-icon:hover {
    text-decoration: none; }

@media (max-width: 1037px) {
  .info-icon {
    min-width: 18px;
    width: 18px;
    height: 18px; } }

.tooltip,
.popover {
  position: fixed; }

.language-bottom-menu .dropdown-menu > li > a:focus,
.language-bottom-menu .dropdown-menu > li > a:hover,
.language-bottom-menu .navbar-default .navbar-nav > .active > a,
.language-bottom-menu .navbar-default .navbar-nav > .active > a:focus,
.language-bottom-menu .navbar-default .navbar-nav > .active > a:hover,
.language-bottom-menu .dropdown-menu > .active > a,
.language-bottom-menu .dropdown-menu > .active > a:focus,
.language-bottom-menu .dropdown-menu > .active > a:hover {
  color: #333;
  background-color: #F8F8F8;
  border-bottom: 0.286em solid #286CAF; }

.language-bottom-menu .dropdown-menu > li > a {
  padding-bottom: 0.083em;
  border-bottom: 0.286em solid transparent; }

.language-bottom-menu .dropdown-menu > li:hover,
.language-bottom-menu .dropdown-menu > li {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  white-space: nowrap; }

.image-preview {
  margin: auto;
  text-align: center; }
  .image-preview img {
    max-width: 100%;
    max-height: 44vh;
    background: white; }

.label-with-popup .data-info {
  white-space: nowrap;
  color: #005C81;
  font-size: 11pt;
  font-weight: bold;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: .5em;
  width: 20px;
  height: 20px;
  min-width: 20px;
  border: 1px solid;
  border-radius: 50%;
  transition: 0.25s;
  text-decoration: none;
  font-weight: bold;
  float: left; }
  .label-with-popup .data-info:focus {
    text-decoration: none;
    color: #fff;
    background-color: #005C81;
    border-color: #005C81; }
  .label-with-popup .data-info:hover {
    text-decoration: none; }

.label-with-popup .label-title {
  float: left; }

.label-with-popup.with-label-placeholder {
  width: 100%; }

.label-with-popup.inside-input {
  position: relative;
  float: right;
  top: 2em;
  z-index: 1;
  margin-right: 1.5em; }

.k-file-name-size-wrapper {
  max-width: calc(100% - 1em 
 - 0.17em 
 - 24px 
 - 4px
 - 1em
 - 1em
 - 3px); }

.outline-none {
  outline: none !important; }

/*
    Receive unit and return the number
    Eg. 14px returns 14, 2em returns 2
*/
/*
    Used in elements that have font-size different from default-font-size
*/
input {
  color: #515967;
  box-shadow: none;
  -webkit-transition: box-shadow 0.5s, color 0.5s;
  /* Safari */
  transition: box-shadow 0.5s, color 0.5s; }

.km-switch-background {
  color: #005C81; }

span.km-switch-on > span.km-switch-container > span.km-switch-handle {
  color: #005C81; }

.km-switch-label-off, .km-switch-label-on {
  text-transform: none; }

input.k-textbox.disabled,
textarea.k-textbox.disabled,
.k-multiselect.k-header.disabled,
.disabled {
  background-color: #F9F9F9 !important;
  border-color: #F9F9F9;
  color: #566472;
  /*background-color: #EDEDED !important;*/ }

.fieldlist .title {
  font-size: 11pt;
  color: #94A3A7; }

.fieldlist > li {
  list-style: none;
  padding-bottom: 0;
  text-align: left;
  margin-right: -1.250em;
  margin-left: -1.250em;
  padding-bottom: 0; }

.fieldlist > li:first-child > div {
  min-height: 0;
  padding-bottom: 2.5em; }

.fieldlist > li:after,
.fieldlist > li:before {
  display: table;
  content: " "; }

.fieldlist > li:after {
  clear: both; }

.fieldlist .field {
  margin-bottom: 1em;
  min-height: 4em;
  border-bottom: .083em solid #f0f0f0; }

.fieldlist *:last-child > .field {
  border-bottom: .083em solid transparent; }

.fieldlist switch-input > .field {
  min-height: 3em; }

.fieldlist string-input[type="textarea"] > .field {
  min-height: 8.2em; }

.currency-input input,
span.k-widget.k-numerictextbox span.k-numeric-wrap input {
  text-align: right; }

.field-wrapper input.k-textbox,
.field-wrapper textarea.k-textbox,
.field-wrapper .k-numerictextbox > .k-numeric-wrap,
.field-wrapper .k-datepicker > .k-picker-wrap,
.field-wrapper .k-dropdown > .k-dropdown-wrap {
  border: 1px solid #dadada;
  box-shadow: none;
  border-radius: 3px; }

.k-numeric-wrap {
  padding-right: 2.5em; }

string-input[type='textarea'] > .row:last-child {
  margin-bottom: 3.000em; }

.navbar,
.k-picker-wrap,
.k-list .k-state-hover,
.k-numerictextbox,
.k-numeric-wrap,
.k-numeric-wrap .k-link,
.k-numeric-wrap .k-link + .k-link,
.k-textbox,
.k-autocomplete,
.k-textbox > input,
.k-autocomplete .k-input,
.k-multiselect-wrap,
.k-list .k-state-hover,
.k-list .k-state-focused,
.k-list .k-state-highlight,
.k-list .k-state-selected,
.k-fieldselector .k-list .k-item,
.k-list-optionlabel,
.k-dropzone,
.k-dropdown,
.k-dropdown-wrap,
.k-dropdown-wrap .k-input,
.k-dropdown-wrap .k-select {
  border-radius: 0; }

.k-autocomplete.k-state-hover,
.k-autocomplete.k-state-focused,
.k-numeric-wrap.k-state-hover,
.k-numeric-wrap.k-state-focused,
.k-picker-wrap.k-state-hover,
.k-picker-wrap.k-state-focused {
  background-color: white; }

.k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n,
.k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n {
  background-position: 0 -3px; }

.k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s,
.k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s {
  background-position: 0 -35px; }

input.k-textbox {
  height: 2.214em;
  padding: 0.167em 0em;
  border-width: 0; }

.k-combobox .k-dropdown-wrap:before, .k-numeric-wrap:before, .k-picker-wrap:before {
  height: 1.7em; }

.k-autocomplete .k-input,
.k-dropdown-wrap .k-input,
.k-numeric-wrap .k-input,
.k-picker-wrap .k-input,
.k-selectbox .k-input,
.k-textbox > input {
  height: auto;
  line-height: 1.7em; }

/* Kendo defualts: this is where just to provide context to the developer */
.k-autocomplete .k-input,
.k-dropdown-wrap .k-input,
.k-multiselect-wrap .k-input,
.k-numeric-wrap .k-input,
.k-picker-wrap .k-input,
.k-selectbox .k-input,
.k-textbox > input {
  padding: 0.17857em 0; }

.k-dropdown-wrap .k-select,
.k-picker-wrap .k-select {
  min-height: 1.7em;
  line-height: 1.9em; }

.k-numeric-wrap .k-select {
  height: 2.05714em;
  font-size: 100%; }
  .k-numeric-wrap .k-select > .k-link {
    height: 1.02857em;
    line-height: 1.02857em; }

.k-dropdown-wrap.k-state-hover,
.k-dropdown .k-state-hover .k-input,
.k-dropdown .k-state-focused .k-input,
.k-numeric-wrap.k-state-hover .k-link.k-link-increase.k-state-selected,
.k-numeric-wrap.k-state-hover .k-link.k-link-decrease.k-state-selected {
  color: #666666; }

.k-dropdown-wrap.k-state-focused,
.k-dropdown-wrap.k-state-focused.k-state-active,
.k-dropdown-wrap.k-state-hover {
  background-color: white; }

.k-picker-wrap.k-state-hover .k-select,
.k-numeric-wrap.k-state-hover .k-link.k-link-increase,
.k-numeric-wrap.k-state-hover .k-link.k-link-decrease,
.k-autocomplete.k-state-hover .k-icon.k-clear-value.k-i-close {
  color: #535b6a; }

.k-dropzone em {
  visibility: visible; }

string-input[type="textarea"] {
  display: block !important;
  visibility: visible;
  opacity: 1;
  height: initial;
  -webkit-transition: visibility 0.25s, opacity 0.25s, height 0.25s;
  /* Safari */
  transition: visibility 0.25s, opacity 0.25s, height 0.25s; }

string-input[type="textarea"].ng-hide {
  display: block !important;
  visibility: hidden;
  opacity: 0;
  height: 0; }

string-input[type="textarea"] textarea {
  height: 6.667em;
  -webkit-transition: min-height 0.25s, height 0.25s;
  /* Safari */
  transition: min-height 0.25s, height 0.25s; }

string-input[type="textarea"].ng-hide textarea {
  height: 0; }

.cancel-form {
  cursor: pointer;
  margin-left: 0.357em;
  margin-right: 0.357em;
  border: 1px solid transparent; }

.k-dropdown-wrap {
  color: black !important; }

.k-list-optionlabel.k-state-hover,
.k-list-optionlabel.k-state-hover:hover,
.k-list > .k-state-hover {
  background-color: #cacaca;
  color: #666666; }

.k-list > .k-state-selected,
.k-state-selected {
  background-color: #DFEDF4;
  color: #666666; }

strong.k-upload-status .k-button.k-upload-wrapper {
  display: block;
  background-color: transparent; }

strong.k-upload-status .k-button:focus:not(.k-state-disabled):not([disabled]) {
  box-shadow: none; }

.k-radio:checked + .k-radio-label:after {
  background-color: #005C81; }

.optional-label,
.characters-count {
  font-size: 0.75em;
  color: #595959; }

.characters-count {
  text-align: right; }

.validation-items {
  position: relative;
  line-height: 1.7em; }
  .validation-items * {
    line-height: inherit; }
  .validation-items .characters-count {
    position: absolute;
    right: 0;
    top: 0; }

.k-switch {
  border: none; }

.long-label-switch .km-switch {
  width: 8.5em !important; }

.long-label-switch .km-switch-background {
  background-position: 0em 4em !important;
  width: 8.5em; }

.long-label-switch .km-switch-label-on {
  left: -370%; }

.long-label-switch .km-switch-label-on,
.long-label-switch .km-switch-label-off {
  white-space: nowrap; }

.long-label-switch .km-switch-label-off {
  left: 2.083em; }

.long-label-switch .km-switch-label-on {
  right: 1.667em; }

.field-label {
  vertical-align: top; }
  .field-label label {
    margin-bottom: 0; }
  .field-label .optional-label {
    line-height: normal; }

.single-image-upload {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.field-input input {
  width: 100%; }

.field-input .img-preview {
  max-width: 28%;
  display: inline-block;
  margin-right: 0.5em;
  position: relative; }
  .field-input .img-preview > img {
    max-width: 100%;
    max-height: 95px;
    background: white; }
  .field-input .img-preview:hover .overlay-effect {
    opacity: 1;
    cursor: pointer; }

.field-input .images-preview {
  width: 100%;
  overflow: auto;
  white-space: nowrap;
  min-height: 110px; }
  .field-input .images-preview .image-container {
    position: relative;
    display: inline-block;
    margin-right: 0.2em;
    border-radius: 3px; }
    .field-input .images-preview .image-container > img {
      max-width: 100%;
      max-height: 90px;
      background: white; }
    .field-input .images-preview .image-container:hover .overlay-effect {
      opacity: 1;
      cursor: pointer; }

.field-input a.close-button {
  position: absolute;
  top: 2px;
  cursor: pointer;
  border-radius: 0.2em;
  width: 1.5em;
  height: 1.5em;
  right: 2px;
  background-color: #337ab7;
  display: flex;
  align-items: center;
  justify-content: center; }
  .field-input a.close-button span {
    color: white; }

.field-input a.download-button {
  position: absolute;
  bottom: 2px;
  cursor: pointer;
  border-radius: 0.2em;
  width: 1.5em;
  height: 1.5em;
  right: 2px;
  background-color: #337ab7;
  display: flex;
  align-items: center;
  justify-content: center; }
  .field-input a.download-button span {
    color: white; }

.field-input .overlay-effect {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  transition: .5s;
  background-color: rgba(0, 0, 0, 0.3);
  overflow: hidden; }

.field-input .upload-button-smaller {
  width: 66%;
  display: inline-block; }

.field-input .upload-button-bigger {
  width: 100%;
  display: inline-block; }
  .field-input .upload-button-bigger .k-upload {
    border: none; }
    .field-input .upload-button-bigger .k-upload .k-dropzone {
      padding-left: 0;
      padding-bottom: 1em; }

.field-input .upload-remove-button {
  width: 25%;
  display: inline-block; }

.field-input.field-boolean {
  width: initial; }
  .field-input.field-boolean > span.km-switch {
    cursor: pointer; }

/*
    Receive unit and return the number
    Eg. 14px returns 14, 2em returns 2
*/
/*
    Used in elements that have font-size different from default-font-size
*/
.k-filter-row th {
  padding-right: 0.5em; }

.k-filtercell > .k-operator-hidden {
  /*padding-right: 0;*/
  /* This caused the remove filter button to disappear */
  padding-right: 2em; }
  .k-filtercell > .k-operator-hidden > .k-button {
    padding: 0.3em;
    line-height: 0;
    margin: 0;
    background-color: transparent !important; }
    .k-filtercell > .k-operator-hidden > .k-button .k-i-filter-clear:before {
      content: "\e11d"; }
  .k-filtercell > .k-operator-hidden > .k-button:hover,
  .k-filtercell > .k-operator-hidden > .k-button:active {
    color: #00384e !important; }
  .k-filtercell > .k-operator-hidden > .k-button:focus:not(.k-state-disabled):not([disabled]),
  .k-filtercell > .k-operator-hidden > .k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    box-shadow: none; }
  .k-filtercell > .k-operator-hidden > .custom-filter {
    padding: 0;
    width: 100%; }

.k-grid-header th.k-header,
.k-treemap-title,
.k-grid-header .k-header > .k-link,
.k-window-titlebar.k-header {
  color: #333;
  font-weight: normal;
  font-family: 'Montserrat', sans-serif; }

.k-grid-header th.k-header {
  padding-left: 1.286em;
  padding-bottom: 0;
  padding-right: 2.5em; }

/* This was used to align the numeric columns
    but it is not needed because it is defined via style in corekendoservice*/
/*div.k-grid-content td {
    padding-right: $kendo-grid-column-right-padding;
}*/
.k-grid {
  min-height: 8.333em; }
  .k-grid .k-loading-mask {
    display: none; }
  .k-grid .k-footer-template > td:last-child,
  .k-grid .k-footer-template > td:nth-last-child(2) {
    text-align: right; }
  .k-grid .k-footer-template > td {
    background-color: white; }
  .k-grid td {
    border-style: none;
    padding: 0.5em 1.286em;
    border-bottom: 1px solid #CCCCCC;
    min-height: 3.2em; }
  .k-grid .k-alt td {
    background-color: transparent; }
  .k-grid > table > tbody > tr:first-child > td {
    border-top: none; }
  .k-grid td.k-command-cell {
    position: relative; }
    .k-grid td.k-command-cell > .k-grid-update {
      position: absolute;
      right: 3.606em;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      top: auto; }
    .k-grid td.k-command-cell > .k-grid-cancel {
      position: absolute;
      right: 1.286em;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      top: auto; }

.k-header.k-grid-toolbar {
  border: none; }
  .k-header.k-grid-toolbar > div:first-child {
    display: inline-block;
    border: none; }
    .k-header.k-grid-toolbar > div:first-child > .left {
      display: inline;
      margin: auto auto auto 0; }
    .k-header.k-grid-toolbar > div:first-child > .right {
      /*display: inline;*/
      float: right;
      padding-right: 1.250em;
      padding-left: 1.250em; }
  .k-header.k-grid-toolbar datetimepicker-input {
    font-size: 8pt; }

table.k-selectable > tbody > tr {
  cursor: pointer; }

th.k-header {
  border: none !important; }

div.k-grid-header,
thead.k-grid-header th,
div.k-grid:not(.index-grid):not(.dashboard-grid) {
  border-bottom-color: #A7AFB7 !important;
  border-bottom-style: solid !important;
  border-bottom-width: 1px !important; }

ul.fieldlist > li > div > div > div.k-header.k-grid-toolbar {
  padding-left: 0; }

.k-filter-row > th:hover, .k-grid tr:hover {
  background-color: white; }

.k-filtercell > * > * {
  font-size: 8pt; }

.k-grid-header-wrap, .k-grid-header, .k-pager-wrap.k-grid-pager, .k-grid, .k-filter-row > th {
  border: none !important; }

.index-grid > div.k-grid-content {
  height: 33.333em; }

.dashboard-grid > div.k-grid-content {
  height: 16.500em; }

.k-grid table tbody td > span {
  /*max-height: 100px; */
  /* white-space: nowrap; */
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.6em;
  max-height: 4.8em; }

div.index-grid > div.k-grid-content tr:hover > td,
div.row-click-grid > div.k-grid-content tr:hover > td,
div.dashboard-grid > div.k-grid-content tr:hover > td,
tr.selected {
  background-color: #e7e7e7 !important; }

div.row-click-grid > div.k-grid-content tr:hover {
  cursor: pointer; }

div.index-grid > div.k-grid-content tr.k-state-selected, div.row-click-grid > div.k-grid-content tr.k-state-selected, div.dashboard-grid > div.k-grid-content tr.k-state-selected {
  color: #515967; }

.k-btn-grid,
.k-button.k-grid-update,
.k-button.k-grid-cancel {
  height: 2em;
  width: 2em;
  line-height: 2.4em;
  border-radius: 100%;
  padding: 0;
  min-width: 0 !important;
  min-height: 0 !important; }

.k-btn-grid {
  margin-left: 0.35em;
  border: 0.083em solid #005C81;
  background-color: #fff;
  background-image: none;
  float: right;
  cursor: pointer;
  text-align: center;
  color: #005C81; }

.k-btn-grid > span, .k-grid-edit > span, .k-grid-view > span, .k-btn-grid > i {
  color: #005C81 !important; }

.k-btn-grid:hover,
.k-btn-grid:hover > span,
.k-btn-grid:hover > i,
.k-btn-grid.k-grid-edit:hover,
.k-btn-grid.k-grid-edit:hover > span,
.k-btn-grid.k-grid-view:hover,
.k-btn-grid.k-grid-view:hover > span,
.k-button-icon:hover {
  background-color: #005C81 !important;
  border-color: #005C81 !important;
  color: #fff !important; }

.k-btn-grid-delete, .k-btn-grid-delete > span, .k-btn-grid-delete > i {
  color: #dc3545 !important;
  border-color: #dc3545; }

.k-btn-grid-delete:hover > span, .k-btn-grid-delete:hover > i, .k-btn-grid-delete:hover, .k-btn-grid-delete:hover > span, .k-btn-grid-delete:hover, .selected.k-btn-grid-delete > span, .selected.k-btn-grid-delete > i, .selected.k-btn-grid-delete, .selected.k-btn-grid-delete > span, .selected.k-btn-grid-delete {
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
  color: #fff !important; }

.k-btn-grid-approve, .k-btn-grid-approve > span, .k-btn-grid-approve > i {
  color: #dc3545;
  border-color: #dc3545; }

.k-btn-grid-approve:hover > span, .k-btn-grid-approve:hover > i, .k-btn-grid-approve:hover, .k-btn-grid-approve:hover > span, .k-btn-grid-approve:hover, .selected.k-btn-grid-approve > span, .selected.k-btn-grid-approve > i, .selected.k-btn-grid-approve, .selected.k-btn-grid-approve > span, .selected.k-btn-grid-approve {
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
  color: #fff !important; }

.k-grid .k-widget.k-tooltip-validation.k-invalid-msg {
  /*position: absolute;*/
  position: relative;
  z-index: 12000;
  border-width: 0.083em;
  padding: 0.250em 0.417em 0.167em 0.500em; }

ul.fieldlist.first > li:first-child .k-header.k-grid-toolbar {
  padding-top: 0; }

ul.fieldlist.first > li:first-child .k-header.k-grid-toolbar > div:first-child > .left {
  margin-top: 0; }

.k-header.k-grid-toolbar > div:first-child > .right > button {
  white-space: nowrap; }

.k-grid tbody .k-button.custom-grid-command {
  min-width: initial;
  padding: initial; }

.btn-grid-command > span, .k-btn-grid-delete > span, .k-button.k-grid-update .k-icon, .k-button.k-grid-cancel .k-icon, .k-button-icontext.custom-grid-command .k-icon, .k-btn-grid-delete {
  margin: initial;
  display: inline-block;
  font: normal normal normal 1.167em/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  background: none !important;
  opacity: 1;
  vertical-align: unset; }

.k-grid-eval {
  line-height: 2em; }

.k-btn-grid-delete {
  line-height: 1.9em;
  background-color: #fff !important; }

.k-button.k-grid-cancel, .k-button.k-grid-update, .k-button.k-grid-edit, .k-button.k-grid-delete {
  min-width: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center; }
  .k-button.k-grid-cancel .k-i-check, .k-button.k-grid-cancel .k-i-cancel, .k-button.k-grid-cancel .k-i-edit, .k-button.k-grid-cancel .k-i-delete, .k-button.k-grid-update .k-i-check, .k-button.k-grid-update .k-i-cancel, .k-button.k-grid-update .k-i-edit, .k-button.k-grid-update .k-i-delete, .k-button.k-grid-edit .k-i-check, .k-button.k-grid-edit .k-i-cancel, .k-button.k-grid-edit .k-i-edit, .k-button.k-grid-edit .k-i-delete, .k-button.k-grid-delete .k-i-check, .k-button.k-grid-delete .k-i-cancel, .k-button.k-grid-delete .k-i-edit, .k-button.k-grid-delete .k-i-delete {
    margin: 0; }

.k-grid .k-grid-content.k-auto-scrollable .ng-scope.k-grid-edit-row > td[data-container-for] {
  vertical-align: top; }

.k-grid .k-tooltip-validation {
  margin-left: 0 !important;
  padding-left: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  z-index: 1 !important; }
  .k-grid .k-tooltip-validation .k-callout.k-callout-n {
    display: none; }

.k-grid .k-dropdown.k-header {
  background-color: transparent; }

.k-button.k-grid-cancel:not(:hover) {
  color: #515967; }

.k-button.k-grid-update:not(:hover) {
  color: white; }

.k-button-icontext.custom-grid-command .k-i-edit:before {
  content: "\f040"; }

.k-button-icontext.custom-grid-command .k-i-delete:before {
  content: "\f014"; }

.k-button-icontext.custom-grid-command .k-i-update:before,
.k-button.k-grid-update .k-i-check:before {
  content: "\f00c"; }

.k-button-icontext.custom-grid-command .k-i-cancel:before {
  content: "\f05e"; }

.k-button.k-grid-update > span.k-icon.k-i-update:before {
  content: "\f00c"; }

.k-button.k-grid-cancel > span.k-icon.k-i-cancel:before {
  content: "\f00d"; }

.k-grid-eval > span:before {
  content: "\f0cb"; }

.k-grid-images > span:before {
  content: "\f030"; }

.k-grid-files > span:before {
  content: "\f0c5"; }

.k-grid-arrow {
  line-height: 1.9em; }

.k-btn-grid-delete:before {
  content: "\f014"; }

.k-btn-grid-view {
  line-height: 1.9em; }

.k-btn-grid-view > span:before {
  content: "\f002"; }

.k-grid tbody td > .k-grid-delete {
  margin-top: 0;
  margin-bottom: 0; }

.k-grid .k-button.k-upload-button {
  overflow: visible; }

.k-grid.grid-radius {
  background-color: white;
  border-radius: 0.3em;
  box-shadow: 0 0.25em 0.5em #D4D4D4;
  padding: 0px; }

.index-grid .k-grid-content img {
  max-height: 2em;
  max-width: 2em; }

/*
    Copyright (c) 2017 by Michiel Bijl (http://codepen.io/Michiel/pen/ogXrBX)

    Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

    The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.progress-loading-hasrelative {
  position: absolute !important; }

header [role="progressbar"][aria-busy="true"] {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 3px;
  width: 100%;
  background-color: #003472;
  animation: preloader-background linear 3.5s infinite; }
  header [role="progressbar"][aria-busy="true"]::before, header [role="progressbar"][aria-busy="true"]::after {
    display: block;
    position: absolute;
    top: 0;
    z-index: 2;
    width: 0;
    height: 3px;
    background: #afa;
    animation: preloader-front linear 3.5s infinite;
    content: ''; }
  header [role="progressbar"][aria-busy="true"]::before {
    right: 50%; }
  header [role="progressbar"][aria-busy="true"]::after {
    left: 50%; }

@keyframes preloader-background {
  0%, 24.9% {
    background-color: #003472; }
  25%, 49.9% {
    background-color: #77aee6; }
  50%, 74.9% {
    background-color: #1d68b4; }
  75%, 100% {
    background-color: #a7d5fe; } }

@keyframes preloader-front {
  0% {
    width: 0;
    background-color: #77aee6; }
  24.9% {
    width: 50%;
    background-color: #77aee6; }
  25% {
    width: 0;
    background-color: #1d68b4; }
  49.9% {
    width: 50%;
    background-color: #1d68b4; }
  50% {
    width: 0;
    background-color: #a7d5fe; }
  74.9% {
    width: 50%;
    background-color: #a7d5fe; }
  75% {
    width: 0%;
    background-color: #003472; }
  100% {
    width: 50%;
    background-color: #003472; } }

/** {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: Avenir Next, Helvetica Neue, Helvetica, Arial, sans-serif;
    background-color: #f5f5f5;
}

header {
    position: relative;
    width: 100%;
    height: 60px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
    background-color: #fff;
}

main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    flex-grow: 1;
    text-align: center;

    :root & > * + * {
        margin-top: 1em;
    }
}

h1 {
    margin: 0;
    font-size: 2.2em;
    font-weight: 200;
}

p {
    margin: 0;
    font-size: .875em;
    font-weight: 400;
}*/

/*
    Receive unit and return the number
    Eg. 14px returns 14, 2em returns 2
*/
/*
    Used in elements that have font-size different from default-font-size
*/
/*$green: #004C30;*/
.my-comment {
  background-color: #3396D0;
  color: white;
  padding: 10px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  width: fit-content; }
  .my-comment:hover .my-comment__delete-icon {
    display: inline; }
    .my-comment:hover .my-comment__delete-icon:hover {
      cursor: pointer;
      color: #8C8C8C; }
  .my-comment__delete-icon {
    color: #000000;
    display: none;
    position: absolute;
    transform: translateY(-90%);
    font-size: 1rem; }
  .my-comment__deleted {
    background-color: lightgray;
    color: #ffffff; }

.others-comment {
  background-color: #e6e6e6;
  padding: 10px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  width: fit-content; }
  .others-comment__deleted {
    background-color: lightgray;
    color: #ffffff; }

div.right-comments.w-30 > div {
  height: 100%;
  padding-bottom: 0 !important; }
  div.right-comments.w-30 > div comments > div {
    height: 100%; }

.comments > div {
  padding-top: 1em;
  padding-bottom: 2em; }

.comments .comment-title-wrapper {
  width: 100%;
  margin-bottom: 0px;
  border-bottom: 1px solid #ccc;
  padding: 0.5em 1em 1em 0em;
  margin-top: 0; }
  .comments .comment-title-wrapper .comment-title {
    padding: 0.5em;
    border-bottom: transparent;
    font-weight: 600;
    display: inline; }

.comments .container-comments {
  padding-top: 1em;
  overflow: auto;
  flex-grow: 1; }
  .comments .container-comments .panel-comments-left {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 1em; }
    .comments .container-comments .panel-comments-left .name-and-date {
      display: inline-block;
      width: 30%;
      height: auto;
      padding: 0.5em 0;
      height: 4em; }
      @media screen and (max-width: 1200px) {
        .comments .container-comments .panel-comments-left .name-and-date {
          display: normal;
          width: 100%; } }
    .comments .container-comments .panel-comments-left .comment-text.alt {
      background-color: #f9f9f9; }
    .comments .container-comments .panel-comments-left .name-and-date {
      float: left; }
      @media screen and (max-width: 1200px) {
        .comments .container-comments .panel-comments-left .name-and-date {
          float: none;
          clear: both; } }
      .comments .container-comments .panel-comments-left .name-and-date .comment-user {
        float: left;
        color: #6d6d6d;
        width: auto; }
        @media screen and (max-width: 1200px) {
          .comments .container-comments .panel-comments-left .name-and-date .comment-user {
            float: none;
            clear: both; } }
      .comments .container-comments .panel-comments-left .name-and-date .comment-date {
        float: left;
        color: #969696; }
        @media screen and (max-width: 1200px) {
          .comments .container-comments .panel-comments-left .name-and-date .comment-date {
            float: none;
            clear: both; } }
    .comments .container-comments .panel-comments-left .triangle-right.alt {
      border-right: 1em solid #f9f9f9; }
    .comments .container-comments .panel-comments-left .comment-text {
      width: 60%;
      min-height: 4em;
      border: 0px solid #ededed;
      border-radius: 10px;
      align-items: center;
      display: flex;
      padding: 0.5em;
      color: #515967;
      background-color: #ededed;
      float: right; }
      @media screen and (max-width: 1200px) {
        .comments .container-comments .panel-comments-left .comment-text {
          width: 90%; } }
      .comments .container-comments .panel-comments-left .comment-text > span {
        word-break: break-word; }
    .comments .container-comments .panel-comments-left .triangle-right {
      border-top: 0.5em solid rgba(0, 0, 0, 0);
      border-right: 1em solid #ededed;
      border-bottom: 0.5em solid rgba(0, 0, 0, 0);
      display: inline-block;
      margin-top: 10px;
      width: 5%; }
  .comments .container-comments .panel-comments {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 1em; }
    .comments .container-comments .panel-comments .name-and-date {
      display: inline-block;
      width: 30%;
      height: auto;
      padding: 0.5em 0;
      height: 4em; }
      @media screen and (max-width: 1200px) {
        .comments .container-comments .panel-comments .name-and-date {
          display: normal;
          width: 100%; } }
    .comments .container-comments .panel-comments .comment-text.alt {
      background-color: #f9f9f9; }
    .comments .container-comments .panel-comments .name-and-date {
      float: right; }
      @media screen and (max-width: 1200px) {
        .comments .container-comments .panel-comments .name-and-date {
          float: none;
          clear: both; } }
      .comments .container-comments .panel-comments .name-and-date .comment-user {
        float: right;
        color: #6d6d6d;
        width: auto; }
        @media screen and (max-width: 1200px) {
          .comments .container-comments .panel-comments .name-and-date .comment-user {
            float: none;
            clear: both; } }
      .comments .container-comments .panel-comments .name-and-date .comment-date {
        float: right;
        color: #969696; }
        @media screen and (max-width: 1200px) {
          .comments .container-comments .panel-comments .name-and-date .comment-date {
            float: none;
            clear: both; } }
    .comments .container-comments .panel-comments .triangle-right.alt {
      border-left: 1em solid #f9f9f9; }
    .comments .container-comments .panel-comments .comment-text {
      width: 60%;
      min-height: 4em;
      border: 0px solid #ededed;
      border-radius: 10px;
      align-items: center;
      display: flex;
      padding: 0.5em;
      color: #515967;
      background-color: #ededed;
      float: left; }
      @media screen and (max-width: 1200px) {
        .comments .container-comments .panel-comments .comment-text {
          width: 90%; } }
      .comments .container-comments .panel-comments .comment-text > span {
        word-break: break-word; }
    .comments .container-comments .panel-comments .triangle-right {
      border-top: 0.5em solid rgba(0, 0, 0, 0);
      border-left: 1em solid #ededed;
      border-bottom: 0.5em solid rgba(0, 0, 0, 0);
      display: inline-block;
      margin-top: 10px; }

.comments .container-comments::-webkit-scrollbar {
  display: none; }

.comments .comment-area {
  min-height: 3em;
  max-height: 14em; }
  .comments .comment-area .btn-add-comment {
    display: block;
    float: right;
    height: 3em;
    width: 20%; }
    .comments .comment-area .btn-add-comment:disabled {
      color: #b3b3b3 !important; }
      .comments .comment-area .btn-add-comment:disabled:hover {
        color: #b3b3b3 !important; }
  .comments .comment-area .new-comment {
    display: inline-block;
    width: 65%; }
    .comments .comment-area .new-comment textarea {
      height: 4em;
      width: 100%; }

.comments-main-container .comments-header {
  text-align: center;
  background-color: #fafafa;
  padding: .5em 0; }
  .comments-main-container .comments-header span {
    font-weight: bold;
    color: #999; }

.comments-main-container .comments-deprecated {
  text-align: center;
  background-color: lightsalmon;
  padding: .5em 0; }
  .comments-main-container .comments-deprecated span {
    font-weight: bold;
    color: white; }

.comments-main-container .comments-area {
  min-height: 15em;
  border-left: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1; }
  .comments-main-container .comments-area .comments-content div span.comments-user-name {
    font-weight: bold; }
  .comments-main-container .comments-area .comments-message-container textarea::-webkit-input-placeholder {
    color: #d9d9d9; }
  .comments-main-container .comments-area .comments-message-container textarea:-moz-placeholder {
    color: #d9d9d9; }
  .comments-main-container .comments-area .comments-message-container textarea::-moz-placeholder {
    color: #d9d9d9; }
  .comments-main-container .comments-area .comments-message-container textarea:-ms-input-placeholder {
    color: #d9d9d9; }
  .comments-main-container .comments-area .comments-message-container textarea::placeholder {
    color: #d9d9d9; }

/*
    Receive unit and return the number
    Eg. 14px returns 14, 2em returns 2
*/
/*
    Used in elements that have font-size different from default-font-size
*/
/*$green: #004C30;*/
.contact-popup .contact-image {
  height: 130px;
  background-image: url("../images/contact.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.9; }

.contact-popup .k-button.k-primary[type="submit"] {
  cursor: pointer;
  font-size: 13px;
  padding: 8px 20px !important;
  border-radius: 20px;
  border: none; }

@media screen and (max-width: 992px) {
  .contact-edit > div:first-child form-buttons > div {
    flex-wrap: wrap; }
    .contact-edit > div:first-child form-buttons > div > * {
      margin-top: 5px; }
  .contact-edit > div:first-child > div:last-child > button {
    margin-right: 0 !important; } }

@media screen and (max-width: 385px) {
  .contact-edit > div:first-child > div:last-child > button {
    align-self: flex-start; } }

/*
    Receive unit and return the number
    Eg. 14px returns 14, 2em returns 2
*/
/*
    Used in elements that have font-size different from default-font-size
*/
/*$green: #004C30;*/
.contact-edit .fieldlist.form-wrapper {
  padding: 0; }

/*
    Receive unit and return the number
    Eg. 14px returns 14, 2em returns 2
*/
/*
    Used in elements that have font-size different from default-font-size
*/
/*$green: #004C30;*/
#contactGrid > div.k-grid-content.k-auto-scrollable > table > tbody > tr td:last-child {
  font-weight: 100; }

.empty-table.contacts {
  border: solid 1px #e1e1e6;
  border-top: none; }

.add-contact-buttons > :first-child {
  display: flex;
  align-items: center; }

.add-contact-buttons .k-button.k-danger {
  cursor: pointer;
  color: white;
  background-color: #DD5A4E;
  font-size: 13px;
  padding: 8px 20px;
  border: none;
  display: flex;
  align-items: center;
  border-radius: 20px;
  justify-content: center; }
  .add-contact-buttons .k-button.k-danger:hover {
    color: white;
    text-decoration: none;
    background-color: #d94639; }
  .add-contact-buttons .k-button.k-danger:focus {
    color: white;
    text-decoration: none;
    background-color: #d73e30; }
  .add-contact-buttons .k-button.k-danger:active {
    color: white;
    text-decoration: none;
    background-color: #d73e30; }

#contactGrid {
  box-shadow: none;
  border: solid 1px #e1e1e6 !important; }
  #contactGrid > div.k-grid-header > div > table > thead > tr:nth-child(1) {
    height: 50px; }
    #contactGrid > div.k-grid-header > div > table > thead > tr:nth-child(1) th {
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 1.357em;
      vertical-align: middle !important;
      font-weight: 600;
      font-size: 13px;
      border: 0;
      border-bottom: 1px solid #e1e1e1 !important;
      background-color: #f2f2f2; }
      #contactGrid > div.k-grid-header > div > table > thead > tr:nth-child(1) th a {
        font-weight: 600;
        font-size: 13px; }
  #contactGrid > div.k-grid-content.k-auto-scrollable {
    height: auto !important; }
    #contactGrid > div.k-grid-content.k-auto-scrollable > table > tbody > tr {
      height: 50px;
      font-size: 13px;
      font-weight: normal; }
      #contactGrid > div.k-grid-content.k-auto-scrollable > table > tbody > tr td:nth-child(2) {
        font-weight: 100; }
      #contactGrid > div.k-grid-content.k-auto-scrollable > table > tbody > tr.k-alt.ng-scope {
        border-bottom: none; }
      #contactGrid > div.k-grid-content.k-auto-scrollable > table > tbody > tr td.k-command-cell {
        display: flex;
        justify-content: center;
        align-items: center; }
        #contactGrid > div.k-grid-content.k-auto-scrollable > table > tbody > tr td.k-command-cell a {
          width: 30px;
          height: 30px;
          padding: 1em;
          display: flex;
          justify-content: center;
          align-items: center; }
  #contactGrid > div.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap {
    display: none; }

/*
    Receive unit and return the number
    Eg. 14px returns 14, 2em returns 2
*/
/*
    Used in elements that have font-size different from default-font-size
*/
/*$green: #004C30;*/
.error-content {
  margin: auto;
  max-width: 700px; }
  .error-content .error-img {
    margin: 0 0; }
  .error-content .error-message .error-title {
    font-size: 28px;
    font-weight: 100;
    color: #3396D0; }
  .error-content .error-message .error-text {
    font-size: 18px;
    font-weight: 100;
    color: #333; }

/*
    Receive unit and return the number
    Eg. 14px returns 14, 2em returns 2
*/
/*
    Used in elements that have font-size different from default-font-size
*/
/*$green: #004C30;*/
body {
  background-color: #F3F5F9;
  font-family: "Open Sans", sans-serif; }

.overflow-x-a {
  overflow-x: auto; }

.overflow-y-a {
  overflow-y: auto; }

.overflow-h {
  overflow: hidden; }

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

@media screen and (max-width: 768px) {
  .text-left-xs {
    text-align: left !important; } }

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

@media screen and (max-width: 768px) {
  .text-cnter-xs {
    text-align: center !important; } }

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

@media screen and (max-width: 768px) {
  .text-right-xs {
    text-align: right !important; } }

.flex {
  display: flex; }

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

.flex-direction-r {
  flex-direction: row; }

@media screen and (max-width: 768px) {
  .flex-direction-r-xs {
    flex-direction: row !important; } }

.flex-direction-c {
  flex-direction: column; }

@media screen and (max-width: 768px) {
  .flex-direction-c-xs {
    flex-direction: column !important; } }

@media screen and (max-width: 992px) {
  .flex-direction-c-sm {
    flex-direction: column !important; } }

@media screen and (max-width: 768px) {
  .flex-align-self-end-xs {
    align-self: flex-end; } }

@media screen and (max-width: 992px) {
  .flex-align-self-end-sm {
    align-self: flex-end; } }

.flex-align-center {
  align-items: center; }

@media screen and (max-width: 768px) {
  .flex-align-center-xs {
    align-items: center !important; } }

.flex-align-end {
  align-items: flex-end; }

@media screen and (max-width: 768px) {
  .flex-align-end-xs {
    align-items: flex-end !important; } }

@media screen and (max-width: 992px) {
  .flex-align-end-sm {
    align-items: flex-end !important; } }

@media screen and (max-width: 768px) {
  .flex-align-start-xs {
    align-items: flex-start !important; } }

@media screen and (max-width: 992px) {
  .flex-align-start-sm {
    align-items: flex-start !important; } }

.flex-justify-sb {
  justify-content: space-between; }

.flex-justify-center {
  justify-content: center; }

@media screen and (max-width: 768px) {
  .flex-justify-center-xs {
    justify-content: center !important; } }

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

@media screen and (max-width: 768px) {
  .flex-justify-end-xs {
    justify-content: flex-end !important; } }

.flex-wrap {
  flex-wrap: wrap; }

.hidden {
  display: none !important; }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

.left {
  left: 0; }

.top {
  top: 0; }

.top_5-em {
  top: .5em; }

.right {
  right: 0; }

.bottom {
  bottom: 0; }

.w-fullview {
  width: 100vw; }

.w-100 {
  width: 100%; }

@media screen and (max-width: 768px) {
  .w-100-xs {
    width: 100% !important; } }

.w-95 {
  width: 95%; }

.w-90 {
  width: 90%; }

.w-85 {
  width: 85%; }

.w-80 {
  width: 80%; }

.w-75 {
  width: 75%; }

.w-70 {
  width: 70%; }

.w-60 {
  width: 60%; }

.w-55 {
  width: 55%; }

.w-50 {
  width: 50%; }

.w-45 {
  width: 45%; }

.w-40 {
  width: 40%; }

.w-35 {
  width: 35%; }

.w-30 {
  width: 30%; }

.w-25 {
  width: 25%; }

.w-20-em {
  width: 20em; }

.w-20 {
  width: 20%; }

.w-15 {
  width: 15%; }

.w-10-em {
  width: 10em; }

.w-10 {
  width: 10%; }

.w-5-em {
  width: 5em; }

.w-5 {
  width: 5%; }

.max-w-75 {
  max-width: 75%; }

.h-fullview {
  height: 100vh; }

h-5-em {
  height: 5em; }

.h-100 {
  height: 100%; }

no-margin {
  margin: 0; }

.no-margin-top {
  margin-top: 0 !important; }

.no-margin-bottom {
  margin-bottom: 0 !important; }

.no-margin-left {
  margin-left: 0 !important; }

.no-margin-right {
  margin-right: 0 !important; }

.mauto {
  margin: auto; }

.m5 {
  margin: 5px; }

.m10 {
  margin: 10px; }

.m15 {
  margin: 15px; }

.m20 {
  margin: 20px; }

.m25 {
  margin: 25px; }

.m30 {
  margin: 30px; }

.mt0 {
  margin-top: 0px; }

@media screen and (max-width: 992px) {
  .mt0-sm {
    margin-top: 0 !important; } }

.mt5 {
  margin-top: 5px; }

@media screen and (max-width: 992px) {
  .mt5-sm {
    margin-top: 5px; } }

.mt7 {
  margin-top: 7px; }

.mt10 {
  margin-top: 10px; }

.mt15 {
  margin-top: 15px; }

.mt20 {
  margin-top: 20px; }

@media screen and (max-width: 768px) {
  .mt20-xs {
    margin-top: 20px; } }

@media screen and (max-width: 992px) {
  .mt20-sm {
    margin-top: 20px; } }

.mt25 {
  margin-top: 25px; }

.mt30 {
  margin-top: 30px; }

.mt35 {
  margin-top: 35px; }

.mt40 {
  margin-top: 40px; }

.mt50 {
  margin-top: 50px; }

.mb0 {
  margin-bottom: 0px; }

.mb5 {
  margin-bottom: 5px; }

@media screen and (max-width: 768px) {
  .mb5-xs {
    margin-bottom: 5px; } }

.mb10 {
  margin-bottom: 10px; }

@media screen and (max-width: 768px) {
  .mb10-xs {
    margin-bottom: 10px; } }

.mb15 {
  margin-bottom: 15px; }

.mb20 {
  margin-bottom: 20px; }

.mb25 {
  margin-bottom: 25px; }

.mb30 {
  margin-bottom: 30px; }

.mb35 {
  margin-bottom: 35px; }

.ml0 {
  margin-left: 0; }

@media screen and (max-width: 768px) {
  .ml0-xs {
    margin-left: 0 !important; } }

.ml3 {
  margin-left: 3px !important; }

ml_5-em {
  margin-left: .5em; }

.ml2-em {
  margin-left: 2em; }

.ml3-em {
  margin-left: 3em; }

.ml5 {
  margin-left: 5px !important; }

.ml10 {
  margin-left: 10px !important; }

.ml15 {
  margin-left: 15px; }

.ml20 {
  margin-left: 20px; }

.mr0 {
  margin-right: 0 !important; }

.mr_5em {
  margin-right: .5em; }

.mr5 {
  margin-right: 5px !important; }

.mr7 {
  margin-right: 7px; }

.mr10 {
  margin-right: 10px !important; }

.mr15 {
  margin-right: 15px; }

.mr20 {
  margin-right: 20px; }

.no-padding {
  padding: 0 !important; }

.no-padding-top {
  padding-top: 0 !important; }

.no-padding-bottom {
  padding-bottom: 0 !important; }

.no-padding-left {
  padding-left: 0 !important; }

.no-padding-right {
  padding-right: 0 !important; }

.p0 {
  padding: 0px; }

.p5 {
  padding: 5px; }

.p10 {
  padding: 10px; }

.p15 {
  padding: 15px; }

.p20 {
  padding: 20px; }

.p25 {
  padding: 25px; }

.p30 {
  padding: 30px; }

.p40 {
  padding: 40px; }

.p50 {
  padding: 50px; }

.pt5 {
  padding-top: 5px; }

.pt10 {
  padding-top: 10px; }

.pt15 {
  padding-top: 15px; }

.pt20 {
  padding-top: 20px; }

.pt25 {
  padding-top: 25px; }

.pt30 {
  padding-top: 30px; }

.pb5 {
  padding-bottom: 5px; }

.pb10 {
  padding-bottom: 10px; }

.pb15 {
  padding-bottom: 15px; }

.pb20 {
  padding-bottom: 20px; }

.pb25 {
  padding-bottom: 25px; }

.pb30 {
  padding-bottom: 30px !important; }

.pb35 {
  padding-bottom: 35px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.pl0 {
  padding-left: 0px; }

.pl2-em {
  padding-left: 2em; }

.pl5 {
  padding-left: 5px; }

.pl10 {
  padding-left: 10px; }

.pl15 {
  padding-left: 15px; }

.pl20 {
  padding-left: 20px; }

.pl30 {
  padding-left: 30px; }

.pl35 {
  padding-left: 35px; }

.pl40 {
  padding-left: 40px; }

.pr5 {
  padding-right: 5px; }

.pr0 {
  padding-right: 0px; }

.pr10 {
  padding-right: 10px; }

.pr15 {
  padding-right: 15px; }

.pr20 {
  padding-right: 20px; }

.pr40 {
  padding-right: 40px; }

.white-panel {
  background-color: #fff;
  border: 1px solid #ccc; }

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

.no-border-l {
  border-left: none !important; }

.no-border-r {
  border-right: none !important; }

.no-border-t {
  border-top: none !important; }

.no-border-b {
  border-bottom: none !important; }

.circle {
  border-radius: 50%;
  width: 40px;
  height: 40px; }

/*.br3 {
    border-radius: 3px;
}*/
.br6 {
  border-radius: 6px; }

.brb3-to-review {
  border-radius: 0 0 3px 3px;
  border: 2px solid #ffd800; }

.brb3-reviewed {
  border-radius: 0 0 3px 3px;
  border: 1px solid #dadada; }

.br10 {
  border-radius: 10px; }

.brt3 {
  border-radius: 3px 3px 0 0; }

.brt6 {
  border-radius: 6px 6px 0 0; }

.brt10 {
  border-radius: 10px 10px 0 0; }

.brb3 {
  border-radius: 0 0 3px 3px; }

.brb6 {
  border-radius: 0 0 6px 6px; }

.brb10 {
  border-radius: 0 0 10px 10px; }

.brr3 {
  border-radius: 0 3px 3px 0; }

.brr6 {
  border-radius: 0 6px 6px 0; }

.brr10 {
  border-radius: 0 10px 10px 0; }

.brl3 {
  border-radius: 3px 0 0 3px; }

.brl6 {
  border-radius: 6px 0 0 6px; }

.brl10 {
  border-radius: 10px 0 0 10px; }

/* golbal for this project */
.button-primary {
  cursor: pointer;
  color: white;
  background-color: #3396D0;
  font-size: 13px;
  padding: 8px 20px;
  min-height: 38px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px; }
  .button-primary:hover {
    color: #fff;
    text-decoration: none;
    background-color: #2c88be; }
  .button-primary:focus {
    color: #fff;
    text-decoration: none;
    background-color: #2a82b5; }
  .button-primary:active {
    color: #fff;
    text-decoration: none;
    background-color: #2a82b5; }

.button-gray {
  cursor: pointer;
  color: #555555;
  background-color: #f2f2f2;
  font-size: 13px;
  min-height: 38px;
  padding: 8px 20px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px; }
  .button-gray:hover {
    color: #555555;
    text-decoration: none;
    background-color: #e6e6e6; }
  .button-gray.active {
    color: #555555;
    text-decoration: none;
    background-color: #e6e6e6; }

.button-link {
  cursor: pointer;
  color: #3396d0;
  background-color: transparent;
  font-weight: 600;
  font-size: 13px;
  min-height: 38px;
  padding: 8px 20px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px; }
  .button-link:hover {
    color: #3396d0;
    text-decoration: none;
    background-color: #e6e6e6; }
  .button-link.active {
    color: #3396d0;
    text-decoration: none;
    background-color: #e6e6e6; }

.button-red {
  cursor: pointer;
  color: #fff;
  background-color: #BCC4CB;
  font-size: 13px;
  min-height: 38px;
  padding: 8px 20px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px; }
  .button-red:hover {
    color: #fff;
    text-decoration: none;
    background-color: #d94639; }
  .button-red:focus {
    color: #fff;
    text-decoration: none;
    background-color: #d73e30; }
  .button-red:active {
    color: #fff;
    text-decoration: none;
    background-color: #d73e30; }

.button-green {
  cursor: pointer;
  color: #fff;
  background-color: #28a745;
  font-size: 13px;
  min-height: 38px;
  padding: 8px 20px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px; }
  .button-green:hover {
    color: #fff;
    text-decoration: none;
    background-color: #23923d; }
  .button-green:focus {
    color: #fff;
    text-decoration: none;
    background-color: #218a39; }
  .button-green:active {
    color: #fff;
    text-decoration: none;
    background-color: #218a39; }

.button-tab {
  cursor: pointer;
  color: #555555;
  background-color: #fff;
  font-size: 13px;
  padding: 8px 12px;
  border: 1px solid transparent;
  border-bottom: none; }
  .button-tab:hover {
    color: #555555;
    text-decoration: none;
    border: 1px solid #f0f0f0;
    border-bottom: none; }
  .button-tab.active {
    color: #555555;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-bottom: none; }

.button-more-vertical {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  padding: 0;
  color: black; }

.btn-new {
  border-radius: 20px;
  background-color: white;
  border: 1px #3396D0 solid;
  color: #3396D0;
  font-size: 14px;
  transition: background-color 0.2s; }

button:focus, a:focus {
  outline: none !important; }

.field-input .k-multiselect-clearable .k-multiselect-wrap {
  display: flex;
  padding: 0 2.5px; }
  .field-input .k-multiselect-clearable .k-multiselect-wrap > ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 2.5px;
    padding-bottom: 2.5px; }
    .field-input .k-multiselect-clearable .k-multiselect-wrap > ul > li {
      margin: 2.5px; }

.k-state-hover {
  border: 1px solid #dadada !important;
  border-color: #dadada !important;
  box-shadow: none !important;
  border-radius: 4.5px !important;
  background: #fff !important;
  cursor: text; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #f2f8fc inset !important; }

switch-input .field-label {
  width: auto !important; }

.k-numeric-wrap {
  display: flex;
  align-items: center;
  padding: 0px 10px;
  padding-right: 35px !important; }
  .k-numeric-wrap .k-select {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%; }

.field-input.field-boolean {
  cursor: default; }

.field-wrapper {
  cursor: default; }

datetimepicker-input .field {
  height: 100%; }
  datetimepicker-input .field .field-wrapper {
    height: 100%; }
  datetimepicker-input .field .k-picker-wrap .k-input {
    height: 31px;
    padding: 0.5em 0; }

.k-dropdown-wrap .k-input {
  padding: 0.5em 0;
  padding-right: 20px; }

.dropdown-menu > li > a {
  border-bottom: none;
  padding-bottom: 0.2em;
  padding-top: 0.2em; }
  .dropdown-menu > li > a:hover {
    border-bottom: none;
    background: #e6e6e6;
    color: #333; }

.k-dropdown-wrap .k-select {
  display: flex;
  align-items: center;
  justify-content: center; }

.k-filter-row > th:last-child .k-filtercell > .k-operator-hidden > .k-button {
  padding: 7.5px;
  right: 22px; }

.k-filter-row > th:hover, .k-grid tr:hover {
  background-color: transparent; }

form-buttons > div {
  display: flex; }

.feather {
  width: 17px;
  height: 17px;
  stroke: currentColor;
  stroke-width: 1.5px;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  margin-right: 10px; }

.feather-s {
  width: 13px;
  height: 13px;
  stroke: currentColor;
  stroke-width: 1.5px;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  margin-right: 10px; }

.no-pointer-evt {
  pointer-events: none; }

.popup-height-lock {
  max-height: 70vh !important;
  overflow-y: auto !important; }

.k-window-titlebar.k-header {
  padding: 15px 0; }
  .k-window-titlebar.k-header .k-window-title {
    font-weight: 400;
    font-size: 15px; }
  .k-window-titlebar.k-header .k-window-actions .k-button {
    height: 35px;
    width: 35px;
    border: 1px solid #999;
    border-color: #ccc !important;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer; }
    .k-window-titlebar.k-header .k-window-actions .k-button:hover {
      color: #777 !important;
      background-color: #f7f7f7 !important; }
    .k-window-titlebar.k-header .k-window-actions .k-button.k-state-hover {
      border-radius: 50% !important; }

.k-window .k-window-content {
  padding: 40px; }

/* General responsive  */
.cursor-pointer:hover {
  cursor: pointer; }

.panel-wrapper {
  overflow-x: auto; }
  .panel-wrapper .panel-heading {
    min-width: 775px; }
  .panel-wrapper .container-sections {
    min-width: 775px; }

.k-panelbar > li.k-item .k-content {
  overflow-x: auto; }
  .k-panelbar > li.k-item .k-content .items-area {
    min-width: 450px; }
  .k-panelbar > li.k-item .k-content .comments-area {
    min-width: 250px; }

/* Fixed header*/
.fixed-header {
  position: fixed;
  padding: 30px 0;
  width: 100%;
  /*padding-top:30px;*/
  z-index: 1000;
  background-color: #fff;
  top: 45px;
  left: 0;
  box-shadow: 0 0 6px 0px #ddd; }
  .fixed-header .fixed-header-min-height {
    min-height: 40px; }

/* content */
html > body > .content {
  padding-top: 10.5em; }

/* Page header */
.page-header-name {
  font-size: 24px;
  font-weight: 600;
  overflow: hidden; }

.page-header-input {
  width: 50%;
  max-width: 40vw; }
  .page-header-input .container-name-input > div {
    width: 100%; }

.k-grid {
  min-height: auto !important; }

.opacity-50 {
  opacity: 0.5; }

.opacity-70 {
  opacity: 0.7; }

.font-bold {
  font-weight: bold; }

.pdfWindow {
  min-width: 90px;
  min-height: 50px;
  width: 60%;
  height: 90% !important;
  display: block;
  top: 50%;
  left: 50%;
  position: fixed;
  z-index: 10003;
  opacity: 1;
  transform: translate(-50%, -50%); }
  .pdfWindow .k-window-titlebar {
    margin-top: -2em !important; }

.imageWindow {
  min-width: 90px;
  min-height: 50px;
  width: 60%;
  height: 60% !important;
  display: block;
  top: 50%;
  left: 50%;
  position: fixed;
  z-index: 10003;
  opacity: 1;
  transform: translate(-50%, -50%); }
  .imageWindow .k-window-titlebar {
    margin-top: -2em !important; }
  .imageWindow .k-window-content {
    display: grid; }
    .imageWindow .k-window-content .image-preview {
      margin: auto; }

.item-history-window {
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important; }

/*
    Copyright (c) 2017 by Michiel Bijl (http://codepen.io/Michiel/pen/ogXrBX)

    Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

    The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
header [role="progressbar"][aria-busy="true"] {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 3px;
  width: 100%;
  background-color: #003472;
  animation: preloader-background linear 3.5s infinite; }
  header [role="progressbar"][aria-busy="true"]::before, header [role="progressbar"][aria-busy="true"]::after {
    display: block;
    position: absolute;
    top: 0;
    z-index: 2;
    width: 0;
    height: 3px;
    background: #afa;
    animation: preloader-front linear 3.5s infinite;
    content: ''; }
  header [role="progressbar"][aria-busy="true"]::before {
    right: 50%; }
  header [role="progressbar"][aria-busy="true"]::after {
    left: 50%; }

@keyframes preloader-background {
  0%, 24.9% {
    background-color: #003472; }
  25%, 49.9% {
    background-color: #77aee6; }
  50%, 74.9% {
    background-color: #1d68b4; }
  75%, 100% {
    background-color: #a7d5fe; } }

@keyframes preloader-front {
  0% {
    width: 0;
    background-color: #77aee6; }
  24.9% {
    width: 50%;
    background-color: #77aee6; }
  25% {
    width: 0;
    background-color: #1d68b4; }
  49.9% {
    width: 50%;
    background-color: #1d68b4; }
  50% {
    width: 0;
    background-color: #a7d5fe; }
  74.9% {
    width: 50%;
    background-color: #a7d5fe; }
  75% {
    width: 0%;
    background-color: #003472; }
  100% {
    width: 50%;
    background-color: #003472; } }

/*
    Receive unit and return the number
    Eg. 14px returns 14, 2em returns 2
*/
/*
    Used in elements that have font-size different from default-font-size
*/
/*$green: #004C30;*/
button.button-login-wrapper.active {
  background-color: #3396D0;
  border: 1px solid #3396D0;
  transition: 0.15s;
  border-bottom: none; }
  button.button-login-wrapper.active:hover {
    background-color: #2a82b5;
    border: 1px solid #2a82b5; }
  button.button-login-wrapper.active:focus {
    background-color: #3396D0; }
  button.button-login-wrapper.active:hover:focus {
    background-color: #2a82b5;
    border: 1px solid #2a82b5; }

.login-menus-with-register {
  border-bottom: 0.25em solid #3396D0; }

button.button-login-wrapper {
  background-color: #e6e6e6;
  color: #000;
  transition: 0.15s;
  padding: 1em 2em;
  border-radius: 4px 4px 0 0; }
  button.button-login-wrapper:hover {
    background-color: #ccc; }

html.login .content .login-logo-wrapper {
  max-width: 31.571em;
  margin-top: 4.214em; }
  html.login .content .login-logo-wrapper > img.login-logo {
    max-width: none;
    max-height: none;
    width: 20em; }

.login-form-wrapper {
  transform: translateY(-40%); }
  .login-form-wrapper .login-wrapper string-input .field-input > input {
    padding: 0.6em 0.4em; }
  .login-form-wrapper .login-wrapper button.submit-button {
    background-color: #3396D0;
    border: 1px solid #3396D0;
    transition: 0.15s; }
    .login-form-wrapper .login-wrapper button.submit-button:hover {
      background-color: #2a82b5; }
    .login-form-wrapper .login-wrapper button.submit-button:focus {
      background-color: #2a82b5;
      border: 1px solid #2a82b5; }
    .login-form-wrapper .login-wrapper button.submit-button:hover:focus {
      background-color: #2a82b5;
      border: 1px solid #2a82b5; }
    .login-form-wrapper .login-wrapper button.submit-button[type="submit"] {
      margin-top: 0.7em;
      background-color: #3396D0; }
      .login-form-wrapper .login-wrapper button.submit-button[type="submit"]:hover {
        background-color: #2a82b5;
        border: 1px solid #2a82b5; }
      .login-form-wrapper .login-wrapper button.submit-button[type="submit"]:focus {
        background-color: #2a82b5;
        border: 1px solid #2a82b5; }
      .login-form-wrapper .login-wrapper button.submit-button[type="submit"]:hover:focus {
        background-color: #2a82b5;
        border: 1px solid #2a82b5; }
      .login-form-wrapper .login-wrapper button.submit-button[type="submit"]:active:hover {
        border: 1px solid #2a82b5;
        background-color: #2a82b5; }
  .login-form-wrapper .message-block p {
    margin-bottom: 2em; }

a {
  color: #3396D0; }
  a:hover {
    color: #2a82b5; }

.login-menus {
  padding: 3em 0; }
  .login-menus .validation-items {
    /*
        .k-widget.k-tooltip-validation {
            right: 0;
            top: -21px;
        }
        */ }
    .login-menus .validation-items .characters-count {
      display: none; }

.forgot-password .login-menus {
  margin-top: -4em; }

/*
    Receive unit and return the number
    Eg. 14px returns 14, 2em returns 2
*/
/*
    Used in elements that have font-size different from default-font-size
*/
/*$green: #004C30;*/

/*
    Receive unit and return the number
    Eg. 14px returns 14, 2em returns 2
*/
/*
    Used in elements that have font-size different from default-font-size
*/
/*$green: #004C30;*/
.navbar {
  min-height: 45px; }

.navbar-header > .navbar-brand {
  font-family: "Segoe Ui", sans-serif;
  padding: 0px;
  height: 45px;
  display: flex;
  align-items: center;
  margin-left: 10px !important; }
  .navbar-header > .navbar-brand svg {
    color: white;
    stroke-width: 1; }
  .navbar-header > .navbar-brand span {
    color: white;
    font-size: 18px;
    font-weight: 100; }
  .navbar-header > .navbar-brand img {
    width: 8.5em; }

.navbar-background {
  background-color: #3396D0; }

.navbar-default {
  box-shadow: none !important; }
  .navbar-default .navbar-toggle {
    border-color: #fff;
    transition: 0.15s; }
    .navbar-default .navbar-toggle:hover {
      background-color: #2c88be; }
    .navbar-default .navbar-toggle:focus {
      background-color: #2c88be; }
    .navbar-default .navbar-toggle:active {
      background-color: #2c88be; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #fff;
      height: 1px; }
      .navbar-default .navbar-toggle .icon-bar:nth-child(3), .navbar-default .navbar-toggle .icon-bar:nth-child(4) {
        margin-top: 6px; }

.navbar-nav {
  font-family: "Segoe UI", sans-serif;
  height: 45px; }
  @media screen and (max-width: 768px) {
    .navbar-nav {
      height: auto; } }
  .navbar-nav li {
    height: 100%; }
    .navbar-nav li a {
      font-family: "Segoe UI", sans-serif;
      color: white !important;
      font-weight: 100;
      margin-left: 0px !important;
      margin-right: 0px !important;
      height: 100%;
      display: flex;
      align-items: center;
      border-bottom: 1px transparent solid !important;
      font-size: 16px;
      padding-left: 1.4em;
      padding-right: 1.4em; }
      .navbar-nav li a:hover, .navbar-nav li a:focus {
        color: white !important;
        border-bottom: 1px transparent solid;
        font-size: 16px;
        font-weight: 100;
        background-color: #2c88be; }
    .navbar-nav li:hover, .navbar-nav li:focus {
      border-bottom: 0 !important;
      font-size: 16px;
      font-weight: 100;
      background-color: #2c88be;
      color: white; }
    .navbar-nav li .dropdown-menu {
      background-color: #3396D0 !important;
      color: white; }
      .navbar-nav li .dropdown-menu li > * {
        border: none !important;
        color: white;
        font-size: 16px; }
        .navbar-nav li .dropdown-menu li > *:hover {
          background-color: #2c88be;
          color: white; }
  .navbar-nav .open {
    border: none !important; }
    .navbar-nav .open a:focus, .navbar-nav .open a:hover {
      background-color: #2c88be !important;
      color: white !important;
      font-weight: 100; }
  .navbar-nav:not(:hover):not(.open) > a {
    color: white !important;
    border-bottom: 1px solid transparent;
    font-size: 16px;
    font-weight: 100 !important; }
  .navbar-nav .active > a {
    background-color: #2c88be !important;
    color: white !important;
    border-bottom: 1px white solid !important;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 16px;
    font-weight: 100 !important;
    box-shadow: inset 0px -2px 0 white; }
    .navbar-nav .active > a:hover {
      background-color: #2c88be; }

.navbar-default .navbar-nav > .open > a {
  background-color: #2a82b5; }

login-menu .navbar-brand *:first-child {
  font-family: "Segoe UI", sans-serif; }

.navbar-nav.navbar-right li a.dropdown-toggle {
  font-size: 14px; }
  .navbar-nav.navbar-right li a.dropdown-toggle:hover {
    font-size: 14px; }
  .navbar-nav.navbar-right li a.dropdown-toggle:focus {
    font-size: 14px; }
  .navbar-nav.navbar-right li a.dropdown-toggle:active {
    font-size: 14px; }

@media (max-width: 768px) {
  .navbar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    padding: 0 15px; }
    .navbar-header::before, .navbar-header::after {
      content: none; } }

/*
    Receive unit and return the number
    Eg. 14px returns 14, 2em returns 2
*/
/*
    Used in elements that have font-size different from default-font-size
*/
/*$green: #004C30;*/
.profile-edit-buttons .cancel-form.k-button, .profile-edit-buttons .k-button.k-danger {
  cursor: pointer;
  color: #555555;
  background-color: #f2f2f2;
  font-size: 13px;
  padding: 8px 20px;
  border: none;
  border-radius: 20px; }
  .profile-edit-buttons .cancel-form.k-button:hover, .profile-edit-buttons .k-button.k-danger:hover {
    color: #555555;
    text-decoration: none;
    background-color: #e6e6e6; }
  .profile-edit-buttons .cancel-form.k-button.active, .profile-edit-buttons .k-button.k-danger.active {
    color: #555555;
    text-decoration: none;
    background-color: #e6e6e6; }

.profile-edit-buttons .k-button.k-primary[type="submit"] {
  cursor: pointer;
  font-size: 13px;
  padding: 8px 20px;
  border: none;
  border-radius: 20px; }

.change-pass-buttons .cancel-form.k-button {
  margin-right: 0; }

#changepassword form-buttons > div {
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.user-more-vertical {
  position: relative;
  min-height: 38px; }
  .user-more-vertical .dropdown-menu {
    left: auto;
    right: 0px; }

/*
    Receive unit and return the number
    Eg. 14px returns 14, 2em returns 2
*/
/*
    Used in elements that have font-size different from default-font-size
*/
/*$green: #004C30;*/
/*
    Receive unit and return the number
    Eg. 14px returns 14, 2em returns 2
*/
/*
    Used in elements that have font-size different from default-font-size
*/
/*$green: #004C30;*/
/*
    Receive unit and return the number
    Eg. 14px returns 14, 2em returns 2
*/
/*
    Used in elements that have font-size different from default-font-size
*/
/*$green: #004C30;*/
.project-create .project-left-panel {
  width: 85%;
  padding-right: 15px; }
  @media screen and (max-width: 1650px) {
    .project-create .project-left-panel {
      width: 80%; } }
  @media screen and (max-width: 1130px) {
    .project-create .project-left-panel {
      width: 75%; } }

.project-create .container-name-input .validation-items {
  position: relative; }
  .project-create .container-name-input .validation-items .k-widget.k-tooltip-validation {
    right: auto;
    left: 0; }

.project-create .draggable-row .validation-items {
  position: absolute;
  line-height: normal;
  margin-top: -2px; }

.project-create .project-right-panel {
  width: 15%;
  position: relative;
  display: flex;
  padding-left: 15px;
  flex-direction: column; }
  @media screen and (max-width: 1650px) {
    .project-create .project-right-panel {
      width: 20%; } }
  @media screen and (max-width: 1130px) {
    .project-create .project-right-panel {
      width: 25%; } }
  .project-create .project-right-panel .due-date-days-wrapper {
    display: flex;
    justify-content: space-between; }
    .project-create .project-right-panel .due-date-days-wrapper .due-date-days-container {
      display: flex;
      flex-direction: column; }
      .project-create .project-right-panel .due-date-days-wrapper .due-date-days-container .notf-label {
        color: #333;
        font-weight: normal;
        font-size: 13px;
        text-align: left; }
      .project-create .project-right-panel .due-date-days-wrapper .due-date-days-container .bell-area-container {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .project-create .project-right-panel .due-date-days-wrapper .due-date-days-container .bell-area-container .bell-area {
          display: flex;
          margin-right: 5px; }
          .project-create .project-right-panel .due-date-days-wrapper .due-date-days-container .bell-area-container .bell-area .icon-bell {
            height: 20px;
            width: 20px;
            margin-right: 0; }
          .project-create .project-right-panel .due-date-days-wrapper .due-date-days-container .bell-area-container .bell-area:not(.selected) .icon-bell:hover {
            fill: #3396D0; }
          .project-create .project-right-panel .due-date-days-wrapper .due-date-days-container .bell-area-container .bell-area.selected .icon-bell {
            fill: #3396D0; }
            .project-create .project-right-panel .due-date-days-wrapper .due-date-days-container .bell-area-container .bell-area.selected .icon-bell:hover {
              fill: #1d5b80; }
          .project-create .project-right-panel .due-date-days-wrapper .due-date-days-container .bell-area-container .bell-area .icon-ball {
            position: absolute;
            top: 13px;
            left: 30px;
            width: 12px;
            height: 12px;
            background: #3396D0;
            border-radius: 50%; }
        .project-create .project-right-panel .due-date-days-wrapper .due-date-days-container .bell-area-container .days-area {
          display: flex;
          width: 5em; }
          .project-create .project-right-panel .due-date-days-wrapper .due-date-days-container .bell-area-container .days-area numeric-input .k-numeric-wrap {
            padding: 0; }
            .project-create .project-right-panel .due-date-days-wrapper .due-date-days-container .bell-area-container .days-area numeric-input .k-numeric-wrap .k-input {
              text-overflow: initial; }
  .project-create .project-right-panel switch-input {
    display: flex;
    align-items: center; }
  .project-create .project-right-panel .optional-label {
    display: none; }

.project-create .items-header > div {
  border: 1px solid #ddd;
  border-right: none; }
  .project-create .items-header > div:not(:first-child) {
    border-left: none; }
  .project-create .items-header > div:first-child {
    padding-left: 42px; }
  .project-create .items-header > div:last-child {
    border-right: 1px solid #ddd; }

.project-create .container-items .item-row {
  /*
            string-input .k-widget.k-tooltip-validation {
                top: -18px;
                right: 1px;
            }
            */ }
  .project-create .container-items .item-row .icon-item {
    width: auto;
    height: 27px; }
  .project-create .container-items .item-row:nth-child(2) li {
    /*padding-top: 20px;*/ }
  .project-create .container-items .item-row textarea.k-textbox {
    resize: vertical;
    min-height: 33px !important;
    height: 66px; }

.project-create .add-new-item {
  padding: 10px;
  background-color: #e9f4fa;
  box-shadow: inset 0 2px 1px 0px rgba(0, 0, 0, 0.03); }

.project-create .add-request .add-request-header {
  background-color: #fafafa;
  border: 1px solid #ddd; }
  .project-create .add-request .add-request-header .icon-folder {
    height: 17px;
    width: auto;
    opacity: 0.5; }

.project-create .add-request .add-request-main {
  border: 1px solid #ddd;
  border-top: none; }

.project-create-f-template form-buttons > div {
  display: flex;
  align-items: center; }

.project-create-f-template .cancel-form.k-button {
  cursor: pointer;
  color: #555555;
  background-color: #f2f2f2;
  font-size: 13px;
  padding: 8px 20px;
  border: none;
  border-radius: 20px; }
  .project-create-f-template .cancel-form.k-button:hover {
    color: #555555;
    text-decoration: none;
    background-color: #e6e6e6; }
  .project-create-f-template .cancel-form.k-button.active {
    color: #555555;
    text-decoration: none;
    background-color: #e6e6e6; }

.project-create-f-template .k-button.k-danger {
  cursor: pointer;
  color: white;
  background-color: #DD5A4E;
  font-size: 13px;
  padding: 8px 20px;
  border: none;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .project-create-f-template .k-button.k-danger:hover {
    color: white;
    text-decoration: none;
    background-color: #d94639; }
  .project-create-f-template .k-button.k-danger:focus {
    color: white;
    text-decoration: none;
    background-color: #d73e30; }
  .project-create-f-template .k-button.k-danger:active {
    color: white;
    text-decoration: none;
    background-color: #d73e30; }

.project-create-f-template .k-button.k-primary[type="submit"] {
  cursor: pointer;
  color: white;
  background-color: #3396D0;
  font-size: 13px;
  padding: 8px 20px;
  border: none;
  border-radius: 20px; }
  .project-create-f-template .k-button.k-primary[type="submit"]:hover {
    color: white;
    text-decoration: none;
    background-color: #2c88be; }
  .project-create-f-template .k-button.k-primary[type="submit"]:focus {
    color: white;
    text-decoration: none;
    background-color: #2a82b5 !important; }
  .project-create-f-template .k-button.k-primary[type="submit"]:active {
    color: white;
    text-decoration: none;
    background-color: #2a82b5 !important; }

.notification-popup .pull-right, .create-template-window .pull-right {
  margin-right: 5px; }

.notification-popup .cancel-form.k-button, .create-template-window .cancel-form.k-button {
  cursor: pointer;
  color: #555555;
  background-color: #f2f2f2;
  font-size: 13px;
  padding: 8px 20px;
  border: none;
  border-radius: 20px; }
  .notification-popup .cancel-form.k-button:hover, .create-template-window .cancel-form.k-button:hover {
    color: #555555;
    text-decoration: none;
    background-color: #e6e6e6; }
  .notification-popup .cancel-form.k-button.active, .create-template-window .cancel-form.k-button.active {
    color: #555555;
    text-decoration: none;
    background-color: #e6e6e6; }

.notification-popup .k-button.k-danger, .create-template-window .k-button.k-danger {
  cursor: pointer;
  color: white;
  background-color: #DD5A4E;
  font-size: 13px;
  padding: 8px 20px;
  border: none;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .notification-popup .k-button.k-danger:hover, .create-template-window .k-button.k-danger:hover {
    color: white;
    text-decoration: none;
    background-color: #d94639; }
  .notification-popup .k-button.k-danger:focus, .create-template-window .k-button.k-danger:focus {
    color: white;
    text-decoration: none;
    background-color: #d73e30; }
  .notification-popup .k-button.k-danger:active, .create-template-window .k-button.k-danger:active {
    color: white;
    text-decoration: none;
    background-color: #d73e30; }

.notification-popup .k-button.k-primary[type="submit"], .notification-popup .k-button.k-primary, .create-template-window .k-button.k-primary[type="submit"], .create-template-window .k-button.k-primary {
  cursor: pointer;
  font-size: 13px;
  padding: 8px 20px;
  border: none;
  border-radius: 20px; }

.notification-popup numeric-input .field {
  margin-top: -13px;
  margin-bottom: 25px; }

.notification-popup switch-input .field-wrapper {
  flex-direction: row;
  justify-content: space-between; }
  .notification-popup switch-input .field-wrapper::before, .notification-popup switch-input .field-wrapper::after {
    content: none; }

.notification-popup .field-input.field-boolean {
  width: auto !important; }

@media screen and (max-width: 992px) {
  .project-create > div:first-child form-buttons > div {
    flex-wrap: wrap; }
    .project-create > div:first-child form-buttons > div > a {
      margin-right: 0; } }

.btn-top-right {
  padding: 0px 0px;
  width: 25px;
  position: absolute;
  top: 0px;
  right: -5px;
  height: 25px;
  background-color: #fafafa;
  cursor: pointer;
  font-size: 13px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #837f7c;
  border-radius: 0px;
  min-height: 0px; }
  .btn-top-right:hover {
    color: white; }

.not-drag {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5%;
  font: normal normal normal 1.167em/1 FontAwesome;
  color: lightgray; }

.not-drag:before {
  content: "\f07d"; }

.drag {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5%;
  cursor: move;
  font: normal normal normal 1.167em/1 FontAwesome;
  color: lightgray; }

.drag:before {
  content: "\f07d"; }

.hint {
  opacity: 0.5;
  width: 75%; }

.upload-item-single-file {
  border: none;
  display: flex; }
  .upload-item-single-file .files-container {
    display: flex;
    justify-content: space-between; }
    .upload-item-single-file .files-container:not(:first-child) {
      padding-top: 5px; }
    .upload-item-single-file .files-container .file-container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0;
      width: calc(100% - 30px); }
      .upload-item-single-file .files-container .file-container .file-name-container {
        width: 90%;
        overflow: hidden; }
        .upload-item-single-file .files-container .file-container .file-name-container .file-name {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          display: block; }
      .upload-item-single-file .files-container .file-container .close-button-container {
        width: auto; }
        .upload-item-single-file .files-container .file-container .close-button-container .close-button {
          width: 30px;
          height: 30px;
          color: #555;
          background-color: #f3f3f3;
          border: none;
          border-radius: 100%;
          cursor: pointer;
          font-size: 13px;
          width: 25px;
          height: 25px;
          background-color: transparent;
          display: flex;
          justify-content: center;
          align-items: center; }
          .upload-item-single-file .files-container .file-container .close-button-container .close-button:hover {
            background-color: #cacaca;
            color: #333; }
    .upload-item-single-file .files-container .upload-container .inner-upload-custom-input .field {
      margin-right: 0 !important; }
    .upload-item-single-file .files-container .upload-container .inner-upload-custom-input #filesList .k-i-upload {
      margin-left: 10px; }
  .upload-item-single-file .upload-box-wrapper {
    display: none; }
  .upload-item-single-file .k-upload + .row {
    display: none; }
  .upload-item-single-file .k-upload-button {
    margin: 0;
    border-radius: 35px; }
  .upload-item-single-file #filesList .k-widget.k-upload.k-header {
    text-align: center;
    border: none; }
    .upload-item-single-file #filesList .k-widget.k-upload.k-header.hidden {
      display: none; }
  .upload-item-single-file #filesList .k-i-upload {
    width: 30px;
    height: 30px;
    color: #555;
    background-color: #f3f3f3;
    border: none;
    border-radius: 100%;
    cursor: pointer;
    font-size: 13px; }
    .upload-item-single-file #filesList .k-i-upload:hover {
      background-color: #3396D0;
      color: #fff; }
  .upload-item-single-file .template-file {
    border: 0;
    padding-left: 0px;
    padding-right: 0px; }
    .upload-item-single-file .template-file div:nth-of-type(1) {
      width: calc(100% - 30px); }
      .upload-item-single-file .template-file div:nth-of-type(1) span {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }

.item-mandatory {
  display: flex;
  align-items: center; }

.btn-delete-item {
  font-family: FontAwesome;
  width: 30px;
  height: 30px;
  color: #555;
  background-color: #f3f3f3;
  border: none;
  border-radius: 100%;
  cursor: pointer;
  font-size: 13px; }
  .btn-delete-item:hover {
    background-color: #d94639;
    color: #fff; }
  .btn-delete-item::before {
    content: "\f014"; }

.create-prject-item-row {
  display: flex;
  align-items: flex-start; }
  .create-prject-item-row .item-row-element {
    min-height: 33px;
    padding-left: 10px; }
    .create-prject-item-row .item-row-element.last-element {
      padding-left: 0;
      padding-right: 10px; }
  .create-prject-item-row .km-switch-wrapper {
    border-radius: 25px; }
  .create-prject-item-row .k-switch-handle {
    border-radius: 25px; }
  .create-prject-item-row .km-switch-container {
    border-color: white; }

/*
    Receive unit and return the number
    Eg. 14px returns 14, 2em returns 2
*/
/*
    Used in elements that have font-size different from default-font-size
*/
/*$green: #004C30;*/
.profile-edit .header-project-edit-title input.k-textbox {
  padding: 8px;
  height: auto;
  width: 250px; }

.profile-edit .header-project-edit-title .k-widget.k-tooltip-validation {
  position: absolute; }

@media screen and (max-width: 768px) {
  .profile-edit > div:first-child form-buttons > div {
    flex-wrap: wrap; }
    .profile-edit > div:first-child form-buttons > div > * {
      margin-top: 5px; } }

/*
    Receive unit and return the number
    Eg. 14px returns 14, 2em returns 2
*/
/*
    Used in elements that have font-size different from default-font-size
*/
/*$green: #004C30;*/
.navbar-right {
  /*span:last-child {
        margin-left: 5px;
    }*/ }
  .navbar-right .caret {
    margin-left: 5px; }

.button-check {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #777;
  background-color: transparent;
  font-size: 13px;
  padding: 0;
  border: none;
  min-height: 38px; }
  .button-check:hover {
    color: #777;
    text-decoration: none;
    background-color: transparent; }
  .button-check:focus {
    outline: none; }
  .button-check.active {
    color: #777;
    text-decoration: none;
    background-color: transparent; }
  .button-check svg {
    height: 20px; }

.button-x {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #777;
  background-color: transparent;
  font-size: 13px;
  padding: 0;
  border: none;
  min-height: 38px; }
  .button-x:hover {
    color: #777;
    text-decoration: none;
    background-color: transparent; }
  .button-x:focus {
    outline: none; }
  .button-x.active {
    color: #777;
    text-decoration: none;
    background-color: transparent; }
  .button-x svg {
    height: 20px; }

.button-edit {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #ccc;
  background-color: transparent;
  font-size: 13px;
  padding: 0;
  border: none;
  min-height: 38px; }
  .button-edit:hover {
    color: #ccc;
    text-decoration: none;
    background-color: transparent; }
  .button-edit.active {
    color: #ccc;
    text-decoration: none;
    background-color: transparent; }
  .button-edit:focus {
    outline: none; }
  .button-edit svg {
    height: 20px; }

.button-tab {
  cursor: pointer;
  color: #555555;
  background-color: #fff;
  font-size: 13px;
  padding: 8px 12px;
  border: 1px solid transparent;
  border-bottom: none;
  min-height: 38px; }
  .button-tab:hover {
    color: #555555;
    text-decoration: none;
    border: 1px solid #f0f0f0;
    border-bottom: none; }
  .button-tab.active {
    color: #555555;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-bottom: none; }

.search-bar {
  border: solid 1px #e6e6e6;
  border-right: none;
  outline: none;
  padding-left: 10px;
  height: 35px; }
  .search-bar::placeholder {
    color: #d7d7d7; }

.search-bar-icon {
  border: solid 1px #e6e6e6;
  border-left: none;
  background-color: white;
  padding-right: 10px;
  display: flex;
  align-items: center;
  outline: none; }
  .search-bar-icon svg {
    width: 18px;
    stroke: #d7d7d7;
    stroke-width: 1.5px; }

.input-line {
  /*
    .k-widget.k-tooltip-validation {
        position: absolute;
        top: 0;
        right: 0;
        color: $red;
    }
    */ }
  .input-line .field-label {
    padding: 0.5em 0;
    border-bottom: 2px solid #d9d9d9;
    margin-right: -1px;
    font-size: 14px; }
  .input-line .field-input {
    padding: 0; }
  .input-line .field-wrapper {
    display: flex;
    align-items: flex-end; }
    .input-line .field-wrapper input.k-textbox {
      border-top: none;
      border-left: none;
      border-right: none;
      height: auto;
      padding: 0.5em 0;
      border-bottom: 2px solid #d9d9d9; }
  .input-line .field {
    border-bottom: none !important; }
  .input-line.field-required .field-label {
    border-bottom: none;
    background: linear-gradient(to left, #d9d9d9 92%, #DD5A4E 8%) left bottom transparent no-repeat;
    background-size: 100% 7%;
    background-color: transparent; }

string-input, string-textarea-input, multiselect-input, numeric-input, datetimepicker-input, dropdownlist-input, image-upload, upload-input {
  /*
    .validation-items {
        position: static;
    }
    */
  /*
    .k-widget.k-tooltip-validation {
        position: absolute;
        top: -4px;
        right: 16px;
        text-align: right;
    }
    */ }
  string-input .field, string-textarea-input .field, multiselect-input .field, numeric-input .field, datetimepicker-input .field, dropdownlist-input .field, image-upload .field, upload-input .field {
    border-bottom: none !important; }
  string-input .field-input, string-textarea-input .field-input, multiselect-input .field-input, numeric-input .field-input, datetimepicker-input .field-input, dropdownlist-input .field-input, image-upload .field-input, upload-input .field-input {
    position: static; }
  string-input .field-wrapper, string-textarea-input .field-wrapper, multiselect-input .field-wrapper, numeric-input .field-wrapper, datetimepicker-input .field-wrapper, dropdownlist-input .field-wrapper, image-upload .field-wrapper, upload-input .field-wrapper {
    position: relative;
    display: flex;
    align-items: center; }
    string-input .field-wrapper input.k-textbox, string-textarea-input .field-wrapper input.k-textbox, multiselect-input .field-wrapper input.k-textbox, numeric-input .field-wrapper input.k-textbox, datetimepicker-input .field-wrapper input.k-textbox, dropdownlist-input .field-wrapper input.k-textbox, image-upload .field-wrapper input.k-textbox, upload-input .field-wrapper input.k-textbox {
      height: 33px;
      /*padding: 0.5em 0;*/ }

#projectList {
  box-shadow: none;
  border: solid 1px #e6e6e6 !important;
  margin-bottom: 2em; }

#projectList div.k-grid-content.k-auto-scrollable {
  height: auto !important; }

#projectList div.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap {
  display: none; }

.k-grid td {
  border-bottom: none;
  border-top: solid 1px #e6e6e6; }

#projectList .k-grid.grid-radius {
  box-shadow: none; }

#projectList div.k-grid-content.k-auto-scrollable > table > tbody > tr.k-alt.ng-scope {
  border-bottom: none; }

div.k-grid-header {
  border-bottom: none !important;
  background-color: #f2f2f2; }

#projectList div.k-grid-header > div > table > thead > tr:nth-child(1) {
  height: 50px; }
  #projectList div.k-grid-header > div > table > thead > tr:nth-child(1) th {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 1.357em;
    vertical-align: middle !important;
    font-weight: 600;
    font-size: 13px;
    border: 0;
    border-bottom: 1px solid #e1e1e1 !important;
    background-color: #f2f2f2; }
    #projectList div.k-grid-header > div > table > thead > tr:nth-child(1) th a {
      font-weight: 600;
      font-size: 13px; }

#projectList div.k-grid-header div.k-grid-header-wrap tr > th[data-index="2"], #projectList div.k-grid-header div.k-grid-header-wrap tr > th[data-index="3"] {
  padding: 0;
  text-align: center; }

#projectList div.k-grid-content.k-auto-scrollable > table > tbody > tr {
  font-size: 13px;
  font-weight: normal;
  height: 50px; }
  #projectList div.k-grid-content.k-auto-scrollable > table > tbody > tr td:nth-child(2) {
    font-weight: 100; }
  #projectList div.k-grid-content.k-auto-scrollable > table > tbody > tr td .status-gauge > span {
    padding: 15px;
    width: 20px;
    height: 20px; }
  #projectList div.k-grid-content.k-auto-scrollable > table > tbody > tr td .status-gauge .gauge-value {
    color: #3396D0;
    font-weight: 600;
    font-size: 15px; }

.k-filter-row {
  height: 50px !important; }

#projectList div.k-grid-header > div > table > thead > tr.k-filter-row > th.ng-scope > span > span {
  padding-right: 0; }

#projectList > div.index-grid.row-click-grid.grid-radius.not-index-grid.k-grid.k-widget.k-display-block
> div.k-grid-content.k-auto-scrollable > table > tbody > tr.k-detail-row.ng-scope > td.k-hierarchy-cell {
  background-color: white !important; }

#requestList {
  box-shadow: none;
  border: solid 1px #e6e6e6 !important;
  margin-bottom: 2em; }

#requestList div.k-grid-content.k-auto-scrollable {
  height: auto !important; }

#requestList div.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap {
  display: none; }

.k-grid td {
  border-bottom: none;
  border-top: solid 1px #e6e6e6; }

#requestList .k-grid.grid-radius {
  box-shadow: none; }

#requestList div.k-grid-content.k-auto-scrollable > table > tbody > tr.k-alt.ng-scope {
  border-bottom: none; }

#requestList div.k-grid-content.k-auto-scrollable > table > tbody > tr {
  height: 50px; }

div.k-grid-header {
  border-bottom: none !important; }

#requestList div.k-grid-header > div > table > thead > tr:nth-child(1) {
  height: 50px; }
  #requestList div.k-grid-header > div > table > thead > tr:nth-child(1) th {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 1.357em;
    vertical-align: middle !important;
    font-weight: 600;
    font-size: 13px;
    border: 0;
    border-bottom: 1px solid #e1e1e1 !important;
    background-color: #f2f2f2; }
    #requestList div.k-grid-header > div > table > thead > tr:nth-child(1) th a {
      font-weight: 600;
      font-size: 13px; }

#requestList div.k-grid-content.k-auto-scrollable > table > tbody > tr {
  font-size: 13px;
  font-weight: normal; }
  #requestList div.k-grid-content.k-auto-scrollable > table > tbody > tr td:nth-child(2) {
    font-weight: 100; }

.k-filter-row {
  height: 50px !important; }

#requestList div.k-grid-content.k-auto-scrollable > table > tbody > tr > td:last-child {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 100px; }

#requestList div.k-grid-header > div > table > thead > tr.k-filter-row > th.ng-scope > span > span {
  padding-right: 0; }

.empty-table {
  padding: 2vh;
  border-top: 1px solid #e6e6e6;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .empty-table .message {
    margin-top: 1.5vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center; }
    .empty-table .message p {
      margin-bottom: 1vh;
      color: #b3b3b3; }
    .empty-table .message p:nth-child(2) {
      color: #b3b3b3; }

.bread-crumb .bread-crumb-path:first-of-type {
  margin-left: 0 !important; }

.bread-crumb-title {
  font-weight: 200;
  color: #3396D0 !important; }

.bar {
  width: 17px;
  height: 18px;
  border-radius: 3px;
  margin-right: 5px;
  border: 1px solid rgba(51, 150, 208, 0.5); }
  .bar.active {
    background-color: #3396D0; }

div.k-window {
  height: auto !important; }

.k-window-titlebar.k-header {
  height: 40px;
  display: flex;
  align-items: center; }

.k-window-titlebar .k-window-actions {
  top: auto !important;
  right: 15px; }

/* width */
::-webkit-scrollbar {
  width: 10px; }

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; }

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; }

#receivedRequestGrid {
  box-shadow: none;
  border: solid 1px #e6e6e6 !important; }

#receivedRequestGrid > div.k-grid-content.k-auto-scrollable {
  height: auto !important; }

#receivedRequestGrid > div.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap {
  display: none; }

#receivedRequestGrid > div.k-grid-content.k-auto-scrollable > table > tbody > tr.k-alt.ng-scope {
  border-bottom: none; }

#receivedRequestGrid > div.k-grid-content.k-auto-scrollable > table > tbody > tr {
  height: 50px; }

#receivedRequestGrid > div.k-grid-header > div > table > thead > tr:nth-child(1) {
  height: 50px; }
  #receivedRequestGrid > div.k-grid-header > div > table > thead > tr:nth-child(1) th {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 1.357em;
    vertical-align: middle !important;
    font-weight: 300;
    font-size: 13px;
    border: 0;
    border-bottom: 1px solid #e1e1e1 !important;
    background-color: #f2f2f2; }
    #receivedRequestGrid > div.k-grid-header > div > table > thead > tr:nth-child(1) th a {
      font-weight: 500;
      font-size: 13px; }

#receivedProjectList div.k-grid-header div.k-grid-header-wrap tr > th[data-index="3"] {
  padding: 0;
  text-align: center; }

#receivedRequestGrid > div.k-grid-content.k-auto-scrollable > table > tbody > tr {
  font-size: 13px;
  font-weight: 600; }
  #receivedRequestGrid > div.k-grid-content.k-auto-scrollable > table > tbody > tr td:nth-child(2) {
    font-weight: 100; }

#templateGrid {
  box-shadow: none;
  border: solid 1px #e6e6e6 !important; }

#templateGrid > div.k-grid-content.k-auto-scrollable {
  height: auto !important; }

#templateGrid > div.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap {
  display: none; }

#templateGrid > div.k-grid-content.k-auto-scrollable > table > tbody > tr.k-alt.ng-scope {
  border-bottom: none; }

#templateGrid > div.k-grid-content.k-auto-scrollable > table > tbody > tr {
  height: 50px; }

#templateGrid > div.k-grid-header > div > table > thead > tr:nth-child(1) {
  height: 50px; }
  #templateGrid > div.k-grid-header > div > table > thead > tr:nth-child(1) th {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 1.357em;
    vertical-align: middle !important;
    font-weight: 300;
    font-size: 13px;
    border: 0;
    border-bottom: 1px solid #e1e1e1 !important;
    background-color: #f2f2f2; }
    #templateGrid > div.k-grid-header > div > table > thead > tr:nth-child(1) th a {
      font-weight: 500;
      font-size: 13px; }

#templateGrid > div.k-grid-content.k-auto-scrollable > table > tbody > tr {
  font-size: 13px;
  font-weight: 600; }
  #templateGrid > div.k-grid-content.k-auto-scrollable > table > tbody > tr td:nth-child(2) {
    font-weight: 100; }

html > body > .content .k-grid {
  height: auto; }

.k-grid-content {
  overflow: auto !important; }

.k-grid-header {
  padding-right: 0px !important; }

#projectList div[kendo-grid="projectGrid"] .k-grid-content table tbody tr.k-master-row .k-hierarchy-cell .k-icon {
  font-size: 2em; }

#projectList div[kendo-grid="projectGrid"] .k-grid-content table tbody tr.k-detail-row .k-detail-cell {
  padding: 0;
  border-left: solid 1px #e6e6e6 !important; }
  #projectList div[kendo-grid="projectGrid"] .k-grid-content table tbody tr.k-detail-row .k-detail-cell div div[data-role="grid"] {
    border: none !important; }

#projectList div[kendo-grid="requestGrid"] .k-grid-header {
  display: none; }

#receivedProjectList div[kendo-grid="receivedProjectGrid"] .k-grid-content table tbody tr.k-master-row .k-hierarchy-cell .k-icon {
  font-size: 2em; }

#receivedProjectList div[kendo-grid="receivedProjectGrid"] .k-grid-content table tbody tr.k-detail-row .k-detail-cell {
  padding: 0;
  border-left: solid 1px #e6e6e6 !important; }
  #receivedProjectList div[kendo-grid="receivedProjectGrid"] .k-grid-content table tbody tr.k-detail-row .k-detail-cell div div[data-role="grid"] {
    border: none !important; }

#receivedProjectList div[kendo-grid="receivedRequestGrid"] .k-grid-header {
  display: none; }

#receivedProjectList div.k-grid-header > div > table > thead > tr.k-filter-row > th.ng-scope > span > span {
  padding-right: 0; }

#receivedProjectList {
  box-shadow: none;
  border: solid 1px #e6e6e6 !important;
  margin-bottom: 2em; }

#receivedProjectList div.k-grid-content.k-auto-scrollable {
  height: auto !important; }

#receivedProjectList div.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap {
  display: none; }

.k-grid td {
  border-bottom: none;
  border-top: solid 1px #e6e6e6; }

#receivedRequestList .k-grid.grid-radius {
  box-shadow: none; }

#receivedProjectList div.k-grid-content.k-auto-scrollable > table > tbody > tr.k-alt.ng-scope {
  border-bottom: none; }

#receivedProjectList div.k-grid-content.k-auto-scrollable > table > tbody > tr {
  height: 50px; }

div.k-grid-header {
  border-bottom: none !important; }

#receivedProjectList div.k-grid-header > div > table > thead > tr:nth-child(1) {
  height: 50px; }
  #receivedProjectList div.k-grid-header > div > table > thead > tr:nth-child(1) th {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 1.357em;
    vertical-align: middle !important;
    font-weight: 600;
    font-size: 13px;
    border: 0;
    border-bottom: 1px solid #e1e1e1 !important;
    background-color: #f2f2f2; }
    #receivedProjectList div.k-grid-header > div > table > thead > tr:nth-child(1) th a {
      font-weight: 600;
      font-size: 13px; }

#receivedProjectList div.k-grid-content.k-auto-scrollable > table > tbody > tr {
  font-size: 13px;
  font-weight: normal; }
  #receivedProjectList div.k-grid-content.k-auto-scrollable > table > tbody > tr td:nth-child(2) {
    font-weight: 100; }

.k-filter-row {
  height: 50px !important; }

#receivedProjectList div.k-grid-content.k-auto-scrollable > table > tbody > tr > td:last-child {
  align-items: center;
  min-width: 100px; }

#receivedProjectList div.k-grid-header > div > table > thead > tr.k-filter-row > th.ng-scope > span > span {
  padding-right: 0; }

/*
    Receive unit and return the number
    Eg. 14px returns 14, 2em returns 2
*/
/*
    Used in elements that have font-size different from default-font-size
*/
/*$green: #004C30;*/
.k-panelbar .k-item {
  margin-bottom: 10px; }
  .k-panelbar .k-item .k-link {
    background-color: #fafafa !important;
    color: #666 !important;
    border: 1px solid #e6e6e6 !important;
    padding: 15px;
    border-radius: 3px !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    box-shadow: none !important; }
    .k-panelbar .k-item .k-link:hover {
      cursor: pointer; }
    .k-panelbar .k-item .k-link state-icon {
      margin-left: 20px; }
    .k-panelbar .k-item .k-link .k-icon {
      position: absolute;
      left: 15px;
      top: 30px;
      width: 25px;
      height: 25px;
      border: 1px solid #d9d9d9;
      border-radius: 5px;
      background-color: white; }
      .k-panelbar .k-item .k-link .k-icon::before {
        color: #d9d9d9; }
  .k-panelbar .k-item .k-content {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-top: none;
    border-radius: 0px 0px 3px 3px; }

.panel-heading-info {
  line-height: initial; }
  .panel-heading-info .panel-main-info {
    margin: 0.5em; }
    .panel-heading-info .panel-main-info .owner-img {
      border-radius: 50px;
      width: 27px;
      height: 27px;
      border: 1px solid #3396D0;
      background-image: url("../images/user.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
  .panel-heading-info .status-gauge > span {
    padding: 15px;
    width: 30px;
    height: 30px; }
  .panel-heading-info .status-gauge .gauge-title {
    position: relative;
    font-size: 10px;
    color: #777; }
  .panel-heading-info .status-gauge .gauge-value {
    color: #3396D0;
    font-weight: 600;
    font-size: 20px; }

.button-gray.selected {
  color: #fff; }
  .button-gray.selected.accepted {
    background-color: #28a745; }
  .button-gray.selected.rejected {
    background-color: #DD5A4E; }

panel-bar > div {
  border: none !important; }

.project-buttons .cancel-form.k-button {
  cursor: pointer;
  font-size: 13px;
  min-height: 38px;
  padding: 8px 20px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px; }
  .project-buttons .cancel-form.k-button svg {
    display: none; }

.button-approved {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 38px;
  width: 38px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #28a745;
  cursor: pointer;
  transition: 0.15s; }
  .button-approved svg {
    color: #28a745; }
  .button-approved:hover {
    background-color: #9be7ac; }
    .button-approved:hover svg {
      color: #fff; }
  .button-approved.selected {
    background-color: #28a745; }
    .button-approved.selected svg {
      color: #fff; }

.button-rejected {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 38px;
  width: 38px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #DD5A4E;
  cursor: pointer;
  transition: 0.15s; }
  .button-rejected svg {
    color: #DD5A4E; }
  .button-rejected:hover {
    background-color: #f2beb9; }
    .button-rejected:hover svg {
      color: #fff; }
  .button-rejected.selected {
    background-color: #DD5A4E; }
    .button-rejected.selected svg {
      color: #fff; }

.button-disabled {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 38px;
  width: 38px;
  border-radius: 50%;
  background-color: #fafafa;
  border: 1px solid #f3f3f3;
  cursor: pointer;
  transition: 0.15s;
  pointer-events: none; }
  .button-disabled svg {
    color: #f3f3f3; }

.button-download {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 38px;
  width: 38px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #4da8f9;
  cursor: pointer;
  transition: 0.15s; }
  .button-download svg {
    color: #4da8f9; }
  .button-download:hover {
    background-color: #c8e4fd; }
    .button-download:hover svg {
      color: #fff; }
  .button-download.selected {
    background-color: #4da8f9; }
    .button-download.selected svg {
      color: #fff; }
  .button-download.unread {
    background-color: #ffd800;
    border: 1px solid #ffd800; }
    .button-download.unread svg {
      color: #fff; }

.delete-icon:hover {
  cursor: pointer;
  color: #000000;
  position: absolute;
  top: 50%;
  font-size: 1rem; }

.project-validation-popup form-buttons > div {
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.project-validation-popup .cancel-form.k-button {
  cursor: pointer;
  font-size: 13px;
  padding: 8px 20px;
  border: none;
  border-radius: 20px;
  margin-right: 0; }

.project-validation-popup .k-button.k-danger {
  cursor: pointer;
  color: white;
  background-color: #DD5A4E;
  font-size: 13px;
  padding: 8px 12px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center; }
  .project-validation-popup .k-button.k-danger:hover {
    color: white;
    text-decoration: none;
    background-color: #d94639; }
  .project-validation-popup .k-button.k-danger:focus {
    color: white;
    text-decoration: none;
    background-color: #d73e30; }
  .project-validation-popup .k-button.k-danger:active {
    color: white;
    text-decoration: none;
    background-color: #d73e30; }

.project-validation-popup .k-button.k-primary[type="submit"] {
  cursor: pointer;
  font-size: 13px;
  padding: 8px 12px;
  border: none; }

.validation-button-disabled {
  opacity: 0.4;
  pointer-events: none; }

.btn-top-right-validation {
  padding: 5px 5px;
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 0 auto;
  border-radius: 0px;
  background-color: #fafafa;
  color: #837f7c;
  border-radius: 0px;
  min-height: 0px; }
  .btn-top-right-validation:hover {
    color: white; }

.validation-btn {
  height: 23px !important;
  width: 23px !important; }

#itemHistoryGrid {
  box-shadow: none;
  border: solid 1px #e6e6e6 !important; }

#itemHistoryGrid > div.k-grid-content.k-auto-scrollable {
  height: auto !important; }

#itemHistoryGrid > div.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap {
  display: none; }

#itemHistoryGrid > div.k-grid-content.k-auto-scrollable > table > tbody > tr.k-alt.ng-scope {
  border-bottom: none; }

#itemHistoryGrid > div.k-grid-content.k-auto-scrollable > table > tbody > tr {
  height: 50px; }

#itemHistoryGrid > div.k-grid-header > div > table > thead > tr:nth-child(1) {
  height: 50px; }
  #itemHistoryGrid > div.k-grid-header > div > table > thead > tr:nth-child(1) th {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 1.357em;
    padding-right: 0;
    vertical-align: middle !important;
    font-weight: 300;
    font-size: 13px;
    border: 0;
    border-bottom: 1px solid #e1e1e1 !important;
    background-color: #f2f2f2; }
    #itemHistoryGrid > div.k-grid-header > div > table > thead > tr:nth-child(1) th a {
      font-weight: 500;
      font-size: 13px; }

#itemProjectList div.k-grid-header div.k-grid-header-wrap tr > th[data-index="1"] {
  padding: 0;
  text-align: center; }

#itemHistoryGrid > div.k-grid-content.k-auto-scrollable > table > tbody > tr {
  font-size: 13px;
  font-weight: 600; }
  #itemHistoryGrid > div.k-grid-content.k-auto-scrollable > table > tbody > tr td:nth-child(2) {
    font-weight: 100; }

#itemHistoryGrid > div.k-grid-content.k-auto-scrollable > table > tbody > tr td.k-command-cell a {
  width: 30px;
  height: 30px;
  padding: 1em;
  display: flex;
  justify-content: center;
  align-items: center; }

#itemHistoryGrid div.k-grid-header div.k-grid-header-wrap tr > th[data-index="2"] {
  padding: 0;
  text-align: center; }

body > div.item-history-window > div.k-window-titlebar.k-header .k-window-title {
  font-size: 14px;
  font-weight: bold; }

body > div.item-history-window > div.k-window-titlebar.k-header div > a {
  height: 25px !important;
  width: 25px !important; }

.k-grid-download {
  margin: initial;
  display: inline-block;
  font: normal normal normal 1.167em/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  background: none !important;
  opacity: 1;
  vertical-align: unset; }

.k-grid-download.k-button-icontext.custom-grid-command {
  color: #005C81; }

.k-grid-download {
  line-height: 1.9em; }

.k-grid-download:before {
  content: '\f019'; }

/*
    Receive unit and return the number
    Eg. 14px returns 14, 2em returns 2
*/
/*
    Used in elements that have font-size different from default-font-size
*/
/*$green: #004C30;*/
.popup-add-project {
  padding: 10px !important; }
  .popup-add-project .container-projects-type .card-type {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #a6a6a6;
    text-align: center;
    border-radius: 4px;
    margin: 10px;
    width: calc((100% / 3) - 20px);
    height: 100px;
    box-sizing: border-box;
    transition: 0.15s; }
    .popup-add-project .container-projects-type .card-type:hover {
      /*background-color: $gray25;*/
      background-color: whitesmoke;
      border: 1px solid #a6a6a6;
      cursor: pointer; }
    .popup-add-project .container-projects-type .card-type.plus {
      background-color: #fff;
      /*border: 1px solid $primary-color;*/
      border: 2px dashed #3396D0; }
      .popup-add-project .container-projects-type .card-type.plus svg {
        color: #3396D0;
        height: 40px;
        width: 40px;
        stroke-width: 1.2px;
        margin-right: 0; }
      .popup-add-project .container-projects-type .card-type.plus:hover {
        background-color: #f2f8fc; }
        .popup-add-project .container-projects-type .card-type.plus:hover svg {
          color: #3396D0 !important; }
    .popup-add-project .container-projects-type .card-type .text {
      margin: 10px;
      font-weight: 600;
      color: #333; }

/*
    Receive unit and return the number
    Eg. 14px returns 14, 2em returns 2
*/
/*
    Used in elements that have font-size different from default-font-size
*/
/*$green: #004C30;*/
.field-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start !important; }

.field-label {
  width: 100% !important;
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  font-weight: 100; }

.field-input {
  width: 100% !important; }
  .field-input input {
    min-height: 31px; }
  .field-input .k-multiselect.k-header {
    min-height: 31px;
    border-radius: 3px; }
  .field-input .k-multiselect-clearable .k-multiselect-wrap {
    min-height: 31px;
    border-radius: 3px; }
    .field-input .k-multiselect-clearable .k-multiselect-wrap ul li :first-child {
      cursor: default; }
    .field-input .k-multiselect-clearable .k-multiselect-wrap ul li :last-child {
      cursor: pointer; }

.k-multiselect > .k-multiselect-wrap > .k-i-close {
  top: 12px; }

textarea.k-textbox {
  min-height: 60px !important; }

.k-picker-wrap .k-select {
  display: flex;
  align-items: center;
  justify-content: center; }

.table > thead > tr > th {
  border: none !important; }

.table > tbody > tr > td {
  border: none !important; }

.table > tbody > tr > th {
  border: none !important; }

.table {
  border-collapse: unset; }

.checklist-item {
  border: 1px solid #dadada !important;
  border-radius: 3px;
  background-color: #FaFaFa; }
  .checklist-item numeric-input .k-numeric-wrap {
    max-height: 29px; }
    .checklist-item numeric-input .k-numeric-wrap > input:first-child {
      min-height: 29px; }
  .checklist-item string-input .k-widget.k-tooltip-validation {
    top: -22px;
    right: 0; }

#parent-tmpItem-Description {
  max-height: 31px !important; }

.button-add-contact {
  display: flex;
  min-height: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 34px;
  border-radius: 3px;
  margin-top: 17px; }

.request-create-popup-buttons .k-button.k-primary[type="submit"] {
  cursor: pointer;
  font-size: 13px;
  padding: 8px 12px;
  border: none; }

/*
    Receive unit and return the number
    Eg. 14px returns 14, 2em returns 2
*/
/*
    Used in elements that have font-size different from default-font-size
*/
/*$green: #004C30;*/
.request-sent-edit-buttons > :first-child {
  display: flex;
  align-items: center; }

.request-sent-edit-buttons .k-button.k-danger {
  cursor: pointer;
  font-size: 13px;
  padding: 8px 20px;
  border: none;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center; }

.request-sent-edit-buttons .k-button.k-primary[type="submit"] {
  cursor: pointer;
  color: #fff;
  background-color: #28a745;
  font-size: 13px;
  min-height: 38px;
  padding: 8px 20px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px; }
  .request-sent-edit-buttons .k-button.k-primary[type="submit"]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #23923d; }
  .request-sent-edit-buttons .k-button.k-primary[type="submit"]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #218a39; }
  .request-sent-edit-buttons .k-button.k-primary[type="submit"]:active {
    color: #fff;
    text-decoration: none;
    background-color: #218a39; }

.saveAsDraftButton {
  cursor: pointer;
  color: #fff;
  background-color: #005C81;
  font-size: 13px;
  min-height: 38px;
  padding: 8px 20px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px; }
  .saveAsDraftButton:hover {
    color: #fff;
    text-decoration: none;
    background-color: #004a68; }
  .saveAsDraftButton:focus {
    color: #fff;
    text-decoration: none;
    background-color: #00435d; }
  .saveAsDraftButton:active {
    color: #fff;
    text-decoration: none;
    background-color: #00435d; }

.request-more-vertical,
.project-more-vertical {
  position: relative; }
  .request-more-vertical .dropdown-menu,
  .project-more-vertical .dropdown-menu {
    left: auto;
    right: 0px; }

.project-more-vertical {
  min-height: 38px; }

/*
    Receive unit and return the number
    Eg. 14px returns 14, 2em returns 2
*/
/*
    Used in elements that have font-size different from default-font-size
*/
/*$green: #004C30;*/
.request-received-detail .panel-wrapper {
  border: 1px solid #e6e6e6 !important;
  border-radius: 3px !important; }
  .request-received-detail .panel-wrapper .panel-heading {
    background-color: #fafafa !important;
    color: #666;
    border-bottom: 1px solid #e6e6e6;
    border-radius: 3px 3px 0 0;
    box-shadow: none;
    padding: 15px !important; }
    .request-received-detail .panel-wrapper .panel-heading .panel-main-info .owner-img {
      border-radius: 50px;
      width: 27px;
      height: 27px;
      border: 1px solid #3396D0;
      background-image: url("../images/user.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
    .request-received-detail .panel-wrapper .panel-heading .status-gauge > span {
      padding: 15px;
      width: 60px;
      height: 60px; }
    .request-received-detail .panel-wrapper .panel-heading .status-gauge .gauge-title {
      position: relative;
      font-size: 10px;
      color: #777; }
    .request-received-detail .panel-wrapper .panel-heading .status-gauge .gauge-value {
      color: #3396D0;
      font-weight: 600;
      font-size: 20px; }
  .request-received-detail .panel-wrapper .panel-body {
    /*comments {
                > div {
                    border: 1px solid $gray25;
                    border-radius:3px;
                }
            }*/ }
    .request-received-detail .panel-wrapper .panel-body p {
      font-size: 12px;
      color: #515967 !important; }
  .request-received-detail .panel-wrapper .panel-footer {
    border-top: none; }
  .request-received-detail .panel-wrapper .container-sections {
    padding: 30px; }
    .request-received-detail .panel-wrapper .container-sections upload-custom-input {
      /*.panel-drop-zone {
                    position: absolute;
                    top: -6px;
                    left: -11px;
                    background-color: whitesmoke;
                    width: 100%;
                    height: 111px!important;

                    .upload-box-wrapper {
                        i {
                            font-size: 2.5em;
                        }

                        label.drop-label {
                            font-size: 1.1em;
                        }
                    }
                }*/ }
      .request-received-detail .panel-wrapper .container-sections upload-custom-input .field {
        border-radius: 3px !important; }
        .request-received-detail .panel-wrapper .container-sections upload-custom-input .field .field-label {
          padding: 12px;
          background-color: #fff; }
          .request-received-detail .panel-wrapper .container-sections upload-custom-input .field .field-label .state-icon {
            height: 27px;
            width: 27px;
            border-radius: 50%;
            border: 1px solid #bfbfbf; }
            .request-received-detail .panel-wrapper .container-sections upload-custom-input .field .field-label .state-icon > div {
              display: flex;
              align-items: center;
              justify-content: center;
              height: 25px;
              width: 25px;
              border-radius: 50%; }
            .request-received-detail .panel-wrapper .container-sections upload-custom-input .field .field-label .state-icon svg {
              color: #fff;
              margin: 0 0; }
            .request-received-detail .panel-wrapper .container-sections upload-custom-input .field .field-label .state-icon .aproved {
              background-color: #78b786; }
            .request-received-detail .panel-wrapper .container-sections upload-custom-input .field .field-label .state-icon .rejected {
              background-color: #e6b09f; }
            .request-received-detail .panel-wrapper .container-sections upload-custom-input .field .field-label .state-icon .pending {
              background-color: #ffc43f; }
          .request-received-detail .panel-wrapper .container-sections upload-custom-input .field .field-label .row {
            display: flex;
            align-items: center;
            width: 100%; }
            .request-received-detail .panel-wrapper .container-sections upload-custom-input .field .field-label .row > div:first-child label {
              font-weight: 600; }
            .request-received-detail .panel-wrapper .container-sections upload-custom-input .field .field-label .row state-icon span {
              height: auto;
              padding: 8px 25px; }
          .request-received-detail .panel-wrapper .container-sections upload-custom-input .field .field-label .optional-label {
            display: none; }
          .request-received-detail .panel-wrapper .container-sections upload-custom-input .field .field-label .message label {
            font-size: 12px; }
        .request-received-detail .panel-wrapper .container-sections upload-custom-input .field .field-wrapper {
          flex-direction: row; }
        .request-received-detail .panel-wrapper .container-sections upload-custom-input .field .field-input {
          width: 50% !important; }
      .request-received-detail .panel-wrapper .container-sections upload-custom-input .container-request-state {
        width: 100%;
        padding: 0px 15px;
        height: 55px;
        border-bottom: 1px solid #d9d9d9; }
        .request-received-detail .panel-wrapper .container-sections upload-custom-input .container-request-state state-icon span {
          height: auto;
          padding: 8px 25px; }
      .request-received-detail .panel-wrapper .container-sections upload-custom-input .dropZoneElement {
        width: 100%; }
        .request-received-detail .panel-wrapper .container-sections upload-custom-input .dropZoneElement .textWrapper {
          width: 100%; }
          .request-received-detail .panel-wrapper .container-sections upload-custom-input .dropZoneElement .textWrapper div {
            flex-direction: row !important; }
      .request-received-detail .panel-wrapper .container-sections upload-custom-input .upload-area {
        padding: 12px;
        border: 2px dashed #c4e1f1;
        transition: 0.15s;
        cursor: pointer;
        width: 100%;
        background-color: #eef6fb; }
        .request-received-detail .panel-wrapper .container-sections upload-custom-input .upload-area:hover {
          background-color: #e1f0f8;
          text-decoration: none; }
        .request-received-detail .panel-wrapper .container-sections upload-custom-input .upload-area .text {
          color: #a6a6a6; }
      .request-received-detail .panel-wrapper .container-sections upload-custom-input .file-wrapper .k-button.k-upload-wrapper {
        border-radius: 3px;
        cursor: pointer;
        color: #555555;
        background-color: #f2f2f2;
        font-size: 13px;
        min-height: 38px;
        padding: 8px 12px;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center; }
        .request-received-detail .panel-wrapper .container-sections upload-custom-input .file-wrapper .k-button.k-upload-wrapper:hover {
          color: #555555;
          text-decoration: none;
          background-color: #e6e6e6; }
        .request-received-detail .panel-wrapper .container-sections upload-custom-input .file-wrapper .k-button.k-upload-wrapper.active {
          color: #555555;
          text-decoration: none;
          background-color: #e6e6e6; }
      .request-received-detail .panel-wrapper .container-sections upload-custom-input .k-dropzone-hovered {
        background-color: transparent; }
    .request-received-detail .panel-wrapper .container-sections .k-file {
      padding-top: 2px !important; }
  .request-received-detail .panel-wrapper .file-wrapper {
    overflow: hidden; }
    .request-received-detail .panel-wrapper .file-wrapper .k-upload-status {
      position: static;
      margin-right: 20px; }
  .request-received-detail .panel-wrapper .k-file-name-size-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: none;
    justify-content: space-between; }
    .request-received-detail .panel-wrapper .k-file-name-size-wrapper state-icon {
      display: flex;
      align-items: center; }

.request-received-detail .right-comments {
  position: static;
  max-width: none; }

.core-confirmation-window .k-button.k-secondary {
  cursor: pointer;
  color: #555555;
  background-color: #f2f2f2;
  font-size: 13px;
  padding: 8px 12px;
  border: none; }
  .core-confirmation-window .k-button.k-secondary:hover {
    color: #555555;
    text-decoration: none;
    background-color: #e6e6e6;
    border: none; }
  .core-confirmation-window .k-button.k-secondary:focus {
    color: #555555;
    text-decoration: none;
    background-color: #e6e6e6;
    border: none;
    box-shadow: none; }
  .core-confirmation-window .k-button.k-secondary.active {
    color: #555555;
    text-decoration: none;
    background-color: #e6e6e6;
    box-shadow: none; }

.core-confirmation-window .k-button.k-primary {
  cursor: pointer;
  color: white;
  background-color: #3396D0;
  font-size: 13px;
  padding: 8px 12px;
  border: none; }
  .core-confirmation-window .k-button.k-primary:hover {
    color: white;
    text-decoration: none;
    background-color: #2c88be; }
  .core-confirmation-window .k-button.k-primary:focus {
    color: white;
    text-decoration: none;
    background-color: #2a82b5 !important; }
  .core-confirmation-window .k-button.k-primary:active {
    color: white;
    text-decoration: none;
    background-color: #2a82b5 !important; }

.recipients .recipient {
  font-weight: 600; }

.deadline {
  font-weight: 600; }
  .deadline span {
    font-weight: normal; }

.template-file {
  border: 0; }

.request-validation-form .template-file {
  color: orange; }

.submit-fieldlist .template-file {
  padding: 5px; }
  .submit-fieldlist .template-file span div span {
    color: orange !important; }

.empty-mandatory-item upload-custom-input .field {
  border: 2px solid #e6be0a !important; }

.not-empty-mandatory-item upload-custom-input .field {
  border: 1px solid #d9d9d9 !important; }

/*
    Receive unit and return the number
    Eg. 14px returns 14, 2em returns 2
*/
/*
    Used in elements that have font-size different from default-font-size
*/
/*$green: #004C30;*/
.request-submit-buttons .k-button.k-primary[type="submit"] {
  cursor: pointer;
  color: white;
  background-color: #3396D0;
  font-size: 13px;
  padding: 8px 20px;
  border-radius: 20px;
  border: none; }
  .request-submit-buttons .k-button.k-primary[type="submit"]:hover {
    color: white;
    text-decoration: none;
    background-color: #2c88be; }
  .request-submit-buttons .k-button.k-primary[type="submit"]:focus {
    color: white;
    text-decoration: none;
    background-color: #2a82b5 !important; }
  .request-submit-buttons .k-button.k-primary[type="submit"]:active {
    color: white;
    text-decoration: none;
    background-color: #2a82b5 !important; }

.file-grid-btn {
  width: 25px;
  height: 25px;
  padding: 0px 0px !important;
  margin: 0px;
  min-height: 25px;
  min-height: 25px; }

.replace-button {
  cursor: pointer;
  color: white;
  background-color: #3396D0;
  font-size: 13px;
  padding: 0px 12px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  height: 25px;
  margin-right: 5px; }
  .replace-button:hover {
    color: white;
    text-decoration: none;
    background-color: #2c88be; }
  .replace-button:focus {
    color: white;
    text-decoration: none;
    background-color: #2a82b5 !important; }
  .replace-button:active {
    color: white;
    text-decoration: none;
    background-color: #2a82b5 !important; }

#receivedProjectList div.k-grid-content.k-auto-scrollable > table > tbody > tr {
  font-size: 13px;
  font-weight: normal;
  height: 50px; }
  #receivedProjectList div.k-grid-content.k-auto-scrollable > table > tbody > tr td:nth-child(2) {
    font-weight: 100; }
  #receivedProjectList div.k-grid-content.k-auto-scrollable > table > tbody > tr td .status-gauge > span {
    padding: 15px;
    width: 20px;
    height: 20px; }
  #receivedProjectList div.k-grid-content.k-auto-scrollable > table > tbody > tr td .status-gauge .gauge-value {
    color: #3396D0;
    font-weight: 600;
    font-size: 15px; }

#receivedProjectList > div.index-grid.row-click-grid.grid-radius.not-index-grid.k-grid.k-widget.k-display-block
> div.k-grid-content.k-auto-scrollable > table > tbody > tr.k-detail-row.ng-scope > td.k-hierarchy-cell {
  background-color: white !important; }

.k-grid.grid-radius {
  box-shadow: none !important; }

/*
    Receive unit and return the number
    Eg. 14px returns 14, 2em returns 2
*/
/*
    Used in elements that have font-size different from default-font-size
*/
/*$green: #004C30;*/
body {
  background-color: #fff; }

textarea {
  resize: none; }

h1, h2, h3, h4, h5, h6 {
  color: #333;
  font-weight: 100;
  margin: 0; }

.k-tabstrip.cosmetic-tabstrip .k-tabstrip-items {
  float: left;
  margin-left: 0; }
  .k-tabstrip.cosmetic-tabstrip .k-tabstrip-items li.cosmetic-li {
    display: block; }

.k-tabstrip .k-tabstrip-items {
  font-family: "Segoe UI", sans-serif; }
  .k-tabstrip .k-tabstrip-items .k-state-default .k-link {
    font-weight: bold; }

html.login body .right-menu {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: aliceblue;
  min-height: 100%; }

.documents-list > .well {
  margin-bottom: 0; }

.documents-filters {
  margin-left: 2em; }

.project-side-info > div {
  padding: 0.5em 1em; }

.k-tabstrip {
  border: 0;
  background-color: transparent; }

.k-tabstrip-items .k-complete {
  border: 0; }

.project-side-info > .row {
  text-align: right; }

.project-side-info-currency {
  text-align: right;
  margin-left: -5px;
  margin-right: 5px;
  margin-top: -10px; }

.server-connection-status {
  padding-top: 0.429em;
  padding-right: 1em; }

li.server-connection-status:hover {
  border-bottom: initial !important;
  height: initial !important; }

.k-button.k-danger {
  cursor: pointer;
  font-size: 13px;
  padding: 8px 20px !important;
  border-radius: 20px;
  border: none !important; }
  .k-button.k-danger:hover {
    border: none !important; }

.k-button.k-primary[type="submit"] {
  cursor: pointer;
  font-size: 13px;
  padding: 8px 20px !important;
  border-radius: 20px;
  border: none; }
  .k-button.k-primary[type="submit"]:hover {
    border: none; }

.k-button.k-primary {
  border: 1px solid #1f496f;
  transition: 0.15s; }

.k-button.k-secondary {
  color: #1f496f;
  border: 1px solid #1f496f; }
  .k-button.k-secondary:hover {
    border: 1px solid #173653;
    background-color: #173653; }

.cancel-form.k-button {
  cursor: pointer;
  color: white;
  background-color: darkgray;
  font-weight: 300;
  font-size: 13px;
  min-height: 38px;
  padding: 8px 20px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px; }
  .cancel-form.k-button:hover {
    color: white;
    text-decoration: none;
    background-color: gray; }
  .cancel-form.k-button.active {
    color: white;
    text-decoration: none;
    background-color: gray; }
  .cancel-form.k-button svg {
    display: none; }

.k-button.squared:not(.k-primary).selected {
  border-bottom: 2px solid #2C4153 !important; }

.k-btn-grid-run {
  line-height: 1.9em; }

.k-btn-grid-run > span:before {
  content: "\f178"; }

.k-pivot-rowheaders {
  max-width: 300px; }

.k-btn-grid-serial-number {
  line-height: 1.95em; }

.k-btn-grid-serial-number > span:before {
  content: "\f02a"; }

.k-btn-grid-imputation {
  line-height: 1.95em; }

.k-btn-grid-imputation > span:before {
  content: "\f073"; }

.with-badge {
  position: relative;
  display: inline-block; }

.badge.custom-badge {
  position: absolute;
  right: 5px;
  top: 7px;
  font-size: 0.833em; }

.k-btn-grid-extract {
  line-height: 1.9em; }

.k-btn-grid-extract > span:before {
  content: "\f0c9"; }

.k-btn-grid-accept {
  line-height: 1.9em; }

.k-btn-grid-accept > span:before {
  content: "\f00c"; }

.k-btn-grid-fix-price {
  line-height: 2em; }

.k-btn-grid-fix-price > span {
  margin-left: -0.167em; }

.k-btn-grid-fix-price > span:before {
  content: "\f153"; }

.inline-small-box {
  /*width: 2em;*/
  /*height: 1em;*/
  font-size: 0.8em;
  line-height: 0.8em;
  margin-bottom: 0.5em; }

div.k-window-content {
  position: relative;
  height: auto;
  padding: 0;
  overflow: hidden;
  outline: 0; }

.title-section {
  background-color: #f4f4f4;
  border-bottom: 1px solid #BDBFC3;
  line-height: 0;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between; }

.field.k-content {
  background-color: transparent; }

.field.k-content ul.fieldlist {
  margin-top: 0;
  padding-left: 20px; }

.field.k-content ul.fieldlist > li {
  height: 2.5em; }

.fieldlist.form-wrapper.window-wrapper {
  padding: 2em 0; }

.fieldlist.form-wrapper {
  padding: 2em 2em 1em 2em;
  border-radius: 6px;
  background-color: white; }

.fieldlist.form-wrapper.pop-up-change-state {
  margin-top: 0; }

.title {
  color: #333; }

.main-radio-label-wrapper {
  margin-left: -1.833em; }

@media (min-width: 1400px) {
  .sub-title-section,
  .main-title {
    margin-left: 14px; } }

@media (max-width: 1400px) {
  .sub-title-section,
  .main-title {
    margin-left: 12px; } }

.title-section form-buttons {
  margin-right: 1em;
  margin-left: 1em; }

.container-fluid {
  padding-right: 1.25em;
  padding-left: 1.25em; }

.content {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-top: 9.4em; }

.pull-right {
  margin-right: 1.375em; }

.k-radio:checked + .k-radio-label:after {
  top: 2px;
  left: 2px; }

.fa.fa-arrow-circle-left.select-side-left {
  color: #007BFF;
  cursor: pointer;
  font-size: 50px;
  position: absolute;
  display: inline;
  right: 0;
  padding-right: 50px;
  margin-top: 160px; }

.fa.fa-arrow-circle-right.select-side-right {
  color: #007BFF;
  cursor: pointer;
  font-size: 50px;
  position: absolute;
  display: inline;
  left: 0;
  padding-left: 50px;
  margin-top: 160px; }

.fa.fa-arrow-circle-left.select-side-left:hover {
  color: #0069d9;
  font-size: 52px; }

.fa.fa-arrow-circle-right.select-side-right:hover {
  color: #0069d9;
  font-size: 52px; }

.col-11 {
  width: 94%;
  display: table-cell;
  float: left; }

.col-1 {
  width: 2%;
  display: table-cell;
  float: right;
  margin-right: 2%; }

.col-1 > span {
  color: #61ADFF;
  font-weight: lighter;
  font-size: 30px;
  cursor: pointer; }

.inside-col {
  padding-left: 1em;
  padding-right: 1em;
  width: 32em;
  display: inline-block; }

.inside-col.date-short,
.inside-col.contact {
  width: 14em; }

.inside-col.description {
  width: 60em; }

.inside-col.type,
.inside-col.date {
  width: 20em; }

.inside-col > .label-title {
  color: #CCCCCC;
  font-size: 14px;
  width: 4em; }

.inside-col > .label-text {
  color: #2E2E2E;
  font-size: 14px; }

/**** FILE CHECKLIST ****/
.item-validator-list td {
  padding-top: 1em;
  padding-bottom: 1em; }

.files-validator-list td {
  padding-top: 0.5em;
  padding-bottom: 0.5em; }
  .files-validator-list td > .col-md-3 {
    padding-left: 0; }

.item-validator-list tr:nth-child(even),
.files-validator-list tr:nth-child(even) {
  background-color: #EFF0F1; }

.item-validator-list table,
.files-validator-list table {
  box-shadow: #EFF0F1 5px 5px 15px 0px; }

.item-validator-list table,
.item-validator-list th,
.files-validator-list table,
.files-validator-list th {
  width: 100%; }

.item-validator-list th,
.item-validator-list td,
.files-validator-list th,
.files-validator-list td {
  padding-left: 1em;
  padding-right: 1em; }

.item-validator-list td:nth-child(1) {
  min-width: 15em;
  /*width: 15em;*/ }

.item-validator-list td:nth-child(2) {
  min-width: 15em;
  width: 15em; }

.item-validator-list td:nth-child(3) {
  min-width: 7em;
  width: 7em; }

.item-validator-list td:nth-child(4) {
  min-width: 4em;
  width: 4em; }

.files-validator-list td:last-child {
  width: 12em;
  text-align: right; }
  .files-validator-list td:last-child a {
    margin-left: 0.25em; }
  .files-validator-list td:last-child * {
    float: none !important; }

.files-validator-list .upload-date {
  padding-left: 1em;
  font-style: italic;
  color: rgba(0, 0, 0, 0.6); }

.k-dropzone em {
  visibility: visible; }

td div.row > div,
td div.row > div textarea,
switch-input span {
  box-sizing: border-box !important; }

.group-validation {
  margin-right: 0; }

.group-validation > div {
  border-right: 2px solid #EFF0F2; }

@media (min-width: 992px) {
  .files-validator-list > .no-files {
    text-align: center;
    position: absolute;
    top: 50%;
    width: 100%; } }

.fieldlist > .item-submission:nth-child(odd) {
  background-color: #EFF0F1; }

.badge {
  padding: 9px 3px;
  font-weight: 400;
  border-radius: 0px;
  width: 100%;
  max-width: 175px; }

.badge.state-yellow {
  background-color: #F1BB34; }

tr.selected .badge.state-yellow {
  color: white;
  background-color: transparent;
  border: 1px solid #F1BB34;
  text-shadow: 0px 0px 1px #F1BB34;
  box-shadow: 0px 0px 4px #F1BB34; }

.badge.state-orange {
  background-color: #E16A2C; }

tr.selected .badge.state-orange {
  color: white;
  background-color: transparent;
  border: 1px solid #E16A2C;
  text-shadow: 0px 0px 1px #E16A2C;
  box-shadow: 0px 0px 4px #E16A2C; }

.badge.state-green {
  background-color: #279B3B; }

tr.selected .badge.state-green {
  color: white;
  background-color: transparent;
  border: 1px solid #279B3B;
  text-shadow: 0px 0px 1px #279B3B;
  box-shadow: 0px 0px 4px #279B3B; }

.badge.state-red {
  background-color: #BC1515; }

tr.selected .badge.state-red {
  color: white;
  background-color: transparent;
  border: 1px solid #BC1515;
  text-shadow: 0px 0px 1px #BC1515;
  box-shadow: 0px 0px 4px #BC1515; }

.badge.state-blue {
  background-color: #3F8EE4; }

tr.selected .badge.state-blue {
  color: white;
  background-color: transparent;
  border: 1px solid #3F8EE4;
  text-shadow: 0px 0px 1px #3F8EE4;
  box-shadow: 0px 0px 4px #3F8EE4; }

.badge.state-lightgray {
  background-color: #B3B3B3; }

tr.selected .badge.state-lightgray {
  color: white;
  background-color: transparent;
  border: 1px solid #B3B3B3;
  text-shadow: 0px 0px 1px #B3B3B3;
  box-shadow: 0px 0px 4px #B3B3B3; }

.badge.state-white {
  background-color: #FFF;
  border: 1px solid black;
  color: black; }

tr.selected .badge.state-white {
  color: white;
  background-color: transparent;
  border: 1px solid #B3B3B3;
  text-shadow: 0px 0px 1px #B3B3B3;
  box-shadow: 0px 0px 4px #B3B3B3; }

.badge.state-white2 {
  background-color: #FFF;
  border: 1px solid #F1BB34;
  color: #F1BB34; }

div.index-grid > div.k-grid-content tr:hover > td,
div.row-click-grid > div.k-grid-content tr:hover > td,
div.dashboard-grid > div.k-grid-content tr:hover > td,
.item-validator-list tr:hover,
tr.selected {
  background-color: #e7e7e7 !important; }

.item-validator-list tr {
  cursor: pointer; }

.k-btn-grid:hover, .k-btn-grid:hover > span, .k-btn-grid:hover > i,
.k-btn-grid.k-grid-edit:hover, .k-btn-grid.k-grid-edit:hover > span,
.k-button-icon:hover,
.item-validator-list tr:hover .k-btn-grid.k-grid-arrow,
.item-validator-list tr:hover .k-btn-grid.k-grid-arrow > i,
tr.selected .k-btn-grid.k-grid-arrow,
tr.selected .k-btn-grid.k-grid-arrow > i {
  /*.k-grid-update:hover, .k-grid-update:hover > span*/
  background-color: #4da8f9 !important;
  border-color: #4da8f9 !important;
  color: #fff !important; }

.k-filter-row > th:first-child, .k-grid tbody td:first-child, .k-grid tfoot td:first-child, .k-grid-header th.k-header:first-child {
  padding-left: 1.357em; }

.k-grid.grid-radius {
  padding: 0; }

.k-grid-header th.k-header {
  padding-left: 0.6em; }

.request-header span {
  display: inline-block;
  margin: 1.2em;
  font-weight: bold; }

.request-header .button-group-wrapper {
  float: right;
  padding: 0.5em; }

.fieldlist .main-field {
  margin-bottom: 1em;
  height: auto;
  background-color: #eceef2; }
  .fieldlist .main-field .field-label label {
    font-weight: bold; }

.fieldlist .checklist-header span {
  display: inline-block;
  margin: 1.2em;
  font-weight: bold; }

.fieldlist .checklist-header .button-group-wrapper {
  float: right;
  padding: 0.5em; }

.fieldlist .box-row {
  border: 0.214em solid #eceef2;
  border-radius: 3px;
  margin-bottom: 1em; }

.k-numeric-wrap {
  padding-right: 2em; }

.k-btn-grid-delete:hover,
.k-btn-grid-delete:hover > span,
.k-btn-grid-delete:hover > i {
  border-color: #dc3545 !important;
  background-color: #dc3545 !important;
  color: white !important; }

.static-bar div.left-content {
  display: inline-block; }
  .static-bar div.left-content .sub-title-section {
    font-size: 14px; }
    .static-bar div.left-content .sub-title-section span {
      font-size: 12px; }
  .static-bar div.left-content div.checklist-info {
    line-height: normal;
    margin: 0.8em;
    padding: 0.5em; }
    .static-bar div.left-content div.checklist-info span.title-info {
      margin: 0 1em 0 2em; }
    .static-bar div.left-content div.checklist-info span.info {
      font-weight: bold;
      margin-right: 2em; }

.static-bar div.right-content {
  float: right;
  text-align: center; }
  .static-bar div.right-content div.state-bar,
  .static-bar div.right-content div.state-info,
  .static-bar div.right-content div.checklist-info {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4em; }

.fieldlist.submit-fieldlist.k-state-active {
  background-color: transparent; }

.fieldlist.submit-fieldlist .row {
  margin-left: 0;
  margin-right: 0; }

.fieldlist.submit-fieldlist div.row.board {
  padding: 1em 0.5em; }
  .fieldlist.submit-fieldlist div.row.board div.col-md-3 {
    padding-right: 0.5em;
    padding-left: 0.5em; }
  .fieldlist.submit-fieldlist div.row.board .panel-wrapper {
    border-radius: 0;
    border: none; }
    .fieldlist.submit-fieldlist div.row.board .panel-wrapper .item-info {
      padding: 1em;
      background-color: #F4F5FA; }
    .fieldlist.submit-fieldlist div.row.board .panel-wrapper .not-display-panel {
      display: none; }
    .fieldlist.submit-fieldlist div.row.board .panel-wrapper .k-upload-files {
      border: 0; }
    .fieldlist.submit-fieldlist div.row.board .panel-wrapper .panel-heading {
      background-color: #EEF0F1;
      margin: 0;
      padding: 0.5em; }
      .fieldlist.submit-fieldlist div.row.board .panel-wrapper .panel-heading .panel-main-info {
        margin: 0.5em; }
        .fieldlist.submit-fieldlist div.row.board .panel-wrapper .panel-heading .panel-main-info p {
          margin: 0;
          display: inline; }
    .fieldlist.submit-fieldlist div.row.board .panel-wrapper .panel-footer div.table-wrapper .row-head p {
      font-size: 0.8em;
      color: #9B9B9B; }
    .fieldlist.submit-fieldlist div.row.board .panel-wrapper .panel-footer div.table-wrapper .row-body {
      line-height: 2em; }
      .fieldlist.submit-fieldlist div.row.board .panel-wrapper .panel-footer div.table-wrapper .row-body p {
        color: #000000; }
    .fieldlist.submit-fieldlist div.row.board .panel-wrapper .panel-body,
    .fieldlist.submit-fieldlist div.row.board .panel-wrapper .panel-footer {
      background-color: #ffffff;
      padding: 0.5em 1em 1em 1em;
      color: #4A4A4A; }
      .fieldlist.submit-fieldlist div.row.board .panel-wrapper .panel-body p,
      .fieldlist.submit-fieldlist div.row.board .panel-wrapper .panel-footer p {
        margin: 0;
        color: #9B9B9B; }
    .fieldlist.submit-fieldlist div.row.board .panel-wrapper .panel-body.panel-comments {
      padding-top: 0;
      padding-bottom: 0;
      margin-bottom: 0; }
    .fieldlist.submit-fieldlist div.row.board .panel-wrapper .k-widget.k-upload.k-header {
      border: 0;
      background-color: transparent; }
    .fieldlist.submit-fieldlist div.row.board .panel-wrapper .k-dropzone {
      height: 0;
      padding: 0;
      visibility: hidden; }
    .fieldlist.submit-fieldlist div.row.board .panel-wrapper .k-file {
      padding: .65em 0 .65em 0;
      background-color: transparent;
      border-bottom-width: 0px; }
    .fieldlist.submit-fieldlist div.row.board .panel-wrapper .k-file-name-size-wrapper {
      margin-left: 0; }
    .fieldlist.submit-fieldlist div.row.board .panel-wrapper .panel-drop-zone {
      height: 15em;
      text-align: center;
      border: 2px dashed #333;
      margin: 0.5em 1em 1em 1em;
      padding: 0; }
      .fieldlist.submit-fieldlist div.row.board .panel-wrapper .panel-drop-zone .upload-box-wrapper {
        margin-top: 2em; }
        .fieldlist.submit-fieldlist div.row.board .panel-wrapper .panel-drop-zone .upload-box-wrapper i {
          display: block;
          color: #005C81; }
        .fieldlist.submit-fieldlist div.row.board .panel-wrapper .panel-drop-zone .upload-box-wrapper label.drop-label {
          font-size: 1.5em; }
    .fieldlist.submit-fieldlist div.row.board .panel-wrapper .file-wrapper .k-file-icon, .fieldlist.submit-fieldlist div.row.board .panel-wrapper .file-wrapper .k-file-name {
      display: inline-block; }
    .fieldlist.submit-fieldlist div.row.board .panel-wrapper .file-wrapper .k-file-icon {
      font-size: 22px;
      line-height: 0; }
    .fieldlist.submit-fieldlist div.row.board .panel-wrapper .file-wrapper .k-file-name {
      color: #000000;
      vertical-align: unset; }

.progress.yellow {
  background-color: #ffc43f; }
  .progress.yellow .progress-bar {
    background-color: #ffc43f; }

.progress.green {
  background-color: #78b786; }
  .progress.green .progress-bar {
    background-color: #28a745; }

.progress.red {
  background-color: #e6b09f; }
  .progress.red .progress-bar {
    background-color: #DD5A4E; }

.progress.blue {
  background-color: #99aad0; }
  .progress.blue .progress-bar {
    background-color: #4da8f9; }

.progress.black {
  background-color: #b3b3b3; }
  .progress.black .progress-bar {
    background-color: #777; }

div.progress {
  margin: 0px; }

.dropZoneElement {
  text-align: center; }
  .dropZoneElement .textWrapper {
    float: left; }
    .dropZoneElement .textWrapper p {
      margin: 0.6em 0 0 0; }
  .dropZoneElement .dropHereText i, .dropZoneElement .dropHereText a {
    color: #005C81; }

.k-btn-grid-delete:hover > span,
.k-btn-grid-delete:hover > i,
.k-btn-grid-delete:hover,
.k-btn-grid-delete:hover > span,
.k-btn-grid-delete:hover,
.selected.k-btn-grid-delete > span,
.selected.k-btn-grid-delete > i,
.selected.k-btn-grid-delete,
.selected.k-btn-grid-delete > span,
.selected.k-btn-grid-delete {
  background-color: #CD603D !important;
  border-color: #CD603D !important;
  color: #fff !important; }

.k-btn-grid-approve,
.k-btn-grid-approve > span,
.k-btn-grid-approve > i {
  color: #7fc117 !important;
  border-color: #7fc117; }

.k-btn-grid-approve:hover > span,
.k-btn-grid-approve:hover > i,
.k-btn-grid-approve:hover,
.k-btn-grid-approve:hover > span,
.k-btn-grid-approve:hover,
.selected.k-btn-grid-approve > span,
.selected.k-btn-grid-approve > i,
.selected.k-btn-grid-approve,
.selected.k-btn-grid-approve > span,
.selected.k-btn-grid-approve {
  background-color: #7fc117 !important;
  border-color: #7fc117 !important;
  color: #fff !important; }

.k-btn-grid-reject:hover > span,
.k-btn-grid-reject:hover > i,
.k-btn-grid-reject:hover,
.k-btn-grid-reject:hover > span,
.k-btn-grid-reject:hover,
.selected.k-btn-grid-reject > span,
.selected.k-btn-grid-reject > i,
.selected.k-btn-grid-reject,
.selected.k-btn-grid-reject > span,
.selected.k-btn-grid-reject {
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
  color: #fff !important; }

.k-btn-grid-reject,
.k-btn-grid-reject > span,
.k-btn-grid-reject > i {
  color: #dc3545 !important;
  border-color: #dc3545; }

.static-bar .title-section {
  margin-top: 5px; }
  .static-bar .title-section a.clickable:hover span {
    color: black; }
  .static-bar .title-section a.active span {
    color: black; }

label.subsection {
  font-weight: bold;
  display: inline;
  margin-left: 2em;
  font-size: 1.1em; }

.k-numeric-wrap {
  padding-right: 2em; }

.k-btn-grid-delete:hover,
.k-btn-grid-delete:hover > span,
.k-btn-grid-delete:hover > i,
.k-grid-deleteElem:hover,
.k-grid-deleteElem:hover > span,
.k-grid-deleteElem:hover > i {
  border-color: #dc3545 !important;
  background-color: #dc3545 !important;
  color: white !important; }

div.row .inline-buttons {
  text-align: center; }
  div.row .inline-buttons .k-button {
    display: inline; }

.window-block-buttons button {
  float: left; }

.window-block-buttons form-buttons {
  float: right; }

.window-wrapper .row {
  margin-right: 0;
  margin-left: 0; }

.k-content > .group-validation {
  margin-bottom: 2em; }

.k-content > .group-validation:not(:first-child) {
  margin-top: 5em; }

.border-dashed {
  border: 2px dashed #999 !important;
  color: #999 !important;
  border-radius: 0; }

.button-remove-field {
  margin-top: 2px;
  text-align: center;
  vertical-align: top;
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
  color: #fff !important;
  float: right;
  padding-left: 0;
  padding-right: 0;
  width: 2.5em; }

.tab-strip-left li.menu-wrapper.menu-invalid span.k-link {
  color: #d00; }

.tab-strip-left li.menu-wrapper.k-state-hover,
.tab-strip-left li.menu-wrapper.k-state-active {
  background-color: #DFEDF4;
  border-left: 0.417em solid #005C81 !important;
  color: transparent !important; }
  .tab-strip-left li.menu-wrapper.k-state-hover span.k-link,
  .tab-strip-left li.menu-wrapper.k-state-active span.k-link {
    color: #005C81; }

.tab-strip-left li.menu-wrapper.menu-invalid.k-state-hover,
.tab-strip-left li.menu-wrapper.menu-invalid.k-state-active {
  background-color: #f4dfdf;
  border-left: 0.417em solid #d00 !important;
  color: transparent !important; }
  .tab-strip-left li.menu-wrapper.menu-invalid.k-state-hover span.k-link,
  .tab-strip-left li.menu-wrapper.menu-invalid.k-state-active span.k-link {
    color: #d00; }

.right-comments {
  position: fixed;
  min-width: 20%;
  max-width: 25%; }
  .right-comments .comments {
    display: flex;
    flex-direction: column; }
    .right-comments .comments .container-comments {
      overflow: auto;
      flex-grow: 1; }
    .right-comments .comments .comment-title-wrapper, .right-comments .comments .comment-area {
      flex-shrink: 0; }

.tab-strip-fixed {
  position: fixed;
  margin-left: 2.083em;
  background-color: white;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 !important;
  height: 100%;
  width: 18.500em; }

.k-tabstrip.tab-strip-left > .k-content.k-state-active {
  margin-left: 18.143em !important;
  background-color: transparent;
  padding-top: 0;
  min-height: unset !important; }

.index-grid.not-full > div.k-grid-content {
  height: unset !important; }

.grid-error {
  color: red; }

.fieldlist.all-info-wrapper {
  padding: 0 !important; }

.fieldlist *:last-child > .field {
  border-bottom: .083em solid #f0f0f0; }

.custom-grid-command.k-grid-deleteElem {
  border: 0.083em solid #dc3545;
  color: #dc3545; }
  .custom-grid-command.k-grid-deleteElem > span {
    color: #dc3545 !important; }

.custom-grid-command.k-grid-deleteElem:hover {
  color: white !important; }
  .custom-grid-command.k-grid-deleteElem:hover > span {
    color: white !important; }

bool-icon {
  font-size: x-large;
  line-height: 1em; }

.margin-top-20 {
  margin-top: 20px; }

.margin-bottom-20 {
  margin-bottom: 20px; }

.icon-block .success-logo {
  height: 10em; }

.btn-new {
  border-radius: 20px;
  background-color: white;
  border: 2px #3396D0 solid;
  color: #3396D0;
  font-size: 14px;
  transition: background-color 0.2s; }

.k-grid-send {
  margin: initial;
  display: inline-block;
  font: normal normal normal 1.167em/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  background: none !important;
  opacity: 1;
  vertical-align: unset; }

.k-grid-send.k-button-icontext.custom-grid-command {
  color: #005C81; }

.k-grid-send {
  line-height: 1.9em; }

.k-grid-send:before {
  content: "\f0e0"; }

.k-header > .k-grid-filter {
  visibility: hidden; }

.characters-count {
  display: none; }

.k-widget.k-tooltip-validation {
  position: static;
  text-align: left; }

.overflow-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

/*
    Receive unit and return the number
    Eg. 14px returns 14, 2em returns 2
*/
/*
    Used in elements that have font-size different from default-font-size
*/
/*$green: #004C30;*/
.template-create .fieldlist *:last-child > .field {
  border-bottom: none; }

.template-form-buttons .k-primary {
  margin-right: 5px; }

.template-create .container-items .item-row {
  display: flex;
  align-items: flex-start; }
  .template-create .container-items .item-row .icon-item {
    width: auto;
    height: 27px; }
  .template-create .container-items .item-row textarea.k-textbox {
    resize: vertical;
    min-height: 33px !important;
    height: 66px; }

/*
    Receive unit and return the number
    Eg. 14px returns 14, 2em returns 2
*/
/*
    Used in elements that have font-size different from default-font-size
*/
/*$green: #004C30;*/
@media screen and (max-width: 768px) {
  .template-edit > div:first-child form-buttons > div {
    flex-wrap: wrap; }
    .template-edit > div:first-child form-buttons > div > * {
      margin-top: 5px; } }

/*
    Receive unit and return the number
    Eg. 14px returns 14, 2em returns 2
*/
/*
    Used in elements that have font-size different from default-font-size
*/
/*$green: #004C30;*/
#templateGrid {
  /*> div.k-grid-content.k-auto-scrollable > table > tbody > tr {
        td:last-child {
            font-weight: 100;
        }
    }*/ }

.empty-table.templates {
  border: solid 1px #e1e1e6;
  border-top: none; }

#templateGrid {
  box-shadow: none;
  border: solid 1px #e1e1e6 !important; }

#templateGrid > div.k-grid-content.k-auto-scrollable {
  height: auto !important; }

#templateGrid > div.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap {
  display: none; }

#templateGrid > div.k-grid-content.k-auto-scrollable > table > tbody > tr.k-alt.ng-scope {
  border-bottom: none; }

#templateGrid > div.k-grid-content.k-auto-scrollable > table > tbody > tr {
  height: 50px; }

#templateGrid > div.k-grid-header > div > table > thead > tr:nth-child(1) {
  height: 50px; }
  #templateGrid > div.k-grid-header > div > table > thead > tr:nth-child(1) th {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 1.357em;
    vertical-align: middle !important;
    font-size: 13px;
    border: 0;
    border-bottom: 1px solid #e1e1e1 !important;
    background-color: #f2f2f2; }
    #templateGrid > div.k-grid-header > div > table > thead > tr:nth-child(1) th a {
      font-weight: 600;
      font-size: 13px; }

#templateGrid > div.k-grid-content.k-auto-scrollable > table > tbody > tr {
  font-size: 13px; }
  #templateGrid > div.k-grid-content.k-auto-scrollable > table > tbody > tr td:nth-child(2) {
    font-weight: 100; }

/*
    Receive unit and return the number
    Eg. 14px returns 14, 2em returns 2
*/
/*
    Used in elements that have font-size different from default-font-size
*/
/*$green: #004C30;*/
#usersGrid > div.k-grid-content.k-auto-scrollable > table > tbody > tr td:last-child {
  font-weight: 100; }

.empty-table.contacts {
  border: solid 1px #e1e1e6;
  border-top: none; }

#usersGrid {
  box-shadow: none;
  border: solid 1px #e1e1e6 !important; }
  #usersGrid > div.k-grid-header > div > table > thead > tr:nth-child(1) {
    height: 50px; }
    #usersGrid > div.k-grid-header > div > table > thead > tr:nth-child(1) th {
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 1.357em;
      vertical-align: middle !important;
      font-weight: 600;
      font-size: 13px;
      border: 0;
      border-bottom: 1px solid #e1e1e1 !important;
      background-color: #f2f2f2; }
      #usersGrid > div.k-grid-header > div > table > thead > tr:nth-child(1) th a {
        font-weight: 600;
        font-size: 13px; }
  #usersGrid > div.k-grid-content.k-auto-scrollable {
    height: auto !important; }
    #usersGrid > div.k-grid-content.k-auto-scrollable > table > tbody > tr {
      height: 50px;
      font-size: 13px;
      font-weight: normal; }
      #usersGrid > div.k-grid-content.k-auto-scrollable > table > tbody > tr td:nth-child(2) {
        font-weight: 100; }
      #usersGrid > div.k-grid-content.k-auto-scrollable > table > tbody > tr.k-alt.ng-scope {
        border-bottom: none; }
      #usersGrid > div.k-grid-content.k-auto-scrollable > table > tbody > tr td.k-command-cell {
        display: flex;
        justify-content: center;
        align-items: center; }
        #usersGrid > div.k-grid-content.k-auto-scrollable > table > tbody > tr td.k-command-cell a {
          width: 30px;
          height: 30px;
          padding: 1em;
          display: flex;
          justify-content: center;
          align-items: center; }
  #usersGrid > div.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap {
    display: none; }