/*
 * This file should contain only imports
 */
.ag-material {
  line-height: 1.4;
  font-family: Roboto;
  font-size: 14px;
  color: #666;
  /* this is for the rowGroupPanel, that appears along the top of the grid */
  /* this is for the column drops that appear in the toolPanel */ }

.ag-material img {
  vertical-align: middle;
  border: 0; }

.ag-material .ag-root {
  border: none; }

.ag-material .ag-cell-not-inline-editing {
  padding: 2px; }

.ag-material .ag-cell-range-selected-1:not(.ag-cell-focus) {
  background-color: rgba(120, 120, 120, 0.4); }

.ag-material .ag-cell-range-selected-2:not(.ag-cell-focus) {
  background-color: rgba(80, 80, 80, 0.4); }

.ag-material .ag-cell-range-selected-3:not(.ag-cell-focus) {
  background-color: rgba(40, 40, 40, 0.4); }

.ag-material .ag-cell-range-selected-4:not(.ag-cell-focus) {
  background-color: rgba(0, 0, 0, 0.4); }

.ag-material .ag-column-moving .ag-cell {
  -webkit-transition: left 0.2s;
  -moz-transition: left 0.2s;
  -o-transition: left 0.2s;
  -ms-transition: left 0.2s;
  transition: left 0.2s; }

.ag-material .ag-column-moving .ag-header-cell {
  -webkit-transition: left 0.2s;
  -moz-transition: left 0.2s;
  -o-transition: left 0.2s;
  -ms-transition: left 0.2s;
  transition: left 0.2s; }

.ag-material .ag-column-moving .ag-header-group-cell {
  -webkit-transition: left 0.2s;
  -moz-transition: left 0.2s;
  -o-transition: left 0.2s;
  -ms-transition: left 0.2s;
  transition: left 0.2s; }

