/*oud design*/
/*$green-color: #91CA4F;
$red-color:			#CA4F58;*/
/*$gray-color: #5B5C5E;
$background-color: #ECECEC;
$black-color: #002230;

$white-color: #FFFFFF;

$ultra-light-gray-color: #f5f5f5;

$background-color: #BCDEE0;
$main-color: #00A1B1;
$orange-color: #F39531;
$orange-color: #CC7D29;


$main-color: #0A5769;
$green-color: #EFFBF7;
$green-color: #98CA5B;
$orange-color: #FF9B54;
$red-color: #FF4454;
$black-color: #000000;
$bluegreen-10-color: #E5F5F7;
$main-color: #D8F2F1;
$placeholder: #333;*/
/*$base-font: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;*/
.hidden {
  display: none !important; }

.danger, .danger * {
  color: #ff0300 !important;
  /*font-weight: $bold;*/ }

.row:last-child {
  margin-bottom: 0; }

form .row {
  margin-bottom: 0; }

.placeholder, .placeholder * {
  color: #999 !important; }
  .placeholder .option-menu__item, .placeholder .option-menu__head, .placeholder .option-menu__item i, .placeholder .option-menu__item span, .placeholder * .option-menu__item, .placeholder * .option-menu__head, .placeholder * .option-menu__item i, .placeholder * .option-menu__item span {
    color: initial !important; }

.italic {
  font-style: italic; }

.placeholder-text {
  color: #999; }

.placeholder-total {
  color: #999;
  font-style: italic;
  font-weight: bold !important; }
  .placeholder-total:before {
    content: '('; }
  .placeholder-total:after {
    content: ')'; }

.info-yellow {
  color: #F39531; }

.info-blue {
  color: #F39531; }

.success {
  color: #82e000; }

/*.fa- {
	&exclamation-triangle {
		color: $red-color !important;
	}

	&check-circle {
		color: $green-color !important;
	}
}*/
.tabel__icon {
  width: 100%;
  text-align: center; }

.flex-content {
  display: flex; }
  .flex-content--column {
    display: flex;
    flex-direction: column;
    height: 100%; }
  .flex-content__end {
    align-self: flex-end; }

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

.delete, p.delete, a.delete {
  color: #ff0300 !important; }
  .delete p, .delete a, p.delete p, p.delete a, a.delete p, a.delete a {
    color: #ff0300 !important; }

.touch-width {
  width: 4rem; }

.row .col.s12 {
  padding: 0; }

/*&:focus {
	outline: none;
}*/
/*$base-font: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;*/
body, .checkbox [type="checkbox"]:checked + label, .checkbox [type="checkbox"]:not(:checked) + label, .checkbox--small [type="checkbox"]:checked + label, .checkbox--small [type="checkbox"]:not(:checked) + label, corpex-checkbox .corpex-checkbox__field [type="checkbox"].filled-in:checked + label, corpex-checkbox .corpex-checkbox__field [type="checkbox"].filled-in:not(:checked) + label, .yvi-datepicker input:not([type]), .yvi-form-label__floating, .inputNumeric__label, .page-tabs__list__item--link {
  font-size: 1.5rem; }
  @media (max-height: 800px) {
    body, .checkbox [type="checkbox"]:checked + label, .checkbox [type="checkbox"]:not(:checked) + label, .checkbox--small [type="checkbox"]:checked + label, .checkbox--small [type="checkbox"]:not(:checked) + label, corpex-checkbox .corpex-checkbox__field [type="checkbox"].filled-in:checked + label, corpex-checkbox .corpex-checkbox__field [type="checkbox"].filled-in:not(:checked) + label, .yvi-datepicker input:not([type]), .yvi-form-label__floating, .inputNumeric__label, .page-tabs__list__item--link {
      font-size: 1.8rem; } }

/*oud design*/
/*$green-color: #91CA4F;
$red-color:			#CA4F58;*/
/*$gray-color: #5B5C5E;
$background-color: #ECECEC;
$black-color: #002230;

$white-color: #FFFFFF;

$ultra-light-gray-color: #f5f5f5;

$background-color: #BCDEE0;
$main-color: #00A1B1;
$orange-color: #F39531;
$orange-color: #CC7D29;


$main-color: #0A5769;
$green-color: #EFFBF7;
$green-color: #98CA5B;
$orange-color: #FF9B54;
$red-color: #FF4454;
$black-color: #000000;
$bluegreen-10-color: #E5F5F7;
$main-color: #D8F2F1;
$placeholder: #333;*/
/*$base-font: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;*/
body, .checkbox [type="checkbox"]:checked + label, .checkbox [type="checkbox"]:not(:checked) + label, .checkbox--small [type="checkbox"]:checked + label, .checkbox--small [type="checkbox"]:not(:checked) + label, corpex-checkbox .corpex-checkbox__field [type="checkbox"].filled-in:checked + label, corpex-checkbox .corpex-checkbox__field [type="checkbox"].filled-in:not(:checked) + label, .yvi-datepicker input:not([type]), .yvi-form-label__floating, .inputNumeric__label, .page-tabs__list__item--link {
  font-size: 1.5rem; }
  @media (max-height: 800px) {
    body, .checkbox [type="checkbox"]:checked + label, .checkbox [type="checkbox"]:not(:checked) + label, .checkbox--small [type="checkbox"]:checked + label, .checkbox--small [type="checkbox"]:not(:checked) + label, corpex-checkbox .corpex-checkbox__field [type="checkbox"].filled-in:checked + label, corpex-checkbox .corpex-checkbox__field [type="checkbox"].filled-in:not(:checked) + label, .yvi-datepicker input:not([type]), .yvi-form-label__floating, .inputNumeric__label, .page-tabs__list__item--link {
      font-size: 1.8rem; } }

/*oud design*/
/*$green-color: #91CA4F;
$red-color:			#CA4F58;*/
/*$gray-color: #5B5C5E;
$background-color: #ECECEC;
$black-color: #002230;

$white-color: #FFFFFF;

$ultra-light-gray-color: #f5f5f5;

$background-color: #BCDEE0;
$main-color: #00A1B1;
$orange-color: #F39531;
$orange-color: #CC7D29;


$main-color: #0A5769;
$green-color: #EFFBF7;
$green-color: #98CA5B;
$orange-color: #FF9B54;
$red-color: #FF4454;
$black-color: #000000;
$bluegreen-10-color: #E5F5F7;
$main-color: #D8F2F1;
$placeholder: #333;*/
@keyframes width {
  from {
    width: 0%; } }

@keyframes check {
  0% {
    height: 0;
    width: 0; }
  25% {
    height: 0;
    width: 10px; }
  50% {
    height: 20px;
    width: 10px; } }

.ui-content.__top {
  overflow: hidden;
  display: flex;
  width: 100%;
  position: relative;
  margin-bottom: 2rem; }

.ui-content.__pageName {
  padding: 0;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.2rem; }

.ui-content.__buttons {
  margin-left: auto;
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 2rem;
  align-items: center; }

.ui-content__wrapper {
  height: 100%;
  overflow: hidden;
  position: relative;
  padding: 4rem; }

.ui-content__main {
  width: 100%;
  padding: 1rem 0;
  /*width: calc(100% - 10rem);
			padding: 1rem 5rem;*/
  overflow: auto;
  height: calc(100% - 15rem);
  flex: 1 1 100%; }
  .ui-content__main--widget {
    padding: 0; }

.ui-content__top {
  overflow: hidden;
  display: flex;
  flex-flow: #FFF nowrap;
  padding: 0 2rem;
  width: 100%;
  position: relative;
  margin-bottom: 2rem; }
  .ui-content__top__page-name {
    padding: 0;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 6rem; }
  .ui-content__top__icon-buttons {
    margin-left: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end; }
    .ui-content__top__icon-buttons__icon {
      margin: 0 1rem;
      display: inline-table;
      font-size: 2.5rem;
      text-align: right;
      color: #0092C6;
      cursor: pointer; }
      .ui-content__top__icon-buttons__icon .favorite {
        background-image: -webkit-linear-gradient(top, #fa9852 0%, #cc7c43 100%);
        background-image: -o-linear-gradient(top, #fa9852 0%, #cc7c43 100%);
        background-image: linear-gradient(to bottom, #fa9852 0%, #cc7c43 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFA9852', endColorstr='#FFCC7C43', GradientType=0);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-text-stroke: 1px white; }
    .ui-content__top__icon-buttons img {
      align-self: center; }

.ui-content__scroll {
  position: relative;
  overflow: auto; }

@media (min-width: 0) and (max-width: 768px) {
  .ui-content__wrapper {
    height: 100%; }
  .ui-content__top {
    display: none; }
    .ui-content__top.mobile-show {
      display: block; } }

.ui-body {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  overflow: auto; }

@max-mobile {
  .ui-body {
    max-width: 100vw;
    max-height: 100vh; } }

.ui-header.__container {
  background-color: #FFFFFF;
  color: #0092C6;
  height: 9rem;
  grid-area: header;
  z-index: 25;
  padding: 0 4rem;
  display: grid;
  grid-template-columns: 9rem 25rem 1fr 15rem;
  grid-template-areas: 'menu logo userName logout' 'nav nav nav nav';
  align-content: center;
  font-size: 2rem;
  align-items: center;
  grid-column-gap: 2rem; }
  .ui-header.__container > .uiNav.__container {
    display: none; }
  .ui-header.__container.--menuOpen {
    height: calc(9rem + 15rem); }
    .ui-header.__container.--menuOpen > .uiNav.__container {
      display: block; }
    .ui-header.__container.--menuOpen + .uiMain.__container {
      max-height: calc(100vh - 24rem); }

.ui-header.__userName {
  text-align: right;
  grid-area: userName;
  font-size: 2rem; }

.ui-header.__menu {
  grid-area: menu;
  background-color: #0092C6;
  height: 100%;
  width: 9rem;
  color: white;
  text-align: center; }
  .ui-header.__menu p {
    font-size: 2.5rem;
    line-height: 1.2; }
    .ui-header.__menu p i {
      line-height: 1.3;
      font-size: 4.5rem; }

.ui-header.__logo {
  grid-area: logo; }

.ui-header.__logout {
  grid-area: logout;
  position: relative;
  text-align: right; }
  .ui-header.__logout p {
    font-size: 2rem; }
  .ui-header.__logout:before {
    content: '';
    left: 0;
    top: 0;
    width: 2px;
    position: absolute;
    background: #0092C6;
    height: 4rem; }

@media (min-width: 0) and (max-width: 768px) {
  .ui-header --mobile {
    display: flex; } }

.ui-menu {
  width: 100%; }
  .ui-menu__item {
    cursor: pointer;
    position: relative;
    padding: 0;
    text-align: center;
    width: 100%;
    vertical-align: middle;
    float: left; }
    .ui-menu__item:hover {
      background: #C6E2E9; }
      .ui-menu__item:hover a {
        color: #0092C6; }
    .ui-menu__item.active {
      background-color: #0092C6; }
      .ui-menu__item.active a {
        color: #FFFFFF; }
    .ui-menu__item__link {
      padding: 0.5rem 0;
      text-align: center;
      font-weight: 400;
      min-height: 4rem;
      color: #0092C6;
      display: table;
      width: 100%;
      vertical-align: middle;
      -moz-transition: background 0.15s linear 0s, color 0.15s linear 0s;
      -o-transition: background 0.15s linear 0s, color 0.15s linear 0s;
      -webkit-transition: background 0.15s linear 0s, color 0.15s linear 0s;
      transition: background 0.15s linear 0s, color 0.15s linear 0s;
      text-decoration: none;
      letter-spacing: -1px;
      line-height: 16px;
      height: 3.66667em;
      /*@include e(title) {
				font-size: $main-font-size;
			}*/ }
      .ui-menu__item__link i {
        float: none;
        width: 100%;
        height: auto;
        margin-right: 2.25rem;
        margin-top: 0.13333em;
        top: 0;
        -moz-transition: opacity 0.2s ease-in-out 0s;
        -o-transition: opacity 0.2s ease-in-out 0s;
        -webkit-transition: opacity 0.2s ease-in-out 0s;
        transition: opacity 0.2s ease-in-out 0s;
        font-size: 2.2rem; }
  .ui-menu--message-amount {
    position: absolute;
    float: left;
    top: 0.8rem;
    left: 3.5rem; }

.uiNav.__container {
  grid-area: nav;
  margin-left: -5rem;
  width: calc(100% + 10rem);
  height: 15rem;
  background-color: #0092C6; }

.uiNav.__list {
  display: grid;
  justify-content: center;
  grid-auto-flow: column;
  align-items: center;
  height: 100%;
  grid-gap: 6rem; }

.uiNav.__item {
  height: 12rem;
  width: 12rem;
  text-align: center;
  font-size: 2rem;
  border: 1px solid #FFFFFF; }
  .uiNav.__item.--active {
    background-color: white; }
    .uiNav.__item.--active .uiNav.__link {
      color: #0092C6; }

.uiNav.__link {
  line-height: 1.5;
  padding: 0;
  height: 100%; }

.uiNav.__icon {
  font-size: 6rem;
  padding-top: 2rem;
  width: 100%; }

.uiNav.__title {
  font-size: 2rem; }

.uiNav.__navContainers {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; }

.uiNav.__submenu {
  display: grid;
  grid-template-columns: 20rem 20rem;
  margin-left: 5rem; }

.uiNav.__submentItem {
  height: 2.5rem;
  line-height: 1.2; }

.logo-upload {
  margin-top: 1rem;
  display: flex; }
  .logo-upload button {
    margin-right: 1rem;
    background: #999;
    border-radius: 0.5rem;
    border: 0.1rem solid grey;
    padding: 0 3rem;
    color: white; }
    .logo-upload button i {
      font-size: 5rem; }
    .logo-upload button p {
      text-align: center;
      color: white; }
  .logo-upload .logo-image {
    cursor: pointer;
    margin-right: 1rem; }

.uiMain.__container {
  background-color: #C6E2E9;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: calc(100vh - 9rem);
  overflow: auto; }

@media (min-width: 0) and (max-width: 768px) {
  .ui-app .uiMain.__container {
    padding: 5rem 0 0;
    height: 100%; }
    @supports (display: grid) {
      .ui-app .uiMain.__container {
        grid-area: main / span 3;
        margin-left: 0; } }
    .ui-app .uiMain.__container__section {
      display: block; } }

.chat-bubble {
  background-color: #C6E2E9;
  margin: 1rem 4rem 1rem 2rem; }
  .chat-bubble:before {
    content: "\f0d9";
    left: -0.9rem;
    color: #C6E2E9;
    text-align: right; }
  .chat-bubble--own-chat {
    background-color: #0092C6;
    margin: 1rem 2rem 1rem 4rem; }
    .chat-bubble--own-chat:after {
      content: "\f0da";
      right: -0.9rem;
      color: #0092C6; }
    .chat-bubble--own-chat p {
      color: #FFFFFF; }
  .chat-bubble__user {
    text-transform: uppercase;
    font-weight: bold; }
  .chat-bubble__date {
    float: right;
    color: #999; }

.chat-bubble, .chat-bubble--own-chat {
  color: #FFFFFF;
  border-radius: 5px;
  position: relative;
  padding: 1rem;
  display: inline-block; }

.chat-bubble:before, .chat-bubble--own-chat:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  font-size: 2.5rem;
  width: 1rem;
  bottom: 0; }

.chat {
  position: absolute;
  bottom: 2rem;
  border-radius: 5px 5px 0 0;
  right: 2rem;
  z-index: 99;
  width: 35rem; }
  .chat.-collapse {
    background-color: #003367;
    width: 4rem;
    right: 0;
    border-radius: 5px 0 0 5px; }
  .chat.-expanded {
    background-color: #FFFFFF; }
    .chat.-expanded .chat__header {
      background-color: #003367; }
  .chat__head {
    color: #FFFFFF;
    /*font-size: $main-font-size;*/
    padding: 1rem; }
  .chat__bubbles {
    display: flex;
    flex-direction: column;
    background-color: #FFFFFF; }
  .chat__employee {
    background-color: #FFFFFF;
    display: flex;
    padding: 0.5rem 2rem;
    border-bottom: 1px solid; }
    .chat__employee .profile-pic {
      margin-right: 1rem; }
    .chat__employee-name {
      margin: 1rem 0;
      line-height: 1.2; }
      .chat__employee-name span {
        color: #999;
        display: block; }
  .chat__input {
    display: flex;
    height: 4rem; }
    .chat__input i {
      width: 4rem;
      text-align: center;
      line-height: 4rem;
      color: #0092C6;
      font-size: 2rem;
      cursor: pointer; }
    .chat__input-field {
      flex-grow: 1; }
      .chat__input-field .corpex-input__field {
        margin-top: 0; }

/*$base-font: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;*/
body, .checkbox [type="checkbox"]:checked + label, .checkbox [type="checkbox"]:not(:checked) + label, .checkbox--small [type="checkbox"]:checked + label, .checkbox--small [type="checkbox"]:not(:checked) + label, corpex-checkbox .corpex-checkbox__field [type="checkbox"].filled-in:checked + label, corpex-checkbox .corpex-checkbox__field [type="checkbox"].filled-in:not(:checked) + label, .yvi-datepicker input:not([type]), .yvi-form-label__floating, .inputNumeric__label, .page-tabs__list__item--link {
  font-size: 1.5rem; }
  @media (max-height: 800px) {
    body, .checkbox [type="checkbox"]:checked + label, .checkbox [type="checkbox"]:not(:checked) + label, .checkbox--small [type="checkbox"]:checked + label, .checkbox--small [type="checkbox"]:not(:checked) + label, corpex-checkbox .corpex-checkbox__field [type="checkbox"].filled-in:checked + label, corpex-checkbox .corpex-checkbox__field [type="checkbox"].filled-in:not(:checked) + label, .yvi-datepicker input:not([type]), .yvi-form-label__floating, .inputNumeric__label, .page-tabs__list__item--link {
      font-size: 1.8rem; } }

/*oud design*/
/*$green-color: #91CA4F;
$red-color:			#CA4F58;*/
/*$gray-color: #5B5C5E;
$background-color: #ECECEC;
$black-color: #002230;

$white-color: #FFFFFF;

$ultra-light-gray-color: #f5f5f5;

$background-color: #BCDEE0;
$main-color: #00A1B1;
$orange-color: #F39531;
$orange-color: #CC7D29;


$main-color: #0A5769;
$green-color: #EFFBF7;
$green-color: #98CA5B;
$orange-color: #FF9B54;
$red-color: #FF4454;
$black-color: #000000;
$bluegreen-10-color: #E5F5F7;
$main-color: #D8F2F1;
$placeholder: #333;*/
.toast-title {
  font-weight: bold; }

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  -webkit-text-shadow: 0 1px 0 #FFFFFF;
  text-shadow: 0 1px 0 #FFFFFF;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80); }
  .toast-close-button:hover, .toast-close-button:focus {
    color: #003367;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40); }

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

#toast-container {
  position: fixed;
  z-index: 999999; }
  #toast-container.toast-top-center {
    top: 0;
    right: 0;
    width: 100%; }
  #toast-container.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%; }
  #toast-container.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%; }
  #toast-container.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%; }
  #toast-container.toast-top-left {
    top: 12px;
    left: 12px; }
  #toast-container.toast-top-right {
    top: 12px;
    right: 12px; }
  #toast-container.toast-bottom-right {
    right: 12px;
    bottom: 12px; }
  #toast-container.toast-bottom-left {
    bottom: 12px;
    left: 12px; }
  #toast-container .toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    word-break: normal; }
    #toast-container .toast-message a,
    #toast-container .toast-message label {
      /*color: $white-color;*/ }
    #toast-container .toast-message a:hover {
      color: #C6E2E9;
      text-decoration: none; }

#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#toast-container > div {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999;
  -webkit-box-shadow: 0 0 12px #999;
  box-shadow: 0 0 12px #999;
  color: #FFFFFF;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80); }

#toast-container > :hover {
  -moz-box-shadow: 0 0 12px #003367;
  -webkit-box-shadow: 0 0 12px #003367;
  box-shadow: 0 0 12px #003367;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer; }

#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; }

#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; }

#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; }

#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; }

#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin: auto; }

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto; }

.toast {
  background-color: #999; }
  .toast.toast-success {
    background-color: #82e000; }
  .toast.toast-error {
    background-color: #ff0300; }
  .toast.toast-info {
    background-color: #F39531; }
  .toast.toast-warning {
    background-color: #F39531; }

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #003367;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40); }

/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em; }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em; } }

@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em; }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em; } }

@media only screen and (max-width: 481px) and (max-width: 786px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em; } }

/* TOOLTIP 
================================================== */
.tooltip {
  font-size: 14px;
  line-height: 1.53846;
  font-weight: 400;
  z-index: 1000; }
  .tooltip.top .tooltip-arrow,
  .tooltip.top-left .tooltip-arrow,
  .tooltip.top-right .tooltip-arrow {
    border-top-color: color("primary", "500"); }
  .tooltip.right .tooltip-arrow {
    border-right-color: color("primary", "500"); }
  .tooltip.left .tooltip-arrow {
    border-left-color: color("primary", "500"); }
  .tooltip.bottom .tooltip-arrow,
  .tooltip.bottom-left .tooltip-arrow,
  .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: color("primary", "500"); }
  .tooltip .tooltip-inner {
    padding: 5px 12px;
    max-width: none;
    white-space: pre;
    color: #FFFFFF;
    text-align: center;
    background-color: color("primary", "500");
    border-radius: 3px; }

.tooltip [class*="bg-"] > .tooltip-inner {
  background-color: inherit; }

.tooltip.top [class*="bg-"] .tooltip-arrow {
  border-top-color: inherit; }

.tooltip.right [class*="bg-"] .tooltip-arrow {
  border-right-color: inherit; }

.tooltip.bottom [class*="bg-"] .tooltip-arrow {
  border-bottom-color: inherit; }

.tooltip.left [class*="bg-"] .tooltip-arrow {
  border-left-color: inherit; }

/* ALERTS 
================================================== */
.alert.alert-success {
  color: #82e000;
  background-color: #C6E2E9;
  border-color: #0092C6;
  -moz-border-image: none;
  -o-border-image: none;
  -webkit-border-image: none;
  border-image: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0 0 0 5px; }
  .alert.alert-success hr {
    border-top-color: #C6E2E9; }
  .alert.alert-success .alert-link {
    color: #82e000; }

.alert.alert-info {
  color: #F39531;
  background-color: #C6E2E9;
  border-color: #0092C6;
  -moz-border-image: none;
  -o-border-image: none;
  -webkit-border-image: none;
  border-image: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0 0 0 5px; }
  .alert.alert-info hr {
    border-top-color: #C6E2E9; }
  .alert.alert-info .alert-link {
    color: #007AA3; }

.alert.alert-danger {
  color: #ff0300;
  background-color: #ffebee;
  border-color: #e57373;
  -moz-border-image: none;
  -o-border-image: none;
  -webkit-border-image: none;
  border-image: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0 0 0 5px; }
  .alert.alert-danger hr {
    border-top-color: #ffcdd2; }
  .alert.alert-danger .alert-link {
    color: #c62828; }

.alert.alert-warning {
  color: #F39531;
  background-color: #fff3e0;
  border-color: #ffcc80;
  -moz-border-image: none;
  -o-border-image: none;
  -webkit-border-image: none;
  border-image: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0 0 0 5px; }
  .alert.alert-warning hr {
    border-top-color: #ffe0b2; }
  .alert.alert-warning .alert-link {
    color: #8d6e63; }

.fa, .fa:after, .fa:before {
  font-family: FontAwesome;
  font-weight: 400; }

.fa-1 {
  font-size: 1rem; }

.fa-2 {
  font-size: 2rem; }

.fa-3 {
  font-size: 3rem; }

.fa-4 {
  font-size: 4rem; }

.fa-5 {
  font-size: 5rem; }

.fa-6 {
  font-size: 6rem; }

.exp-icon i.fa-eur {
  letter-spacing: -5px; }

h5 {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #0092C6; }

a {
  cursor: pointer; }

.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.lowercase, .lowercase input {
  text-transform: lowercase; }

@media only screen and (orientation: portrait) {
  html.landscape {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0; } }

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

.innerpage-gradiant {
  background-image: -webkit-linear-gradient(left, #ecede8 0%, #cbe4e8 100%);
  background-image: -o-linear-gradient(left, #ecede8 0%, #cbe4e8 100%);
  background-image: linear-gradient(to right, #ecede8 0%, #cbe4e8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFECEDE8', endColorstr='#FFCBE4E8', GradientType=1);
  width: 100%;
  border: 2px solid #FFFFFF;
  padding: 2rem; }
  .innerpage-gradiant__header {
    color: #0092C6;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1; }

.inner-container {
  margin-bottom: 2rem; }

.position-relative {
  position: relative !important; }

.position-fixed {
  position: fixed !important; }

.fit-content {
  width: fit-content; }

.width-100 {
  width: 100%; }

.display-table {
  display: table; }

.overflow-visable {
  overflow: visible !important; }

.space-bottom {
  margin-bottom: 2rem; }

.space-top {
  margin-top: 2rem; }

.space-none {
  margin: 0 !important; }

.text-spacing-left {
  margin-left: .4rem; }

.text-spacing-right {
  margin-right: .4rem; }

.text-spacing-top {
  margin-top: .4rem; }

.text-spacing-bottom {
  margin-bottom: .4rem; }

@supports not (display: grid) {
  .display-grid {
    display: flex; } }

@supports (display: grid) {
  .display-grid {
    display: grid; }
    .display-grid.grid-col-3 {
      grid-template-columns: repeat(3, 33%); }
    .display-grid.grid-col-4 {
      grid-template-columns: repeat(4, calc(25% - 1.5rem));
      grid-gap: 2rem; }
      @media (min-width: 481px) and (max-width: 768px) {
        .display-grid.grid-col-4 {
          grid-template-columns: repeat(2, 50%);
          grid-gap: 2rem; } }
      @media (min-width: 0) and (max-width: 768px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
        .display-grid.grid-col-4 {
          grid-template-columns: repeat(1, 100%); } } }

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
								  supported by Chrome and Opera */ }

.blue-border {
  border-left: 1px solid #0092C6 !important; }
  .blue-border:last-child {
    border-right: 1px solid #0092C6 !important; }
  .blue-border-left {
    border-left: 1px solid #0092C6 !important; }
  .blue-border-right {
    border-right: 1px solid #0092C6 !important; }

.no-content {
  float: none !important;
  /*margin-right: auto;*/
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media (min-width: 0) and (max-width: 768px) and (orientation: landscape) {
    .no-content {
      display: grid;
      grid-template-columns: 10rem auto;
      width: calc(100% - 10rem);
      margin-left: 5rem; } }
  .no-content__icon {
    color: #0092C6;
    font-size: 20rem; }
    @media (min-width: 0) and (max-width: 768px) and (orientation: landscape) {
      .no-content__icon {
        font-size: 8rem; } }
    .no-content__icon:hover {
      cursor: pointer; }
  .no-content__text {
    font-size: 3.5rem;
    line-height: 1.5em; }
    @media (min-width: 0) and (max-width: 768px) {
      .no-content__text {
        font-size: 2.5rem; } }
    .no-content__text a {
      font-size: 3.5rem;
      line-height: 1.5em;
      cursor: pointer; }
      @media (min-width: 0) and (max-width: 768px) {
        .no-content__text a {
          font-size: 2.5rem; } }
      .no-content__text a:hover {
        background-color: transparent;
        text-decoration: underline; }

.margin-right-auto {
  margin-right: auto; }

.ghost {
  border: 1px dashed #000;
  background-color: #fff; }

html {
  font-size: calc(100% / 16 * 10) !important; }

p, a, input, nav ul a, h6, label, td, th, button {
  font-size: 1.5rem; }

@media (max-height: 800px) {
  html {
    font-size: calc(100% / 20 * 10) !important; }
  p, a, input, h6, label, td, th, button {
    font-size: 1.8rem; } }

h3 {
  font-size: 1.8rem;
  font-weight: bold; }

p {
  margin: 0;
  padding: 0; }

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

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

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

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

.float-right {
  float: right; }

.headTitle {
  color: #0092C6;
  font-weight: 300;
  flex-grow: 1;
  line-height: 1;
  float: left;
  font-size: 1.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.overflow-ellipis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.overflow-1 {
  display: block;
  display: -webkit-box;
  line-height: 1.2;
  height: 1.8rem;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.5rem; }

.overflow-2 {
  display: block;
  display: -webkit-box;
  line-height: 1.2;
  height: 3.6rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.5rem; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

html, body {
  height: 100%;
  margin: 0;
  line-height: 1.7;
  /*font-family: $base-font;*/
  font-family: "Roboto";
  color: #003367; }
  html a, body a {
    color: #0092C6; }

body {
  position: relative;
  box-sizing: border-box; }

.clearfix::after {
  content: '';
  clear: both;
  display: table; }

.content-header {
  display: flex; }
  .content-header button {
    margin-left: auto; }

/*temp code to check responcive possibilaties*/
.ui-app {
  overflow: hidden;
  height: 100vh; }
  @supports not (display: grid) {
    .ui-app {
      display: flex;
      flex-direction: column; } }
  @supports (display: grid) {
    .ui-app {
      display: grid;
      grid-template-columns: 1fr;
      /*grid-template-rows: 9rem calc(100vh - 2vh - 9rem) 2vh;*/
      grid-template-rows: min-content 1fr;
      grid-template-areas: "header" "main"; }
      @media (min-width: 0) and (max-width: 768px) {
        .ui-app {
          grid-template-rows: 5rem calc(100vh - 2rem - 5rem) 2rem; } } }
  .ui-app .ui-main {
    padding: 0;
    max-height: calc(100vh - 9rem);
    overflow: auto;
    /*older browsers*/ }
    @supports not (display: grid) {
      .ui-app .ui-main {
        flex-grow: 1; } }
    @supports (display: grid) {
      .ui-app .ui-main {
        grid-area: main;
        margin-left: 0; }
        @media (min-width: 0) and (max-width: 768px) {
          .ui-app .ui-main {
            grid-area: main; } } }
    @media (min-width: 0) and (max-width: 768px) {
      @supports (display: grid) {
        .ui-app .ui-main {
          grid-area: main; } } }
    @supports (display: grid) {
      .ui-app .ui-main .ui-content__wrapper {
        height: 100%; } }
    @supports (display: grid) {
      .ui-app .ui-main .edit-project-container {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 16vh calc(100% - 16vh);
        grid-template-areas: "header" "menu"; }
        @media (min-width: 0) and (max-width: 768px) {
          .ui-app .ui-main .edit-project-container {
            grid-template-columns: 100%;
            grid-template-rows: 5rem calc(100% - 5rem); } }
        .ui-app .ui-main .edit-project-container .ui-content__main {
          height: 100%; }
        @media (max-width: 601px) {
          .ui-app .ui-main .edit-project-container {
            grid-template-columns: 100%;
            grid-template-rows: 12rem calc(100% - 15.5rem); } }
        @media (min-width: 601px) and (max-width: 992px) {
          .ui-app .ui-main .edit-project-container {
            grid-template-columns: 100%;
            grid-template-rows: 8rem calc(100% - 11.5rem); } } }
    .ui-app .ui-main .create-project-container {
      display: grid;
      grid-template-columns: calc(100% - 50rem) 50rem;
      grid-template-rows: 10vh 4rem calc(100% - 10vh - 8rem - 6rem) 4rem;
      grid-template-areas: "header button" "wizard wizard" "main main" "footer footer";
      grid-gap: 2rem 0; }
      @media (min-width: 0) and (max-width: 768px) {
        .ui-app .ui-main .create-project-container {
          grid-template-columns: calc(100% - 10rem) 10rem; } }
      @media (min-width: 0) and (max-width: 768px) and (orientation: landscape) {
        .ui-app .ui-main .create-project-container {
          grid-template-rows: 10vh 4rem calc(100% - 10vh - 8rem);
          grid-template-rows: 7rem 3rem calc(100% - 7rem - 7rem); } }
      .ui-app .ui-main .create-project-container__header {
        grid-area: header;
        height: 100% !important; }
      .ui-app .ui-main .create-project-container__btn {
        grid-area: button; }
        .ui-app .ui-main .create-project-container__btn .yvi-button {
          margin: auto 0;
          display: table; }
        .ui-app .ui-main .create-project-container__btn yvi-button {
          display: contents; }
      .ui-app .ui-main .create-project-container__wizard {
        grid-area: wizard / span 2; }
      .ui-app .ui-main .create-project-container__main {
        grid-area: main / span 2;
        z-index: 1; }
        @media (min-width: 0) and (max-width: 768px) and (orientation: landscape) {
          .ui-app .ui-main .create-project-container__main {
            z-index: 1; } }
        .ui-app .ui-main .create-project-container__main .form {
          min-height: 100%; }
      .ui-app .ui-main .create-project-container__footer {
        grid-area: footer / span 2; }
        @media (min-width: 0) and (max-width: 768px) and (orientation: landscape) {
          .ui-app .ui-main .create-project-container__footer {
            position: fixed;
            top: 50%;
            width: calc(100% - 4rem); } }
        .ui-app .ui-main .create-project-container__footer yvi-button {
          margin-top: 0; }
    @media (max-resolution: 100dpi) {
      .ui-app .ui-main .ui-content__top__page-name {
        font-size: 3.5rem; } }
    @supports (display: grid) {
      .ui-app .ui-main .ui-content__top--edit-project {
        display: grid;
        grid-gap: 0 2rem;
        grid-template-columns: 10rem auto;
        grid-template-rows: 100%;
        height: calc(100% - 5rem);
        grid-template-areas: "image data"; }
        @supports (display: grid) {
          @media (min-width: 601px) and (max-width: 992px) {
            .ui-app .ui-main .ui-content__top--edit-project {
              height: 100%; } } }
        .ui-app .ui-main .ui-content__top--edit-project .projectHeader__image {
          width: initial;
          height: initial;
          margin-right: 0; }
          .ui-app .ui-main .ui-content__top--edit-project .projectHeader__image .profile-pic__container {
            /*width: 100% !important;
						height: 100% !important;*/ }
            .ui-app .ui-main .ui-content__top--edit-project .projectHeader__image .profile-pic__container .profile-pic__container__img {
              border-radius: 5px; } }
  @supports (display: grid) {
    .ui-app .ui-footer {
      grid-area: footer;
      position: initial;
      height: auto; } }

@media (min-width: 0) and (max-width: 768px) {
  .ui-footer {
    display: none; } }

.scroll-content-container {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%; }

nav {
  width: 100%;
  height: 5.6rem;
  line-height: 5.6rem; }

@media only screen and (min-width: 601px) {
  nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
    height: 6.4rem;
    line-height: 6.4rem; } }

@media (max-resolution: 100dpi) {
  nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
    line-height: 5rem;
    height: 5rem; } }

/*oud design*/
/*$green-color: #91CA4F;
$red-color:			#CA4F58;*/
/*$gray-color: #5B5C5E;
$background-color: #ECECEC;
$black-color: #002230;

$white-color: #FFFFFF;

$ultra-light-gray-color: #f5f5f5;

$background-color: #BCDEE0;
$main-color: #00A1B1;
$orange-color: #F39531;
$orange-color: #CC7D29;


$main-color: #0A5769;
$green-color: #EFFBF7;
$green-color: #98CA5B;
$orange-color: #FF9B54;
$red-color: #FF4454;
$black-color: #000000;
$bluegreen-10-color: #E5F5F7;
$main-color: #D8F2F1;
$placeholder: #333;*/
/*$base-font: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;*/
body, .checkbox [type="checkbox"]:checked + label, .checkbox [type="checkbox"]:not(:checked) + label, .checkbox--small [type="checkbox"]:checked + label, .checkbox--small [type="checkbox"]:not(:checked) + label, corpex-checkbox .corpex-checkbox__field [type="checkbox"].filled-in:checked + label, corpex-checkbox .corpex-checkbox__field [type="checkbox"].filled-in:not(:checked) + label, .yvi-datepicker input:not([type]), .yvi-form-label__floating, .inputNumeric__label, .page-tabs__list__item--link {
  font-size: 1.5rem; }
  @media (max-height: 800px) {
    body, .checkbox [type="checkbox"]:checked + label, .checkbox [type="checkbox"]:not(:checked) + label, .checkbox--small [type="checkbox"]:checked + label, .checkbox--small [type="checkbox"]:not(:checked) + label, corpex-checkbox .corpex-checkbox__field [type="checkbox"].filled-in:checked + label, corpex-checkbox .corpex-checkbox__field [type="checkbox"].filled-in:not(:checked) + label, .yvi-datepicker input:not([type]), .yvi-form-label__floating, .inputNumeric__label, .page-tabs__list__item--link {
      font-size: 1.8rem; } }

.hidden {
  display: none !important; }

.danger, .danger * {
  color: #ff0300 !important;
  /*font-weight: $bold;*/ }

.row:last-child {
  margin-bottom: 0; }

form .row {
  margin-bottom: 0; }

.placeholder, .placeholder * {
  color: #999 !important; }
  .placeholder .option-menu__item, .placeholder .option-menu__head, .placeholder .option-menu__item i, .placeholder .option-menu__item span, .placeholder * .option-menu__item, .placeholder * .option-menu__head, .placeholder * .option-menu__item i, .placeholder * .option-menu__item span {
    color: initial !important; }

.italic {
  font-style: italic; }

.placeholder-text {
  color: #999; }

.placeholder-total {
  color: #999;
  font-style: italic;
  font-weight: bold !important; }
  .placeholder-total:before {
    content: '('; }
  .placeholder-total:after {
    content: ')'; }

.info-yellow {
  color: #F39531; }

.info-blue {
  color: #F39531; }

.success {
  color: #82e000; }

/*.fa- {
	&exclamation-triangle {
		color: $red-color !important;
	}

	&check-circle {
		color: $green-color !important;
	}
}*/
.tabel__icon {
  width: 100%;
  text-align: center; }

.flex-content {
  display: flex; }
  .flex-content--column {
    display: flex;
    flex-direction: column;
    height: 100%; }
  .flex-content__end {
    align-self: flex-end; }

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

.delete, p.delete, a.delete {
  color: #ff0300 !important; }
  .delete p, .delete a, p.delete p, p.delete a, a.delete p, a.delete a {
    color: #ff0300 !important; }

.touch-width {
  width: 4rem; }

.row .col.s12 {
  padding: 0; }

/*&:focus {
	outline: none;
}*/
*.selected {
  background-color: #0092C6 !important;
  color: #FFFFFF; }
  *.selected p, *.selected a, *.selected i, *.selected h1, *.selected h2, *.selected h3, *.selected h4, *.selected h5, *.selected h6 {
    color: #FFFFFF; }
  *.selected options-menu p, *.selected options-menu a, *.selected options-menu h1, *.selected options-menu h2, *.selected options-menu h3, *.selected options-menu h4, *.selected options-menu h5, *.selected options-menu h6, *.selected internal-dialog p, *.selected internal-dialog a, *.selected internal-dialog h1, *.selected internal-dialog h2, *.selected internal-dialog h3, *.selected internal-dialog h4, *.selected internal-dialog h5, *.selected internal-dialog h6 {
    color: initial; }
  *.selected corpex-switch .corpex-switch__field--container input[type=checkbox]:checked + .lever, *.selected corpex-switch .corpex-switch__field--container input[type=checkbox]:checked + .lever:after {
    background-color: #FFFFFF; }

.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important; }

.gu-hide {
  display: none !important; }

.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important; }

.gu-transit {
  opacity: 0.25;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
  filter: alpha(opacity=25); }

.gu-mirror {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80); }

.hidden1 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 10px;
  height: 10px;
  display: block;
  font-size: 1;
  z-index: -1;
  color: transparent;
  background: transparent;
  overflow: hidden;
  border: none !important;
  padding: 0;
  resize: none;
  outline: none;
  -webkit-user-select: text;
  user-select: text;
  /* Because for user-select:none, Safari won't allow input */ }

.inner-container {
  background-image: -webkit-linear-gradient(top left, #eff4f0, #d9e8eb 75%, #e2e8e8);
  background-image: -o-linear-gradient(top left, #eff4f0, #d9e8eb 75%, #e2e8e8);
  background-image: linear-gradient(to bottom right, #eff4f0, #d9e8eb 75%, #e2e8e8);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEFF4F0', endColorstr='#FFE2E8E8', GradientType=1);
  /*@include box-shadow(2px 2px 5px $placeholder);*/
  border: 1px solid #FFFFFF;
  padding: 2rem; }

.collumn-flex, .flex-container, .flex-container__stretch {
  display: flex !important;
  flex-direction: column; }

.row-flex, .flex-container__grow, .flex-row, .flex-row-between {
  display: flex !important;
  flex-direction: row; }

.pointer {
  cursor: pointer; }

.tableRow--odd {
  background-color: #FFF; }

.tableRow--even {
  background-color: #E5EEF1; }

.table.__container {
  display: grid;
  width: 100%;
  grid-template-rows: 4.5rem 1fr;
  position: relative;
  overflow: auto;
  height: 100%;
  /*& > body {
			display: block;
			max-height: 100%;
			overflow: auto;
		}*/ }
  .table.__container.--doubleHead {
    grid-template-rows: 7rem 1fr; }

.table.__head {
  width: 100%;
  display: grid;
  font-weight: bold;
  border-bottom: 1px solid #D9DCE2;
  position: sticky;
  top: 0; }
  .table.__head .__row {
    background-color: #FFFFFF;
    border-bottom: 1px solid #D9DCE2;
    height: calc(100% - 1px); }
  .table.__head .__cell {
    line-height: 3.5rem;
    display: flex; }
    .table.__head .__cell.--new {
      display: table-cell; }
    .table.__head .__cell i.fa.fa-sort-amount-asc, .table.__head .__cell i.fa.fa-sort-amount-desc {
      margin-left: auto;
      line-height: 3.4rem; }

.table.__body {
  display: grid;
  grid-auto-rows: fit-content(3.5rem);
  max-height: 100%;
  /*overflow-y: scroll;*/
  /*margin-right: -17px;*/ }

.table.__row {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  /*grid-column-gap: 1rem;*/ }
  .table.__row.--even {
    background-color: #E5EEF1; }
  .table.__row.--odd {
    background-color: #FFF; }
  .table.__row.--secondRow {
    width: calc(100% - 5rem);
    margin-left: 5rem; }
    .table.__row.--secondRow.--last {
      margin-bottom: 2rem; }
  .table.__row.--isInactive .__cell {
    color: #999; }
  .table.__row.--thirdRow {
    width: calc(100% - 10rem);
    margin-left: 10rem; }
    .table.__row.--thirdRow:last-child {
      margin-bottom: 2rem; }

.table.__cell {
  padding: 0.5rem 1.5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 1.4rem; }
  .table.__cell.--bigSpaceLeft {
    padding-left: 3rem; }
  .table.__cell.--success {
    border-left: 5px solid #82e000; }
  .table.__cell.--fail {
    border-left: 5px solid #ff0300; }
  .table.__cell.--spoed {
    border-left: 5px solid #F39531; }
  .table.__cell.--onHold {
    border-left: 5px solid #0092C6; }
  .table.__cell.--tansparent, .table.__cell.--none {
    border-left: 5px solid transparent; }
  .table.__cell.--purple {
    border-left: 5px solid #5530c9; }
  .table.__cell.--yellow {
    border-left: 5px solid #feff3b; }

.table.__pencil {
  text-align: center;
  width: 100%;
  display: block; }
  .table.__pencil:hover {
    cursor: pointer; }

.table .cellIncudingDso {
  display: grid;
  grid-template-columns: 2.4rem 1fr;
  grid-column-gap: 0.4rem; }

.tableNormal.__container {
  max-height: 100%;
  overflow: auto;
  /*& > body {
			display: block;
			max-height: 100%;
			overflow: auto;
		}*/ }

.tableNormal.__head {
  width: 100%;
  font-weight: bold;
  border-bottom: 1px solid #D9DCE2; }
  .tableNormal.__head .__row {
    background-color: #FFFFFF;
    border-bottom: 1px solid #D9DCE2;
    height: calc(100% - 1px); }
  .tableNormal.__head .__cell {
    line-height: 3.5rem;
    position: sticky;
    top: 0;
    z-index: 5;
    background-color: white; }
    .tableNormal.__head .__cell i.fa.fa-sort-amount-asc, .tableNormal.__head .__cell i.fa.fa-sort-amount-desc {
      margin-left: auto;
      line-height: 3.4rem; }

.tableNormal.__body {
  max-height: 100%;
  /*overflow-y: scroll;*/
  /*margin-right: -17px;*/ }

.tableNormal.__row {
  /*grid-column-gap: 1rem;*/ }
  .tableNormal.__row.--even {
    background-color: #E5EEF1; }
  .tableNormal.__row.--odd {
    background-color: #FFF; }
  .tableNormal.__row.--secondRow {
    width: calc(100% - 5rem);
    margin-left: 5rem; }
    .tableNormal.__row.--secondRow.--last {
      margin-bottom: 2rem; }
  .tableNormal.__row.--isInactive .__cell {
    color: #999; }
  .tableNormal.__row.--thirdRow {
    width: calc(100% - 10rem);
    margin-left: 10rem; }
    .tableNormal.__row.--thirdRow:last-child {
      margin-bottom: 2rem; }

.tableNormal.__cell {
  padding: 0.5rem 1.5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 1.4rem;
  max-width: 0; }
  .tableNormal.__cell.--bigSpaceLeft {
    padding-left: 3rem; }
  .tableNormal.__cell.--success {
    border-left: 5px solid #82e000; }
  .tableNormal.__cell.--fail {
    border-left: 5px solid #ff0300; }
  .tableNormal.__cell.--spoed {
    border-left: 5px solid #F39531; }
  .tableNormal.__cell.--onHold {
    border-left: 5px solid #0092C6; }
  .tableNormal.__cell.--tansparent {
    border-left: 5px solid transparent; }
  .tableNormal.__cell.--purple {
    border-left: 5px solid #5530c9; }
  .tableNormal.__cell.--yellow {
    border-left: 5px solid #feff3b; }

.tableNormal.__pencil {
  text-align: center;
  width: 100%;
  display: block; }
  .tableNormal.__pencil:hover {
    cursor: pointer; }

.color-white {
  color: #FFFFFF; }

.color-main {
  color: #0092C6; }

.background-main {
  background-color: #0092C6;
  color: #FFFFFF; }

.background-placeholder {
  background-color: #999;
  color: #FFFFFF; }

.font-size-alt {
  font-size: 1.4rem; }

.admin-page.__content {
  flex-grow: 1;
  width: 100%;
  position: relative;
  display: flex !important;
  flex-direction: row;
  height: 100%;
  overflow: hidden;
  /*.admin-page.__content {
			max-height: calc(100% - 7rem);
		}*/ }

.admin-page.__container {
  margin: 0 2rem;
  flex-grow: 1;
  display: grid;
  grid-template-rows: min-content 1fr;
  overflow: hidden; }
  @media (min-width: 0) and (max-width: 992px) {
    .admin-page.__container {
      width: calc(100% - 4rem) !important; } }

.admin-page.__header {
  display: flex;
  margin-bottom: 2rem;
  min-height: 2rem; }

.admin-page.__title {
  flex-grow: 1; }

.admin-page.__headerSwitch {
  margin-top: 1.5rem; }

.milestone-quantity {
  display: flex; }
  .milestone-quantity .display-price {
    margin-left: 0.5rem; }

.time {
  display: inline-flex; }
  .time.color-white > p {
    color: #FFFFFF; }
  .time__hour {
    margin-right: 5px;
    white-space: nowrap; }
  .time__minute {
    white-space: nowrap;
    font-size: 10px;
    line-height: 1; }
  .time__unit {
    white-space: nowrap;
    margin-left: 5px; }

.readOnly.__label {
  color: #0092C6;
  font-size: 1.4rem; }

.readOnly.__value {
  color: #003367; }

.popup.__content .readOnly.__item {
  margin-bottom: 0.8rem; }

.yvi-button__left, .yvi-button__left--orange, .yvi-button__left--blue, .yvi-button__left--black, .yvi-button__left--white, .yvi-button__left--red, .yvi-button__middle, .yvi-button__middle--blue, .yvi-button__middle--black, .yvi-button__middle--white, .yvi-button__middle--red, .yvi-button__right, .yvi-button__right--blue, .yvi-button__right--black, .yvi-button__right--white, .yvi-button__right--red, .yvi-button--blue, .yvi-button--orange, .yvi-button--black, .yvi-button--white, .yvi-button--red, .yvi-button.button-disabled div, input[type=file] + label {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  border: none;
  min-height: 1.66667em;
  min-width: 1.66667em;
  color: #FFFFFF;
  padding: 0 0.5em;
  line-height: 2;
  cursor: pointer;
  min-height: 3rem;
  min-width: 3rem; }
  @media (max-height: 800px) {
    .yvi-button__left, .yvi-button__left--orange, .yvi-button__left--blue, .yvi-button__left--black, .yvi-button__left--white, .yvi-button__left--red, .yvi-button__middle, .yvi-button__middle--blue, .yvi-button__middle--black, .yvi-button__middle--white, .yvi-button__middle--red, .yvi-button__right, .yvi-button__right--blue, .yvi-button__right--black, .yvi-button__right--white, .yvi-button__right--red, .yvi-button--blue, .yvi-button--orange, .yvi-button--black, .yvi-button--white, .yvi-button--red, .yvi-button.button-disabled div, input[type=file] + label {
      min-height: 3.5rem; } }

.yvi-button__left--orange.button-disabled, .yvi-button__left--blue.button-disabled, .yvi-button__left--black.button-disabled, .yvi-button__middle--blue.button-disabled, .yvi-button__middle--black.button-disabled, .yvi-button__right--blue.button-disabled, .yvi-button__right--black.button-disabled, .yvi-button--blue.button-disabled, .yvi-button--orange.button-disabled, .yvi-button--black.button-disabled, .yvi-button.button-disabled div, input[type=file] + label.button-disabled {
  background-color: #999;
  -webkit-box-shadow: inset 2px 2px 1px #C6E2E9;
  -moz-box-shadow: inset 2px 2px 1px #C6E2E9;
  box-shadow: inset 2px 2px 1px #C6E2E9;
  cursor: not-allowed; }

.yvi-button__left--orange, .yvi-button__left--blue, .yvi-button__left--black, .yvi-button__left--white, .yvi-button__left--red {
  margin-left: auto;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  margin: 1.5rem 0 1.5rem 1.5rem; }

.yvi-button__middle--blue, .yvi-button__middle--black, .yvi-button__middle--white, .yvi-button__middle--red {
  /*min-width: 100%;*/
  -webkit-border-radius: 0;
  border-radius: 0;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  margin: 1.5rem 0; }

.yvi-button__right--blue, .yvi-button__right--black, .yvi-button__right--white, .yvi-button__right--red {
  margin-right: auto;
  -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  margin: 1.5rem 1.5rem 1.5rem 0; }

.yviButton.__container {
  border: none;
  color: #FFFFFF;
  line-height: 2;
  cursor: pointer;
  min-height: 3rem;
  min-width: 3rem; }
  .yviButton.__container.--blue {
    background-color: #0092C6; }
    .yviButton.__container.--blue:active {
      background-color: #006c93; }
    .yviButton.__container.--blue:focus {
      background-color: #0092C6; }
  .yviButton.__container.--white {
    background-color: #FFFFFF;
    color: #003367; }
    .yviButton.__container.--white:active {
      background-color: #e6e6e6; }
    .yviButton.__container.--white:focus {
      background-color: #FFFFFF; }
  .yviButton.__container.--red {
    background-color: #ff0300; }
    .yviButton.__container.--red:active {
      background-color: #cc0200; }
    .yviButton.__container.--red:focus {
      background-color: #ff0300; }
  .yviButton.__container.--transparent {
    border: 1px solid #999;
    color: #999;
    background-color: transparent; }
    .yviButton.__container.--transparent:active {
      background-color: #999; }
    .yviButton.__container.--transparent:focus {
      background-color: transparent;
      border: 1px solid #999; }
  .yviButton.__container.--round {
    -webkit-border-radius: 50rem;
    border-radius: 50rem;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */ }
  .yviButton.__container #DSO_icon {
    margin-bottom: -0.6rem; }

.yviButton.__button {
  background-color: transparent;
  border: none;
  cursor: auto;
  width: 100%;
  padding: 1rem 2rem; }
  .yviButton.__button i {
    line-height: 2;
    margin-left: 0.5rem; }

.yviButton.__label {
  white-space: nowrap; }

.yvi-button__left {
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }
  .yvi-button__left--orange {
    background-color: #F39531;
    -webkit-box-shadow: inset 2px 2px 1px #F39531;
    -moz-box-shadow: inset 2px 2px 1px #F39531;
    box-shadow: inset 2px 2px 1px #F39531; }
    .yvi-button__left--orange:active {
      background-color: #F39531;
      -webkit-box-shadow: inset 2px 2px 1px #F39531;
      -moz-box-shadow: inset 2px 2px 1px #F39531;
      box-shadow: inset 2px 2px 1px #F39531; }
    .yvi-button__left--orange:focus {
      background-color: #F39531;
      -webkit-box-shadow: inset 2px 2px 1px #F39531;
      -moz-box-shadow: inset 2px 2px 1px #F39531;
      box-shadow: inset 2px 2px 1px #F39531; }
  .yvi-button__left--blue {
    background-color: #0092C6;
    -webkit-box-shadow: inset 2px 2px 1px #0092C6;
    -moz-box-shadow: inset 2px 2px 1px #0092C6;
    box-shadow: inset 2px 2px 1px #0092C6; }
    .yvi-button__left--blue:active {
      background-color: #0092C6;
      -webkit-box-shadow: inset 2px 2px 1px #0092C6;
      -moz-box-shadow: inset 2px 2px 1px #0092C6;
      box-shadow: inset 2px 2px 1px #0092C6; }
    .yvi-button__left--blue:focus {
      background-color: #0092C6;
      -webkit-box-shadow: inset 2px 2px 1px #0092C6;
      -moz-box-shadow: inset 2px 2px 1px #0092C6;
      box-shadow: inset 2px 2px 1px #0092C6; }
  .yvi-button__left--black {
    background-color: #003367;
    -webkit-box-shadow: inset 2px 2px 1px #999;
    -moz-box-shadow: inset 2px 2px 1px #999;
    box-shadow: inset 2px 2px 1px #999; }
    .yvi-button__left--black:active {
      background-color: #999;
      -webkit-box-shadow: inset 2px 2px 1px #003367;
      -moz-box-shadow: inset 2px 2px 1px #003367;
      box-shadow: inset 2px 2px 1px #003367; }
    .yvi-button__left--black:focus {
      background-color: #003367;
      -webkit-box-shadow: inset 2px 2px 1px #999;
      -moz-box-shadow: inset 2px 2px 1px #999;
      box-shadow: inset 2px 2px 1px #999; }
  .yvi-button__left--white {
    background-color: #FFFFFF;
    -webkit-box-shadow: inset 2px 2px 1px #999;
    -moz-box-shadow: inset 2px 2px 1px #999;
    box-shadow: inset 2px 2px 1px #999;
    color: #0092C6; }
    .yvi-button__left--white:active {
      background-color: #999;
      -webkit-box-shadow: inset 2px 2px 1px #FFFFFF;
      -moz-box-shadow: inset 2px 2px 1px #FFFFFF;
      box-shadow: inset 2px 2px 1px #FFFFFF; }
    .yvi-button__left--white:focus {
      background-color: #FFFFFF;
      -webkit-box-shadow: inset 2px 2px 1px #999;
      -moz-box-shadow: inset 2px 2px 1px #999;
      box-shadow: inset 2px 2px 1px #999; }
  .yvi-button__left--red {
    background-color: #ff0300;
    -webkit-box-shadow: inset 2px 2px 1px #ff0300;
    -moz-box-shadow: inset 2px 2px 1px #ff0300;
    box-shadow: inset 2px 2px 1px #ff0300; }
    .yvi-button__left--red:active {
      background-color: #ff0300;
      -webkit-box-shadow: inset 2px 2px 1px #ff0300;
      -moz-box-shadow: inset 2px 2px 1px #ff0300;
      box-shadow: inset 2px 2px 1px #ff0300; }
    .yvi-button__left--red:focus {
      background-color: #ff0300;
      -webkit-box-shadow: inset 2px 2px 1px #ff0300;
      -moz-box-shadow: inset 2px 2px 1px #ff0300;
      box-shadow: inset 2px 2px 1px #ff0300; }

.yvi-button__middle {
  -webkit-border-radius: 0;
  border-radius: 0;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }
  .yvi-button__middle--blue {
    background-color: #0092C6;
    -webkit-box-shadow: inset 2px 2px 1px #0092C6;
    -moz-box-shadow: inset 2px 2px 1px #0092C6;
    box-shadow: inset 2px 2px 1px #0092C6; }
    .yvi-button__middle--blue:active {
      background-color: #0092C6;
      -webkit-box-shadow: inset 2px 2px 1px #0092C6;
      -moz-box-shadow: inset 2px 2px 1px #0092C6;
      box-shadow: inset 2px 2px 1px #0092C6; }
    .yvi-button__middle--blue:focus {
      background-color: #0092C6;
      -webkit-box-shadow: inset 2px 2px 1px #0092C6;
      -moz-box-shadow: inset 2px 2px 1px #0092C6;
      box-shadow: inset 2px 2px 1px #0092C6; }
  .yvi-button__middle--black {
    background-color: #003367;
    -webkit-box-shadow: inset 2px 2px 1px #999;
    -moz-box-shadow: inset 2px 2px 1px #999;
    box-shadow: inset 2px 2px 1px #999; }
    .yvi-button__middle--black:active {
      background-color: #999;
      -webkit-box-shadow: inset 2px 2px 1px #003367;
      -moz-box-shadow: inset 2px 2px 1px #003367;
      box-shadow: inset 2px 2px 1px #003367; }
    .yvi-button__middle--black:focus {
      background-color: #003367;
      -webkit-box-shadow: inset 2px 2px 1px #999;
      -moz-box-shadow: inset 2px 2px 1px #999;
      box-shadow: inset 2px 2px 1px #999; }
  .yvi-button__middle--white {
    background-color: #FFFFFF;
    -webkit-box-shadow: inset 2px 2px 1px #999;
    -moz-box-shadow: inset 2px 2px 1px #999;
    box-shadow: inset 2px 2px 1px #999;
    color: #0092C6; }
    .yvi-button__middle--white:active {
      background-color: #999;
      -webkit-box-shadow: inset 2px 2px 1px #FFFFFF;
      -moz-box-shadow: inset 2px 2px 1px #FFFFFF;
      box-shadow: inset 2px 2px 1px #FFFFFF; }
    .yvi-button__middle--white:focus {
      background-color: #FFFFFF;
      -webkit-box-shadow: inset 2px 2px 1px #999;
      -moz-box-shadow: inset 2px 2px 1px #999;
      box-shadow: inset 2px 2px 1px #999; }
  .yvi-button__middle--red {
    background-color: #ff0300;
    -webkit-box-shadow: inset 2px 2px 1px #ff0300;
    -moz-box-shadow: inset 2px 2px 1px #ff0300;
    box-shadow: inset 2px 2px 1px #ff0300; }
    .yvi-button__middle--red:active {
      background-color: #ff0300;
      -webkit-box-shadow: inset 2px 2px 1px #ff0300;
      -moz-box-shadow: inset 2px 2px 1px #ff0300;
      box-shadow: inset 2px 2px 1px #ff0300; }
    .yvi-button__middle--red:focus {
      background-color: #ff0300;
      -webkit-box-shadow: inset 2px 2px 1px #ff0300;
      -moz-box-shadow: inset 2px 2px 1px #ff0300;
      box-shadow: inset 2px 2px 1px #ff0300; }

.yvi-button__right {
  -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }
  .yvi-button__right--blue {
    background-color: #0092C6;
    -webkit-box-shadow: inset 2px 2px 1px #0092C6;
    -moz-box-shadow: inset 2px 2px 1px #0092C6;
    box-shadow: inset 2px 2px 1px #0092C6; }
    .yvi-button__right--blue:active {
      background-color: #0092C6;
      -webkit-box-shadow: inset 2px 2px 1px #0092C6;
      -moz-box-shadow: inset 2px 2px 1px #0092C6;
      box-shadow: inset 2px 2px 1px #0092C6; }
    .yvi-button__right--blue:focus {
      background-color: #0092C6;
      -webkit-box-shadow: inset 2px 2px 1px #0092C6;
      -moz-box-shadow: inset 2px 2px 1px #0092C6;
      box-shadow: inset 2px 2px 1px #0092C6; }
  .yvi-button__right--black {
    background-color: #003367;
    -webkit-box-shadow: inset 2px 2px 1px #999;
    -moz-box-shadow: inset 2px 2px 1px #999;
    box-shadow: inset 2px 2px 1px #999; }
    .yvi-button__right--black:active {
      background-color: #999;
      -webkit-box-shadow: inset 2px 2px 1px #003367;
      -moz-box-shadow: inset 2px 2px 1px #003367;
      box-shadow: inset 2px 2px 1px #003367; }
    .yvi-button__right--black:focus {
      background-color: #003367;
      -webkit-box-shadow: inset 2px 2px 1px #999;
      -moz-box-shadow: inset 2px 2px 1px #999;
      box-shadow: inset 2px 2px 1px #999; }
  .yvi-button__right--white {
    background-color: #FFFFFF;
    -webkit-box-shadow: inset 2px 2px 1px #999;
    -moz-box-shadow: inset 2px 2px 1px #999;
    box-shadow: inset 2px 2px 1px #999;
    color: #0092C6; }
    .yvi-button__right--white:active {
      background-color: #999;
      -webkit-box-shadow: inset 2px 2px 1px #FFFFFF;
      -moz-box-shadow: inset 2px 2px 1px #FFFFFF;
      box-shadow: inset 2px 2px 1px #FFFFFF; }
    .yvi-button__right--white:focus {
      background-color: #FFFFFF;
      -webkit-box-shadow: inset 2px 2px 1px #999;
      -moz-box-shadow: inset 2px 2px 1px #999;
      box-shadow: inset 2px 2px 1px #999; }
  .yvi-button__right--red {
    background-color: #ff0300;
    -webkit-box-shadow: inset 2px 2px 1px #ff0300;
    -moz-box-shadow: inset 2px 2px 1px #ff0300;
    box-shadow: inset 2px 2px 1px #ff0300; }
    .yvi-button__right--red:active {
      background-color: #ff0300;
      -webkit-box-shadow: inset 2px 2px 1px #ff0300;
      -moz-box-shadow: inset 2px 2px 1px #ff0300;
      box-shadow: inset 2px 2px 1px #ff0300; }
    .yvi-button__right--red:focus {
      background-color: #ff0300;
      -webkit-box-shadow: inset 2px 2px 1px #ff0300;
      -moz-box-shadow: inset 2px 2px 1px #ff0300;
      box-shadow: inset 2px 2px 1px #ff0300; }

.yvi-button--blue {
  background-color: #0092C6;
  -webkit-box-shadow: inset 2px 2px 1px #0092C6;
  -moz-box-shadow: inset 2px 2px 1px #0092C6;
  box-shadow: inset 2px 2px 1px #0092C6;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }
  .yvi-button--blue:active {
    background-color: #0092C6;
    -webkit-box-shadow: inset 2px 2px 1px #0092C6;
    -moz-box-shadow: inset 2px 2px 1px #0092C6;
    box-shadow: inset 2px 2px 1px #0092C6; }
  .yvi-button--blue:focus {
    background-color: #0092C6;
    -webkit-box-shadow: inset 2px 2px 1px #0092C6;
    -moz-box-shadow: inset 2px 2px 1px #0092C6;
    box-shadow: inset 2px 2px 1px #0092C6; }

.yvi-button--orange {
  background-color: #F39531;
  -webkit-box-shadow: inset 2px 2px 1px #F39531;
  -moz-box-shadow: inset 2px 2px 1px #F39531;
  box-shadow: inset 2px 2px 1px #F39531;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }
  .yvi-button--orange:active {
    background-color: #F39531;
    -webkit-box-shadow: inset 2px 2px 1px #F39531;
    -moz-box-shadow: inset 2px 2px 1px #F39531;
    box-shadow: inset 2px 2px 1px #F39531; }
  .yvi-button--orange:focus {
    background-color: #F39531;
    -webkit-box-shadow: inset 2px 2px 1px #F39531;
    -moz-box-shadow: inset 2px 2px 1px #F39531;
    box-shadow: inset 2px 2px 1px #F39531; }

.yvi-button--black {
  background-color: #003367;
  -webkit-box-shadow: inset 2px 2px 1px #999;
  -moz-box-shadow: inset 2px 2px 1px #999;
  box-shadow: inset 2px 2px 1px #999;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }
  .yvi-button--black:active {
    background-color: #999;
    -webkit-box-shadow: inset 2px 2px 1px #003367;
    -moz-box-shadow: inset 2px 2px 1px #003367;
    box-shadow: inset 2px 2px 1px #003367; }
  .yvi-button--black:focus {
    background-color: #003367;
    -webkit-box-shadow: inset 2px 2px 1px #999;
    -moz-box-shadow: inset 2px 2px 1px #999;
    box-shadow: inset 2px 2px 1px #999; }

.yvi-button--white {
  background-color: #FFFFFF;
  -webkit-box-shadow: inset 2px 2px 1px #999;
  -moz-box-shadow: inset 2px 2px 1px #999;
  box-shadow: inset 2px 2px 1px #999;
  color: #0092C6;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }
  .yvi-button--white:active {
    background-color: #999;
    -webkit-box-shadow: inset 2px 2px 1px #FFFFFF;
    -moz-box-shadow: inset 2px 2px 1px #FFFFFF;
    box-shadow: inset 2px 2px 1px #FFFFFF; }
  .yvi-button--white:focus {
    background-color: #FFFFFF;
    -webkit-box-shadow: inset 2px 2px 1px #999;
    -moz-box-shadow: inset 2px 2px 1px #999;
    box-shadow: inset 2px 2px 1px #999; }

.yvi-button--red {
  background-color: #ff0300;
  -webkit-box-shadow: inset 2px 2px 1px #ff0300;
  -moz-box-shadow: inset 2px 2px 1px #ff0300;
  box-shadow: inset 2px 2px 1px #ff0300;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }
  .yvi-button--red:active {
    background-color: #ff0300;
    -webkit-box-shadow: inset 2px 2px 1px #ff0300;
    -moz-box-shadow: inset 2px 2px 1px #ff0300;
    box-shadow: inset 2px 2px 1px #ff0300; }
  .yvi-button--red:focus {
    background-color: #ff0300;
    -webkit-box-shadow: inset 2px 2px 1px #ff0300;
    -moz-box-shadow: inset 2px 2px 1px #ff0300;
    box-shadow: inset 2px 2px 1px #ff0300; }

.yvi-button__button {
  background-color: transparent;
  border: none;
  cursor: auto;
  display: flex;
  width: 100%;
  justify-content: center; }
  .yvi-button__button:hover {
    cursor: pointer; }
  .yvi-button__button:focus, .yvi-button__button:active {
    background-color: transparent; }
  .yvi-button__button.icon-only i {
    margin-right: 0; }
  .yvi-button__button i {
    line-height: 2;
    margin-right: 0.5rem; }
  .yvi-button__button__label {
    white-space: nowrap; }

.yvi-button input[type=file] + label {
  background: transparent;
  margin: 0;
  padding: 0;
  box-shadow: none; }

@media (min-width: 0) and (max-width: 768px) {
  .mobile-icon-only i {
    margin-right: 0; }
  .mobile-icon-only .yvi-button__button__label {
    display: none; } }

.save-cancel {
  width: calc(100% - 10rem);
  display: flex;
  min-height: 4rem;
  margin: 0 5rem 2rem; }
  .save-cancel .yviButton.__container:not(:first-child) {
    margin-left: 0.5rem; }
  .save-cancel .delete {
    margin-left: auto;
    align-self: center; }

.icon-button {
  width: 4rem;
  height: 4rem;
  cursor: pointer; }
  .icon-button--disabled {
    color: #C6E2E9;
    cursor: initial; }

input[type=file] {
  display: none; }
  input[type=file] + label {
    /*font-size: 1.25em;*/
    display: inline-block;
    text-align: center;
    background-color: #0092C6;
    -webkit-box-shadow: inset 2px 2px 1px #0092C6;
    -moz-box-shadow: inset 2px 2px 1px #0092C6;
    box-shadow: inset 2px 2px 1px #0092C6;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */ }
    input[type=file] + label:active {
      background-color: #0092C6;
      -webkit-box-shadow: inset 2px 2px 1px #0092C6;
      -moz-box-shadow: inset 2px 2px 1px #0092C6;
      box-shadow: inset 2px 2px 1px #0092C6; }
    input[type=file] + label:focus {
      background-color: #0092C6;
      -webkit-box-shadow: inset 2px 2px 1px #0092C6;
      -moz-box-shadow: inset 2px 2px 1px #0092C6;
      box-shadow: inset 2px 2px 1px #0092C6; }

.yviCheckbox.__container [type="checkbox"]:not(.filled-in) + label:after {
  top: 3px;
  width: 18px;
  height: 18px;
  border: 1px solid #999; }

.yviCheckbox.__container [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 0;
  background-color: #999;
  border: 2px solid #999;
  border-radius: 1px;
  margin-top: 2px;
  -webkit-transition: .2s;
  transition: .2s;
  transform: unset; }

.yviCheckbox.__container [type="checkbox"] + label {
  color: #003367;
  padding-left: 2.5rem;
  line-height: 2.5rem;
  font-size: 1.5rem; }

corpex-checkbox .corpex-checkbox__field {
  /*@extend %input-field;*/ }
  corpex-checkbox .corpex-checkbox__field [type="checkbox"].filled-in:checked + label:after, corpex-checkbox .corpex-checkbox__field [type="checkbox"].filled-in:not(:checked) + label:after {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-box-shadow: inset 0 4px 2px #95b6bb;
    -moz-box-shadow: inset 0 4px 2px #95b6bb;
    box-shadow: inset 0 4px 2px #95b6bb;
    background-color: #0092C6;
    border: none;
    width: 2.8rem;
    height: 2.5rem; }
  corpex-checkbox .corpex-checkbox__field [type="checkbox"].filled-in:checked + label:before {
    top: 0.3rem;
    left: 0.4rem;
    border-top: none;
    border-left: none;
    border-right: 0.4rem solid #0092C6;
    border-bottom: 0.4rem solid #0092C6;
    width: 0.9rem;
    height: 1.3rem; }
  corpex-checkbox .corpex-checkbox__field [disabled] + label {
    pointer-events: none;
    color: #999; }

.columns__no-labels {
  padding: 0 5rem; }

.checkbox-info {
  display: initial; }
  .checkbox-info [type="checkbox"]:not(:checked), .checkbox-info .checkbox [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
    visibility: hidden; }
  .checkbox-info input[type="checkbox"]:checked + .check {
    border-color: #319db5;
    color: #319db5;
    background: #FFFFFF; }

.checkbox {
  min-height: 3rem;
  width: 100%;
  /*@extend %input-field;*/ }
  .checkbox [type="checkbox"]:checked + label:before, .checkbox [type="checkbox"]:not(:checked) + label:before {
    border-right: 0px solid #0092C6;
    border-bottom: 0px solid #0092C6; }
  .checkbox [type="checkbox"]:checked + label:after, .checkbox [type="checkbox"]:not(:checked) + label:after {
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-box-shadow: inset 0 4px 2px #95b6bb;
    -moz-box-shadow: inset 0 4px 2px #95b6bb;
    box-shadow: inset 0 4px 2px #95b6bb;
    background-color: #0092C6;
    width: 2.8rem;
    height: 2.5rem; }
  .checkbox [type="checkbox"]:not(:checked):disabled + label:before {
    background-color: transparent; }
  .checkbox [type="checkbox"]:checked + label:before {
    top: .7rem;
    left: .4rem;
    border-right: 0.4rem solid #0092C6;
    border-bottom: 0.4rem solid #0092C6;
    width: .9rem;
    /*@include animation(check 0.8s);*/ }
  .checkbox--small {
    min-height: 3rem;
    width: 100%;
    position: relative; }
    .checkbox--small [type="checkbox"]:checked + label:before, .checkbox--small [type="checkbox"]:not(:checked) + label:before {
      top: 1px;
      left: 1px;
      border-right: 3px solid transparent;
      border-bottom: 3px solid transparent;
      width: 8px; }
    .checkbox--small [type="checkbox"]:checked + label:after, .checkbox--small [type="checkbox"]:not(:checked) + label:after {
      -webkit-border-radius: 0.5rem;
      border-radius: 0.5rem;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      background-clip: padding-box;
      background-color: #0092C6;
      width: 2rem;
      height: 2rem; }
    .checkbox--small [type="checkbox"]:checked + label:before {
      /*@include animation(check 0.8s);*/
      border-color: #fff; }

.checkbox [type="checkbox"]:checked + label, .checkbox [type="checkbox"]:not(:checked) + label, .checkbox--small [type="checkbox"]:checked + label, .checkbox--small [type="checkbox"]:not(:checked) + label {
  color: #0092C6;
  height: 2.5rem;
  line-height: 1.5; }
  .checkbox [type="checkbox"]:checked + label:before, .checkbox [type="checkbox"]:not(:checked) + label:before, .checkbox--small [type="checkbox"]:checked + label:before, .checkbox--small [type="checkbox"]:not(:checked) + label:before {
    border-top: none;
    border-left: none;
    height: 13px;
    z-index: 1;
    -moz-transition: 0s;
    -o-transition: 0s;
    -webkit-transition: 0s;
    transition: 0s;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    transform: rotate(40deg);
    -o-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%; }
  .checkbox [type="checkbox"]:checked + label:after, .checkbox [type="checkbox"]:not(:checked) + label:after, .checkbox--small [type="checkbox"]:checked + label:after, .checkbox--small [type="checkbox"]:not(:checked) + label:after {
    background-clip: padding-box;
    border: none;
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }

.checkbox [type="checkbox"]:checked + label, .checkbox--small [type="checkbox"]:checked + label {
  clear: both; }

.checkbox [disabled] + label, .checkbox--small [disabled] + label {
  pointer-events: none;
  color: #999; }

corpex-checkbox .corpex-checkbox__field [type="checkbox"].filled-in:checked + label, corpex-checkbox .corpex-checkbox__field [type="checkbox"].filled-in:not(:checked) + label {
  color: #0092C6;
  height: 2.5rem;
  line-height: 1.5; }

.calender.popup.__container {
  width: 36rem; }

.calender__weekend {
  color: #0092C6; }
  .calender__weekend.selected {
    color: #FFFFFF; }

.calender__head {
  background-color: #0092C6;
  padding: 1rem; }
  .calender__head h3 {
    color: #FFFFFF;
    text-align: center; }
  .calender__head .searchbox.__container {
    margin-top: 0;
    min-width: 10rem; }
  .calender__head__input {
    cursor: pointer; }
  .calender__head__cancel {
    font-size: 2em;
    min-width: 2.7rem;
    cursor: pointer;
    text-align: center; }
    .calender__head__cancel i {
      color: #FFFFFF; }

.calender__tabel {
  width: calc(4rem * 7);
  margin: 1rem 4rem;
  padding: 0; }
  .calender__tabel__thead__cell {
    color: #999;
    margin: 0;
    padding: 0;
    text-align: center; }
  .calender__tabel__tbody__cell {
    width: 4rem;
    height: 4rem;
    padding: 0; }
    .calender__tabel__tbody__cell:not(.placeholder) {
      cursor: pointer; }
    .calender__tabel__tbody__cell p {
      text-align: center; }
    .calender__tabel__tbody__cell .today {
      background-color: #F39531;
      border-radius: 5px;
      box-shadow: 0px 1px 3px #F39531; }
    .calender__tabel__tbody__cell .selected {
      border-radius: 5px;
      box-shadow: 0px 1px 3px #0092C6; }

.form .yvi-datepicker {
  /*@extend %input-field;*/ }

.yvi-datepicker {
  display: flex;
  cursor: pointer;
  position: relative; }
  .yvi-datepicker__label.yvi-form-label__floating {
    z-index: 1;
    /*left: 3rem;*/ }
  .yvi-datepicker__label.yvi-form-label__floating--active {
    left: 0.2rem; }
  .yvi-datepicker .yvi-form-label__floating {
    z-index: 1;
    /*left: 3rem;*/ }
  .yvi-datepicker__input {
    position: relative;
    flex: 1; }
  .yvi-datepicker input:not([type]) {
    padding-right: 3rem;
    /*@extend %corpex-input;*/ }
  .yvi-datepicker__prefix {
    /*position: absolute;
		left: 0;*/
    width: 2rem;
    font-size: 2rem;
    color: #003367;
    z-index: 1;
    margin-left: 0.5rem; }
  .yvi-datepicker--double {
    width: 50%; }
    .yvi-datepicker--double:not(:last-child) {
      margin-right: 1rem; }
  .yvi-datepicker.yviSearchInput .yvi-form-label__floating {
    z-index: 1; }
  .yvi-datepicker.yviSearchInput .yviBasicInput.__input, .yvi-datepicker.yviSearchInput.yviSearchInput .yviBasicInput.__input[type=text] {
    border-radius: 4rem;
    padding-left: 3rem;
    height: 4rem;
    line-height: 4rem; }
  .yvi-datepicker.yviSearchInput .yviBasicInput.__postfix {
    height: 4rem; }
    .yvi-datepicker.yviSearchInput .yviBasicInput.__postfix i {
      line-height: 4rem; }

.start-end-date {
  min-width: 40rem;
  display: flex;
  align-items: flex-end; }
  .start-end-date__dash {
    height: 3rem;
    margin: 0 1rem;
    font-size: 2rem;
    line-height: 3rem; }
  .start-end-date .yvi-datepicker {
    margin-top: 0; }

.yvi-form-label__floating {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: text;
  color: #999;
  left: 1.5rem;
  position: absolute;
  font-weight: 300;
  top: 0.2rem; }
  @media (max-height: 800px) {
    .yvi-form-label__floating {
      top: 0; } }
  .yvi-form-label__floating--active {
    top: 0.2rem; }

.yvi-form-label__fixed {
  /*before the input*/
  margin-right: 1rem;
  line-height: 2; }

.yvi-form-label__none {
  display: none; }

.yvi-form-label__floating--active, .yvi-form-label__stacked, .yvi-form-label__fixed {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /*font-size: $main-font-size;*/
  text-transform: capitalize;
  cursor: text;
  font-weight: 500;
  color: #0092C6; }

.yvi-form-label__floating--active, .yvi-form-label__stacked {
  position: absolute;
  transform: translateY(-140%);
  margin-top: 5px;
  width: 100%;
  font-weight: 500;
  left: 0.2em;
  font-size: 1.2rem; }
  @media (max-height: 800px) {
    .yvi-form-label__floating--active, .yvi-form-label__stacked {
      font-size: 1.5rem; } }

.inputNumeric__label, .inputNumeric__label--active, .yvi-radio__label, .searchbox__label, .searchbox__label--active, .yviInput__field__input[type]:disabled + label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #999;
  position: absolute;
  cursor: text;
  font-weight: 300;
  left: 0.2rem;
  text-transform: capitalize;
  top: 0.2rem; }
  @media (max-height: 800px) {
    .inputNumeric__label, .inputNumeric__label--active, .yvi-radio__label, .searchbox__label, .searchbox__label--active, .yviInput__field__input[type]:disabled + label {
      top: 0; } }

.inputNumeric__label--active, .yvi-radio__label, .searchbox__label--active, .yviInput__field__input[type]:disabled + label.active {
  transform: translateY(-140%);
  margin-top: 5px;
  width: 100%;
  font-weight: 500;
  font-size: 1.2rem;
  color: #0092C6; }
  @media (max-height: 800px) {
    .inputNumeric__label--active, .yvi-radio__label, .searchbox__label--active, .yviInput__field__input[type]:disabled + label.active {
      font-size: 1.5rem; } }

.noCapitalize.yvi-datepicker__label {
  text-transform: initial; }

.yvi-icon-button-mobile .structure_steps__content__add-buttons__icon {
  width: 3rem;
  float: initial;
  background-color: initial;
  margin: 0;
  border-radius: 5px; }

.inputNumeric__field {
  /*@extend %input-field;*/
  min-width: 15rem;
  width: 100%; }
  .inputNumeric__field.-noLabel {
    margin-top: 0; }
  .inputNumeric__field input[type=text].inputNumeric__input {
    /*@extend %corpex-input;*/
    height: 3rem;
    /*@extend %corpex-input-min-max;*/ }
  .inputNumeric__field.noMinWidth, .inputNumeric__field.-noMinWidth, .inputNumeric__field .-noMinWidth {
    min-width: 0; }
    .inputNumeric__field.noMinWidth input.inputNumeric__input[type=text], .inputNumeric__field.-noMinWidth input.inputNumeric__input[type=text], .inputNumeric__field .-noMinWidth input.inputNumeric__input[type=text] {
      min-width: 0; }

.inputNumeric__label {
  left: 0.5em;
  -moz-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out; }

.yvi-radio--fixed {
  margin-top: 0; }

.yvi-radio--none {
  margin-top: 0; }

.yvi-radio__container {
  background-image: -webkit-repeating-linear-gradient(45deg, #3a3e44, #3a3e44 2px, #292c31 4px, #292c31 4px);
  background-image: -moz-repeating-linear-gradient(45deg, #3a3e44, #3a3e44 2px, #292c31 4px, #292c31 4px);
  background-image: -ms-repeating-linear-gradient(45deg, #3a3e44, #3a3e44 2px, #292c31 4px, #292c31 4px);
  background-image: -o-repeating-linear-gradient(45deg, #3a3e44, #3a3e44 2px, #292c31 4px, #292c31 4px);
  background-image: repeating-linear-gradient(45deg, #3a3e44, #3a3e44 2px, #292c31 4px, #292c31 4px); }
  .yvi-radio__container--white {
    background-color: #FFFFFF; }
    .yvi-radio__container--white .yvi-radio__container__hidden-input__label {
      color: #003367; }
  .yvi-radio__container__label {
    font-size: 1.2rem;
    padding-right: 0.5rem;
    font-weight: 500;
    line-height: 3rem; }
  .yvi-radio__container__hidden-input {
    min-width: 4rem;
    text-align: center; }
    .yvi-radio__container__hidden-input__input {
      display: none; }
      .yvi-radio__container__hidden-input__input:checked + label {
        background-image: -webkit-linear-gradient(top, #68c2cb 0%, #0092C6 100%);
        background-image: -o-linear-gradient(top, #68c2cb 0%, #0092C6 100%);
        background-image: linear-gradient(to bottom, #68c2cb 0%, #0092C6 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF68C2CB', endColorstr='#FF0092C6', GradientType=0);
        -webkit-box-shadow: inset 0 2px 4px #fff;
        -moz-box-shadow: inset 0 2px 4px #fff;
        box-shadow: inset 0 2px 4px #fff;
        color: #FFFFFF;
        border-radius: 4px; }
        .yvi-radio__container__hidden-input__input:checked + label:before {
          content: none !important; }
        .yvi-radio__container__hidden-input__input:checked + label:after {
          border: none !important;
          background-color: transparent !important;
          position: absolute;
          left: -9999px; }
        .yvi-radio__container__hidden-input__input:checked + label i {
          color: #FFFFFF !important; }
    .yvi-radio__container__hidden-input__label {
      position: initial !important;
      display: flex;
      align-items: center;
      margin: 0;
      min-height: 3rem;
      width: 100%;
      padding: 0.3em 1rem !important;
      justify-content: center;
      background-color: transparent;
      font-size: 1.2rem !important; }
      .yvi-radio__container__hidden-input__label:before {
        content: none !important; }
      .yvi-radio__container__hidden-input__label::after {
        border: none !important;
        background-color: transparent !important;
        position: absolute;
        left: -9999px; }
      @media (max-height: 800px) {
        .yvi-radio__container__hidden-input__label {
          line-height: 20px !important; } }
      .yvi-radio__container__hidden-input__label i {
        margin: 0 0.3em; }

.yvi-radio.__small-radio .yvi-radio__container {
  background-color: white;
  padding: 0;
  background-image: none;
  min-height: unset;
  padding: 0;
  min-height: 2.5rem;
  height: 2.5rem;
  border-radius: 0; }
  .yvi-radio.__small-radio .yvi-radio__container__hidden-input {
    min-width: 4rem;
    text-align: center; }
    .yvi-radio.__small-radio .yvi-radio__container__hidden-input__label {
      -webkit-box-shadow: inset 1.5px 1.5px 0.5px #0092C6, inset -1px -1px 0.5px #999;
      -moz-box-shadow: inset 1.5px 1.5px 0.5px #0092C6, inset -1px -1px 0.5px #999;
      box-shadow: inset 1.5px 1.5px 0.5px #0092C6, inset -1px -1px 0.5px #999;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 0;
      min-height: 2.5rem;
      height: 2.5rem; }
    .yvi-radio.__small-radio .yvi-radio__container__hidden-input__input:checked + label {
      background-color: #0092C6;
      background-image: none;
      box-shadow: inset 2px 2px 1px #0092C6; }

.yvi-radio.__small-radio .yvi-form-label__before {
  color: #FFFFFF;
  font-size: 1.5rem;
  font-weight: 100;
  margin-right: 0.5rem;
  line-height: 2.5rem; }

.yvi-radio {
  /*@extend %input-field;*/
  display: flex;
  min-height: 3rem;
  width: 100%; }

.yvi-radio__container, .yvi-radio__container--white {
  display: flex;
  min-height: 3rem;
  padding: 2px;
  border-radius: 5px; }

.colors-radio {
  width: 100%;
  padding-top: 1.5rem; }
  .colors-radio__radio-container {
    width: min-content;
    display: flex;
    align-items: center;
    position: relative;
    height: 2.5rem; }
    .colors-radio__radio-container > div, .colors-radio__radio-container > section {
      flex-grow: 1;
      line-height: 1;
      align-self: flex-start;
      height: 2.5rem; }
    .colors-radio__radio-container__button {
      position: initial !important;
      display: inline-block;
      margin: 0;
      min-height: 2rem;
      width: 100%;
      padding: 4px 10px !important;
      text-align: center;
      box-shadow: inset 1.5px 1.5px 0.5px #DDDFE0, inset -1px -1px 0.5px #9FA1A3;
      min-width: 2.7rem;
      background-color: #FFFFFF;
      font-size: 0.8rem;
      color: #fff; }
      .colors-radio__radio-container__button:before {
        content: none !important; }
      .colors-radio__radio-container__button:after {
        z-index: -1 !important; }
      .colors-radio__radio-container__button.--none {
        border: 1px solid red;
        position: relative !important;
        background-color: #FFFFFF !important;
        width: 25px;
        /*&:after {
					border: 0 solid transparent !important;
					background-color: transparent !important;
					left: -999px !important;
				}*/ }
        .colors-radio__radio-container__button.--none:before {
          content: '' !important;
          clip-path: polygon(99% 0, 100% 0%, 2% 100%, 0% 100%);
          position: absolute;
          background-color: red;
          top: -4px;
          bottom: 0;
          height: 100%;
          padding: 0;
          left: -4px;
          right: 0;
          border-radius: 0 !important;
          width: 100%;
          border: 0 solid transparent !important; }
      .colors-radio__radio-container__button i {
        line-height: 1.7rem;
        display: none; }
  .colors-radio--label-name {
    float: left;
    margin-right: 5px; }
  .colors-radio input[type="radio"]:checked + label i {
    display: block; }

.searchbox.__container {
  display: flex; }

.searchbox.--label-fixed {
  margin-top: 0; }

.searchbox.__field {
  position: relative;
  flex: 1; }
  .searchbox.__field input[type=text] {
    padding-right: 4.2rem !important;
    z-index: -1; }

.searchbox input[type=text] {
  margin-bottom: 0; }
  .searchbox input[type=text]:disabled {
    background-color: #ECECEC;
    cursor: not-allowed;
    border-bottom: none; }

.searchbox.__listContainer {
  position: absolute !important;
  left: 0;
  right: 0;
  height: calc(7 * 4rem);
  z-index: 10 !important;
  flex-direction: column;
  display: flex; }
  .searchbox.__listContainer.--top {
    justify-content: flex-end; }

.searchbox.__item {
  min-height: 4rem;
  border-bottom: 1px solid #999; }
  .searchbox.__item p {
    line-height: 1;
    padding: 0.8em 1em; }
  .searchbox.__item:not(.selected):hover {
    background-color: #0092C6; }
    .searchbox.__item:not(.selected):hover p {
      color: #FFFFFF; }
  .searchbox.__item:not(.selected) p {
    color: #0092C6; }

.searchbox__list {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 1px 2px #999;
  -moz-box-shadow: 0 1px 2px #999;
  box-shadow: 0 1px 2px #999;
  /*position: absolute !important;
		left: 0;
		right: 0;
		max-height: calc(7 * 4rem);
		z-index: 10 !important;*/
  max-height: calc(7 * 4rem); }
  .searchbox__list.dropdown {
    overflow: hidden scroll; }
  .searchbox__list-container {
    position: absolute !important;
    left: 0;
    right: 0;
    height: calc(7 * 4rem);
    z-index: 10 !important;
    flex-direction: column;
    display: flex; }
    .searchbox__list-container--top {
      justify-content: flex-end; }
  .searchbox__list__item {
    min-height: 4rem;
    border-bottom: 1px solid #999;
    background-color: #FFFFFF; }
    .searchbox__list__item p {
      line-height: 1;
      padding: 0.8em 1em; }
    .searchbox__list__item:not(.selected):hover {
      background-color: #0092C6; }
      .searchbox__list__item:not(.selected):hover p {
        color: #FFFFFF; }
    .searchbox__list__item:not(.selected) p {
      color: #0092C6; }

.searchbox.__caret-button {
  position: absolute;
  right: 0;
  width: 4rem;
  top: 0;
  border-left: 1px solid #999;
  text-align: center;
  height: 3rem; }
  .searchbox.__caret-button i {
    line-height: 2;
    color: #003367; }

.searchbox__search-button button {
  min-height: 0;
  min-width: 0;
  padding-left: 1rem; }
  .searchbox__search-button button > div {
    margin: 0;
    width: 3rem; }

.searchbox.--fixedDropdown .searchbox__list-container {
  position: fixed !important;
  height: auto !important;
  top: initial !important;
  max-width: 45rem; }
  .searchbox.--fixedDropdown .searchbox__list-container .searchbox__list {
    max-height: 28rem !important; }

.searchDialog {
  padding: 3rem 5rem; }
  .searchDialog input[type=text] {
    margin-bottom: 1rem;
    /*@extend %corpex-input;*/ }

.sortFilter.__container {
  display: grid;
  grid-template-columns: 2.5rem auto; }

.sortFilter.__icon {
  font-size: 1.2rem; }

.sortFilter.__name, .sortFilter.__icon {
  display: block; }

.yviInput {
  min-height: 3rem;
  width: 100%; }
  .yviInput.-none {
    min-height: 0; }
    .yviInput.-none .yviInput__field {
      margin-top: 0; }
  .yviInput.-hourInput .yviInput__field, .yviInput.-hourInput .yviInput__field__input {
    min-width: 3rem; }
  .yviInput__field {
    /*@extend %input-field;*/
    min-width: 15rem; }
    .yviInput__field__input[type] {
      /*@extend %corpex-input;*/
      height: 3rem;
      /*@extend %corpex-input-min-max;*/ }
      .yviInput__field__input[type]:disabled {
        background-color: #ECECEC;
        border: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        color: #0092C6;
        cursor: not-allowed; }
  .yviInput.__input.--textarea {
    /*line-height: 3rem;*/
    line-height: 1.2;
    height: auto;
    margin-bottom: -0.8rem;
    white-space: normal;
    padding: .5rem 1.5rem; }
    .yviInput.__input.--textarea.--row4 {
      height: 9rem; }

.yviSwitch [type="checkbox"] + label:before, .yviSwitch [type="checkbox"]:not(.filled-in) + label:after {
  content: unset; }

.yviSwitch.__label {
  font-size: 1.5rem;
  color: #003367;
  padding-left: 1rem;
  line-height: 2.5rem; }

.yviSwitch.__container {
  display: flex; }

.yviSwitch.__lever {
  font-size: 2.5rem;
  line-height: 2.5rem; }

.form .yviSwitch.__container {
  margin-top: 2rem; }

.yviInputPassword.__field {
  display: grid;
  grid-template-columns: 3rem 1fr 3rem; }
  .yviInputPassword.__field.--noPostfix {
    grid-template-columns: 3rem 1fr; }
  .yviInputPassword.__field .yvi-form-label__stacked {
    left: calc(1.5rem + 2rem);
    margin-left: 0 !important; }

.yviSearchInput.__prefix {
  position: absolute;
  left: 1rem;
  line-height: 3.8rem;
  width: 1.5rem;
  font-size: 1.2rem;
  color: #0092C6; }

.yviSearchInput.--hoOlder .yvi-form-label__floating {
  font-size: 1.5rem; }

.yviSearchInput .yvi-form-label__floating {
  left: 1.5rem;
  top: 0.8rem;
  font-size: 1.7rem; }

.yviSearchInput .yvi-form-label__floating--active, .yviSearchInput .yvi-form-label__stacked {
  left: 2rem;
  color: #003367; }

.yviSearchInput .yviSearchInput.__input, .yviSearchInput .yviSearchInput.__input[type=text] {
  border-radius: 4rem;
  padding-left: 1.5rem;
  height: 4rem;
  line-height: 4rem; }

.filterInput.searchbox {
  margin-top: 0; }
  .filterInput.searchbox.--fixed {
    position: relative; }
    .filterInput.searchbox.--fixed .searchbox__list-container {
      position: fixed !important;
      left: unset;
      right: unset;
      top: unset;
      text-align: left;
      transform: translateY(1rem); }

.filterInput.yviSearchInput .filterInput.__input[type=text] {
  border-radius: 4rem;
  padding-left: 3rem;
  height: 4rem;
  line-height: 4rem; }

.filterInput.__input {
  height: 4rem !important;
  line-height: 4rem; }

.filterInput.__total {
  position: absolute;
  right: 4rem;
  margin: 0 5px;
  align-self: center; }

.filterInput .searchbox__list-container {
  display: none;
  z-index: -1;
  top: 4rem;
  /*right: unset;
		position: fixed !important;*/
  opacity: 0; }
  .filterInput .searchbox__list-container:focus, .filterInput .searchbox__list-container:focus-within {
    z-index: 20;
    opacity: 1; }

.filterInput .searchbox__list {
  padding: 1rem; }

.filterInput.__input:focus + .searchbox__list-container {
  z-index: 20;
  opacity: 1; }

.filterInput .searchbox.__caret-button {
  height: 4rem;
  line-height: 4rem; }

.yviBasicInput.__container {
  margin-top: 2rem; }
  .yviBasicInput.__container.-none {
    margin-top: 0; }

.yviBasicInput.__field {
  position: relative;
  width: 100%; }
  @media (min-width: 0) and (max-width: 768px) {
    .yviBasicInput.__field {
      margin-top: 3.5rem; } }
  .yviBasicInput.__field.--containsPrefix {
    display: grid;
    grid-template-columns: 3rem 1fr; }
    .yviBasicInput.__field.--containsPrefix .yvi-form-label__floating--active, .yviBasicInput.__field.--containsPrefix .yvi-form-label__stacked, .yviBasicInput.__field.--containsPrefix .yvi-form-label__floating {
      left: calc(1.5rem + 2rem);
      margin-left: 0 !important; }
    .yviBasicInput.__field.--containsPrefix .prefix {
      font-size: 2.5rem;
      line-height: 4.5rem; }

.yviBasicInput.__postfix {
  position: absolute;
  right: 0;
  width: 4rem;
  top: 0;
  /*border-left: 1px solid $placeholder;*/
  text-align: center;
  height: 3rem; }
  .yviBasicInput.__postfix i {
    width: 4rem;
    line-height: 3rem;
    color: #0092C6; }

.yviBasicInput.__mandatory {
  color: #ff0300;
  font-size: 9px;
  display: inline-block;
  vertical-align: top; }

.form.__column {
  display: grid;
  grid-auto-rows: minmax(4rem, max-content);
  grid-row-gap: 1rem;
  position: relative;
  width: 40rem;
  margin-right: -18px; }

.yviBasicInput.__input, .yviBasicInput.__input[type=text], .yviBasicInput.__input[type=password] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #FFFFFF;
  font-size: 1.5rem;
  padding: 0 1.5rem;
  color: #0092C6;
  border: 1px solid #C6E2E9;
  width: 100%;
  box-sizing: border-box;
  font-weight: 400;
  height: 3rem;
  margin-bottom: 0; }
  @media (max-height: 800px) {
    .yviBasicInput.__input, .yviBasicInput.__input[type=text], .yviBasicInput.__input[type=password] {
      min-height: 3.5rem; } }
  .disabled.yviBasicInput.__input, .yviBasicInput.__input[disabled] {
    background-color: #ECECEC;
    color: #999; }
    .disabled.yviBasicInput.__input:hover, .yviBasicInput.__input[disabled]:hover {
      cursor: not-allowed; }
  .yviBasicInput.__input:focus, .invalid.yviBasicInput.__input:not(.browser-default), .valid.yviBasicInput.__input:not(.browser-default) {
    outline: none;
    box-shadow: none !important; }
  .invalid.yviBasicInput.__input:not(.browser-default), .invalid.yviBasicInput.__input, .yviBasicInput.__input:focus.invalid {
    border: 1px solid #ff0300; }
  .valid.yviBasicInput.__input:not(.browser-default) {
    border: 1px solid #82e000;
    /*border: 0;*/ }
  .yviBasicInput.__input:focus.valid {
    border: 1px solid #82e000;
    outline: none; }
  .yviBasicInput.__input:focus:not([readonly]) {
    border: 1px solid #0092C6 !important; }
    .yviBasicInput.__input:focus:not([readonly]) + label {
      color: #003367; }
  .yviBasicInput.__input:focus:readonly {
    border: none; }

.pr-history {
  display: flex; }
  .pr-history--today .pr-history__bar {
    margin-top: 1rem; }
  .pr-history--today__date {
    margin: 0 0 1rem 1rem;
    font-size: 1.2rem;
    position: relative; }
    .pr-history--today__date:after {
      content: "";
      position: absolute;
      left: -1.5rem;
      top: 1rem;
      background-color: #003367;
      width: 4px;
      height: 4px;
      border-radius: 4px; }
  .pr-history--danger .pr-history__date i, .pr-history--danger .pr-history__card__header__name {
    color: #ff0300; }
  .pr-history--warning .pr-history__date i, .pr-history--warning .pr-history__card__header__name {
    color: #F39531; }
  .pr-history--success .pr-history__date i, .pr-history--success .pr-history__card__header__name {
    color: #82e000; }
  .pr-history__date {
    width: 4.5rem;
    text-align: center;
    vertical-align: top;
    padding-top: 10px;
    font-size: 1rem;
    min-width: 4.5rem; }
    .pr-history__date i {
      display: block;
      font-size: 1.6rem;
      color: #0092C6; }
  .pr-history__card {
    border-radius: 2px;
    background-color: #FFFFFF;
    flex-grow: 1;
    padding: 1rem;
    margin-bottom: 0.5rem;
    margin-left: 1rem;
    position: relative; }
    .pr-history__card:before {
      content: "\f0d9";
      font: normal normal normal 14px/1 FontAwesome;
      position: absolute;
      left: 0px;
      color: #FFFFFF;
      font-size: 2.5rem;
      transform: translateX(-100%); }
    .pr-history__card:after {
      content: "";
      position: absolute;
      left: -1.5rem;
      top: 2rem;
      background-color: #003367;
      width: 4px;
      height: 4px;
      border-radius: 4px; }
    .pr-history__card__header {
      display: flex;
      flex-direction: row; }
      .pr-history__card__header__name {
        color: #0092C6;
        line-height: 2rem; }
      .pr-history__card__header__text {
        color: #003367;
        font-size: 1.2rem;
        margin-left: 0.5rem;
        line-height: 2rem; }
      .pr-history__card__header__user {
        color: #003367;
        font-size: 1.2rem;
        font-style: italic;
        margin-left: 0.5rem;
        line-height: 2rem; }
    .pr-history__card__text {
      line-height: 1;
      font-size: 1.2rem; }
  .pr-history__bar {
    width: 1%;
    padding-top: 1.5rem;
    background: #bcdee0 linear-gradient(to left, #bcdee0, #8fb9bf) repeat scroll 0 0; }

.requestValidatedList .table.__row {
  grid-template-columns: 18rem minmax(15rem, 1fr) minmax(15rem, 1fr) 11rem 11rem minmax(15rem, 1fr); }

.requestFinalizedList .table.__row {
  /*grid-template-columns: 6rem 12rem minmax(15rem, 1fr) minmax(15rem, 1fr) 12rem 12rem minmax(15rem, 1fr);*/
  grid-template-columns: 0rem 18rem minmax(15rem, 1fr) minmax(15rem, 1fr) 11rem 11rem minmax(15rem, 1fr); }

.openRequestList .table.__row {
  grid-template-columns: 18rem minmax(15rem, 1fr) minmax(15rem, 1fr) 12rem 12rem minmax(15rem, 1fr); }

.filter.__container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
  grid-auto-flow: row;
  grid-column-gap: 2rem;
  padding: 0.5rem 2rem 2rem;
  margin-top: -9rem;
  /* height: 9rem; */
  /* transition: margin-top .5s;*/
  background-color: #E5EEF1; }

.filter .__switch {
  margin-top: 3rem; }
  .filter .__switch .__label {
    white-space: nowrap; }

.PersenalRequestWidget.--showFilters .filter.__container {
  margin-top: 0;
  display: grid; }

.PersenalRequestWidget.--showFilters .widgetTable.table.__container {
  min-height: 100%;
  max-height: 100%; }

.PersenalRequestWidget .filter.__container {
  margin-top: 0;
  display: none;
  grid-auto-rows: 7rem;
  padding: 0.5rem 2rem 0rem; }

.PersenalRequestWidget.widget.__wrapper {
  display: grid;
  grid-template-rows: min-content 1fr; }

.widgetTable .table.__cell {
  font-size: 1.4rem; }

.widgetTable.table.__container {
  overflow: auto;
  min-height: 100%;
  max-height: 100%; }

.widgetTable .table.__body {
  overflow: unset;
  margin-right: 0; }

.widgetTable .table.__head.__row {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: #FFFFFF; }

.widget.__area {
  max-height: 100%;
  overflow-y: auto;
  position: relative;
  height: 100%; }

.widget.__main {
  z-index: 1;
  overflow: auto;
  position: relative;
  height: 100%;
  max-height: 100%; }

.widget.__wrapper {
  /*height: calc(100% - 3rem);
		max-height: calc(100% - 3rem);*/
  /*overflow: auto;*/
  width: 100%;
  overflow-y: auto; }
  @media (min-width: 0) and (max-width: 768px) {
    .widget.__wrapper {
      display: none;
      border-top: 1px solid #0092C6; } }

.widget.__container {
  min-height: 100%;
  background-color: #FFFFFF;
  position: relative;
  display: grid;
  grid-template-rows: 6rem calc(100% - 6rem);
  max-height: 100%; }

.widget.__content {
  width: 100%;
  height: 100%; }

.widget.__title {
  color: #FFFFFF;
  font-weight: 400;
  font-size: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.widget.__head {
  display: grid;
  grid-template-columns: 1fr min-content;
  align-items: center;
  width: 100%;
  padding: 1rem 2rem;
  background-color: #0092C6;
  z-index: 5; }
  @media (min-width: 0) and (max-width: 768px) {
    .widget.__head {
      padding: 1rem 2rem;
      height: auto; } }

.widget.__bodyIconGroup {
  color: white;
  display: flex; }

.widget.__headBTN {
  font-size: 2rem;
  min-width: 4rem;
  text-align: center; }
  .widget.__headBTN:hover {
    cursor: pointer; }

.grid-stack {
  height: 100%;
  max-height: 100%;
  overflow: auto; }

.grid-stack-item-content {
  /*@include gradient-horizontal( #dce6e5, #cae3e7, 0%, 100%);
	border: 1px solid $white-color;*/
  position: relative; }

.header-buttons {
  position: fixed !important;
  right: 5rem;
  z-index: 4;
  margin-top: -6rem; }
  @media (max-height: 800px) {
    .header-buttons {
      margin-top: -7rem; } }

.grid-stack > .grid-stack-item[data-gs-x="0"] > .grid-stack-item-content {
  left: 0; }

.grid-stack > .grid-stack-item[data-gs-y="0"] > .grid-stack-item-content {
  top: 0; }

.grid-stack > .grid-stack-item > .grid-stack-item-content {
  /*top: 40px;
		left: 40px;*/ }

.widget-area {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%; }

.widget__add {
  position: absolute;
  z-index: 1;
  top: 3.5rem;
  right: 0;
  display: none; }
  .widget__add.show {
    display: block; }
  .widget__add:focus {
    outline: none; }
  .widget__add .option-menu__lable {
    width: 100%;
    text-align: center; }
  .widget__add .option-menu__container {
    margin-top: -1.2rem; }
    .widget__add .option-menu__container p {
      padding: 0 1.5rem; }
  .widget__add .option-menu__head {
    margin-bottom: 1rem; }

.add-widget {
  height: 8rem;
  position: fixed;
  bottom: 2rem;
  left: 7rem;
  right: 4rem;
  /*@include gradient-vertical( $bg-dialog-start, $bg-dialog-end, 20%, 100%);
    $main-color: 0px -10px 15px 0 rgba(0, 0, 0, 0.16), 0 -10px 10px 0 rgba(0, 0, 0, 0.12);*/
  background-color: #FFFFFF;
  -webkit-box-shadow: #0092C6;
  -moz-box-shadow: #0092C6;
  box-shadow: #0092C6;
  padding: 2rem;
  display: flex;
  flex-direction: row;
  overflow-x: auto; }
  .add-widget__container {
    margin-right: 2rem; }
  .add-widget .cancel-button {
    color: #0092C6;
    position: absolute;
    right: 0;
    top: 0;
    width: 3rem;
    text-align: center;
    height: 3rem;
    line-height: 3rem;
    font-size: 2rem; }

ai-dialog.redBorder .prompt {
  border: 2px solid red; }

ai-dialog .prompt__container__content p {
  padding: 1rem 3rem; }

ai-dialog .prompt__container__content .prompt-buttons {
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  grid-column-gap: 1rem; }

.expense-selected {
  color: #0092C6; }
  .expense-selected a {
    color: #0092C6; }

ai-dialog .prompt {
  /*@include gradient-vertical( $bg-dialog-start, $bg-dialog-end, 20%, 100%);
	$main-color: 5px 5px 7px rgba(0, 44, 86, 0.24), -5px 0px 7px rgba(0, 44, 86, 0.24)
	@include box-shadow($main-color);*/
  background-color: #C6E2E9; }
  ai-dialog .prompt .prompt__container__header {
    border-bottom: 1px solid rgba(160, 160, 160, 0.2);
    flex-direction: row;
    width: 100%;
    background-color: #0092C6;
    display: flex;
    padding: 0 1em;
    flex-wrap: wrap; }
    ai-dialog .prompt .prompt__container__header .prompt__container__header--cancel {
      font-size: 2em;
      min-width: 2.7rem;
      cursor: pointer;
      text-align: center;
      float: left;
      margin: 0.5em;
      line-height: 1; }
      ai-dialog .prompt .prompt__container__header .prompt__container__header--cancel i {
        color: #FFFFFF !important; }
    ai-dialog .prompt .prompt__container__header .prompt__container__header--name {
      color: #FFFFFF !important;
      align-self: center;
      font-size: 1.6em;
      flex-grow: 1; }

ai-dialog .prompt__container__content {
  padding: 1rem 3rem; }

.page-tabs {
  position: absolute;
  bottom: 0;
  overflow: auto;
  width: 100%;
  height: 3rem; }
  .page-tabs__list {
    border-bottom: 1px solid #999;
    display: block;
    height: 100%;
    text-align: left;
    background-color: transparent;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0 auto;
    width: 100%;
    white-space: nowrap; }
    .page-tabs__list::-webkit-scrollbar {
      opacity: 1; }
    .page-tabs__list__item {
      display: inline-block;
      height: 100%;
      text-align: center;
      border-color: #0092C6;
      background-color: transparent;
      width: 100px;
      color: #FFFFFF;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      border-width: 1px 1px 0px 1px;
      border-style: solid; }
      .page-tabs__list__item:hover {
        background-color: #0092C6; }
        .page-tabs__list__item:hover a, .page-tabs__list__item:hover p {
          color: #FFFFFF; }
      .page-tabs__list__item.active {
        background-color: #0092C6; }
        .page-tabs__list__item.active a, .page-tabs__list__item.active p {
          color: #FFFFFF; }
      .page-tabs__list__item--link {
        color: #0092C6;
        display: block;
        font-weight: 400;
        text-decoration: none;
        text-transform: capitalize;
        width: 100%;
        height: 100%;
        line-height: 3rem; }

@media (min-width: 0) and (max-width: 768px) {
  .page-tabs {
    left: 0;
    position: absolute;
    height: 4rem; }
    .page-tabs--project {
      position: fixed !important; }
    .page-tabs__list {
      display: flex; }
      .page-tabs__list__item {
        flex-grow: 1;
        width: 100%;
        border-radius: 0; }
        .page-tabs__list__item--link {
          line-height: 4rem; } }

.projectTabs {
  display: flex;
  position: absolute;
  bottom: 0;
  overflow: auto;
  width: 100%;
  left: 0;
  padding: 0 2rem; }
  @media (min-width: 0) and (max-width: 768px) {
    .projectTabs {
      position: relative;
      padding: 0; } }
  .projectTabs__list {
    display: inline-block;
    position: relative;
    margin: 0 auto; }
  .projectTabs__item {
    display: inline-block;
    height: 100%;
    text-align: center;
    background-color: transparent;
    padding: 0 2.5rem; }
    @media (min-width: 0) and (max-width: 768px) {
      .projectTabs__item {
        height: auto;
        padding: 0 1.5rem; } }
    .projectTabs__item:hover {
      color: #0092C6; }
    .projectTabs__item.active {
      border-bottom: 2px solid #0092C6; }
  .projectTabs__link {
    color: #999;
    display: block;
    /*font-size: 1.2rem;*/
    font-weight: 400;
    text-decoration: none;
    text-transform: capitalize;
    width: 100%;
    height: 100%;
    line-height: 3rem; }

.submenu.__item {
  background-color: white;
  padding: 1rem;
  margin-bottom: 2rem;
  display: grid;
  grid-template-columns: 1fr 3rem;
  grid-gap: 1rem; }
  .submenu.__item:hover {
    cursor: pointer; }

.submenu.__itemArrow {
  background-color: #0092C6;
  width: 3rem;
  text-align: center;
  color: white; }

#popupContainer {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 2rem; }

.popup.__loading {
  position: absolute;
  left: 0;
  z-index: 10;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.5); }
  .popup.__loading i.fa.fa-spinner {
    position: absolute;
    top: calc(50% - 2rem);
    font-size: 4rem;
    left: calc(50% - 2rem); }

.popup.__container {
  /*width: 50rem;*/
  background-color: #C6E2E9;
  max-height: 100%;
  position: relative;
  width: fit-content;
  max-width: 100%;
  /*&.--double {
			width: 95rem;
		}*/ }

.popup.__head {
  width: 100%;
  padding: 0 5rem;
  height: 6rem; }

.popup.__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #FFFFFF;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  font-size: 3rem;
  padding-top: 3rem;
  height: 6.5rem; }

.popup.__wrapper {
  max-height: calc(100vh - 20rem);
  width: 100%;
  margin: 2rem 0 2rem; }

.popup.__content {
  padding: 0.6rem 5rem 0;
  width: 100%;
  display: inline-block; }

.popup.__columns {
  display: grid;
  grid-template-columns: 40rem 40rem;
  grid-column-gap: 5rem;
  margin-right: -18px; }
  .popup.__columns.--rightColumnWide {
    grid-template-columns: 40rem 45rem; }

.popup.__background {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: #003367;
  opacity: 0.3; }

.optionsMenu.__container {
  position: fixed;
  /*transform: translate(30%, 1rem);
		box-shadow: 0px -2px 2px rgba(0, 44, 86, 0.24);
		padding: 1rem;*/
  background-color: #FFFFFF;
  z-index: 5;
  width: 12.8rem;
  border: 1px solid #003367;
  /*&:before {
			color: $white-color;
			content: "\F0D8";
			position: absolute;
			text-shadow: 0px -2px 2px rgba(0, 44, 86, 0.24);
			top: -2rem;
			font-family: FontAwesome;
			right: 1.5rem;
			font-size: 2rem;
		}*/ }
  .optionsMenu.__container:focus {
    outline: none; }
  .optionsMenu.__container p {
    padding: .5rem 2rem;
    line-height: 1.2; }
    .optionsMenu.__container p:hover {
      background-color: #0092C6;
      color: #FFFFFF;
      cursor: pointer; }

.optionsMenu.__head {
  /*border-bottom: 1px solid $light-bluegreen-color;
		color: $dark-bluegreen-color;*/
  font-weight: 400;
  height: 2rem;
  padding: 0 1rem;
  white-space: nowrap; }

.row-grid {
  background-color: #FFFFFF; }
  .row-grid .row-grid__child {
    background-color: #FFFFFF; }
  .row-grid--even {
    background-color: #FFF; }
    .row-grid--even .row-grid__child {
      background-color: #FFF; }
  .row-grid__collumn {
    padding: 0 1rem; }
    .row-grid__collumn:not(:last-child) {
      border-right: 1px solid #0092C6; }

.row-grid, .row-grid .row-grid__child, .row-grid--even, .row-grid--even .row-grid__child {
  margin-bottom: 0 !important;
  position: relative;
  height: 10rem;
  width: 100%; }

.collumn-flex {
  height: 100%;
  justify-content: center; }

.row-flex {
  height: 100%;
  justify-content: center; }

.flex-container {
  position: relative;
  height: 100%; }
  .flex-container__scroll {
    flex-grow: 1;
    overflow: auto;
    position: relative; }
  .flex-container__grow {
    flex-grow: 1;
    position: relative; }
  .flex-container ui-content-scroll {
    flex-grow: 1;
    overflow: auto;
    position: relative; }
  .flex-container__stretch {
    overflow: hidden;
    align-self: stretch; }
  .flex-container.table-grid {
    flex-grow: 1; }

.flex-row {
  position: relative; }

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

.flex-column-center {
  display: flex;
  flex-direction: column;
  justify-content: center; }

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

.flex-column-end {
  display: flex;
  flex-direction: column;
  justify-content: flex-end; }

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

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

.stretch-scroll {
  align-self: stretch;
  overflow: auto;
  position: relative; }

.flex-grow {
  flex-grow: 1; }

.flex-align-right {
  margin-left: auto; }

.flex-page {
  flex-grow: 1;
  display: flex;
  flex-direction: column; }

.flex-row-between {
  justify-content: space-between;
  position: relative; }

.hide-overflow {
  overflow: hidden; }

.full-width {
  width: 100%; }

.full-height {
  height: 100%; }

.min-height-6 {
  min-height: 6rem; }

.icon-button--white {
  color: #FFFFFF; }
  .icon-button--white i {
    color: #FFFFFF; }

.icon-button--black {
  color: #003367; }
  .icon-button--black i {
    color: #003367; }

.icon-button--blue {
  color: #0092C6; }
  .icon-button--blue i {
    color: #0092C6; }

.icon-button--white, .icon-button--black, .icon-button--blue {
  font-size: 2em;
  min-width: 2.7rem;
  cursor: pointer;
  text-align: center;
  font-weight: 800; }
  .icon-button--white i, .icon-button--black i, .icon-button--blue i {
    font-weight: 800; }

.invisible-table__row__cell {
  padding: 0; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.float-none {
  float: none; }

.text-inner-input {
  padding: 0.5rem 0; }

.text-overflow-15 {
  display: block;
  display: -webkit-box;
  line-height: 1.4;
  height: 1.96rem;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.4rem; }

.text-overflow-page-header {
  white-space: nowrap;
  min-width: 3rem;
  overflow: hidden;
  text-overflow: ellipsis; }

@media (min-width: 601px) and (max-width: 992px) {
  .text-overflow-page-header {
    font-size: 4rem; } }

@media (max-width: 601px) {
  .text-overflow-page-header {
    font-size: 3em; } }

.extra-text {
  color: #999;
  font-style: italic; }

.overflow-text, .dialog-table th, .dialog-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.text-link {
  color: #0092C6;
  text-decoration: underline;
  cursor: pointer;
  font-size: 1.5rem; }

.text-no-wrap {
  white-space: nowrap; }

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

.background-blue {
  background-color: #0092C6;
  color: #FFFFFF; }

.background-placeholder {
  background-color: #999;
  color: #FFFFFF; }
  .background-placeholder * {
    color: #FFFFFF !important; }

.border-bottom-white {
  border-bottom: 1px solid #FFFFFF; }

.color-white {
  color: #FFFFFF; }

.color-blue {
  color: #0092C6; }

.color-highlight {
  background-color: #C6E2E9; }

.dialog-table th, .dialog-table td {
  height: 4rem;
  max-width: 0; }

.dialog-table__header {
  height: 4rem; }
  .dialog-table__header th {
    padding: 10px;
    color: #0092C6;
    font-weight: normal; }
    .dialog-table__header th:not(:first-child) {
      border-left: 1px solid #0092C6; }

.dialog-table__odd {
  background-color: #FFFFFF; }

.dialog-table__even {
  background-color: #FFF; }

.dialog-table__row__cell {
  padding: 10px 10px; }
  .dialog-table__row__cell--input {
    padding: 5px 10px; }
  .dialog-table__row__cell--select {
    padding: 5px 10px; }
    .dialog-table__row__cell--select select {
      display: block; }
  .dialog-table__row__cell .searchbox {
    min-width: 0; }
  .dialog-table__row__cell .yvi-datepicker, .dialog-table__row__cell .corpex-input__field {
    margin-top: 0; }
    .dialog-table__row__cell .yvi-datepicker .corpex-input__field__input[type], .dialog-table__row__cell .corpex-input__field .corpex-input__field__input[type] {
      min-width: 0; }
    .dialog-table__row__cell .yvi-datepicker .fa-calendar, .dialog-table__row__cell .corpex-input__field .fa-calendar {
      margin-top: 0.5rem; }

.dialog-table__icon {
  padding: 1rem 0 !important;
  text-align: center;
  font-weight: normal !important; }

.dialog-table__odd, .dialog-table__even {
  /*height: 4rem;*/
  height: 100%; }

.dialog-table__row__cell, .dialog-table__row__cell--input, .dialog-table__row__cell--select {
  font-size: 14px;
  line-height: 14px; }
  .dialog-table__row__cell:not(:first-child), .dialog-table__row__cell--input:not(:first-child), .dialog-table__row__cell--select:not(:first-child) {
    border-left: 1px solid #0092C6; }

.show-mobile {
  display: none; }

@media (min-width: 0) and (max-width: 768px) {
  .show-mobile {
    display: block; }
  .mobile-hide {
    display: none; } }

.freezeTable {
  display: grid;
  overflow: auto;
  position: relative;
  grid-template-rows: 3.5rem calc(100% - 3.5rem);
  height: 100%; }
  .freezeTable__thead {
    position: sticky !important;
    top: 0;
    z-index: 1;
    display: block;
    z-index: 2;
    background-color: #EFF4F8;
    max-width: fit-content;
    width: fit-content;
    overflow: unset !important; }
    .freezeTable__thead tr {
      background-color: #C6E2E9;
      /*background-color: $black-color;*/
      /*th, p {
				color: $white-color;
			}*/ }
      .freezeTable__thead tr .freezeTable__stickyLeft, .freezeTable__thead tr .freezeTable__stickyRight {
        background-color: #C6E2E9;
        /*background-color: $black-color;*/ }
  .freezeTable__stickyRight {
    position: sticky;
    right: 0; }
  .freezeTable__stickyLeft {
    position: sticky;
    left: 0; }
  .freezeTable__tbody {
    overflow: unset !important; }
  .freezeTable .treeGrid__row--even .freezeTable__stickyLeft, .freezeTable .treeGrid__row--even .freezeTable__stickyRight {
    background-color: #FFF; }
  .freezeTable .treeGrid__row--odd .freezeTable__stickyLeft, .freezeTable .treeGrid__row--odd .freezeTable__stickyRight {
    background-color: #FFFFFF; }

.gridTable.__table {
  display: grid;
  width: 100%;
  height: 100%;
  grid-template-rows: 3.5rem calc(100% - 3.5rem);
  position: relative; }
  .gridTable.__table.--doubleHead {
    grid-template-rows: 7rem calc(100% - 7rem); }

.gridTable.__head {
  width: 100%;
  display: grid;
  font-weight: bold;
  /*p {
			font-weight: bold;
		}*/ }

.gridTable.__body {
  display: grid;
  grid-auto-rows: fit-content(3.5rem); }

.gridTable.__row {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); }
  .gridTable.__row.--even {
    background-color: #E5EEF1; }
  .gridTable.__row.--odd {
    background-color: #FFF; }

.gridTable.__cell {
  padding: 0.5rem 1.5rem; }
  .gridTable.__cell:not(:first-child) {
    border-left: 1px solid #0092C6; }

/*grid column*/
.grid-column {
  display: grid;
  grid-auto-flow: column; }

.grid-column-gap {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 2rem; }

.grid-column-between {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between; }

.grid-column-min-center {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: min-content;
  align-items: center; }

.grid-column-between-gap {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  grid-gap: 2rem; }

.grid-column-between-gap {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  grid-gap: 2rem; }

.grid-column-equal {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr; }

.grid-column-equal-gap {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  grid-gap: 2rem; }

/*grid row*/
.grid-row {
  display: grid;
  grid-auto-flow: row; }

.grid-row-equal {
  display: grid;
  grid-auto-flow: row;
  grid-auto-rows: 1fr; }

.grid-row-equal-center {
  display: grid;
  grid-auto-flow: row;
  grid-auto-rows: 1fr;
  align-items: center; }

.grid-row-between {
  display: grid;
  grid-auto-flow: row;
  justify-content: space-between; }

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

.grid-stack-item[data-gs-height="1"][data-gs-y="0"] {
  height: 10% !important; }
  .grid-stack-item[data-gs-height="1"][data-gs-y="0"]:hover {
    height: calc(10% - .5rem) !important; }

.grid-stack-item[data-gs-height="1"]:not([data-gs-y="0"]) {
  height: calc(10% - 1.8rem) !important; }
  .grid-stack-item[data-gs-height="1"]:not([data-gs-y="0"]):hover {
    height: calc(10% - 2.2rem) !important; }

.grid-stack-item[data-gs-height="2"][data-gs-y="0"] {
  height: 20% !important; }
  .grid-stack-item[data-gs-height="2"][data-gs-y="0"]:hover {
    height: calc(20% - .5rem) !important; }

.grid-stack-item[data-gs-height="2"]:not([data-gs-y="0"]) {
  height: calc(20% - 1.8rem) !important; }
  .grid-stack-item[data-gs-height="2"]:not([data-gs-y="0"]):hover {
    height: calc(20% - 2.2rem) !important; }

.grid-stack-item[data-gs-height="3"][data-gs-y="0"] {
  height: 30% !important; }
  .grid-stack-item[data-gs-height="3"][data-gs-y="0"]:hover {
    height: calc(30% - .5rem) !important; }

.grid-stack-item[data-gs-height="3"]:not([data-gs-y="0"]) {
  height: calc(30% - 1.8rem) !important; }
  .grid-stack-item[data-gs-height="3"]:not([data-gs-y="0"]):hover {
    height: calc(30% - 2.2rem) !important; }

.grid-stack-item[data-gs-height="4"][data-gs-y="0"] {
  height: 40% !important; }
  .grid-stack-item[data-gs-height="4"][data-gs-y="0"]:hover {
    height: calc(40% - .5rem) !important; }

.grid-stack-item[data-gs-height="4"]:not([data-gs-y="0"]) {
  height: calc(40% - 1.8rem) !important; }
  .grid-stack-item[data-gs-height="4"]:not([data-gs-y="0"]):hover {
    height: calc(40% - 2.2rem) !important; }

.grid-stack-item[data-gs-height="5"][data-gs-y="0"] {
  height: 50% !important; }
  .grid-stack-item[data-gs-height="5"][data-gs-y="0"]:hover {
    height: calc(50% - .5rem) !important; }

.grid-stack-item[data-gs-height="5"]:not([data-gs-y="0"]) {
  height: calc(50% - 1.8rem) !important; }
  .grid-stack-item[data-gs-height="5"]:not([data-gs-y="0"]):hover {
    height: calc(50% - 2.2rem) !important; }

.grid-stack-item[data-gs-height="6"][data-gs-y="0"] {
  height: 60% !important; }
  .grid-stack-item[data-gs-height="6"][data-gs-y="0"]:hover {
    height: calc(60% - .5rem) !important; }

.grid-stack-item[data-gs-height="6"]:not([data-gs-y="0"]) {
  height: calc(60% - 1.8rem) !important; }
  .grid-stack-item[data-gs-height="6"]:not([data-gs-y="0"]):hover {
    height: calc(60% - 2.2rem) !important; }

.grid-stack-item[data-gs-height="7"][data-gs-y="0"] {
  height: 70% !important; }
  .grid-stack-item[data-gs-height="7"][data-gs-y="0"]:hover {
    height: calc(70% - .45rem) !important; }

.grid-stack-item[data-gs-height="7"]:not([data-gs-y="0"]) {
  height: calc(70% - 1.8rem) !important; }
  .grid-stack-item[data-gs-height="7"]:not([data-gs-y="0"]):hover {
    height: calc(70% - 2.2rem) !important; }

.grid-stack-item[data-gs-height="8"][data-gs-y="0"] {
  height: 80% !important; }
  .grid-stack-item[data-gs-height="8"][data-gs-y="0"]:hover {
    height: calc(80% - .5rem) !important; }

.grid-stack-item[data-gs-height="8"]:not([data-gs-y="0"]) {
  height: calc(80% - 1.8rem) !important; }
  .grid-stack-item[data-gs-height="8"]:not([data-gs-y="0"]):hover {
    height: calc(80% - 2.2rem) !important; }

.grid-stack-item[data-gs-height="9"][data-gs-y="0"] {
  height: 90% !important; }
  .grid-stack-item[data-gs-height="9"][data-gs-y="0"]:hover {
    height: calc(90% - .5rem) !important; }

.grid-stack-item[data-gs-height="9"]:not([data-gs-y="0"]) {
  height: calc(90% - 1.8rem) !important; }
  .grid-stack-item[data-gs-height="9"]:not([data-gs-y="0"]):hover {
    height: calc(90% - 2.2rem) !important; }

.grid-stack-item[data-gs-height="10"][data-gs-y="0"] {
  height: 100% !important; }
  .grid-stack-item[data-gs-height="10"][data-gs-y="0"]:hover {
    height: calc(100% - .5rem) !important; }

.grid-stack-item[data-gs-height="10"]:not([data-gs-y="0"]) {
  height: calc(100% - 1.8rem) !important; }
  .grid-stack-item[data-gs-height="10"]:not([data-gs-y="0"]):hover {
    height: calc(100% - 2.2rem) !important; }

.grid-stack-item[data-gs-y="3"] {
  top: calc(30% + 1.7rem) !important; }

.grid-stack-item[data-gs-y="4"] {
  top: calc(40% + 1.7rem) !important; }

.grid-stack-item[data-gs-y="5"] {
  top: calc(50% + 1.7rem) !important; }

.grid-stack-item[data-gs-y="6"] {
  top: calc(60% + 1.7rem) !important; }

.no-padding {
  padding: 0; }

.position-fixed-basic {
  position: fixed;
  top: 0;
  left: 0; }

.width-touch {
  width: 4rem; }

.admin-list {
  display: flex;
  flex-flow: #FFF wrap;
  /*padding: 0 4.6rem;*/
  /*width: calc(100% + 18px);*/
  width: 100%;
  align-content: flex-start; }
  .admin-list__cards {
    width: calc(25% - 4rem);
    margin: 2rem;
    min-width: 35rem;
    max-width: 40rem; }
    .admin-list__cards__submenu {
      display: block !important; }
    .admin-list__cards .submenu__container {
      margin-bottom: 0; }
      .admin-list__cards .submenu__container__links__list__item {
        height: 3rem;
        border-bottom: none; }
        .admin-list__cards .submenu__container__links__list__item--link {
          padding: 0 1.5rem;
          line-height: 2; }
          .admin-list__cards .submenu__container__links__list__item--link i {
            line-height: 2; }
  .admin-list yvi-scrollbar {
    display: none; }

.postAdress.__text {
  line-height: 3rem;
  text-align: left;
  margin: 1rem 0 0; }

.categoryCriterion .table.__head.__row {
  background-color: #FFFFFF;
  border-bottom: 1px solid #D9DCE2;
  height: calc(100% - 1px); }

.categoryCriterion .table.--secondRow:last-child {
  margin-bottom: 2rem; }

.categoryCriterion .table.--thirdRow {
  grid-template-columns: 40rem 1fr; }

.categoryCriterion .table.--thirdRow + .--secondRow, .categoryCriterion .table.--thirdRow + .--firstRow, .categoryCriterion .table.--secondRow + .--firstRow {
  margin-top: 2rem; }

.invoiceBatch.__page {
  width: 100%;
  max-height: 100%;
  overflow: auto;
  display: grid;
  grid-template-rows: 17rem 1fr; }

.invoiceBatch.__filter {
  width: 40rem;
  height: 17rem; }

.invoiceBatch.__tableContainer {
  margin-top: 2rem;
  border-top: 1px solid #0092C6;
  padding-top: 2rem;
  overflow: auto; }

.invoiceBatch.table.__container {
  margin-top: 2rem;
  max-height: calc(100% - 12rem); }

.invoiceBatch.table.__row {
  grid-template-columns: 5rem 23rem 12rem 25rem 1fr 12rem 6rem 12rem 12rem; }

.login.__content {
  background-color: #FFFFFF;
  z-index: 9999;
  padding: 10rem 4rem;
  -webkit-clip-path: polygon(0 0%, 100% 0, 100% 85%, 75% 100%, 0% 100%);
  clip-path: polygon(0 0%, 100% 0, 100% 85%, 75% 100%, 0% 100%);
  margin: 50VH auto 0;
  transform: translateY(-50%);
  width: 51rem; }

.login.__container {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
  background-color: #C6E2E9; }

.login.__login {
  display: block;
  height: 100%;
  margin-bottom: 8rem; }

.login.__logo {
  margin-bottom: 10rem; }

.login.__header {
  font-size: 2.6rem;
  margin-bottom: 7rem;
  color: #003367; }

.login .__loginInput .corpex-prefix {
  text-align: center;
  color: rgba(0, 51, 103, 0.4); }

.login .__loginInput .yvi-form-label__stacked {
  left: 3rem !important; }

.login .__loginInput .yviBasicInput.__input {
  background-color: transparent !important;
  border: none !important;
  padding-left: 0; }
  .login .__loginInput .yviBasicInput.__input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px white inset !important; }

.login .__loginInput.yviBasicInput.__container {
  position: relative;
  margin-top: 4rem; }
  .login .__loginInput.yviBasicInput.__container:after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 1px;
    left: 0;
    right: 2.7rem;
    background-color: #003367;
    opacity: .4; }
  .login .__loginInput.yviBasicInput.__container:before {
    content: '';
    position: absolute;
    bottom: 8px;
    height: 1px;
    width: 3rem;
    right: 0;
    z-index: 1;
    background-color: #003367;
    opacity: .4;
    transform: rotate(-35deg); }

.login__container {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
  background-color: #C6E2E9; }

.login__background {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 899;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 100%; }

.login__header {
  font-size: 2.4rem;
  margin-bottom: 4rem;
  color: #003367; }
  .login__header__logo {
    display: block;
    height: 100%;
    margin-bottom: 8rem; }

.login__link {
  cursor: pointer;
  font-weight: 500;
  line-height: 3;
  clear: both;
  text-align: right;
  font-size: 1.2rem;
  text-decoration: underline; }

.login__validation {
  color: #ff0300; }
  .login__validation--tries {
    text-align: center;
    color: #ff0300;
    font-weight: 500;
    margin-bottom: 0; }

.login__row {
  display: flex;
  align-items: flex-end; }
  .login__row__input {
    width: 90%; }
  .login__row__icon {
    font-size: 2.4rem;
    width: 4rem;
    line-height: 5rem;
    cursor: pointer;
    text-align: center; }

.login__input {
  box-shadow: none; }

.login__buttons {
  margin-top: 4rem;
  display: grid;
  grid-template-columns: 50% 50%; }
  .login__buttons .login__button {
    border-radius: 50%;
    box-shadow: none; }

/*@include materialize-l {
	.login.__container {
		width: 100%;
		max-width: 45rem;
	}
}*/
@media (min-width: 601px) and (max-width: 992px) {
  .login.__container {
    width: 60%;
    padding-top: 4rem; }
  .login.__header {
    display: none; }
  .login.__logo {
    margin: auto; } }

@media (max-width: 601px) {
  .login.__container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative; }
  .login.__header {
    display: none; }
  .login.__logo {
    margin: 0 auto;
    height: auto; }
  .login form {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 2rem;
    right: 2rem; }
    .login form .form__row, .login form .login__row {
      padding-bottom: 1rem; } }

.dashboardAdviseur.__container {
  display: grid;
  grid-template-areas: 'prio beoordeeld' 'prio aanvragen';
  grid-gap: 2rem;
  height: 100%;
  grid-auto-rows: calc(50% - 1rem); }
  .dashboardAdviseur.__container .openRequestList {
    grid-area: prio; }

.widget.__headBTN.--stempel {
  width: 2rem;
  height: 2rem; }
  .widget.__headBTN.--stempel:hover {
    cursor: pointer; }

.requestFinalizedList .table.__row.--send p {
  color: #999; }

.notification.__container {
  max-height: 100%;
  overflow: auto; }

.notification.__content {
  display: grid;
  grid-template-columns: 5rem 4px 1fr;
  margin: 0.4rem 0.4rem 1.2rem 0;
  max-width: 100%;
  grid-gap: .8rem;
  height: fit-content; }
  .notification.__content:first-child .__timeLine {
    border-radius: 5rem 5rem 0 0; }
  .notification.__content:first-child .activityPage.__phaseName {
    margin-top: -2rem; }
  .notification.__content:last-child .__timeLine {
    border-radius: 0 0 5rem 5rem;
    height: calc(100% + 0.4rem); }
  .notification.__content:first-child:last-child .__timeLine {
    border-radius: 5rem; }

.notification.__dateType .display-month-year {
  font-size: 1.4rem;
  text-align: center; }

.notification.__typeIcon {
  width: 4rem;
  text-align: center;
  line-height: 4rem;
  color: #0092C6;
  margin: auto;
  font-size: 3rem;
  /*a {
			color: $white-color;
		}*/ }

.notification.__timeLine {
  background: #FFFFFF;
  height: calc(100% + 1.2rem);
  position: relative; }

.notification.__dot {
  position: absolute;
  background-color: #0092C6;
  border-radius: 50%;
  height: 4px;
  width: 4px;
  top: 1.2rem; }

.notification.__cardContainer {
  position: relative;
  filter: drop-shadow(0px 2px 4px rgba(38, 81, 125, 0.25));
  width: 100%;
  overflow: hidden; }

.notification.__card {
  clip-path: polygon(0.8rem 0, 100% 0%, 100% 100%, 0.8rem 100%, 0.8rem calc(0.8rem + 0.8rem + 0.8rem), 0rem calc(0.8rem + 0.8rem), 0.8rem 0.8rem);
  background-color: #FFFFFF;
  padding: .8rem .8rem .8rem 1.6rem;
  position: relative; }

.notification.__header {
  display: grid;
  grid-template-columns: auto min-content;
  justify-content: space-between;
  grid-column-gap: 1.6rem; }

.notification.__title {
  color: #0092C6;
  font-size: 1.6rem;
  line-height: 1.2;
  margin: 0 0 0.4rem; }

.notification.__tekst {
  line-height: 1.2; }

.requestEdit.__page {
  display: grid;
  grid-template-columns: 25rem 1fr;
  grid-template-rows: min-content 1fr;
  grid-gap: 2rem;
  grid-row-gap: 4rem;
  width: 100%;
  position: relative;
  height: 100%;
  overflow: hidden; }

.requestEdit.__header {
  grid-column: 1 / span 2;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 0; }

.requestEdit.__basicPage {
  display: grid;
  grid-template-rows: 1fr min-content;
  overflow: hidden auto;
  grid-row-gap: 2rem; }
  .requestEdit.__basicPage.--messageShown {
    grid-template-rows: min-content 1fr min-content; }

.requestEdit.__basicfrom {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 5rem;
  margin-right: 0;
  max-height: 100%;
  overflow: hidden auto;
  scrollbar-gutter: stable;
  margin-right: -18px; }
  .requestEdit.__basicfrom .form.__column {
    width: unset;
    margin-right: 0; }
  .requestEdit.__basicfrom.--isOverflown {
    margin-right: -18px; }
  .requestEdit.__basicfrom .besluit-radio .yvi-radio__container {
    flex-wrap: wrap; }
  @media (max-height: 800px) {
    .requestEdit.__basicfrom .yviBasicInput.__container {
      margin-top: 2.4rem; } }
  .requestEdit.__basicfrom .readOnly.__item {
    margin-bottom: -.8rem; }
  .requestEdit.__basicfrom .readOnly.__label {
    margin-bottom: 0;
    line-height: 1.2;
    margin-top: 1.1rem; }

.requestEdit.save-cancel {
  width: 100%;
  margin: 0; }

.__requestSubMenu .submenu.__item.--active {
  background-color: #0092C6;
  color: #FFFFFF; }

.actionRuest.__pageContainer {
  display: grid;
  grid-template-rows: min-content 1fr;
  grid-row-gap: 2rem;
  max-height: 100%;
  overflow: auto; }
  .actionRuest.__pageContainer .yviButton.__container {
    justify-self: end; }

.partner.__contaner {
  display: grid;
  grid-template-columns: 1fr 1fr; }

.partner.__column {
  display: grid;
  grid-auto-rows: 6rem; }

.besluit-radio {
  margin-top: 2rem; }
  .besluit-radio.--validated .yvi-radio__container {
    display: grid;
    grid-template-columns: 50% 50%;
    width: 100%; }
    .besluit-radio.--validated .yvi-radio__container .yvi-radio__container__hidden-input__label {
      text-align: left; }
  .besluit-radio.--validated.--oneRow .yvi-radio__container {
    grid-template-columns: 100%; }
  .besluit-radio .yvi-radio__container {
    display: flex;
    min-height: 1rem;
    padding: 0;
    border-radius: 0;
    background-image: unset !important; }
    .besluit-radio .yvi-radio__container__hidden-input {
      position: relative; }
      .besluit-radio .yvi-radio__container__hidden-input__input:checked + label {
        background-image: unset;
        box-shadow: unset;
        color: #003367;
        border-radius: 0; }
        .besluit-radio .yvi-radio__container__hidden-input__input:checked + label:after {
          border: 1px solid #003367;
          background-color: #003367 !important;
          position: absolute;
          left: 0;
          border-radius: 0; }
      .besluit-radio .yvi-radio__container__hidden-input__label {
        padding-left: 25px !important;
        color: #3E3F44;
        font-size: 1.2rem !important; }
        .besluit-radio .yvi-radio__container__hidden-input__label:after {
          border: 1px solid #003367 !important;
          background-color: transparent !important;
          position: absolute;
          left: 0;
          border-radius: 0 !important;
          transform: unset !important;
          top: .4rem; }

input:checked + label.validatedRadio:before {
  border: 2px solid #0092C6;
  background-color: #FFFFFF; }

input:checked + label.validatedRadio:after {
  background-color: #0092C6 !important;
  position: absolute;
  left: 4px;
  top: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%; }

.validateTypes.__container {
  display: grid;
  grid-template-columns: 50% 50%; }

.validatedRadio {
  color: #3E3F44;
  font-size: 1.2rem !important; }
  .validatedRadio:before {
    border: 1px solid #0092C6;
    background-color: #FFFFFF; }
  .validatedRadio.__label {
    color: #003367; }

.requestList.ui-content.__top {
  overflow: hidden;
  width: 100%;
  position: relative;
  display: block;
  margin-bottom: 2rem;
  height: fit-content;
  padding: 4rem 4rem 0 4rem; }
  .requestList.ui-content.__top.--showFilters {
    background-color: #E5EEF1; }

.requestList.__buttonContainer {
  display: flex;
  overflow: hidden;
  width: 100%;
  position: relative;
  margin-bottom: 2rem;
  height: fit-content;
  z-index: 1; }

.requestList.__buttons {
  z-index: 1; }
  @media (max-width: 980px) {
    .requestList.__buttons .yviButton.__label {
      display: none; } }

.requestList.filter.__container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
  grid-gap: 1rem 2rem;
  margin-top: -17rem;
  height: fit-content;
  max-width: calc(100% - 2rem);
  grid-auto-rows: 6rem;
  padding: 0.5rem 0 2rem; }
  @media (max-width: 1200px) {
    .requestList.filter.__container {
      grid-template-columns: repeat(auto-fit, minmax(20rem, calc(34% - 2rem)));
      height: 24rem;
      margin-top: -24rem; } }
  @media (max-width: 980px) {
    .requestList.filter.__container {
      max-width: calc(100% - 26rem); } }

.requestList.filter.__content {
  /*width: 100%;
			position: fixed;
			top: 9rem;
			left: 0;
			z-index: 1;
			background-color: $table-even;
			padding-left: 4rem;*/
  margin: 0; }

.requestList.table.__container {
  transition: margin-top .5s; }

.requestList.--showFilters .filter.__container {
  margin-top: 0; }

@media (max-width: 1200px) {
  .requestList.--showFilters ~ .table.__content {
    margin-top: 15rem; } }

.requestList.__tableContainer {
  max-width: 100%;
  overflow: auto;
  max-height: calc(100% - 8rem); }
  .requestList.__tableContainer .table.__container {
    overflow: visible; }
  .requestList.__tableContainer .table.__body {
    overflow-y: unset;
    margin-right: 0; }

.requestList.__content {
  max-height: 100%;
  overflow: auto;
  position: relative;
  margin: 0 4rem 0rem 4rem; }

.requestList .table.__head {
  display: table-header-group; }
  .requestList .table.__head .__cell {
    position: sticky;
    top: 0;
    z-index: 0;
    background-color: #FFFFFF;
    border-bottom: 1px solid #D9DCE2; }

.requestList .table.__body {
  display: table-row-group; }

.requestList .table.__row {
  display: table-row; }

.requestList .table.__cell {
  display: table-cell;
  max-width: 0 !important; }

.requestList.__dsoName {
  display: block; }
  .requestList.__dsoName svg:not(:root) {
    float: left;
    margin-right: 0.4rem; }

.adresDialog {
  width: 55rem !important; }

.validateCreteria.__header {
  font-size: 1.8rem; }
  .validateCreteria.__header.--lineTop {
    border-top: 1px solid #0092C6;
    padding-top: 2rem;
    margin: 1rem 0; }

.validateCreteria.__btn {
  margin-top: 1rem; }
  .validateCreteria.__btn .yviButton.__button {
    padding: 0 2rem; }

.popup.__container.--application-advise-dialog {
  /*width: fit-content;
	max-width: 100%;*/ }
  .popup.__container.--application-advise-dialog .popup.__columns {
    grid-template-columns: 40rem 40rem 40rem; }
  .popup.__container.--application-advise-dialog .delete {
    margin-left: 6rem; }

.applicationRequestList.__container {
  display: grid;
  position: relative;
  grid-template-rows: min-content 1fr;
  overflow: hidden;
  max-height: 100%; }
  .applicationRequestList.__container.--requestList {
    margin: -4rem;
    height: calc(100% + 4rem);
    max-height: calc(100% + 4rem); }
  .applicationRequestList.__container .table.__container {
    overflow: auto;
    max-height: 100%; }

.form.__column.--documentColumn {
  grid-template-rows: 5rem 5rem 5rem 5rem 1fr; }
  .form.__column.--documentColumn .validateCreteria.__container {
    max-height: 100%;
    overflow-y: hidden; }
    .form.__column.--documentColumn .validateCreteria.__container .documentList.__list {
      max-height: calc(100vh - 54rem);
      overflow: auto; }

div.au-enter-active {
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.simplebar-content {
  position: relative; }

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzdHlsZXMuY3NzIiwic291cmNlUm9vdCI6IiJ9*/