.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; }

.core-icon-info-wrapper {
  border: none; }
  .core-icon-info-wrapper:focus {
    color: white;
    background-color: #005C81; }
  .core-icon-info-wrapper .core-icon {
    font-size: 1.5em; }

@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 .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-pager-wrap .k-pager-refresh.k-link:hover {
  color: black; }

.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 {
  width: 1.5em; }
  strong.k-upload-status .k-button.k-upload-wrapper {
    display: block;
    background-color: transparent;
    width: 100%; }
  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 {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'core-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.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: "\e913"; }

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

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

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

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

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

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

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

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

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

.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
*/
@font-face {
  font-family: 'core-icon';
  src: url("/core/content/fonts/core-icon.eot?fo3uat");
  src: url("/core/content/fonts/core-icon.eot?fo3uat#iefix") format("embedded-opentype"), url("/core/content/fonts/core-icon.ttf?fo3uat") format("truetype"), url("/core/content/fonts/core-icon.woff?fo3uat") format("woff"), url("/core/content/fonts/core-icon.svg?fo3uat#core-icon") format("svg");
  font-weight: normal;
  font-style: normal; }

.core-icon-paper-plane-alt:before {
  content: "\e922"; }

.core-icon-plus-circle:before {
  content: "\e923"; }

.core-icon-warning:before {
  content: "\e924"; }

.core-icon-building:before {
  content: "\e925"; }

.core-icon-context-menu:before {
  content: "\e926"; }

.core-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'core-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.core-icon-info-circle-o:before {
  content: "\e920"; }

.core-icon-check:before {
  content: "\e921"; }

.core-icon-home:before {
  content: "\e91e"; }

.core-icon-times:before {
  content: "\e91f"; }

.core-icon-search:before {
  content: "\e91b"; }

.core-icon-filter:before {
  content: "\e91c"; }

.core-icon-file-excel:before {
  content: "\e91d"; }

.core-icon-add-department:before {
  content: "\e900"; }

.core-icon-add-department-alt:before {
  content: "\e901"; }

.core-icon-add-user:before {
  content: "\e902"; }

.core-icon-angle-left:before {
  content: "\e903"; }

.core-icon-check-circle-o:before {
  content: "\e904"; }

.core-icon-cog:before {
  content: "\e905"; }

.core-icon-cogs:before {
  content: "\e906"; }

.core-icon-company:before {
  content: "\e907"; }

.core-icon-compliance:before {
  content: "\e908"; }

.core-icon-department:before {
  content: "\e909"; }

.core-icon-download:before {
  content: "\e90a"; }

.core-icon-external-department:before {
  content: "\e90b"; }

.core-icon-external-link:before {
  content: "\e90c"; }

.core-icon-file-pdf:before {
  content: "\e90d"; }

.core-icon-files:before {
  content: "\e90e"; }

.core-icon-garbage:before {
  content: "\e90f"; }

.core-icon-info:before {
  content: "\e910"; }

.core-icon-inventory:before {
  content: "\e911"; }

.core-icon-paper-plane:before {
  content: "\e912"; }

.core-icon-pencil:before {
  content: "\e913"; }

.core-icon-pia:before {
  content: "\e914"; }

.core-icon-pie-chart:before {
  content: "\e915"; }

.core-icon-plus:before {
  content: "\e916"; }

.core-icon-question-circle:before {
  content: "\e917"; }

.core-icon-tawk:before {
  content: "\e918"; }

.core-icon-times-circle-o:before {
  content: "\e919"; }

.core-icon-user:before {
  content: "\e91a"; }

/*
    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
*/
/*$label-text-color: #777;
$dark-grey: #333;
$darkest-grey: #222;

$header-background: #ECEEF2;

$navbar-text-color: #AAA;*/
.navbar {
  background-color: white;
  border: none;
  box-shadow: 0 0 0.833em #A8A8A8; }
  .navbar .navbar-nav li:not(:hover):not(.open):not(.active) > a {
    border-bottom: 0.167em solid white; }
  .navbar .navbar-nav li a,
  .navbar .navbar-nav .dropdown-menu,
  .navbar .navbar-nav a.dropdown-toggle {
    color: black;
    background-color: white; }
  .navbar .navbar-nav li:hover a,
  .navbar .navbar-nav li:focus a,
  .navbar .navbar-nav li.active a,
  .navbar .navbar-nav li.open a {
    border-bottom: 0.167em solid #a8d5fe; }
  .navbar .navbar-nav li.open a,
  .navbar .navbar-nav li.active a {
    color: black;
    background-color: white; }

html.login body .left-menu {
  background-color: white; }
  html.login body .left-menu .k-tabstrip {
    border: 0; }
    html.login body .left-menu .k-tabstrip .k-state-active .k-link {
      color: #222; }
      html.login body .left-menu .k-tabstrip .k-state-active .k-link .tab-button {
        font-size: 1.4em;
        text-decoration: underline;
        padding-bottom: 0; }
    html.login body .left-menu .k-tabstrip .tab-button:hover {
      text-decoration: underline; }
    html.login body .left-menu .k-tabstrip .k-loading {
      border: 0; }
    html.login body .left-menu .k-tabstrip .k-link {
      display: table-cell;
      vertical-align: bottom;
      border: 0;
      height: 40px; }
    html.login body .left-menu .k-tabstrip .tab-button {
      padding-left: 0;
      padding-bottom: 1px;
      border: 0;
      background: none; }

html.login body .right-menu {
  background: linear-gradient(125deg, rgba(0, 122, 223, 0.55) 0%, rgba(0, 236, 188, 0.76) 100%);
  padding: 0;
  height: 100%;
  /*background-image: none;*/ }

html.login .login-logo {
  width: 12.5em;
  max-width: 12.5em !important;
  max-height: 12.5em !important; }

html.login .content .login-logo-wrapper {
  float: right;
  margin-top: 2em;
  margin-right: 2em;
  width: auto; }

body.page {
  background-color: #F0F0F0; }

.description-area {
  margin-top: 5em !important; }

div.description-area .app-description {
  font-size: 20px;
  max-width: 60%; }

label.subsection {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 1.3em; }

.login-menus {
  border-top: 0; }

.col-centered.login-wrapper {
  min-height: 350px; }

.treeview-fixed {
  position: fixed;
  background-color: #fff;
  overflow-y: auto;
  overflow-x: auto;
  padding-left: 2.5em;
  height: 100%;
  margin-bottom: 3em !important;
  width: 25%;
  margin-left: -2.5em; }

.k-treeview .k-group.k-treeview-lines {
  height: 85%;
  overflow-y: auto; }

.k-treeview .k-group .k-item {
  font-weight: bold;
  padding: 0px; }
  .k-treeview .k-group .k-item .k-in {
    padding-left: 0px !important;
    margin-left: 0px !important; }
  .k-treeview .k-group .k-item .k-in.k-state-hover {
    background-color: transparent; }
    .k-treeview .k-group .k-item .k-in.k-state-hover > span {
      cursor: pointer;
      background-color: #DFEDF4;
      color: #007bff; }
    .k-treeview .k-group .k-item .k-in.k-state-hover > span.has-children {
      cursor: default;
      background-color: inherit;
      color: #515967; }
  .k-treeview .k-group .k-item .k-in.menu-invalid.k-state-hover,
  .k-treeview .k-group .k-item .k-in.menu-invalid.k-state-active,
  .k-treeview .k-group .k-item .k-in.menu-invalid.k-state-selected {
    background-color: #f4dfdf !important;
    border-left: 0.417em solid #d00 !important;
    color: transparent !important; }
    .k-treeview .k-group .k-item .k-in.menu-invalid.k-state-hover span,
    .k-treeview .k-group .k-item .k-in.menu-invalid.k-state-active span,
    .k-treeview .k-group .k-item .k-in.menu-invalid.k-state-selected span {
      color: #d00; }
  .k-treeview .k-group .k-item .k-in.menu-invalid {
    color: #d00; }
  .k-treeview .k-group .k-item .k-item {
    padding-left: 16px;
    font-weight: normal; }
    .k-treeview .k-group .k-item .k-item .k-in.k-state-hover {
      cursor: pointer;
      color: #fff; }
    .k-treeview .k-group .k-item .k-item .k-in {
      width: 100%; }
  .k-treeview .k-group .k-item .k-icon {
    display: none; }
  .k-treeview .k-group .k-item .k-state-selected {
    color: #007bff;
    background-color: #DFEDF4;
    border-left: 0.417em solid #007bff !important; }
  .k-treeview .k-group .k-item .k-in {
    width: 100%;
    line-height: 2em; }
    .k-treeview .k-group .k-item .k-in > span {
      display: block; }
  .k-treeview .k-group .k-item .k-state-focused,
  .k-treeview .k-group .k-item .k-state-selected {
    box-shadow: none; }

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

.content .k-grid table thead tr th,
.content .k-grid table tbody tr td {
  padding-left: 0px !important; }

.content .k-grid table thead tr th:last-child {
  padding-right: 0px; }

.content .k-grid table tbody tr td:first-child {
  padding-left: 2.5em !important; }

.content .k-grid .k-grid-header table thead tr th:first-child {
  padding-left: 2.5em !important; }

.content .k-grid .k-grid-header table thead tr th:last-child {
  padding-right: 2.5em !important; }

.content .k-grid .k-grid-content td:not(:first-child) {
  padding-left: 1px; }

.content .k-grid .k-grid-pager {
  margin-right: 2.5em; }

.content-wrapper {
  padding-right: 2.5em;
  padding-left: 2.5em; }

.content-wrapper .card-dash {
  height: 100%;
  border: none; }
  .content-wrapper .card-dash p {
    padding-left: .5em;
    padding-right: .5em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.compliance-assessment-form .panel.panel-default {
  overflow-y: auto;
  max-height: 38em; }
  .compliance-assessment-form .panel.panel-default .panel-heading {
    background-color: #fff;
    height: 100%; }

.navigations-buttons-wrapper {
  display: block;
  margin-top: 2em;
  margin-bottom: 1em;
  height: 3em; }
  .navigations-buttons-wrapper a {
    margin-left: 1em; }
  .navigations-buttons-wrapper button {
    margin-right: 1em; }

.nav-path {
  display: inline; }
  .nav-path a:first-child {
    margin-left: 2.5em; }

@media (min-width: 1400px) {
  .title-section .title {
    padding-left: 1.875em !important; } }

@media (max-width: 1400px) {
  .title-section .title {
    padding-left: 1.60715em !important; } }

.navbar-right .edit-company {
  padding-top: 1.250em;
  padding-bottom: 1.250em;
  position: relative;
  display: block; }
  .navbar-right .edit-company .icon-pencil {
    color: #AAA;
    font-size: 20px;
    cursor: pointer; }

.a-link {
  color: inherit; }

.a-link:hover {
  text-decoration: none;
  color: inherit; }

.a-link.pointer:hover {
  cursor: pointer; }

.a-link.blue {
  color: #007bff; }

/* Status buttons form */
.buttons-status.btn-group {
  display: flex;
  margin-top: 2em;
  margin-bottom: 2em; }
  .buttons-status.btn-group .k-button,
  .buttons-status.btn-group .k-button.active {
    border: 0px;
    outline: none;
    padding: .5em;
    width: 8em;
    border-radius: 0px; }
  .buttons-status.btn-group button:first-of-type {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }
  .buttons-status.btn-group button:last-of-type {
    /**/
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
  .buttons-status.btn-group button.active.intended,
  .buttons-status.btn-group button.intended:hover {
    background-color: #ffc107;
    color: white; }
  .buttons-status.btn-group button.active.planned,
  .buttons-status.btn-group button.planned:hover {
    background-color: #007bff !important;
    color: white; }
  .buttons-status.btn-group button.active.done,
  .buttons-status.btn-group button.done:hover {
    background-color: #10B683 !important;
    color: white; }
  .buttons-status.btn-group button.active.na,
  .buttons-status.btn-group button.na:hover {
    background-color: #666666 !important;
    color: white; }

/* Tags (type, frequency) form */
.error-field {
  display: inline;
  color: #CD603D;
  font-size: .8em; }

.inline-block-buttons {
  float: right;
  display: block; }

form-draft-button .k-button.k-secondary {
  margin-right: 0.5em; }

.text-success {
  color: #10B683 !important; }

@media (min-width: 992px) {
  .company-tree > .col-md-5.tree {
    width: auto;
    max-width: 41.66666667%; }
  .company-tree > .col-md-6.companyB {
    width: auto;
    max-width: 50%; }
  .company-tree .form {
    padding-left: 5em; } }

.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; }

.inline .k-invalid-msg {
  clear: none !important;
  display: inline-block !important; }

.field {
  min-height: 3em !important; }

/* Mark the steps that are finished and valid: */
div#wp-custom-header.cp-video-bg {
  background: linear-gradient(95deg, #2D4249 0%, #253840 100%);
  position: absolute;
  z-index: -3;
  height: 100%;
  width: 100%;
  bottom: 0;
  left: 0;
  -webkit-transform: translate3d(0, 0, -2px); }

.split-header {
  background-image: url(/content/images/dots.png);
  position: absolute;
  height: 100%;
  width: 100%; }

.header-homepage.cp-video-bg,
.header.cp-video-bg {
  background-color: transparent !important;
  overflow: hidden; }

div#wp-custom-header.cp-video-bg #wp-custom-header-video {
  object-fit: cover;
  position: absolute;
  opacity: 0;
  width: 100%;
  bottom: 0;
  transition: opacity 0.4s cubic-bezier(0.44, 0.94, 0.25, 0.34); }

.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 #c4c4c4; }

/*
    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
*/
/*$label-text-color: #777;
$dark-grey: #333;
$darkest-grey: #222;

$header-background: #ECEEF2;

$navbar-text-color: #AAA;*/