.form-group {
  position: relative;
  margin-bottom: 2.2rem;
}
.form-group.thin-control .control-label {
  top: 1.5rem;
}
.form-group.thin-control textarea.form-control {
  min-height: 8rem;
  padding: .8rem;
}
.form-group.thin-control .form-control,
.form-group.thin-control .dropdown-toggle {
  height: 5rem;
  padding: 0 1rem;
  font-size: 1.4rem;
}
.form-group .control-label {
  position: absolute;
  top: 3rem;
  left: 1.5rem;
  padding: 0 .5rem;
  font-size: 1.6rem;
  font-weight: 300;
  color: #b3b3b3;
  background-color: white;
  transition: all .2s ease;
  z-index: 10;
}
.dark-mode.logged-in .form-group .control-label {
  color: white;
  background-color: #141414;
}
.form-group .control-label.is-active {
  font-size: 1.2rem;
  top: -1rem;
}
.form-group .control-label.is-active + .form-control:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 100rem white inset;
}
.dark-mode.logged-in .form-group .input-group .input-group-addon {
  background-color: #141414;
  color: white;
  border-color: #585858;
}
.form-group textarea.form-control {
  min-height: 12rem;
  padding: 1.6rem;
}
.form-group .form-control,
.form-group .dropdown-toggle {
  height: 8rem;
  padding: 0 1.5rem;
  font-size: 1.6rem;
  color: #141414;
  border-radius: .8rem;
  border-color: #dcdcdc;
  box-shadow: none;
}
.kv-editable-form .form-group .form-control,
.kv-editable-form .form-group .dropdown-toggle {
  height: 5rem;
}
.dark-mode.logged-in .form-group .form-control,
.dark-mode.logged-in .form-group .dropdown-toggle {
  color: white;
  background-color: transparent!important;
  border-color: #585858;
}
.dark-mode.logged-in .form-group .form-control .filter-option,
.dark-mode.logged-in .form-group .dropdown-toggle .filter-option {
  color: white;
}
.form-group .bootstrap-select {
  padding: 0;
}
.form-group .bootstrap-select.open .dropdown-toggle {
  background-color: transparent;
  box-shadow: none;
}
.form-group .bootstrap-select .dropdown-toggle {
  background-color: transparent;
  box-shadow: none;
  outline: none!important;
}
.form-group .bootstrap-select .dropdown-menu {
  background-color: white;
}
.form-group .bootstrap-select .dropdown-menu .selected a,
.form-group .bootstrap-select .dropdown-menu .active a {
  background-color: #f5f5f5;
  color: #262626;
}
.dark-mode.logged-in .form-group .bootstrap-select .dropdown-menu {
  color: white;
  background-color: #141414;
}
.dark-mode.logged-in .form-group .bootstrap-select .dropdown-menu.open {
  border: 1px solid #585858;
}
.dark-mode.logged-in .form-group .bootstrap-select .dropdown-menu li a {
  color: white;
  background-color: #141414;
}
.dark-mode.logged-in .form-group .bootstrap-select .dropdown-menu li a:hover {
  background-color: #585858!important;
}
.dark-mode.logged-in .form-group .bootstrap-select .dropdown-menu li:hover a,
.dark-mode.logged-in .form-group .bootstrap-select .dropdown-menu li.selected a {
  background-color: #282828;
}
.form-group .bootstrap-select .control-label {
  display: none;
}
.form-group .dropdown-toggle .caret {
  right: 3rem!important;
  border-width: .6rem;
}
.bootstrap-select .filter-option {
  display: flex;
  align-items: center;
}
.dark-mode.logged-in .bootstrap-select .dropdown-toggle .filter-option {
  color: white;
}
.dark-mode.logged-in .bootstrap-select .dropdown-menu {
  color: white;
  background-color: #141414;
}
.dark-mode.logged-in .bootstrap-select .dropdown-menu.open {
  border: 1px solid #585858;
}
.dark-mode.logged-in .bootstrap-select .dropdown-menu li a {
  color: white;
  background-color: #141414;
}
.dark-mode.logged-in .bootstrap-select .dropdown-menu li a:hover {
  background-color: #585858!important;
}
.dark-mode.logged-in .bootstrap-select .dropdown-menu li:hover a,
.dark-mode.logged-in .bootstrap-select .dropdown-menu li.selected a {
  background-color: #282828;
}
html {
  font-size: 62.5%;
}
body {
  font-size: 1.6rem;
  color: #141414;
}
body.dark-mode.logged-in {
  color: white;
  background-color: #141414;
}
a {
  color: #e05763;
}
a:hover {
  color: #b0212d;
}
.container-main {
  min-height: 100vh;
}
.btn.btn-success {
  color: white;
  background-color: #141414;
  border-color: #141414;
}
.btn.btn-success:hover {
  color: white;
  background-color: #e05763;
  border-color: #e05763;
}
.btn.btn-success:focus {
  background-color: #b0212d;
  border-color: #b0212d;
  outline: none;
}
.dark-mode.logged-in .btn.btn-success {
  color: black;
  background-color: #cfd0ca;
  border-color: #cfd0ca;
}
.dark-mode.logged-in .btn.btn-success:hover {
  color: white;
  background-color: #e05763;
  border-color: #e05763;
}
.dark-mode.logged-in .btn.btn-success:focus {
  background-color: #b0212d;
  border-color: #b0212d;
  outline: none;
}
.btn.btn-primary {
  color: white;
  background-color: #e05763;
  border-color: #e05763;
}
.btn.btn-primary:hover {
  color: white;
  background-color: #b0212d;
  border-color: #b0212d;
}
.btn.btn-primary:focus {
  background-color: #5a1117;
  border-color: #5a1117;
  outline: none;
}
.dark-mode.logged-in .btn.btn-primary {
  color: white;
  background-color: #e05763;
  border-color: #e05763;
}
.dark-mode.logged-in .btn.btn-primary:hover {
  color: black;
  background-color: #cfd0ca;
  border-color: #cfd0ca;
}
.dark-mode.logged-in .btn.btn-primary:focus {
  background-color: #9ea094;
  border-color: #9ea094;
  outline: none;
}
.btn.btn-default:not(.dropdown-toggle) {
  color: #8c8c8c;
  background-color: white;
  border-color: white;
  border: 1px solid #dcdcdc;
}
.btn.btn-default:not(.dropdown-toggle):hover {
  color: #8c8c8c;
  background-color: #dcdcdc;
  border-color: #dcdcdc;
}
.btn.btn-default:not(.dropdown-toggle):focus {
  background-color: #a9a9a9;
  border-color: #a9a9a9;
  outline: none;
}
.dark-mode.logged-in .btn.btn-default:not(.dropdown-toggle) {
  color: white;
  background-color: #282828;
  border-color: #282828;
}
.dark-mode.logged-in .btn.btn-default:not(.dropdown-toggle):hover {
  color: white;
  background-color: #424242;
  border-color: #424242;
}
.dark-mode.logged-in .btn.btn-default:not(.dropdown-toggle):focus {
  background-color: #0e0e0e;
  border-color: #0e0e0e;
  outline: none;
}
/*.kv-editable-link {
  color: #e05763;
}
.kv-editable-link:hover {
  color: #b0212d;
}*/
.dark-mode-switch {
  display: flex;
  align-items: baseline;
  padding-top: 1rem;
}
.dark-mode.logged-in .dark-mode-switch .dark-mode-switch__control:before {
  transform: translateX(0.9rem);
}
.dark-mode-switch .dark-mode-switch__title {
  margin-right: 1rem;
  font-size: 1.2rem;
  font-weight: 300;
  text-transform: uppercase;
}
.dark-mode-switch .dark-mode-switch__control {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 2rem;
  height: 1.1rem;
  padding: 0 .2rem;
  background-color: #141414;
  border: none;
  border-radius: .4rem;
}
.dark-mode.logged-in .dark-mode-switch .dark-mode-switch__control {
  background-color: white;
}
.dark-mode.logged-in .dark-mode-switch .dark-mode-switch__control:before {
  background-color: #141414;
}
.dark-mode-switch .dark-mode-switch__control.animated:before {
  transition: transform .4s ease;
}
.dark-mode-switch .dark-mode-switch__control:before {
  content: '';
  width: .7rem;
  height: .7rem;
  background-color: white;
  border-radius: 50%;
}
.document-form .document-items .document-item {
  position: relative;
}
.document-form .document-items .document-item:first-of-type .remove-item-wrap {
  display: none;
}
.document-form .document-items .document-item:first-of-type .remove-item {
  display: none;
}
.document-form .document-items .document-item .file-input .input-group {
  width: 100%;
  display: flex;
  align-items: center;
}
.document-form .document-items .document-item .file-input .input-group .file-caption {
  border-radius: .8rem;
}
.document-form .document-items .document-item .file-input .input-group .file-caption .file-caption-icon {
  position: static;
}
.document-form .document-items .document-item .file-input .input-group .file-caption .file-caption-name {
  padding-left: .5rem;
}
.document-form .document-items .document-item .file-input .input-group .input-group-btn {
  position: absolute;
  right: .5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2.5rem;
  z-index: 10;
}
.document-form .document-items .document-item .file-input .input-group .input-group-btn .btn-file {
  padding: 0;
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.document-form .document-items .document-item .file-input .input-group .input-group-btn .btn-file:before {
  content: '+';
  font-size: 2.4rem;
  color: #141414;
}
.dark-mode.logged-in .document-form .document-items .document-item .file-input .input-group .input-group-btn .btn-file:before {
  color: white;
}
.document-form .document-items .document-item .file-input .input-group .input-group-btn .btn-file:active:before {
  color: #8c8c8c;
}
.document-form .document-items .document-item .file-input .input-group .input-group-btn .btn-file.has-file:before {
  content: url("../images/v3/icons/trash-can.svg");
  color: red;
}
.document-form .document-items .document-item .file-input .input-group .input-group-btn .btn-file input[type="file"] {
  font-size: 0;
  line-height: 0;
  background-color: transparent;
}
.document-form .document-items .document-item .file-input .input-group .input-group-btn .btn-file .glyphicon {
  display: none;
}
.document-form .document-items .document-item .file-input .input-group .input-group-btn .btn-file span {
  display: none;
}
.document-form .document-items .document-item .remove-item-wrap {
  margin-top: -2rem;
  text-align: right;
}
.document-form .document-items .document-item .remove-item {
  margin-bottom: 2rem;
  padding: 0;
  font-size: 1.4rem;
  color: #787878;
  background-color: transparent;
  border: none;
  border-bottom: 1px dashed currentColor;
}
.dark-mode.logged-in .document-form .document-items .document-item .remove-item {
  color: white;
}
.document-form .add-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 8rem;
  font-size: 1.4rem;
  font-weight: 300;
  text-transform: uppercase;
  border-radius: .8rem;
  transition: background-color 0.2s ease;
  color: #141414;
  background-color: #dcdcdc;
  border-color: #dcdcdc;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 2rem;
}
.document-form .add-item:hover {
  color: #141414;
  background-color: #cfcfcf;
  border-color: #cfcfcf;
}
.document-form .add-item:focus {
  background-color: #9c9c9c;
  border-color: #9c9c9c;
  outline: none;
}
.document-form .add-item:before {
  content: '\FE62';
  display: inline-block;
  margin-right: .5rem;
  font-size: 2.4rem;
  font-weight: 500;
  color: black;
}
.dark-mode.logged-in .document-form .add-item {
  color: white !important;
  background-color: #585858 !important;
  border-color: #585858 !important;
}
.dark-mode.logged-in .document-form .add-item:hover {
  color: white !important;
  background-color: #4b4b4b !important;
  border-color: #4b4b4b !important;
}
.dark-mode.logged-in .document-form .add-item:focus {
  background-color: #181818 !important;
  border-color: #181818 !important;
  outline: none !important;
}
.dark-mode.logged-in .document-form .add-item:before {
  color: white;
}
.pagination {
  margin: 2rem 0 4rem;
}
.pagination li span,
.pagination li a,
.pagination li a:hover,
.pagination li a:focus {
  border: 0;
  border-radius: 2px;
  color: #807d7b;
  font-weight: 400;
  margin: 0;
}
.pagination li a:hover,
.pagination li a:focus,
.pagination li span:hover {
  background: transparent;
}
.pagination li.active a {
  color: #fff;
  background: #bdbdbd;
}
.pagination li.active a:hover,
.pagination li.active a:focus {
  background: #bdbdbd;
}
.dark-mode.logged-in .modal-dialog {
  background-color: #141414;
}
.dark-mode.logged-in .modal-dialog .modal-header {
  background-color: #282828;
  border-bottom: 1px solid #585858;
}
.dark-mode.logged-in .modal-dialog .modal-body {
  background-color: #141414;
}
.dark-mode.logged-in .modal-dialog .modal-footer {
  background-color: #282828;
  border-top: 1px solid #585858;
}
.create-request-document .control-label {
  position: initial;
}
.create-request-document .control-label.is-active {
  font-size: 1.6rem;
}
@media all and (min-width: 1025px) {
  .show-on-mobile {
    display: none!important;
  }
  .hide-on-mobile {
    display: block!important;
  }
  body.logged-in .container-main {
    padding-left: 30rem;
  }
  .navbar-main {
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    width: 30rem;
    height: 100%;
    margin: 0;
    background-color: white;
    border: none;
    border-right: 1px solid #dcdcdc;
    border-radius: 0;
    overflow: hidden;
  }
  .dark-mode.logged-in .navbar-main {
    background-color: #141414;
    border-right-color: #282828;
  }
  .navbar-main .navbar-header {
    margin-bottom: 2.8rem;
    padding-top: 4.5rem;
  }
  .navbar-main .navbar-nav {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
    padding-left: 5rem;
  }
  .navbar-main .navbar-nav > .nav-item {
    display: flex;
    align-items: center;
    padding-right: 2rem;
  }
  .navbar-main .navbar-nav > .nav-item:before {
    content: '';
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .navbar-main .navbar-nav > .nav-item:hover > a,
  .navbar-main .navbar-nav > .nav-item.active > a {
    color: #e05763;
  }
  .dark-mode.logged-in .navbar-main .navbar-nav > .nav-item:hover > a,
  .dark-mode.logged-in .navbar-main .navbar-nav > .nav-item.active > a {
    color: #e05763;
  }
  .navbar-main .navbar-nav > .nav-item a {
    font-size: 1.4rem;
    font-weight: 300;
    text-transform: uppercase;
    color: #141414;
    transition: color .2s ease;
  }
  .dark-mode.logged-in .navbar-main .navbar-nav > .nav-item a {
    color: white;
  }
  .navbar-main .navbar-nav > .nav-item.request-create:before {
    background-image: url("../images/v3/icons/menu/dialog.svg");
  }
  .dark-mode.logged-in .navbar-main .navbar-nav > .nav-item.request-create:before {
    background-image: url("../images/v3/icons/menu/dialog-white.svg");
  }
  .navbar-main .navbar-nav > .nav-item.request-create.active:before,
  .navbar-main .navbar-nav > .nav-item.request-create:hover:before {
    background-image: url("../images/v3/icons/menu/dialog-red.svg");
  }
  .dark-mode.logged-in .navbar-main .navbar-nav > .nav-item.request-create.active:before,
  .dark-mode.logged-in .navbar-main .navbar-nav > .nav-item.request-create:hover:before {
    background-image: url("../images/v3/icons/menu/dialog-red.svg");
  }
  .navbar-main .navbar-nav > .nav-item.request-list:before {
    background-image: url("../images/v3/icons/menu/lines-check.svg");
  }
  .dark-mode.logged-in .navbar-main .navbar-nav > .nav-item.request-list:before {
    background-image: url("../images/v3/icons/menu/lines-check-white.svg");
  }
  .navbar-main .navbar-nav > .nav-item.request-list.active:before,
  .navbar-main .navbar-nav > .nav-item.request-list:hover:before {
    background-image: url("../images/v3/icons/menu/lines-check-red.svg");
  }
  .dark-mode.logged-in .navbar-main .navbar-nav > .nav-item.request-list.active:before,
  .dark-mode.logged-in .navbar-main .navbar-nav > .nav-item.request-list:hover:before {
    background-image: url("../images/v3/icons/menu/lines-check-red.svg");
  }
  .navbar-main .navbar-nav > .nav-item.contracts:before {
    background-image: url("../images/v3/icons/menu/shield.svg");
  }
  .dark-mode.logged-in .navbar-main .navbar-nav > .nav-item.contracts:before {
    background-image: url("../images/v3/icons/menu/shield-white.svg");
  }
  .navbar-main .navbar-nav > .nav-item.contracts.active:before,
  .navbar-main .navbar-nav > .nav-item.contracts:hover:before {
    background-image: url("../images/v3/icons/menu/shield-red.svg");
  }
  .dark-mode.logged-in .navbar-main .navbar-nav > .nav-item.contracts.active:before,
  .dark-mode.logged-in .navbar-main .navbar-nav > .nav-item.contracts:hover:before {
    background-image: url("../images/v3/icons/menu/shield-red.svg");
  }
  .navbar-main .navbar-nav > .nav-item.rent-simulator:before {
    background-image: url("../images/v3/icons/menu/compass.svg");
  }
  .dark-mode.logged-in .navbar-main .navbar-nav > .nav-item.rent-simulator:before {
    background-image: url("../images/v3/icons/menu/compass-white.svg");
  }
  .navbar-main .navbar-nav > .nav-item.rent-simulator.active:before,
  .navbar-main .navbar-nav > .nav-item.rent-simulator:hover:before {
    background-image: url("../images/v3/icons/menu/compass-red.svg");
  }
  .dark-mode.logged-in .navbar-main .navbar-nav > .nav-item.rent-simulator.active:before,
  .dark-mode.logged-in .navbar-main .navbar-nav > .nav-item.rent-simulator:hover:before {
    background-image: url("../images/v3/icons/menu/compass-red.svg");
  }
  .navbar-main .navbar-nav > .nav-item.documents:before {
    background-image: url("../images/v3/icons/menu/folder-favourite.svg");
  }
  .dark-mode.logged-in .navbar-main .navbar-nav > .nav-item.documents:before {
    background-image: url("../images/v3/icons/menu/folder-favourite-white.svg");
  }
  .navbar-main .navbar-nav > .nav-item.documents.active:before,
  .navbar-main .navbar-nav > .nav-item.documents:hover:before {
    background-image: url("../images/v3/icons/menu/folder-favourite-red.svg");
  }
  .dark-mode.logged-in .navbar-main .navbar-nav > .nav-item.documents.active:before,
  .dark-mode.logged-in .navbar-main .navbar-nav > .nav-item.documents:hover:before {
    background-image: url("../images/v3/icons/menu/folder-favourite-red.svg");
  }
  .navbar-main .navbar-nav > .nav-item.active:after {
    content: '';
    position: absolute;
    top: 1rem;
    right: -1.5rem;
    display: block;
    width: 3rem;
    height: 3rem;
    background-color: #e05763;
    border-radius: 50%;
  }
  .navbar-main .navbar-nav > .nav-item.active:not(.request-list) a {
    color: #e05763;
    background: none;
  }
  .navbar-main .navbar-nav > .nav-item.active a {
    background: none;
  }
  .navbar-main .navbar-nav .dropdown {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  .navbar-main .navbar-nav .dropdown:before {
    content: none;
  }
  .navbar-main .navbar-nav .dropdown .dropdown-toggle {
    padding: 1rem 3.5rem;
  }
  .navbar-main .navbar-nav .dropdown .dropdown-toggle .caret {
    margin-left: .4rem;
  }
  .navbar-main .navbar-nav .dropdown.open .dropdown-toggle {
    background-color: white;
    border: 1px solid #bebebe;
    border-bottom: none;
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem;
  }
  .dark-mode.logged-in .navbar-main .navbar-nav .dropdown.open .dropdown-toggle {
    background-color: #585858;
    border-color: transparent;
  }
  .navbar-main .navbar-nav .dropdown.open .dropdown-menu {
    right: 2rem;
    background-color: white;
    border: 1px solid #bebebe;
    border-top: none;
  }
  .dark-mode.logged-in .navbar-main .navbar-nav .dropdown.open .dropdown-menu {
    background-color: #585858;
    border: none;
  }
  .navbar-main .navbar-nav .dropdown.open .dropdown-menu li.active a {
    color: white;
    background-color: #e05763;
  }
  .navbar-main .navbar-nav .dropdown.open .dropdown-menu li:hover a {
    background-color: #f2f2f2;
    color: #141414;
  }
  .dark-mode.logged-in .navbar-main .navbar-nav .dropdown.open .dropdown-menu li:hover a {
    background-color: #727272;
  }
  .navbar-main .navbar-bottom {
    margin-top: auto;
  }
  .navbar-main .navbar-bottom .sidebar-filters {
    margin-bottom: 1rem;
  }
  .navbar-main .navbar-bottom .sidebar-filters .sidebar-filters__controls {
    display: flex;
    flex-direction: column;
    margin: 0 2rem;
  }
  .navbar-main .navbar-bottom .sidebar-filters .sidebar-filters__controls > * {
    height: 5rem;
    padding: 0;
    border: 1px solid #dcdcdc;
    border-top: none;
    border-radius: 0;
    white-space: normal;
    word-break: break-word;
  }
  .navbar-main .navbar-bottom .sidebar-filters .sidebar-filters__controls > *:first-child {
    border-top: 1px solid #dcdcdc;
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem;
  }
  .navbar-main .navbar-bottom .sidebar-filters .sidebar-filters__controls > *:last-child {
    border-bottom-left-radius: .4rem;
    border-bottom-right-radius: .4rem;
  }
  .dark-mode.logged-in .navbar-main .navbar-bottom .sidebar-filters .sidebar-filters__controls > * {
    border-color: #585858;
  }
  .navbar-main .navbar-bottom .sidebar-filters .sidebar-filters__controls > *.btn,
  .navbar-main .navbar-bottom .sidebar-filters .sidebar-filters__controls > * .btn {
    padding: .5rem 1.5rem;
  }
  .dark-mode.logged-in .navbar-main .navbar-bottom .sidebar-filters .sidebar-filters__controls > *.btn,
  .dark-mode.logged-in .navbar-main .navbar-bottom .sidebar-filters .sidebar-filters__controls > * .btn {
    background-color: #141414;
  }
  .navbar-main .navbar-bottom .sidebar-filters .sidebar-filters__controls > *.btn:hover,
  .navbar-main .navbar-bottom .sidebar-filters .sidebar-filters__controls > * .btn:hover {
    background-color: #dcdcdc;
  }
  .dark-mode.logged-in .navbar-main .navbar-bottom .sidebar-filters .sidebar-filters__controls > *.btn:hover,
  .dark-mode.logged-in .navbar-main .navbar-bottom .sidebar-filters .sidebar-filters__controls > * .btn:hover {
    background-color: #585858!important;
  }
  .navbar-main .navbar-bottom .sidebar-filters .sidebar-filters__controls .form-group {
    margin: 0;
  }
  .navbar-main .navbar-bottom .sidebar-filters .sidebar-filters__controls .form-group .form-control {
    height: 100%;
  }
  .navbar-main .navbar-bottom .sidebar-filters .sidebar-filters__controls .form-group .dropdown-toggle {
    height: 100%;
    border: none;
    border-radius: 0;
  }
  .navbar-main .navbar-bottom .sidebar-filters .sidebar-filters__controls .form-group .dropdown-toggle .caret {
    right: 2rem!important;
    color: #8c8c8c;
  }
  .navbar-main .navbar-bottom .sidebar-filters .sidebar-filters__controls .form-group .dropdown-toggle .filter-option {
    color: #141414;
  }
  .dark-mode.logged-in .navbar-main .navbar-bottom .sidebar-filters .sidebar-filters__controls .form-group .dropdown-toggle .filter-option {
    color: white;
  }
  .navbar-main .navbar-bottom .sidebar-filters .sidebar-filters__controls .form-group .dropdown-menu {
    margin: 0;
  }
  .navbar-main .navbar-bottom .sidebar-filters .btn {
    display: flex;
    align-items: center;
    font-weight: 300;
    text-align: left;
  }
  .navbar-main .navbar-bottom .sidebar-filters .export-btn {
    display: flex;
    align-items: center;
    padding: 0 1.5rem;
    font-weight: 300;
    text-align: left;
    text-transform: uppercase;
    background-image: url("../images/v3/icons/download-grey.svg");
    background-repeat: no-repeat;
    background-position: right 2rem center;
  }
  .navbar-main .account-wrapper {
    display: flex;
    padding: 0 2rem 1rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
  }
  .navbar-main .account-wrapper .user-pic-wrap {
    margin-right: 1rem;
  }
  .navbar-main .account-wrapper .user-name-wrap {
    display: flex;
    flex-direction: column;
  }
  .navbar-main .account-wrapper .user-pic,
  .navbar-main .account-wrapper .user-initials {
    display: inline-flex;
    width: 5rem;
    height: 5rem;
    background-color: #bebebe;
    color: white;
    border-radius: .4rem;
  }
  .dark-mode.logged-in .navbar-main .account-wrapper .user-pic,
  .dark-mode.logged-in .navbar-main .account-wrapper .user-initials {
    background-color: #282828;
  }
  .navbar-main .account-wrapper .user-pic {
    object-fit: cover;
  }
  .navbar-main .account-wrapper .user-initials {
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    font-weight: 600;
    color: white;
  }
  .navbar-main .account-wrapper .user-full-name {
    font-size: 1.4rem;
    font-weight: bold;
  }
  .navbar-main .account-wrapper .user-logout-link {
    padding-bottom: .3rem;
    font-size: 1.2rem;
    font-weight: 300;
    color: #b3b3b3;
    text-decoration: none;
    border-bottom: 1px solid currentColor;
  }
  .navbar-main .controls-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 0 2rem;
    margin-bottom: 2rem;
  }
  .navbar-main .controls-wrapper .contact-link {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    background-image: url("../images/v3/contact-link-bg.svg");
    background-repeat: no-repeat;
    background-size: contain;
  }
  .navbar-main .controls-wrapper .contact-link:hover {
    opacity: .7;
  }
  .navbar-main .mobile-app-wrapper {
    padding: 1rem 0 1.5rem;
    margin: 2rem;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    color: #b3b3b3;
    font-size: 1.2rem;
    text-align: center;
  }
  .navbar-main .mobile-app-wrapper .mobile-app-label {
    padding: 0 0 1rem;
  }
  .navbar-main .mobile-app-wrapper .mobile-app-link {
    display: inline-block;
    text-decoration: none;
  }
  .navbar-main .mobile-app-wrapper .mobile-app-link .mobile-app-columns {
    display: flex;
    justify-content: center;
  }
  .navbar-main .mobile-app-wrapper .mobile-app-link .mobile-app-col-right {
    border-left: 1px solid #dcdcdc;
    padding-left: 1.5rem;
    margin-left: 1.5rem;
  }
  .navbar-main .mobile-app-wrapper .mobile-app-link .icon-mobile-app {
    background-image: url('../images/v3/mobile-app/Icone_App_Marylease_EXE.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 8rem;
    height: 8rem;
    display: inline-block;
  }
  .navbar-main .mobile-app-wrapper .mobile-app-link .icon-mobile-app-ios {
    background-image: url('../images/v3/mobile-app/ios-appstorebadge-fr.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 13rem;
    height: 4rem;
    display: block;
  }
  .navbar-main .mobile-app-wrapper .mobile-app-link .icon-mobile-app-android {
    background-image: url('../images/v3/mobile-app/google-play-badge-fr.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 13rem;
    height: 3.75rem;
    display: block;
  }
  .side-banner {
    width: 46rem;
    height: calc(96vh);
    margin: 2rem 2rem 0 0;
    padding: 5rem;
    background-image: url("../images/v3/mountain-clouds.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .side-banner .text {
    color: white;
    font-size: 3.8rem;
    text-align: center;
  }
  .side-banner__cover {
    background-size: cover;
    background-position: initial;
  }
  .two-cols-container {
    display: flex;
  }
  .two-cols-container > *:first-child {
    flex: 1;
  }
  .text-thin {
    font-weight: 300;
  }
  .home-link-wrap {
    display: flex;
    justify-content: center;
  }
  .home-link-wrap .home-link {
    width: 20rem;
    height: 5.3rem;
    background-image: url("../images/v3/marylease-logo.svg");
    background-repeat: no-repeat;
    background-size: contain;
  }
  .dark-mode.logged-in .home-link-wrap .home-link {
    background-image: url("../images/v3/marylease-logo-dm.svg");
  }
  .dark-mode.logged-in .home-link-wrap .home-link__voip {
    background-image: url("../images/v3/voip-logo.svg");
  }
  .home-link-wrap .home-link__voip {
    height: 9rem;
    background-image: url("../images/v3/voip-logo.svg") !important;
    background-position: center;
  }
  .home-link-wrap .home-link__simple {
    background-image: url("../images/v3/marylease-logo-simple.svg");
  }
  .dark-mode.logged-in .home-link-wrap .home-link__simple {
    background-image: url("../images/v3/marylease-logo-simple-dm.svg");
  }
  .piggyback-alert {
    margin: 0;
    padding: .3rem 0 .3rem 38rem;
    background-color: #dcdcdc;
  }
  .dark-mode.logged-in .piggyback-alert {
    background-color: #282828;
    border-bottom: 1px solid #dcdcdc;
  }
  .grid-view .kv-sort-icon {
    display: none;
  }
  .grid-view.thin-rows .table thead {
    margin-bottom: 1rem;
  }
  .grid-view.thin-rows .table thead tr {
    padding: 0;
    border-radius: .8rem;
  }
  .grid-view.thin-rows .table thead tr th {
    height: 4rem!important;
  }
  .grid-view.thin-rows .table tbody {
    padding: 0;
  }
  .grid-view.thin-rows .table tbody tr {
    min-height: 4rem;
    margin-bottom: 1rem;
  }
  .grid-view.last-cell-grey .table tbody tr:hover td:last-of-type {
    background-color: #141414;
    border-color: #141414;
  }
  .dark-mode.logged-in .grid-view.last-cell-grey .table tbody tr:hover td:last-of-type {
    background-color: white;
    border-color: #585858;
  }
  .grid-view.last-cell-grey .table tbody tr td:last-of-type {
    background-color: #f0f0f0;
    border-left: 1px solid #dcdcdc;
  }
  .dark-mode.logged-in .grid-view.last-cell-grey .table tbody tr td:last-of-type {
    background-color: #282828;
    border-left-color: #585858;
  }
  .grid-view .table {
    display: flex;
    flex-direction: column;
  }
  .grid-view .table thead {
    margin-bottom: 2rem;
  }
  .grid-view .table thead tr {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    padding: 0 2rem;
  }
  .grid-view .table thead tr:first-of-type {
    background-color: #f0f0f0;
  }
  .grid-view .table thead tr:first-of-type th {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto !important;
    height: 8rem;
    font-size: 1.4rem;
    font-weight: 300;
    border: none;
    transition: height .2s ease;
  }
  .grid-view .table thead tr:first-of-type th.is-open {
    height: 4rem;
  }
  .grid-view .table thead tr:first-of-type th a {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: #141414;
  }
  .grid-view .table thead tr:first-of-type th a:before {
    content: url("../images/v3/icons/sort.svg");
    margin-right: 1.2rem;
    margin-bottom: -0.4rem;
  }
  .dark-mode.logged-in .grid-view .table thead tr:first-of-type th a:before {
    content: url("../images/v3/icons/sort-dm.svg");
  }
  .grid-view .table thead tr:first-of-type th a.asc:before {
    content: url("../images/v3/icons/sort-asc.svg");
  }
  .dark-mode.logged-in .grid-view .table thead tr:first-of-type th a.asc:before {
    content: url("../images/v3/icons/sort-asc-dm.svg");
  }
  .grid-view .table thead tr:first-of-type th a.desc:before {
    content: url("../images/v3/icons/sort-desc.svg");
  }
  .dark-mode.logged-in .grid-view .table thead tr:first-of-type th a.desc:before {
    content: url("../images/v3/icons/sort-desc-dm.svg");
  }
  .grid-view .table thead tr:first-of-type th .toggle-filter-btn {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    margin-left: 1rem;
    background-color: transparent;
    background-image: url("../images/v3/icons/zoom-grey.svg");
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
  }
  .dark-mode.logged-in .grid-view .table thead tr:first-of-type th .toggle-filter-btn {
    background-image: url("../images/v3/icons/zoom-grey-md.svg");
  }
  .dark-mode.logged-in .grid-view .table thead tr:first-of-type {
    background-color: #282828;
  }
  .dark-mode.logged-in .grid-view .table thead tr:first-of-type th a {
    color: white;
  }
  .grid-view .table thead .filters {
    position: relative;
    height: 0;
  }
  .grid-view .table thead .filters td {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-top: none;
    margin-top: -4rem;
    transition: margin-top 0.2s ease, opacity 0.4s ease;
    pointer-events: none;
  }
  .grid-view .table thead .filters td > * {
    max-width: 100%;
    background-color: white;
  }
  .dark-mode.logged-in .grid-view .table thead .filters td > * {
    background-color: transparent;
  }
  .grid-view .table thead .filters td.is-open {
    margin-top: -5rem;
    pointer-events: auto;
  }
  .grid-view .table thead .filters td:not(.is-open) > * {
    opacity: 0;
  }
  .dark-mode.logged-in .grid-view .table thead .filters td input {
    color: white;
  }
  .grid-view .table thead .filters td .help-block {
    font-size: 1.3rem;
    line-height: 1;
  }
  .dark-mode.logged-in .grid-view .table thead .filters td .bootstrap-select .dropdown-toggle {
    background-color: transparent;
  }
  .dark-mode.logged-in .grid-view .table thead .filters td .bootstrap-select .dropdown-toggle:hover {
    background-color: transparent;
  }
  .dark-mode.logged-in .grid-view .table thead .filters td .bootstrap-select .dropdown-menu {
    color: white;
    background-color: #141414;
  }
  .dark-mode.logged-in .grid-view .table thead .filters td .bootstrap-select .dropdown-menu.open {
    border: 1px solid #585858;
  }
  .dark-mode.logged-in .grid-view .table thead .filters td .bootstrap-select .dropdown-menu li a {
    color: white;
    background-color: #141414;
  }
  .dark-mode.logged-in .grid-view .table thead .filters td .bootstrap-select .dropdown-menu li a:hover {
    background-color: #585858!important;
  }
  .dark-mode.logged-in .grid-view .table thead .filters td .bootstrap-select .dropdown-menu li:hover a,
  .dark-mode.logged-in .grid-view .table thead .filters td .bootstrap-select .dropdown-menu li.selected a {
    background-color: #282828;
  }
  .grid-view .table tbody {
    display: flex;
    flex-direction: column;
    padding: 0 2rem;
  }
  .grid-view .table tbody tr {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    width: 100%;
    min-height: 8rem;
    margin-bottom: 2rem;
    background-color: white;
    border: 1px solid #dcdcdc;
    border-radius: .8rem;
  }
  .grid-view .table tbody tr:hover {
    background-color: #f0f0f0;
  }
  .dark-mode.logged-in .grid-view .table tbody tr:hover {
    background-color: #585858;
  }
  .grid-view .table tbody tr:hover .dropdown-wrapper {
    position: relative;
  }
  .grid-view .table tbody tr:hover .dropdown-wrapper .dropdown-toggle {
    cursor: pointer;
  }
  .grid-view .table tbody tr:hover .dropdown-wrapper .dropdown-toggle:before {
    content: url("../images/v3/icons/pen-white.svg");
  }
  .dark-mode.logged-in .grid-view .table tbody tr:hover .dropdown-wrapper .dropdown-toggle:before {
    content: url("../images/v3/icons/pen-black.svg");
  }
  .dark-mode.logged-in .grid-view .table tbody tr {
    background-color: #141414;
    border-color: #585858;
  }
  .grid-view .table tbody tr td {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    border: none;
    word-break: break-word;
  }
  .grid-view .table tbody tr td:first-of-type {
    border-top-left-radius: .8rem;
    border-bottom-left-radius: .8rem;
  }
  .grid-view .table tbody tr td:last-of-type {
    border-top-right-radius: .8rem;
    border-bottom-right-radius: .8rem;
  }
  .grid-view .table tbody .ias-trigger {
    display: flex;
    width: auto;
    margin: 0 auto;
    border: none;
    cursor: pointer;
  }
  .grid-view .table tbody .ias-trigger td {
    padding: 0 8rem;
  }
  .grid-view .table tbody .ias-trigger td a {
    color: #141414;
    text-transform: uppercase;
  }
  .grid-view .table tbody .ias-trigger td a:hover {
    text-decoration: none;
  }
  .grid-view .table tbody .ias-noneleft {
    font-weight: 300;
    color: #e05763;
  }
  .grid-view .view-btn:before {
    content: url("../images/v3/icons/eye-grey.svg");
  }
  .grid-view .dropdown-wrapper {
    width: 100%;
    height: 100%;
  }
  .grid-view .dropdown-wrapper .dropdown-toggle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  .grid-view .dropdown-wrapper .dropdown-toggle:before {
    content: url("../images/v3/icons/pen-grey.svg");
  }
  .grid-view .dropdown-wrapper .dropdown-menu {
    left: auto;
    right: 0;
    padding: 0;
    background-color: #1e1e1e;
    border-radius: .8rem;
    transition: background-color 0.2s ease;
  }
  .grid-view .dropdown-wrapper .dropdown-menu > li {
    display: flex;
    align-items: center;
    height: 8rem;
    padding: 0 6rem 0 3rem;
  }
  .grid-view .dropdown-wrapper .dropdown-menu > li:not(:last-of-type) {
    border-bottom: 1px solid #585858;
  }
  .grid-view .dropdown-wrapper .dropdown-menu > li:hover {
    background-color: #585858;
  }
  .grid-view .dropdown-wrapper .dropdown-menu > li:hover:first-of-type {
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem;
  }
  .grid-view .dropdown-wrapper .dropdown-menu > li:hover:last-of-type {
    border-bottom-left-radius: .4rem;
    border-bottom-right-radius: .4rem;
  }
  .grid-view .dropdown-wrapper .dropdown-menu > li a {
    display: flex;
    padding: 0;
    font-size: 1.4rem;
    font-weight: 300;
    color: white;
  }
  .grid-view .dropdown-wrapper .dropdown-menu > li a:hover {
    background-color: transparent;
  }
  .grid-view .dropdown-wrapper .dropdown-menu > li a .icon {
    min-width: 2.2rem;
    margin-right: 3rem;
    font-size: 2rem;
  }
  .grid-view .dropdown-wrapper .dropdown-menu > li a .icon.icon-proposition:before {
    content: url("../images/v3/icons/eye-white.svg");
  }
  .grid-view .dropdown-wrapper .dropdown-menu > li a .icon.icon-accord:before {
    content: url("../images/v3/icons/badge-arrow-down-white.svg");
  }
  .grid-view .dropdown-wrapper .dropdown-menu > li a .icon.icon-eye:before {
    content: url("../images/v3/icons/eye-white.svg");
  }
  .grid-view .dropdown-wrapper .dropdown-menu > li a .icon.icon-contrat:before {
    content: url("../images/v3/icons/badge-arrow-down-white.svg");
  }
  .detail-view {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .detail-view .detail-view__header {
    display: flex;
    align-items: center;
    width: 100%;
    height: 8rem;
    margin-bottom: 2rem;
    background-color: #f0f0f0;
  }
  .dark-mode.logged-in .detail-view .detail-view__header {
    background-color: #282828;
  }
  .detail-view .detail-view__header__prev-page-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 8rem;
    height: 8rem;
    margin-right: 1.5rem;
    font-size: 0;
    color: black;
    background-color: #dcdcdc;
    background-image: url("../images/v3/icons/chevron-left-white.svg");
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    transition: background-color 0.2s ease;
  }
  .dark-mode.logged-in .detail-view .detail-view__header__prev-page-btn {
    background-color: #585858;
    background-image: url("../images/v3/icons/chevron-left-white.svg");
  }
  .detail-view .detail-view__header__prev-page-btn:hover {
    background-color: #c3c3c3;
  }
  .dark-mode.logged-in .detail-view .detail-view__header__prev-page-btn:hover {
    background-color: #727272;
  }
  .detail-view .detail-view__header__title {
    margin: 0;
    font-size: 2rem;
    font-weight: 300;
    color: black;
  }
  .dark-mode.logged-in .detail-view .detail-view__header__title {
    color: white;
  }
  .detail-view .detail-view__main-section {
    width: calc(55% - 3rem);
    margin-left: 2rem;
    margin-bottom: 2rem;
    padding: 1.5rem 1.5rem 5rem;
    border: 1px solid #dcdcdc;
    border-radius: .8rem;
  }
  .detail-view .detail-view__main-section .detail-view {
    width: 100%;
    border: none;
  }
  .detail-view .detail-view__main-section .detail-view > tbody {
    width: 100%;
  }
  .detail-view .detail-view__main-section .detail-view > tbody > tr {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 4fr);
    background-color: transparent!important;
  }
  .detail-view .detail-view__main-section .detail-view > tbody > tr > th,
  .detail-view .detail-view__main-section .detail-view > tbody > tr > td {
    padding: 1.2rem;
    font-size: 1.4rem;
    font-weight: 300;
    border: none;
  }
  .detail-view .detail-view__main-section .detail-view > tbody > tr > th {
    padding-right: 3rem;
    text-align: right;
  }
  .detail-view .detail-view__main-section .detail-view > tbody > tr > td {
    padding-left: 3rem;
    text-align: left;
  }
  .detail-view .detail-view__aux-section {
    width: calc(45% - 3rem);
    margin-right: 2rem;
  }
  .detail-view .grid-view {
    font-weight: 300;
  }
  .detail-view .grid-view-heading {
    padding: 0 2rem;
    font-weight: 300;
  }
}
@media all and (min-width: 1025px) and (max-width: 1440px) {
  .dark-mode.logged-in .navbar-main {
    background-color: #141414;
    border-right-color: #282828;
  }
  .navbar-main .navbar-header {
    margin-bottom: 1rem;
    padding-top: 2rem;
  }
  .navbar-main .navbar-nav {
    margin-bottom: 1rem;
  }
  .navbar-main .navbar-nav > .nav-item > a {
    padding-top: .8rem;
    padding-bottom: .8rem;
  }
  .navbar-main .navbar-nav .dropdown {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  .navbar-main .navbar-nav .dropdown:before {
    content: none;
  }
  body.auth-page .container-main .auth-page__text .auth-page__text-item {
    font-size: 1.8rem;
  }
}
/* All mobiles */
@media screen and (max-width: 1024px) {
  .show-on-mobile {
    display: block!important;
  }
  .hide-on-mobile {
    display: none!important;
  }
}
/* iPhone 5 */
@media screen and (max-width: 320px) {
  body.auth-page .container-main .auth-page__text {
    display: none;
  }
  body.auth-page .container-main .auth-page__bg {
    width: calc(50%);
  }
}
/* iPhone 6 */
@media screen and (min-width: 321px) and (max-width: 375px) {
  body.auth-page .container-main .auth-page__text {
    display: none;
  }
  body.auth-page .container-main .auth-page__bg {
    width: calc(50%);
  }
}
/* iPhone 6+ */
@media screen and (min-width: 376px) and (max-width: 450px) {
  body.auth-page .container-main .auth-page__text {
    display: none;
  }
  body.auth-page .container-main .auth-page__bg {
    width: calc(50%);
  }
}
/* Large phones */
@media screen and (min-width: 451px) and (max-width: 767px) {
  body.auth-page .container-main .auth-page__text {
    display: none;
  }
  body.auth-page .container-main .auth-page__bg {
    width: calc(50%);
  }
}
/* Tablets */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  body.auth-page .container-main .auth-page__text {
    display: none;
  }
  body.auth-page .container-main .auth-page__bg {
    width: calc(50%);
  }
}
.auth-page .container-main {
  display: flex;
  width: 100%;
}
.auth-page .container-main .home-link-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 5.5rem;
}
.auth-page .container-main .home-link {
  width: 20rem;
  height: 5.3rem;
}
.auth-page .container-main .home-link__voip {
  height: 9rem;
  background-image: url("../images/v3/voip-logo.svg") !important;
  background-position: center;
}
.auth-page .container-main .home-link img {
  width: 100%;
  height: 100%;
}
.auth-page .container-main .form-caption {
  margin-bottom: 5.5rem;
  font-size: 1.8rem;
  line-height: normal;
}
.auth-page .container-main .auth-page__form {
  flex: 0 0 50rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50rem;
  padding: 8rem;
  font-weight: 300;
}
.auth-page .container-main .auth-page__form .btn-success {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 8rem;
  font-size: 1.4rem;
  font-weight: 300;
  text-transform: uppercase;
  border-radius: .8rem;
  transition: background-color 0.2s ease;
  color: white;
  background-color: #141414;
  border-color: #141414;
}
.auth-page .container-main .auth-page__form .btn-success:hover {
  color: white;
  background-color: #e05763;
  border-color: #e05763;
}
.auth-page .container-main .auth-page__form .btn-success:focus {
  background-color: #b0212d;
  border-color: #b0212d;
  outline: none;
}
.auth-page .container-main .auth-page__form .forgot-pwd {
  margin-top: -1.5rem;
  text-align: center;
}
.auth-page .container-main .auth-page__form .forgot-pwd a {
  padding-bottom: .5rem;
  font-size: 1.4rem;
  font-weight: 300;
  color: #8c8c8c;
  border-bottom: 1px solid currentColor;
  text-decoration: none;
}
.auth-page .container-main .auth-page__text {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8rem;
  padding-left: 0;
}
.auth-page .container-main .auth-page__text .auth-page__text-item {
  display: flex;
  align-items: baseline;
  font-size: 2.2rem;
  font-weight: 300;
}
.auth-page .container-main .auth-page__text .auth-page__text-item:before {
  content: url("../images/v3/icons/tick.svg");
  margin-right: 1rem;
}
.auth-page .container-main .auth-page__bg {
  /*min-width: 50rem;
  background-image: url("../images/v3/login-bg.jpg");*/

  /*min-width: 42rem;
  background-image: url("../images/v3/login-bg-2.jpg");*/

  /*min-width: 45rem;
  background-image: url("../images/v3/login-bg-3.jpg");*/

  /*min-width: 45rem;
  background-image: url("../images/v3/login-bg-5.jpg");*/

  /*min-width: 45rem;
  background-image: url("../images/v3/login-bg-6.jpg");*/

  /*min-width: 45rem;
  background-image: url("../images/v3/login-bg-7.jpg");*/

  width: 40%;
  min-width: 45rem;
  background-image: url("../images/v3/login-bg-6.jpg");

  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.piggyback-login {
  display: flex;
  align-items: center;
  min-height: 100vh;
  width: 50rem;
  padding: 0 8rem;
}
.piggyback-login .piggyback-login__form {
  width: 100%;
}
.piggyback-login .btn-success {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 8rem;
  font-size: 1.4rem;
  font-weight: 300;
  text-transform: uppercase;
  border-radius: .8rem;
  transition: background-color 0.2s ease;
  color: white;
  background-color: #141414;
  border-color: #141414;
}
.piggyback-login .btn-success:hover {
  color: white;
  background-color: #e05763;
  border-color: #e05763;
}
.piggyback-login .btn-success:focus {
  background-color: #b0212d;
  border-color: #b0212d;
  outline: none;
}
.request-create .request-form {
  padding: 7rem;
}
.request-create .request-form .btn-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 8rem;
  font-size: 1.4rem;
  font-weight: 300;
  text-transform: uppercase;
  border-radius: .8rem;
  transition: background-color 0.2s ease;
  color: white;
  background-color: #141414;
  border-color: #141414;
  width: 100%;
}
.request-create .request-form .btn-submit:hover {
  color: white;
  background-color: #e05763;
  border-color: #e05763;
}
.request-create .request-form .btn-submit:focus {
  background-color: #b0212d;
  border-color: #b0212d;
  outline: none;
}
.dark-mode.logged-in .request-create .request-form .btn-submit {
  color: #000000;
  background-color: #cfd0ca;
  border-color: #cfd0ca;
}
.dark-mode.logged-in .request-create .request-form .btn-submit:hover {
  color: #000000;
  background-color: #e05763;
  border-color: #e05763;
}
.dark-mode.logged-in .request-create .request-form .btn-submit:focus {
  background-color: #b0212d;
  border-color: #b0212d;
  outline: none;
}
.request-create .request-form .no-grids {
  margin: 0 0 3rem;
}
.request-create .request-form .hint-block {
  margin-top: .5rem;
}
.request-index .grid-view .request-table-header {
  display: none;
}
.request-index .grid-view .table thead tr {
  grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr) minmax(0, 2.5fr) repeat(2, minmax(0, 1fr)) minmax(0, 8rem);
}
.request-index .grid-view .table tbody tr {
  grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr) minmax(0, 2.5fr) repeat(2, minmax(0, 1fr)) minmax(0, 8rem);
  cursor: pointer;
}
.request-index .grid-view .table tbody tr:hover td.status-column .status-badge {
  background-color: #dcdcdc;
}
.dark-mode.logged-in .request-index .grid-view .table tbody tr:hover td.status-column .status-badge {
  background-color: #424242;
}
.request-index .grid-view .table tbody tr td {
  font-size: 1.4rem;
  font-weight: 300;
}
.request-index .grid-view .table tbody tr td.status-column {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  padding: 0;
  text-align: left;
  overflow: hidden;
}
.request-index .grid-view .table tbody tr td.status-column .status-badge {
  flex: 0 0 8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8rem;
  margin-right: 2.4rem;
  background-color: #f0f0f0;
}
.request-index .grid-view .table tbody tr td.status-column .status-badge.accepted:before {
  content: url("../images/v3/icons/thumb-up-green.svg");
}
.request-index .grid-view .table tbody tr td.status-column .status-badge.study:before {
  content: url("../images/v3/icons/sand-watch-yellow.svg");
}
.request-index .grid-view .table tbody tr td.status-column .status-badge.study-danger:before {
  content: url("../images/v3/icons/sand-watch-red.svg");
}
.request-index .grid-view .table tbody tr td.status-column .status-badge.denied:before {
  content: url("../images/v3/icons/thumb-up-red.svg");
}
.request-index .grid-view .table tbody tr td.status-column .status-badge.accepted-with-condition:before {
  content: url("../images/v3/icons/thumb-up-t-white-green.svg");
}
.request-index .grid-view .table tbody tr td.status-column .status-badge.signed-first-step:before {
  content: url("../images/v3/icons/signature-1-green.svg");
}
.request-index .grid-view .table tbody tr td.status-column .status-badge.signed:before {
  content: url("../images/v3/icons/signature-2-green.svg");
}
.request-index .grid-view .table tbody tr td.status-column .status-title {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 300;
  color: black;
}
.dark-mode.logged-in .request-index .grid-view .table tbody tr td.status-column .status-badge {
  background-color: #282828;
  border-right: 1px solid #585858;
}
.dark-mode.logged-in .request-index .grid-view .table tbody tr td.status-column .status-title {
  color: white;
}
.request-index .grid-view .table tbody tr td .request-id-wrapper .has-updates {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  color: transparent;
  background-image: url("../images/v3/icons/exclamation-mark-in-circle-red.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.request-index .grid-view .table tbody tr td .dropdown-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.request-view .amount-wrapper {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.request-view .amount-wrapper .show-amount-form-wrap {
  margin-left: auto;
  margin-top: .4rem;
}
.request-view .amount-wrapper .show-amount-form {
  display: inline-block;
  width: 12rem;
  height: 4.2rem;
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: 0.04px;
  background-color: #141414;
  border: none;
}
.dark-mode.logged-in .request-view .amount-wrapper .show-amount-form {
  background-color: #585858;
}
.request-view .amount-wrapper .amount-text {
  margin-right: 2rem;
}
.request-view .amount-wrapper .amount-edit-form {
  margin-top: 2rem;
}
.request-view .amount-wrapper .amount-edit-form .auto-update {
  color: #e05763;
  cursor: pointer;
  position: relative;
  top: -10px;
}
.request-view .request-document-upload .document-form .btn-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 8rem;
  font-size: 1.4rem;
  font-weight: 300;
  text-transform: uppercase;
  border-radius: .8rem;
  transition: background-color 0.2s ease;
  color: white;
  background-color: #141414;
  border-color: #141414;
  width: 100%;
}
.request-view .request-document-upload .document-form .btn-submit:hover {
  color: white;
  background-color: #e05763;
  border-color: #e05763;
}
.request-view .request-document-upload .document-form .btn-submit:focus {
  background-color: #b0212d;
  border-color: #b0212d;
  outline: none;
}
.dark-mode.logged-in .request-view .request-document-upload .document-form .btn-submit {
  color: black;
  background-color: #cfd0ca;
  border-color: #cfd0ca;
}
.dark-mode.logged-in .request-view .request-document-upload .document-form .btn-submit:hover {
  color: white;
  background-color: #e05763;
  border-color: #e05763;
}
.dark-mode.logged-in .request-view .request-document-upload .document-form .btn-submit:focus {
  background-color: #b0212d;
  border-color: #b0212d;
  outline: none;
}
.request-view .request-document-upload .document-form .remove-item {
  right: -2rem;
}
.request-view .comment-history {
  padding-top: 1rem;
}
.request-view .comment-history .table {
  margin-top: 2rem;
  background-color: transparent;
}
.request-view .comment-history .table tr {
  grid-template-columns: minmax(0, 3fr) minmax(0, 1.5fr) minmax(0, 1.5fr);
}
.request-view .comment-history .table tr td:nth-child(2) {
  text-align: center;
}
.request-view .comment-history .table th {
  font-weight: 300;
}
.request-view .history-table-wrapper .table {
  margin-top: 1rem;
}
.request-view .evolution-table .table tr {
  grid-template-columns: repeat(3, 1fr) 2.5fr 1fr;
}
.dark-mode.logged-in .contract-index .kv-loader-overlay {
  opacity: .3;
}
.contract-index .grid-view {
  min-height: 100vh;
}
.contract-index .grid-view .request-table-header {
  display: none;
}
.contract-index .grid-view .table thead tr {
  grid-template-columns: minmax(0, 1.5fr) repeat(4, minmax(0, 1fr)) minmax(0, 8rem);
}
.contract-index .grid-view .table tbody tr {
  grid-template-columns: minmax(0, 1.5fr) repeat(4, minmax(0, 1fr)) minmax(0, 8rem);
  cursor: pointer;
}
.contract-index .grid-view .table tbody tr td {
  font-size: 1.4rem;
  font-weight: 300;
}
.contract-index .grid-view .table tbody tr td:first-of-type {
  padding: 0 4rem;
}
.contract-index .grid-view .table tbody tr td.client-name .client-name__input {
  margin-right: 1rem;
}
.contract-index .grid-view .table tbody tr td.client-name .client-name__text {
  flex-grow: 1;
}
.contract-index .grid-view .table tbody tr td .dropdown-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.contract-index .contract-upgrade-controls {
  display: none;
}
.contract-view .start-contract-evolution-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 8rem;
  font-size: 1.4rem;
  font-weight: 300;
  text-transform: uppercase;
  border-radius: .8rem;
  transition: background-color 0.2s ease;
  color: white;
  background-color: #141414;
  border-color: #141414;
  width: 100%;
}
.contract-view .start-contract-evolution-btn:hover {
  color: white;
  background-color: #e05763;
  border-color: #e05763;
}
.contract-view .start-contract-evolution-btn:focus {
  background-color: #b0212d;
  border-color: #b0212d;
  outline: none;
}
.dark-mode.logged-in .contract-view .start-contract-evolution-btn {
  color: black;
  background-color: #cfd0ca;
  border-color: #cfd0ca;
}
.dark-mode.logged-in .contract-view .start-contract-evolution-btn:hover {
  color: white;
  background-color: #e05763;
  border-color: #e05763;
}
.dark-mode.logged-in .contract-view .start-contract-evolution-btn:focus {
  background-color: #b0212d;
  border-color: #b0212d;
  outline: none;
}
.contract-view .history-table-wrapper .table {
  margin-top: 1.5rem;
}
.dark-mode.logged-in .contract-view .financed-material-table .table {
  background-color: transparent;
}
.contract-view .amount-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.contract-view .amount-wrapper .show-amount-form-wrap {
  margin-left: auto;
}
.contract-view .amount-wrapper .amount-text {
  margin-bottom: 1rem;
}
.contract-view .evolution-table .table tr {
  grid-template-columns: repeat(4, 1fr) 2.5fr 1fr;
}
.contract-upgrade-form-title {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: .5rem;
  text-align: center;
}
.contract-upgrade-form-subtitle {
  font-size: 1.8rem;
  text-transform: uppercase;
  margin: 0 0 2rem;
}
.contract-upgrade-form .btn-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 8rem;
  font-size: 1.4rem;
  font-weight: 300;
  text-transform: uppercase;
  border-radius: .8rem;
  transition: background-color 0.2s ease;
  background-color: #141414;
  border-color: #141414;
  width: 100%;
  color: white;
}
.contract-upgrade-form .btn-submit:hover {
  color: white;
  background-color: #e05763;
  border-color: #e05763;
}
.contract-upgrade-form .btn-submit:focus {
  background-color: #b0212d;
  border-color: #b0212d;
  outline: none;
}
.contract-upgrade-form .two-cols-container .main-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 7rem;
}
.simulator-index .simulator-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 7rem;
}
.simulator-index .simulator-form .btn-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 8rem;
  font-size: 1.4rem;
  font-weight: 300;
  text-transform: uppercase;
  border-radius: .8rem;
  transition: background-color 0.2s ease;
  color: white;
  background-color: #141414;
  border-color: #141414;
  width: 100%;
}
.simulator-index .simulator-form .btn-submit:hover {
  color: white;
  background-color: #e05763;
  border-color: #e05763;
}
.simulator-index .simulator-form .btn-submit:focus {
  background-color: #b0212d;
  border-color: #b0212d;
  outline: none;
}
.dark-mode.logged-in .simulator-index .simulator-form .btn-submit {
  color: black;
  background-color: #cfd0ca;
  border-color: #cfd0ca;
}
.dark-mode.logged-in .simulator-index .simulator-form .btn-submit:hover {
  color: white;
  background-color: #e05763;
  border-color: #e05763;
}
.dark-mode.logged-in .simulator-index .simulator-form .btn-submit:focus {
  background-color: #b0212d;
  border-color: #b0212d;
  outline: none;
}
.documents-index .grid-view .table tbody tr td:last-of-type {
  background-color: transparent;
}
.uppercase-column {
  text-transform: uppercase;
}