.ag-material .ag-cell-focus {
  border: 1px solid #d3d3d3; }

.ag-material .ag-cell-no-focus {
  border-right: 1px solid transparent;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-bottom: 1px solid #d3d3d3; }

.ag-material .ag-cell-first-right-pinned {
  border-left: none; }

.ag-material .ag-cell-last-left-pinned {
  border-right: none; }

.ag-material .ag-cell-highlight {
  border: 1px solid #006400; }

.ag-material .ag-cell-highlight-animation {
  -webkit-transition: border 1s;
  -moz-transition: border 1s;
  -o-transition: border 1s;
  -ms-transition: border 1s;
  transition: border 1s; }

.ag-material .ag-value-change-delta {
  padding-right: 2px; }

.ag-material .ag-value-change-delta-up {
  color: #006400; }

.ag-material .ag-value-change-delta-down {
  color: #8b0000; }

.ag-material .ag-value-change-value {
  background-color: transparent;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  padding-left: 1px;
  padding-right: 1px;
  -webkit-transition: background-color 1s;
  -moz-transition: background-color 1s;
  -o-transition: background-color 1s;
  -ms-transition: background-color 1s;
  transition: background-color 1s; }

.ag-material .ag-value-change-value-highlight {
  background-color: #cec;
  -webkit-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  -o-transition: background-color 0.1s;
  -ms-transition: background-color 0.1s;
  transition: background-color 0.1s; }

.ag-material .ag-rich-select {
  font-size: 14px;
  border: none;
  background-color: #fff; }

.ag-material .ag-rich-select-value {
  padding: 2px; }

.ag-material .ag-rich-select-list {
  border-top: 1px solid #d3d3d3; }

.ag-material .ag-rich-select-row {
  padding: 2px; }

.ag-material .ag-rich-select-row-selected {
  background-color: #bde2e5; }

.ag-material .ag-large-text {
  border: none; }

.ag-material .ag-header {
  color: #666;
  background: none;
  border-bottom: none;
  font-weight: bold; }

.ag-material .ag-header-icon {
  color: #666;
  stroke: none;
  fill: #666; }

.ag-material .ag-no-scrolls .ag-header-container {
  background: none;
  border-bottom: none; }

.ag-material .ag-header-cell {
  border-right: none; }

.ag-material .ag-header-cell-moving .ag-header-cell-label {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); }

.ag-material .ag-header-cell-moving {
  background-color: #bebebe; }

.ag-material .ag-header-group-cell {
  border-right: none; }

.ag-material .ag-header-group-cell-with-group {
  border-bottom: none; }

.ag-material .ag-header-cell-label {
  padding: 4px 2px 4px 2px; }

.ag-material .ag-header-cell-text {
  padding-left: 2px; }

.ag-material .ag-header-group-cell-label {
  padding: 4px;
  padding-left: 10px; }

.ag-material .ag-header-group-text {
  margin-right: 2px; }

.ag-material .ag-header-cell-menu-button {
  padding: 2px;
  margin-top: 4px;
  border: 1px solid transparent;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  line-height: 0px; }

.ag-material .ag-pinned-right-header {
  border-left: none; }

.ag-material .ag-header-cell-menu-button:hover {
  border: none; }

.ag-material .ag-body {
  background-color: #fff; }

.ag-material .ag-row {
  -webkit-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  -o-transition: background-color 0.1s;
  -ms-transition: background-color 0.1s;
  transition: background-color 0.1s; }

.ag-material .ag-row-odd {
  background-color: #fff; }

.ag-material .ag-row-even {
  background-color: #fff; }

.ag-material .ag-row-selected {
  background-color: #f5f5f5; }

.ag-material .ag-floating-top .ag-row {
  background-color: #f0f0f0; }

.ag-material .ag-floating-bottom .ag-row {
  background-color: #f0f0f0; }

.ag-material .ag-overlay-loading-wrapper {
  background-color: rgba(255, 255, 255, 0.5); }

.ag-material .ag-overlay-loading-center {
  background-color: #fff;
  border: none;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 10px;
  color: #000; }

.ag-material .ag-overlay-no-rows-center {
  background-color: #fff;
  border: none;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 10px; }

.ag-material .ag-group-cell-entire-row {
  background-color: #fff;
  padding: 2px; }

.ag-material .ag-footer-cell-entire-row {
  background-color: #fff;
  padding: 2px; }

.ag-material .ag-group-cell {
  font-style: italic; }

.ag-material .ag-group-expanded {
  padding-right: 4px; }

.ag-material .ag-group-contracted {
  padding-right: 4px; }

.ag-material .ag-group-value {
  padding-right: 2px; }

.ag-material .ag-group-checkbox {
  padding-right: 2px; }

.ag-material .ag-footer-cell {
  font-style: italic; }

.ag-material .ag-menu {
  border: 1px solid #808080;
  background-color: #fff;
  cursor: default;
  font-family: Roboto;
  font-size: 14px; }

.ag-material .ag-menu .ag-tab-header {
  background-color: #f6f6f6; }

.ag-material .ag-menu .ag-tab {
  padding: 6px 16px 6px 16px;
  margin: 2px 2px 0px 2px;
  display: inline-block;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  border-top: 1px solid transparent;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px; }

.ag-material .ag-menu .ag-tab-selected {
  background-color: #fff;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  border-top: 1px solid transparent; }

.ag-material .ag-menu-separator {
  border-top: 1px solid #d3d3d3; }

.ag-material .ag-menu-option-active {
  background-color: #bde2e5; }

.ag-material .ag-menu-option-icon {
  padding: 10px 6px 10px 6px;
  vertical-align: middle; }

.ag-material .ag-menu-option-text {
  padding: 10px 6px 10px 6px;
  vertical-align: middle; }

.ag-material .ag-menu-option-shortcut {
  padding: 10px 6px 10px 20px;
  vertical-align: middle; }

.ag-material .ag-menu-option-popup-pointer {
  padding: 10px 6px 10px 6px;
  vertical-align: middle; }

.ag-material .ag-menu-option-disabled {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); }

.ag-material .ag-menu-column-select-wrapper {
  margin: 2px; }

.ag-material .ag-filter-checkbox {
  position: relative;
  top: 2px;
  left: 2px; }

.ag-material .ag-filter-header-container {
  border-bottom: 1px solid #d3d3d3; }

.ag-material .ag-filter-apply-panel {
  border-top: 1px solid #d3d3d3;
  padding: 2px; }

.ag-material .ag-filter-value {
  margin-left: 4px; }

.ag-material .ag-selection-checkbox {
  padding-right: 4px; }

.ag-material .ag-paging-panel {
  padding: 4px; }

.ag-material .ag-paging-button {
  margin-left: 4px;
  margin-right: 4px; }

.ag-material .ag-paging-row-summary-panel {
  display: inline-block;
  width: 300px; }

.ag-material .ag-tool-panel {
  background-color: #fff;
  border-right: none;
  border-bottom: none;
  border-top: none;
  color: #666; }

.ag-material .ag-status-bar {
  color: #666;
  background-color: #fff;
  font-size: 14px;
  height: 22px;
  border-bottom: none;
  border-left: none;
  border-right: none;
  padding: 2px; }

.ag-material .ag-status-bar-aggregations {
  float: right; }

.ag-material .ag-status-bar-item {
  padding-left: 10px; }

.ag-material .ag-column-drop-cell {
  background: none;
  color: #000;
  border: 1px solid #808080; }

.ag-material .ag-column-drop-cell-ghost {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); }

.ag-material .ag-column-drop-cell-text {
  padding-left: 2px;
  padding-right: 2px; }

.ag-material .ag-column-drop-cell-button {
  border: 1px solid transparent;
  padding-left: 2px;
  padding-right: 2px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.ag-material .ag-column-drop-cell-button:hover {
  border: none; }

.ag-material .ag-column-drop-empty-message {
  padding-left: 2px;
  padding-right: 2px;
  color: #808080; }

.ag-material .ag-column-drop-icon {
  padding-right: 4px; }

.ag-material .ag-column-drop {
  background-color: #fff; }

.ag-material .ag-column-drop-horizontal {
  padding: 4px 4px 4px 4px;
  border-top: none;
  border-left: none;
  border-right: none; }

.ag-material .ag-column-drop-horizontal .ag-column-drop-cell {
  padding: 2px; }

.ag-material .ag-column-drop-vertical {
  padding: 4px 4px 10px 4px;
  border-bottom: none; }

.ag-material .ag-column-drop-vertical .ag-column-drop-cell {
  margin-top: 2px; }

.ag-material .ag-column-drop-vertical .ag-column-drop-empty-message {
  text-align: center;
  padding: 5px; }

.ag-material .ag-pivot-mode {
  border-bottom: none;
  padding: 4px;
  background-color: #fff; }

.ag-material .ag-tool-panel .ag-column-select-panel {
  border-bottom: none; }

.ag-material .ag-select-agg-func-popup {
  cursor: default;
  position: absolute;
  font-size: 14px;
  background-color: #fff;
  border: none; }

.ag-material .ag-select-agg-func-item {
  padding-left: 2px;
  padding-right: 2px; }

.ag-material .ag-select-agg-func-item:hover {
  background-color: #bde2e5; }

.ag-material .ag-row-hover {
  background-color: #eee !important; }

.ag-material .ag-cell-not-inline-editing {
  padding-top: 15px; }

.ag-material .ag-header-cell-menu-button:hover {
  border: 1px solid #808080; }

.ag-material .ag-header-cell-label {
  text-align: left; }

.ag-material .ag-header {
  border-bottom: 1px solid #808080; }

.ag-material .ag-selection-checkbox {
  padding-right: 12px;
  padding-left: 12px; }

#vehicle-grid .ag-header-cell:hover .ag-header-cell-resize {
  height: 100%;
  width: 5px;
  float: right;
  cursor: col-resize;
  background-color: #AAA; }

#vehicle-grid .ag-cell {
  font-weight: 400; }

/***
PURPOSE: define all variables
***/
/*** COLORS ***************************************/
/*** TYPOGRAPHY  **********************************/
/*** OPACITY - SHADOWS *****************************/
/*** ANIMATIONS / TRANSITIONS *********************/
/*** CARDS *****************************************/
/***
PURPOSE: Defaults (does the same as normalize but with less crap)
         Reference: http://jaydenseric.com/blog/forget-normalize-or-resets-lay-your-own-css-foundation

         And base definitions and simple helper classes
***/
/*** RESET  **********************************/
html {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

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

iframe {
  border: 0; }

h1,
h2,
h3,
p,
ul,
button {
  margin: 0;
  padding: 0; }

main,
li {
  display: block; }

h1,
h2,
h3,
p {
  font-size: inherit; }

strong {
  font-weight: bold; }

a,
button {
  color: inherit;
  transition: 0.3s; }

a {
  text-decoration: none;
  cursor: pointer; }

button {
  overflow: visible;
  border: 0;
  background: none;
  font: inherit;
  letter-spacing: inherit;
  cursor: pointer;
  -webkit-font-smoothing: inherit; }
  button:focus {
    outline: 0; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

::-moz-focus-inner {
  padding: 0;
  border: 0; }

:focus {
  outline: 0; }

img {
  max-width: 100%;
  height: auto;
  border: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html,
body {
  margin: 0;
  padding: 0; }

/*** BASE DEFINITIONS  **********************************/
body {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 14pt; }
  body:after {
    content: " ";
    display: block;
    clear: both; }

* {
  font-family: 'Roboto', sans-serif;
  font-weight: 400; }

/*** HELPER CLASSES  ***********************************/
.hidden {
  opacity: 0; }

.none {
  display: none !important; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.clearfix {
  display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* close commented backslash hack */
/*** SUSY DEFAULTS  ************************************/
/***
PURPOSE: MIXINS
***/
/*** 2dp DROP SHADOW  **********************************/
/***
PURPOSE: define all properties related to the cards (layout and internals)
***/
.card-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-content: flex-start; }
  .card-grid .card {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    position: relative;
    width: 435px;
    border-radius: 2px;
    margin: 0 20px 20px 20px;
    background-color: #ffffff;
    font-size: 0.7em; }
  .card-grid .card-title {
    width: 100%;
    padding: 5px;
    position: relative; }
    .card-grid .card-title .cardToggleButtons {
      position: absolute;
      top: 10px;
      right: 10px;
      font-size: 1.8em;
      color: #316096;
      cursor: pointer; }
  .card-grid .card-title h1 {
    overflow: hidden;
    font-size: 2em;
    line-height: normal; }
  .card-grid .card-content {
    width: 100%;
    padding: 8px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 48px;
    display: inline-block; }
    .card-grid .card-content h2 {
      font-size: 2em;
      font-weight: 400; }
    .card-grid .card-content h3 {
      font-size: 1.6em;
      margin-top: 10px;
      margin-bottom: 10px; }
  .card-grid .card-actions {
    position: absolute;
    padding: 8px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    height: 48px;
    bottom: 0;
    width: 100%; }
  .card-grid .card.media-list {
    background-color: white;
    width: 100%;
    position: relative;
    border-radius: 2px;
    margin: 5px 20px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

.stats-small {
  display: flex;
  flex-wrap: wrap; }
  .stats-small .stat-number {
    width: 260px;
    height: 130px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    margin: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100; }
  .stats-small .stat-number.color {
    background-color: white; }
  .stats-small .stat-number.color {
    background-color: #316096; }
  .stats-small .stat-number .symbol {
    float: left;
    width: 85px;
    height: 130px;
    text-align: center; }
  .stats-small .stat-number .symbol.db-standvirtual {
    font-size: 2em;
    color: white;
    line-height: 125px; }
  .stats-small .stat-number .stat {
    float: left;
    width: 175px;
    height: 130px; }
  .stats-small .stat-number .symbol i {
    line-height: 70px;
    font-size: 30pt;
    padding: 10px;
    margin-top: 20px; }
  .stats-small .stat-number.color .symbol i,
  .stats-small .stat-number.color .number,
  .stats-small .stat-number.color .title {
    color: white; }
  .stats-small .stat-number.color .symbol i {
    border-right: 1px solid rgba(255, 255, 255, 0.7); }
  .stats-small .stat-number.white .symbol i {
    border-right: 1px solid rgba(49, 96, 150, 0.7); }
  .stats-small .stat-number.white .symbol i,
  .stats-small .stat-number.white .number,
  .stats-small .stat-number.white .title {
    color: #316096; }
  .stats-small .stat-number .number {
    height: 65px;
    line-height: 110px;
    font-size: 24pt;
    padding: 10px; }
  .stats-small .stat-number .title {
    height: 65px;
    line-height: 40px;
    font-size: 12pt;
    padding: 10px;
    font-weight: 400; }
  .stats-small .stat-number .title.db-standvirtual {
    height: 40px;
    line-height: 25px; }

/***
PURPOSE: define all properties related to forms and inputs
***/
.input-group {
  margin-bottom: 5px; }
  .input-group > * {
    display: block; }
  .input-group label {
    font-weight: 700;
    font-size: 1em;
    margin-bottom: 3px;
    color: #316096; }
  .input-group input {
    width: 95%;
    margin-bottom: 3px; }
  .input-group .ui-fileupload {
    width: 95%;
    margin-bottom: 3px; }

/***
PURPOSE: define all properties that are neeed application wide
***/
h1.section-title {
  font-weight: 100;
  font-size: 25pt;
  color: #316096;
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: relative; }

.main-loading {
  width: 100%;
  height: 100%;
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #f0ffeb; }
  .main-loading .text {
    font-weight: 100;
    font-size: 2em;
    margin: auto;
    width: 300px;
    padding-top: 200px;
    text-align: center; }
  .main-loading .spinner {
    margin: auto;
    width: 300px;
    padding-top: 40px;
    text-align: center; }

.top-bar {
  width: 100%;
  height: 60px;
  background-color: #316096;
  color: #F1EEEE;
  display: flex;
  justify-content: space-between; }
  .top-bar .menu-button i {
    font-size: 30pt;
    line-height: 60px;
    margin-left: 5px;
    cursor: pointer;
    transition: all 0.3s; }
  .top-bar .menu-button.opened i {
    transform: rotate(90deg);
    transition: all 0.3s; }
  .top-bar .title {
    font-weight: 400;
    font-size: 20pt;
    line-height: 60px; }
  .top-bar .title sup {
    font-size: .5em;
    margin-left: 7px; }
  .top-bar .avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #F1EEEE;
    border: 1px solid #F1EEEE;
    margin: 10px;
    cursor: pointer;
    transition: all 0.3s; }
  .top-bar .avatar img {
    border-radius: 50%; }
  .top-bar .avatar.opened {
    width: 45px;
    height: 45px;
    margin: 7.5px;
    transition: all 0.3s; }

.app-menu {
  position: fixed;
  top: 60px;
  z-index: 1000;
  width: 268px;
  height: calc(100% - 60px);
  background-color: #316096;
  color: #F1EEEE;
  transform: translate3d(-268px, 0, 0);
  transition: all;
  transition-duration: 300ms;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3), 0 3px 1px -2px rgba(0, 0, 0, 0.6), 0 1px 5px 0 rgba(0, 0, 0, 0.8);
  padding: 10px; }

.app-menu.opened {
  transform: translate3d(0, 0, 0); }

.menu-link {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 1.2em;
  margin-bottom: 20px; }

.personal-menu {
  position: fixed;
  top: 60px;
  right: 0;
  z-index: 1000;
  width: 268px;
  height: calc(100% - 60px);
  background-color: #316096;
  color: #F1EEEE;
  transform: translate3d(268px, 0, 0);
  transition: all;
  transition-duration: 300ms;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3), 0 3px 1px -2px rgba(0, 0, 0, 0.6), 0 1px 5px 0 rgba(0, 0, 0, 0.8);
  padding: 10px; }

.personal-menu.opened {
  transform: translate3d(0, 0, 0); }

.personal-menu-link {
  display: block;
  width: 100%;
  text-align: right;
  font-size: 1.2em;
  margin-bottom: 20px; }

.modalActive {
  overflow: hidden;
  height: calc(100% - 60px); }

.profile-avatar {
  width: 100px;
  border-radius: 50%; }

.carcontrol-btn {
  background-color: #2399e5;
  color: #ffffff;
  font-weight: bold;
  border-radius: 3px;
  padding: 3px;
  line-height: 14px; }

.carcontrol-file-upload input {
  display: none; }

.carcontrol-file-upload .carcontrol-file-upload-preview-item img {
  width: 100px;
  height: 100px; }

.carcontrol-notification {
  position: fixed;
  z-index: 1000;
  right: calc(50% - 200px);
  top: 70px;
  height: fit-content; }
  .carcontrol-notification .carcontrol-notification-element {
    width: 400px;
    height: 100px;
    background-color: rgba(35, 153, 229, 0.7);
    border: 2px solid rgba(35, 153, 229, 0.5);
    border-radius: 6px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    color: #ffffff;
    font-size: 1.4em;
    margin-bottom: 5px; }
    .carcontrol-notification .carcontrol-notification-element.error {
      background-color: rgba(229, 35, 35, 0.7);
      border: 2px solid rgba(229, 35, 35, 0.5); }
    .carcontrol-notification .carcontrol-notification-element.warn {
      background-color: rgba(229, 180, 35, 0.7);
      border: 2px solid rgba(229, 207, 35, 0.5); }
    .carcontrol-notification .carcontrol-notification-element .carcontrol-notification-icon {
      width: 100px;
      height: 100px;
      float: left;
      text-align: center;
      line-height: 100px;
      font-size: 2em; }
      .carcontrol-notification .carcontrol-notification-element .carcontrol-notification-icon i {
        line-height: 100px; }
    .carcontrol-notification .carcontrol-notification-element .carcontrol-notification-title {
      font-weight: bold;
      font-size: 0.9em; }
    .carcontrol-notification .carcontrol-notification-element .carcontrol-notification-details {
      font-size: 0.7em;
      padding: 5px;
      font-weight: bold; }

.carcontrol-autocomplete-dropdown {
  width: 100%;
  margin-bottom: 3px;
  position: relative; }
  .carcontrol-autocomplete-dropdown .carcontrol-autocomplete-dropdown-data {
    position: absolute;
    z-index: 1000;
    background-color: white;
    border: 1px solid gray;
    padding: 3px;
    margin-top: -4px;
    width: 95%;
    cursor: pointer; }
    .carcontrol-autocomplete-dropdown .carcontrol-autocomplete-dropdown-data .carcontrol-autocomplete-dropdown-data-item {
      min-height: 16px; }

.chat-view {
  width: 60%;
  height: 50%;
  margin: auto; }
  .chat-view .chat-view-container {
    width: 100%;
    height: 100%;
    padding: 20px;
    overflow: scroll; }

.chat-message.same-user .chat-message-avatar {
  float: left;
  margin-right: 10px; }

.chat-message.same-user .chat-message-username {
  text-align: left; }

.chat-message.same-user .chat-message-date {
  text-align: left; }

.chat-message .chat-message-avatar {
  width: 40px;
  height: 40px;
  float: right;
  margin-left: 10px;
  border-radius: 5px; }

.chat-message .chat-message-username {
  width: calc(100% - 40px);
  height: 20px;
  text-align: right;
  font-size: 0.8em; }

.chat-message .chat-message-date {
  width: calc(100% - 40px);
  height: 20px;
  text-align: right;
  font-size: 0.8em; }

.chat-message .chat-message-text {
  margin-top: 5px;
  margin-bottom: 50px; }

.chat-input {
  width: 60%;
  height: 20%;
  margin: 30px auto;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  padding: 10px; }
  .chat-input > * {
    display: block;
    margin: auto;
    margin-bottom: 15px; }
  .chat-input input {
    width: 80%;
    height: 35px;
    font-size: 1.2em; }
  .chat-input button {
    width: 150px; }

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

/***
PURPOSE: define all properties related to the CONFIG module
***/
.config-container .config-options {
  display: flex;
  flex-wrap: wrap; }

.config-container .config-option {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  width: 299px;
  margin: 0 30px 30px 30px;
  height: 130px;
  background-color: #316096;
  color: #ffffff; }
  .config-container .config-option .option-icon {
    float: left;
    width: 20%;
    height: 110px;
    line-height: 110px;
    font-size: 30pt;
    padding: 10px; }
  .config-container .config-option .option-icon i {
    line-height: 110px; }
  .config-container .config-option .option-title {
    float: left;
    width: 80%;
    height: 90px;
    line-height: 70px;
    margin: 20px 0;
    padding: 10px;
    border-left: 1px solid rgba(255, 255, 255, 0.7);
    font-size: 19pt; }

.config-users-container img.avatar {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 5px solid #316096;
  margin: 20px auto; }

/***
PURPOSE: define all properties related to the VEHICLES module
***/
.vehicle-main-img {
  display: block;
  width: 98%;
  margin: auto;
  text-align: center;
  margin-bottom: 20px; }

.vehicle-search {
  height: 60px;
  line-height: 60px;
  width: 90%;
  margin: auto; }
  .vehicle-search .ui-selectbutton {
    display: flex;
    flex-wrap: wrap;
    float: left; }
  .vehicle-search input {
    font-size: 1em;
    width: 250px;
    height: 40px;
    display: block;
    float: left;
    margin-right: 20px; }

.vehicle-filter {
  float: right;
  margin-top: 20px;
  margin-right: 70px;
  font-size: .4em; }
  .vehicle-filter label {
    font-weight: bold; }

.close-all-btn {
  position: absolute;
  right: 23px;
  bottom: 5px;
  font-size: .4em;
  border: 1px solid rgba(0, 0, 255, 0.2);
  height: 20px;
  width: 100px;
  line-height: 20px;
  border-radius: 2px; }

.list-container {
  width: 97%;
  height: calc(100% - 180px);
  outline: 1px solid blue;
  margin: auto;
  overflow: scroll; }
  .list-container .list-header {
    min-width: 100%;
    height: 30px;
    outline: 1px solid red; }
    .list-container .list-header .list-header-field {
      display: inline-block;
      padding: 2px; }

/***
PURPOSE: define all properties related to the REPORTS module
***/
.report-container {
  display: flex;
  flex-wrap: wrap; }
  .report-container .report-options {
    display: flex;
    flex-wrap: wrap; }
  .report-container .report-option {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    width: 299px;
    margin: 0 30px 30px 30px;
    height: 130px;
    background-color: #316096;
    color: #ffffff; }
    .report-container .report-option .option-icon {
      float: left;
      width: 20%;
      height: 110px;
      line-height: 110px;
      font-size: 30pt;
      padding: 10px; }
    .report-container .report-option .option-icon i {
      line-height: 110px; }
    .report-container .report-option .option-title {
      float: left;
      width: 80%;
      height: 90px;
      line-height: 40px;
      margin: 20px 0;
      padding: 10px;
      border-left: 1px solid rgba(255, 255, 255, 0.7);
      font-size: 16pt; }

.login-container {
  width: 100%;
  height: 100%;
  background-color: #316096;
  display: flex; }
  .login-container .login-left {
    width: 50%;
    height: 100%;
    flex: 1;
    text-align: center; }
  .login-container .login-right {
    width: 50%;
    height: 80%;
    margin-top: 5%;
    margin-bottom: 5%;
    border-left: 2px solid #F1EEEE;
    flex: 1;
    text-align: center;
    box-sizing: border-box;
    padding-top: 10%; }
  .login-container h1, .login-container h2 {
    color: #F1EEEE; }
  .login-container h1 {
    font-size: 4em;
    width: 80%;
    margin: auto;
    margin-top: 30%;
    margin-bottom: 60px; }
  .login-container h2 {
    font-size: 3.5em; }
  .login-container label {
    color: #F1EEEE;
    font-size: 1.2em;
    display: block;
    width: 80%;
    margin: auto;
    margin-bottom: 10px;
    text-align: left; }
  .login-container input {
    font-size: 1.2em;
    display: block;
    width: 80%;
    margin: auto;
    margin-bottom: 30px;
    border-radius: 5px; }
  .login-container button {
    display: block;
    width: 250px;
    background-color: #023b7b;
    height: 40px;
    font-size: 1.2em;
    margin: auto;
    border-radius: 5px;
    color: #F1EEEE;
    border: 1px solid #F1EEEE;
    margin-top: 100px; }

.sales-view {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 0 20px; }

.sales-view-vehicle {
  width: 200px;
  height: 200px;
  text-align: center;
  cursor: pointer; }
  .sales-view-vehicle .no-image {
    font-size: 8em;
    color: #316096; }

.sales-view-search {
  text-align: center;
  margin-bottom: 20px; }

.sales-details {
  padding: 30px; }
  .sales-details h1 {
    font-size: 2em;
    font-weight: bold;
    color: #316096; }
  .sales-details h2 {
    font-size: 1.6em; }
  .sales-details h2.prices {
    font-size: 1.8em;
    font-weight: bold;
    color: #316096; }
  .sales-details .image-box {
    margin-top: 20px;
    width: 50%;
    float: left; }
    .sales-details .image-box img {
      width: 95%;
      display: block;
      margin: auto; }
  .sales-details .data-box {
    margin-top: 20px;
    width: 50%;
    float: left;
    font-size: 1.3em; }
    .sales-details .data-box .label {
      display: inline-block;
      width: 35%;
      font-weight: bold;
      color: #316096; }
    .sales-details .data-box .data {
      display: inline-block;
      width: 63%; }
  .sales-details .equipment {
    clear: both;
    width: 100%;
    padding-top: 30px; }
    .sales-details .equipment h2 {
      margin-bottom: 10px; }
    .sales-details .equipment .item {
      font-size: 1.2em;
      position: relative;
      margin-left: 15px; }
      .sales-details .equipment .item:before {
        content: "\F00C";
        font-family: FontAwesome;
        left: -20px;
        position: absolute;
        top: 0;
        font-size: 0.8em; }

.image-attribuition {
  width: 50%; }

.modal-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1001; }

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 75vh;
  display: flex;
  flex-wrap: wrap;
  z-index: 2001; }

.modal-actions {
  position: absolute;
  bottom: 10px;
  left: calc(50% - 200px);
  width: 400px;
  text-align: center;
  font-size: 0.7em; }
  .modal-actions button {
    background-color: #316096;
    padding: 5px;
    border-radius: 2px;
    color: white;
    min-width: 60px; }
    .modal-actions button:hover {
      opacity: 0.5; }

.modal-left {
  width: 450px;
  height: 100%;
  background-color: white;
  overflow: auto;
  padding: 10px;
  flex: 1;
  position: relative; }
  .modal-left h1 {
    text-align: center;
    font-weight: bold;
    border-bottom: 2px solid #454545; }

.modal-right {
  width: 400px;
  height: 100%;
  background-color: #454545;
  color: white;
  overflow: auto;
  padding: 10px;
  flex: 1;
  position: relative; }
  .modal-right h1 {
    text-align: center;
    font-weight: bold;
    border-bottom: 2px solid white;
    color: white; }

.data-table-fields-modal {
  width: 850px;
  height: 400px;
  background-color: white; }
  .data-table-fields-modal .fields {
    max-height: 80%;
    overflow-y: scroll; }

.datatable-list-option {
  cursor: pointer;
  margin-bottom: 4px; }

.datatable-list-input {
  margin-bottom: 10px; }

.datatable-lists-list {
  height: 170px;
  overflow-y: scroll; }

/***
PURPOSE: define all fixes that need to be properly done in the future
***/
.prime-ng-fix {
  box-sizing: content-box; }

.no-header thead {
  display: none; }

.ui-chkbox .ui-chkbox-box {
  width: 20px;
  height: 20px; }

.ui-fileupload.ui-widget,
.ui-button {
  font-size: 1em; }

p-dropdown {
  width: 100%; }

.squaredTwo {
  display: inline-block;
  width: 28px;
  height: 28px;
  position: relative;
  background: #fcfff4;
  background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5); }

.squaredTwo label {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  left: 4px;
  top: 4px;
  background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
  background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white; }

.squaredTwo label:after {
  content: '';
  width: 9px;
  height: 5px;
  position: absolute;
  top: 4px;
  left: 4px;
  border: 3px solid #fcfff4;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.squaredTwo label:hover::after {
  opacity: 0.3; }

.squaredTwo input[type=checkbox] {
  visibility: hidden; }

.squaredTwo input[type=checkbox]:checked + label:after {
  opacity: 1; }

.fix-download-btn {
  padding: .3em 1em .3em 1em; }

.card-grid .card-content.content-columns {
  width: 100%;
  display: flex; }
  .card-grid .card-content.content-columns .column {
    width: 33%; }

.dropdown-fix {
  line-height: 10px; }

.checkbox-fix {
  height: 10px;
  margin-top: 17px;
  margin-bottom: 17px; }

.image-attribuition {
  display: flex;
  width: 100%;
  border: 1px solid #AAAAAA; }
  .image-attribuition .display {
    width: 50%; }
    .image-attribuition .display img {
      max-width: 500px;
      max-height: 500px; }
  .image-attribuition .options {
    width: 50%; }
    .image-attribuition .options button {
      display: block;
      margin: 5px;
      padding: .3em 1em .3em 1em; }

.textarea-websites {
  width: 70%;
  min-height: 200px; }

.ui-dropdown-panel .ui-dropdown-item span {
  color: black;
  font-weight: bold; }

.alert-danger {
  color: #770404;
  font-weight: 400;
  margin: 20px; }

.input-invalid {
  border: 2px solid #d90c0c !important; }

.ui-dropdown-item {
  min-height: 20px; }

.standvirtual-photos {
  width: 400px;
  margin: 10px;
  float: left; }

.data-table-container {
  width: 90%;
  height: 80%;
  margin: auto;
  margin-top: 20px;
  overflow: hidden;
  font-size: 0.7em; }

.data-table-header {
  width: 100%;
  height: 60px;
  overflow-x: auto; }
  .data-table-header .row:last-child {
    border-bottom: 1px solid black; }
  .data-table-header .field {
    font-weight: bold; }
  .data-table-header .search-field {
    flex-grow: 1;
    width: 300px;
    flex-shrink: 0;
    display: flex; }
    .data-table-header .search-field input {
      width: calc(100% - 40px);
      margin: 0 5px;
      padding: 0;
      outline: 0; }
    .data-table-header .search-field button {
      width: 30px;
      height: 30px;
      margin: 0;
      padding: 0;
      background: transparent;
      border: 1px solid black;
      cursor: pointer; }

.data-table-body {
  width: 100%;
  height: calc(90% - 60px);
  overflow: scroll;
  padding-right: 15px; }
  .data-table-body .row {
    border-bottom: 1px solid black; }

.data-table-controls {
  padding-left: 80px; }
  .data-table-controls > * {
    margin-right: 10px; }
  .data-table-controls input {
    height: 36px;
    line-height: 36px;
    font-size: 1.2em; }
  .data-table-controls div {
    display: inline-block;
    width: 250px; }

.data-table-global-search input {
  height: 36px;
  line-height: 36px;
  font-size: 1.2em; }

.row {
  display: flex;
  flex-direction: row;
  flex-grow: 0;
  height: 30px;
  width: fit-content;
  line-height: 30px; }
  .row .field {
    flex-grow: 1;
    width: 300px;
    flex-shrink: 0;
    padding: 0px 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }

.data-table-header::-webkit-scrollbar {
  display: none; }

.data-table-container .small-text {
  width: 130px; }

.data-table-container .medium-text {
  width: 200px; }

.data-table-container .small-number {
  width: 120px; }

.data-table-container .large-text {
  width: 300px; }

.profile-column {
  margin-bottom: 5px; }

.vehicle-details-buttons {
  width: 100%;
  height: 36px;
  margin-bottom: 5px;
  line-height: 51px; }

.config-container button {
  padding: 5px 15px; }

.new-role {
  margin-left: 10px;
  height: 24px;
  width: 150px; }

.existing-role {
  cursor: pointer;
  margin-bottom: 2px; }
  .existing-role:hover {
    font-weight: bold; }

.role-details h2 {
  font-size: 1.3em;
  margin-bottom: 5px; }

.role-details h2:nth-child(2) {
  margin-top: 10px; }

.carcontrol-simple-table-header-label:nth-child(1) {
  width: 78%;
  display: inline-block; }

.carcontrol-simple-table-header-label:nth-child(2) {
  width: 20%;
  display: inline-block;
  text-align: right;
  padding-right: 5px; }

.carcontrol-simple-table-field:nth-child(1) {
  width: 78%;
  display: inline-block; }

.carcontrol-simple-table-field:nth-child(2) {
  width: 20%;
  display: inline-block;
  text-align: right;
  padding-right: 5px; }

.carcontrol-simple-table {
  border: 1px solid rgba(0, 0, 0, 0.2); }

.carcontrol-simple-table-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  height: 20px;
  line-height: 20px; }
  .carcontrol-simple-table-header *:first-child {
    padding-left: 4px; }

.carcontrol-simple-table-row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  height: 23px;
  line-height: 23px; }
  .carcontrol-simple-table-row *:first-child {
    padding-left: 4px; }
  .carcontrol-simple-table-row input {
    width: 100%;
    border: 0;
    padding: 0; }

.carcontrol-simple-table-row:last-child {
  border-bottom: 0px; }

.document-list {
  width: 100%;
  min-height: 30px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
  .document-list .document-list-item {
    display: block;
    margin: 6px;
    cursor: pointer;
    font-size: 1.5em; }
  .document-list .document-list-item:hover {
    color: #316096; }

.declaration-modal {
  width: 850px;
  height: 450px;
  max-height: 450px;
  background-color: white; }
  .declaration-modal h1 {
    padding: 5px;
    text-align: center; }
  .declaration-modal .input-group {
    margin: 5px;
    width: 100%; }

.working {
  position: fixed;
  width: 300px;
  height: 50px;
  top: 50px;
  left: calc(50% - 150px);
  background-color: #7399c5;
  padding: 5px;
  border: 1px solid #0d448a;
  border-radius: 5px;
  color: white;
  text-align: center; }
  .working img {
    width: 30px;
    height: 30px; }
  .working .text {
    display: inline-block;
    line-height: 30px;
    padding-left: 10px; }

.force-lines * {
  display: block;
  margin-bottom: 5px; }

.cheaper-sign-img {
  width: 200px;
  height: 200px; }

.carcontrol-checkbox {
  margin-top: 15px;
  margin-bottom: 20px; }

.full-section {
  width: 90%; }

.image-list {
  margin-bottom: 30px; }

.image-list {
  display: flex;
  width: 100%;
  flex-wrap: wrap; }

.image-list-item {
  height: 100px;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  border: 1px solid rgba(0, 0, 0, 0.5); }
  .image-list-item.headers {
    height: 50px; }
    .image-list-item.headers div {
      height: 50px;
      text-align: center; }

.image-list-item .thumbnail {
  min-width: 80px;
  padding: 3px; }
  .image-list-item .thumbnail img {
    max-width: 100%;
    max-height: 100%; }

.image-list-item .item-button {
  padding: 3px;
  text-align: center; }
  .image-list-item .item-button button {
    display: block;
    margin: 15px auto; }
  .image-list-item .item-button button.remove {
    background-color: #a9172a; }

.image-list-item div {
  flex-basis: 100px;
  flex-grow: 1;
  height: 100px;
  border: 1px solid rgba(0, 0, 0, 0.5); }

.valueSelected input {
  border: 2px solid #4ce64c; }

.hidden {
  display: none; }

.hidden.show {
  display: block; }

.show {
  display: block; }

.report-standvirtual table {
  width: 95%;
  margin: auto;
  border: 1px solid gray;
  border-collapse: collapse;
  font-size: 0.6em; }
  .report-standvirtual table th, .report-standvirtual table td {
    border: 1px solid gray;
    text-align: center; }

.data-table-clear {
  cursor: pointer; }

.invisible {
  visibility: hidden; }

.sv-inactive {
  color: red; }

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

.client-photo {
  width: 150px;
  height: 150px;
  border: 5px solid #316096;
  margin: 20px auto; }

.invalid-publication span {
  color: red;
  font-weight: bolder; }

.table-header, .table.body, .table.row {
  width: 100%; }

.table-header {
  text-align: center;
  font-weight: bold; }

.table-row {
  clear: both;
  height: 25px; }

.table-header .table-row {
  border-bottom: 1px solid gray; }

.table-body .table-row:first-child {
  border-top: 0px solid gray; }

.table-body .table-row:last-child {
  border-bottom: 1px solid gray; }

.table-cell {
  float: left;
  height: 100%;
  border-top: 1px solid gray;
  border-left: 1px solid gray;
  overflow: hidden;
  line-height: 25px;
  padding-left: 3px; }

.table-cell:last-child {
  border-right: 1px solid gray; }

.price-history-table {
  width: 90%;
  height: 400px;
  font-size: 0.7em; }
  .price-history-table .table-body {
    max-height: 375px;
    overflow: auto; }
  .price-history-table .table-cell:nth-child(1) {
    width: 10%; }
  .price-history-table .table-cell:nth-child(2) {
    width: 30%; }
  .price-history-table .table-cell:nth-child(3) {
    width: 20%; }
  .price-history-table .table-cell:nth-child(4) {
    width: 20%; }
  .price-history-table .table-cell:nth-child(5) {
    width: 20%; }

.deal-vehicle-table {
  width: 90%;
  min-height: 100px;
  font-size: 0.7em; }
  .deal-vehicle-table .table-body {
    max-height: 375px;
    overflow: auto; }
  .deal-vehicle-table .table-cell:nth-child(1) {
    width: 10%; }
  .deal-vehicle-table .table-cell:nth-child(2) {
    width: 20%; }
  .deal-vehicle-table .table-cell:nth-child(3) {
    width: 20%; }
  .deal-vehicle-table .table-cell:nth-child(4) {
    width: 20%; }
  .deal-vehicle-table .table-cell:nth-child(5) {
    width: 15%; }
  .deal-vehicle-table .table-cell:nth-child(6) {
    width: 15%; }

.deal-simulation-table {
  width: 90%;
  min-height: 100px;
  font-size: 0.7em; }
  .deal-simulation-table .table-body {
    max-height: 375px;
    overflow: auto;
    cursor: pointer; }
  .deal-simulation-table .table-cell:nth-child(1) {
    width: 20%; }
  .deal-simulation-table .table-cell:nth-child(2) {
    width: 8%; }
  .deal-simulation-table .table-cell:nth-child(3) {
    width: 8%; }
  .deal-simulation-table .table-cell:nth-child(4) {
    width: 8%; }
  .deal-simulation-table .table-cell:nth-child(5) {
    width: 8%; }
  .deal-simulation-table .table-cell:nth-child(6) {
    width: 8%; }
  .deal-simulation-table .table-cell:nth-child(7) {
    width: 8%; }
  .deal-simulation-table .table-cell:nth-child(8) {
    width: 8%; }
  .deal-simulation-table .table-cell:nth-child(9) {
    width: 8%; }
  .deal-simulation-table .table-cell:nth-child(10) {
    width: 8%; }
  .deal-simulation-table .table-cell:nth-child(11) {
    width: 8%; }

.lead-deals-table {
  width: 98%;
  min-height: 100px;
  font-size: 0.7em; }
  .lead-deals-table .table-body {
    max-height: 375px;
    overflow: auto; }
  .lead-deals-table .table-cell:nth-child(1) {
    width: 10%; }
  .lead-deals-table .table-cell:nth-child(2) {
    width: 10%; }
  .lead-deals-table .table-cell:nth-child(3) {
    width: 20%; }
  .lead-deals-table .table-cell:nth-child(4) {
    width: 20%; }
  .lead-deals-table .table-cell:nth-child(5) {
    width: 14%; }
  .lead-deals-table .table-cell:nth-child(6) {
    width: 14%; }
  .lead-deals-table .table-cell:nth-child(7) {
    width: 12%; }

.deal-evaluations-table {
  width: 90%;
  min-height: 100px;
  font-size: 0.7em; }
  .deal-evaluations-table .table-body {
    max-height: 375px;
    overflow: auto; }
  .deal-evaluations-table .table-cell:nth-child(1) {
    width: 5%; }
  .deal-evaluations-table .table-cell:nth-child(2) {
    width: 10%; }
  .deal-evaluations-table .table-cell:nth-child(3) {
    width: 15%; }
  .deal-evaluations-table .table-cell:nth-child(4) {
    width: 10%; }
  .deal-evaluations-table .table-cell:nth-child(5) {
    width: 10%; }
  .deal-evaluations-table .table-cell:nth-child(6) {
    width: 10%; }
  .deal-evaluations-table .table-cell:nth-child(7) {
    width: 10%; }
  .deal-evaluations-table .table-cell:nth-child(8) {
    width: 10%; }
  .deal-evaluations-table .table-cell:nth-child(9) {
    width: 10%; }
  .deal-evaluations-table .table-cell:nth-child(10) {
    width: 10%; }

.deal-existing-evaluations-table {
  width: 90%;
  min-height: 100px;
  font-size: 0.7em; }
  .deal-existing-evaluations-table .table-body {
    max-height: 375px;
    overflow: auto; }
  .deal-existing-evaluations-table .table-cell:nth-child(1) {
    width: 20%; }
  .deal-existing-evaluations-table .table-cell:nth-child(2) {
    width: 16%; }
  .deal-existing-evaluations-table .table-cell:nth-child(3) {
    width: 16%; }
  .deal-existing-evaluations-table .table-cell:nth-child(4) {
    width: 16%; }
  .deal-existing-evaluations-table .table-cell:nth-child(5) {
    width: 16%; }
  .deal-existing-evaluations-table .table-cell:nth-child(6) {
    width: 16%; }

.price-personal-evaluations {
  width: 60%;
  min-height: 100px;
  font-size: 0.7em; }
  .price-personal-evaluations .table-body {
    max-height: 375px;
    overflow: auto; }
  .price-personal-evaluations .table-cell:nth-child(1) {
    width: 33%; }
  .price-personal-evaluations .table-cell:nth-child(2) {
    width: 28%; }
  .price-personal-evaluations .table-cell:nth-child(3) {
    width: 28%; }
  .price-personal-evaluations .table-cell:nth-child(4) {
    width: 10%; }

.deal-select-vehicles-table {
  width: 98%;
  min-height: 100px;
  font-size: 0.7em; }
  .deal-select-vehicles-table .table-body {
    max-height: 375px;
    overflow: auto; }
  .deal-select-vehicles-table .table-cell:nth-child(1) {
    width: 30%; }
  .deal-select-vehicles-table .table-cell:nth-child(2) {
    width: 40%; }
  .deal-select-vehicles-table .table-cell:nth-child(3) {
    width: 30%; }

.deal-proposal-table {
  width: 90%;
  min-height: 100px;
  font-size: 0.7em; }
  .deal-proposal-table .table-body {
    max-height: 375px;
    overflow: auto; }
  .deal-proposal-table .table-cell:nth-child(1) {
    width: 15%; }
  .deal-proposal-table .table-cell:nth-child(2) {
    width: 20%; }
  .deal-proposal-table .table-cell:nth-child(3) {
    width: 20%; }
  .deal-proposal-table .table-cell:nth-child(4) {
    width: 15%; }
  .deal-proposal-table .table-cell:nth-child(5) {
    width: 15%; }
  .deal-proposal-table .table-cell:nth-child(6) {
    width: 15%; }

.evaluation-requests-table {
  width: 90%;
  min-height: 100px;
  font-size: 0.7em; }
  .evaluation-requests-table .table-body {
    max-height: 375px;
    overflow: auto; }
  .evaluation-requests-table .table-cell:nth-child(1) {
    width: 70%; }
  .evaluation-requests-table .table-cell:nth-child(2) {
    width: 15%; }
  .evaluation-requests-table .table-cell:nth-child(3) {
    width: 15%; }

.deal-agenda-table {
  width: 90%;
  min-height: 100px;
  font-size: 0.7em; }
  .deal-agenda-table .table-body {
    max-height: 375px;
    overflow: auto; }
  .deal-agenda-table .table-cell:nth-child(1) {
    width: 10%; }
  .deal-agenda-table .table-cell:nth-child(2) {
    width: 20%; }
  .deal-agenda-table .table-cell:nth-child(3) {
    width: 30%; }
  .deal-agenda-table .table-cell:nth-child(4) {
    width: 5%; }
  .deal-agenda-table .table-cell:nth-child(5) {
    width: 35%; }

.btn-file-delete {
  padding-left: 40px; }

.images-list {
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0; }
  .images-list .images-list-item a, .images-list .images-list-item button {
    display: block; }
  .images-list .images-list-item img {
    width: 100px;
    background-color: gray;
    margin: 5px; }
    .images-list .images-list-item img:hover {
      width: 400px; }
  .images-list .images-list-item .btn-image-delete {
    margin: 5px; }

.dash-number-big {
  color: white;
  text-align: center;
  font-size: 1.8em; }

.website-sd-table {
  width: 90%;
  border: 1px solid gray; }
  .website-sd-table td, .website-sd-table th {
    border: 1px solid gray;
    padding: 4px; }

.website-d-table {
  width: 90%;
  border: 1px solid gray; }
  .website-d-table td, .website-d-table th {
    border: 1px solid gray;
    padding: 4px; }
  .website-d-table tr:nth-child(n+17) {
    color: red;
    font-weight: bold; }

.media-named-container {
  display: flex;
  flex-wrap: wrap; }
  .media-named-container .media-named-item {
    width: 200px;
    height: 140px;
    border: 1px solid gray;
    border-radius: 5%;
    padding: 10px;
    margin: 2px; }
    .media-named-container .media-named-item .carcontrol-file-upload-preview {
      display: none !important; }
  .media-named-container .media-named-image {
    width: 200px;
    height: 200px;
    border: 1px solid gray;
    border-radius: 5%;
    padding: 10px;
    position: relative;
    margin: 2px; }
    .media-named-container .media-named-image .carcontrol-file-upload-preview {
      display: none !important; }
    .media-named-container .media-named-image img {
      max-width: 100px;
      max-height: 100px;
      display: block;
      margin: 5px auto; }
    .media-named-container .media-named-image .btn-file-delete {
      position: absolute;
      bottom: 5px;
      right: 10px; }
    .media-named-container .media-named-image a {
      position: absolute;
      bottom: 5px;
      left: 10px; }

.card-grid .card-content.content-flex {
  display: flex;
  flex-wrap: wrap; }

.crm-config-flex {
  width: 200px; }

.lead-notice {
  font-size: 0.7em;
  color: #a9172a; }
  .lead-notice a {
    font-weight: bold; }

.sub-column {
  width: 100%; }
  .sub-column div {
    width: 50%;
    float: left; }

.stock-report .stock-report-table {
  width: 90%;
  margin: 2% auto;
  max-width: 1024;
  font-size: 0.9em;
  cursor: pointer; }
  .stock-report .stock-report-table td {
    width: 16%; }
  .stock-report .stock-report-table td:nth-child(1) {
    width: 20%; }
  .stock-report .stock-report-table .category-name {
    background-color: #2399e5; }

.stock-report .stock-vehicles {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 90%;
  margin: 2% auto;
  max-width: 1024;
  font-size: 0.7em;
  background-color: #2399e5; }
  .stock-report .stock-vehicles .stock-vehicle {
    width: 8%;
    margin: 1%;
    height: 120px;
    text-align: center;
    cursor: pointer; }

.smaller-text.report-container .report-option .option-title {
  font-size: 0.9em; }

.carcontrol-notification-element .carcontrol-notification-url {
  font-size: 0.6em;
  text-align: center;
  padding: 5px; }

.carcontrol-notification-element .carcontrol-notification-text {
  font-size: 0.5em;
  text-align: center;
  padding: 5px; }

.carcontrol-notification-element button {
  font-size: 0.8em;
  text-decoration: underline;
  margin: auto;
  display: block; }

.user-notification .carcontrol-notification-title {
  text-align: center; }

.carcontrol-notification.user-notification .carcontrol-notification-element {
  height: 120px;
  background-color: rgba(35, 153, 229, 0.9); }