@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'),
    url('/static/css/roboto/Roboto-Thin.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),
    url('/static/css/roboto/Roboto-ThinItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'),
    url('/static/css/roboto/Roboto-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
    url('/static/css/roboto/Roboto-LightItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
    url('/static/css/roboto/Roboto-MediumItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
    url('/static/css/roboto/RobotoCondensed-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Condensed Thin Italic'),
    local('RobotoCondensed-LightItalic'),
    url('/static/css/roboto/RobotoCondensed-LightItalic.ttf') format('truetype');
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

html {
  position: relative;
  min-height: 100%;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  line-height: 40px;
}

body {
  background-color: #fff;
  color: #333;
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  /*font-family: "Open Sans", sans-serif;*/
  font-size: 16px;
  line-height: 1.42857;
  padding-bottom: 1.5em;
  margin-bottom: 40px;
  /*border-bottom: 50px solid #000;*/
}

body#loginBody {
  background: #e0e0e0 url('/static/img/login_fond.jpg?67c7d5b45493') no-repeat right 100px;
}
body#loginBody.cookies {
  background: #fff;
}

a {
  color: #ed3234;
}

a:hover {
  color: #ed3234;
  text-decoration: none;
}

table a:focus,
table a:visited {
  color: #ed3234;
}

h1 {
  margin-bottom: 1em;
  color: #333;
  font-weight: 400;
}

.form-control {
  border-radius: 0;
}

button {
  background: transparent;
  border: 0;
}

h2 {
  position: relative;
  z-index: 9;
}

#loginBody header {
  background-color: white;
  border-top: 25px solid black;
  border-bottom: 0;
}

#loginBody #maincontainer {
  padding-top: 30px;
}

#loginBody .well {
  background: url('/static/img/login_back.png?67c7d5b45493');
  padding: 5% 10%;
}

.btn-primary {
  background-image: linear-gradient(to bottom, #ed3234 0px, #bf282a 100%);
  background-repeat: repeat-x;
  border-color: #bf282a;
  text-shadow: 0 2px 2px rgba(1, 1, 1, 0.5);
  box-shadow: 0 3px 3px rgba(1, 1, 1, 0.5);
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-image: linear-gradient(
    to bottom,
    #bf282a 0px,
    #bf282a 100%
  ) !important;
  background-color: #bf282a;
  border-color: #bf282a;
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
  color: #fff;
  background-color: #bf282a;
  border-color: #bf282a;
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover,
.list-group-item:hover {
  color: #fff !important;
  background-color: #bf282a !important;
  border-color: #bf282a !important;
  background-image: none;
  text-shadow: none;
}

.list-group-item.active.disabled,
.list-group-item.active.disabled:focus,
.list-group-item.active.disabled:hover,
.list-group-item.disabled:hover {
  color: #fff !important;
  background-color: #495057 !important;
  border-color: #495057 !important;
  background-image: none;
  text-shadow: none;
  opacity: 0.4;
}

/* full calendar buttons */
.fc-today-button.btn-primary[disabled],
.fc-today-button.btn-primary[disabled]:hover,
.fc-today-button.btn-primary[disabled]:focus,
.fc-dayGridMonth-button.btn-primary.active,
.fc-timeGridWeek-button.btn-primary.active {
  background-image: none !important;
  background-color: gray !important;
  border-color: gray !important;
  cursor: not-allowed;
}
.fc-dayGridMonth-button.btn-primary,
.fc-timeGridWeek-button.btn-primary,
.fc-next-button.btn-primary,
.fc-prev-button.btn-primary,
.fc-today-button.btn-primary {
  text-shadow: none;
  box-shadow: none;
}
#loginBody form p {
  font-size: 12px;
}

#useractions {
  background-color: #000;
}

#useractions.useractions-dev {
  background-color: orangered;
}

.user {
  text-align: right;
  padding-top: 5px;
}

.user .dropdown-toggle img {
  margin-top: -5px;
}

.user a.dropdown-toggle {
  color: white !important;
}

.user .caret {
  color: #ed3234 !important;
  margin-left: 5px;
}

.user a.dropdown-toggle:hover {
  color: #ed3234 !important;
  text-decoration: none;
}

#useractions .form-group {
  margin-top: 5px;
  margin-bottom: 5px;
}

#useractions .form-control {
  height: 24px;
  padding: 2px 12px;
}

.user .glyphicon {
  margin: 0 5px;
}

.admin-link {
  margin-right: 10px;
  padding: 0px 12px;
}

header {
  border-top: 5px solid #ed3234;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 1;
}

header .col-lg-4 {
  display: block;
  border: 1px solid white;
}

.logo {
  display: inline-block;
  width: 180px;
  padding-top: 5px;
  float: left;
}

.tagline {
  font-size: 18px;
  padding-top: 35px;
  color: #333;
  display: inline-block;
}

.container {
  /*max-width:1170px;*/
  max-width: 1680px;
  width: 100%;
}

#useractions .container,
header .container {
  max-width: 1700px;
}
.nav-tabs {
  margin: 2rem 0 2rem;
}

.navbar {
  margin-top: 12px;
  margin-bottom: 0;
  font-size: 16px;
}

.navbar-default {
  background-image: none;
  border-radius: 0;
  box-shadow: none;
  background-color: #ffffff;
  border-color: #ffffff;
  border: 0;
  margin-right: -15px;
}

.navbar > li {
  display: block;
  position: inherit;
}

.navbar li a {
  box-shadow: 0 0 1px transparent;
  display: inline-block;
  overflow: hidden;
  position: relative;
  transform: perspective(1px) translateZ(0px);
  vertical-align: middle;
  color: #333 !important;
  padding: 5px 0px;
}
.navbar li a.event-item-link {
  color: #ed3234 !important;
}
@media (min-width: 768px) {
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.navbar li a:hover {
  color: #ed3234 !important;
  text-decoration: none;
}
.navbar li a.dropdown-item:hover {
  background-color: #fff;
}

.navbar li a.menu-base-link::before,
.navbar li.open a.menu-base-link::before {
  background: #ed3234 none repeat scroll 0 0;
  bottom: 0;
  content: '';
  height: 4px;
  left: 50%;
  position: absolute;
  right: 50%;
  transition-duration: 0.3s;
  transition-property: left, right;
  transition-timing-function: ease-out;
  z-index: -1;
}

.navbar li a:hover::before,
.navbar li a:focus::before,
.navbar li a:active::before {
  left: 0;
  right: 0;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .open > a {
  background-image: none;
  box-shadow: none;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  background-color: transparent;
  color: #ed3234;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  background-color: transparent;
}

.navbar .dropdown-menu {
  background-color: #fff;
  border: 0 none;
  border-radius: 0;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  font-size: 14px;
  list-style: outside none none;
  padding: 10px;
  text-align: left;
  right: auto;
  max-width: 350px;
}
.navbar .dropdown-menu.dropdown-menu-right {
  right: 0;
  left: auto;
  max-width: none;
}

.navbar li li a::before,
.navbar li.open li a::before {
  background: #ed3234 none repeat scroll 0 0;
  bottom: 0;
  content: '';
  height: 0;
  left: 50%;
  position: absolute;
  right: 50%;
  transition-duration: 0.3s;
  transition-property: left, right;
  transition-timing-function: ease-out;
  z-index: -1;
}

.navbar .dropdown-menu li {
  font-size: 16px;
  margin: 0 1em;
  text-transform: none;
}

.dropdown-menu > li > a {
  color: #333;
  font-weight: 300;
  padding: 3px;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  background-color: #ed3234;
  background-image: linear-gradient(
    to bottom,
    #bf282a 0px,
    #bf282a 100%
  ) !important;
  text-decoration: none !important;
}
.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #ed3234;
}
/*.navbar .dropdown {
  position: static;
}*/

.navbar li li a:hover,
.navbar li a:focus,
.navbar li a:active {
  background: transparent;
}

#table-total {
  display: inline-block;
  float: left;
  margin-top: 13px;
}

#installations_paginate {
  float: left;
  margin-left: 20px;
}
.sale-order-left-column {
  overflow-x: auto;
}
#sale-orders-table,
#service-orders-table {
  margin-bottom: 10px;
}

.order-service-button,
.order-sale-button {
  margin-right: 50px;
}

.form-group.production-line {
  margin-left: 20px;
}

#installations-table > tbody > tr:hover {
  background: rgba(204, 0, 0, 0.2);
  cursor: pointer;
}
/*
td.installation-image-container{
    cursor: move !important;
}
.dt-rowReorder-moving{
    background: rgba(204, 0, 0, 0.2) !important;
    cursor: move !important;
}
*/

/*
#installation-type-select, #product-line-select{
  min-width: 250px;
}*/

.profile-form-photo {
  width: 130px;
  height: 130px;
}

.profile-edit-form table tr td {
  padding-right: 20px;
}

h4.total-invoice {
  margin-top: 0px;
}

.edit-company-form > .form-group {
  min-height: 45px;
}

.edit-company-form.contacts {
  margin-top: 20px;
}

.edit-company-submit {
  margin-top: 20px;
}

.ui-autocomplete {
  max-height: 300px;
  overflow-y: scroll;
}

.ui-autocomplete * {
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.installation-img {
  display: block;
  margin-bottom: 30px;
}

tr.highlighted,
.articles-table > tbody > tr:hover {
  background: rgba(204, 0, 0, 0.2);
  opacity: 0.5;
}

.search-results {
  max-height: 400px;
  overflow-y: auto;
  margin-top: 20px;
}

.articles-search-results-title {
  display: inline;
}

.results-close {
  cursor: pointer;
}

/* loading glyphicon */
.glyphicon-refresh-animate {
  -animation: spin 0.7s infinite linear;
  -ms-animation: spin 0.7s infinite linear;
  -webkit-animation: spinw 0.7s infinite linear;
  -moz-animation: spinm 0.7s infinite linear;
}

/* interactive map modal */
#cartModal > .modal-dialog {
  width: 700px;
}

@keyframes spin {
  from {
    transform: scale(1) rotate(0deg);
  }

  to {
    transform: scale(1) rotate(360deg);
  }
}

@-webkit-keyframes spinw {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes spinm {
  from {
    -moz-transform: rotate(0deg);
  }

  to {
    -moz-transform: rotate(360deg);
  }
}

.breadcrumb {
  margin: 0 -15px;
  border-radius: 0;
  font-size: 13px;
  background-color: #f5f5f5;
  padding: 8px 15px;
}

.breadcrumb a {
  color: #333;
}

.logo {
  margin-left: -10px;
}

#installations-table,
#service-orders-table,
#service-order-table,
#services-table,
#sale-orders-table,
#invoices-table_wrapper,
#invoice-table,
#sales-table,
#sale-order-table,
#quotations-table,
#quotation-table,
#cart-table,
#interactive,
.articles-table {
  margin-top: 10px;
}

#installations-table th,
#service-orders-table th,
#service-order-table th,
#services-table th,
#sale-orders-table th,
#invoices-table_wrapper th,
#invoice-table th,
#sales-table th,
#sale-order-table th,
#quotations-table th,
#quotation-table th,
#cart-table th,
#interactive th {
  border: 1px solid white;
  background-color: #efefef;
}

.articles-table th {
  border: 1px solid #ccc;
  background-color: #efefef;
}

#installations-table td,
#service-orders-table td,
#service-order-table td,
#services-table td,
#sale-orders-table td,
#invoices-table_wrapper td,
#invoice-table td,
#sales-table td,
#quotations-table td,
#cart-table td,
#interactive td,
.articles-table td {
  border: 1px solid #efefef;
}

#cart-table {
  width: 100%;
}

#cart-table td,
#cart-table th {
  padding: 5px;
}

#cart-table .desc,
#cart-table .code {
  color: black;
  font-weight: 600;
}

.bottom,
.top {
  display: block !important;
  width: 100%;
  background-color: #efefef;
  font-size: 90%;
  float: left !important;
  margin: 10px 0;
  padding-left: 10px;
}

.footer-contact-text {
  /***laguntza linka***/
  /*display:inline-block;
    padding:15px;
    border:1px solid #efefef;
    background-color:white;
    box-shadow:0 5px 5px rgba(1,1,1,0.5);
    float:right;
    border-radius:6px;
    border:2px solid #ccc;
    margin-top:10px;*/
}

.text-warning {
  color: #666;
}

.ficha {
  background-color: #efefef;
  padding: 1em;
}

.ficha h4 {
  margin-bottom: 20px;
  border-bottom: 2px solid white;
  padding-bottom: 10px;
}

.ficha dl {
  display: block;
  width: 100%;
}

.ficha dt {
  display: inline-block;
  float: left;
  clear: both;
  width: 30%;
  margin-bottom: 10px;
}

.ficha dd {
  display: inline-block;
  float: left;
  width: 70%;
  margin-bottom: 20px;
}

.catalog {
  margin-bottom: 20px;
  display: inline-block;
  padding: 10px 15px;
  background-color: #c00;
  color: white;
  border-radius: 6px;
  text-transform: uppercase;
  text-shadow: 0 2px 2px rgba(1, 1, 1, 0.4);
  box-shadow: 0 3px 3px rgba(1, 1, 1, 0.5);
  font-size: 90%;
  letter-spacing: 0.04em;
}

.catalog:hover,
.catalog:active,
.catalog:focus {
  color: white !important;
  text-decoration: none !important;
  background-color: #333 !important;
}

.invoices-forms .form-group,
.sales-forms .form-group,
.quotation-forms .form-group {
  margin-right: 10px;
  padding-right: 20px;
  border-right: 1px solid #ccc;
  margin-bottom: 5px;
}

.services-forms .form-group {
  margin-right: 10px;
  padding-right: 0px;
  border-right: none;
  margin-bottom: 5px;
}

.services-forms .form-group:last-child,
.invoices-forms .form-group:last-child,
.sales-forms .form-group:last-child,
.quotation-forms .form-group:last-child {
  border: none;
}

.services-forms .ui-datepicker-trigger,
.invoices-forms .ui-datepicker-trigger,
.sales-forms .ui-datepicker-trigger,
.quotation-forms .ui-datepicker-trigge {
  margin-right: 20px;
  font-size: 14px;
}

.services-forms #service-type-select,
.invoices-forms #service-type-select,
.sales-forms #service-type-select,
.quotation-forms #customer-select {
  max-width: 200px;
}

.services-forms #service-type-select {
  max-width: 180px;
}

.services-forms #datepicker_from,
.services-forms #datepicker_to,
.invoices-forms #datepicker_from,
.invoices-forms #datepicker_to,
.sales-forms #datepicker_from,
.sales-forms #datepicker_to,
.quotation-forms #datepicker_from,
.quotation-forms #datepicker_to {
  max-width: 100px;
}

@media only screen and (max-width: 770px) {
  .services-forms #datepicker_from,
  .services-forms #datepicker_to,
  .invoices-forms #datepicker_from,
  .invoices-forms #datepicker_to,
  .sales-forms #datepicker_from,
  .sales-forms #datepicker_to,
  .quotation-forms #datepicker_from,
  .quotation-forms #datepicker_to {
    max-width: 100%;
  }

  .services-forms label,
  .invoices-forms label,
  .sales-forms label,
  .quotation-forms label {
    clear: both;
    /*display:block;*/
    margin-top: 10px;
  }

  .services-forms #customer-select,
  .invoices-forms #customer-select,
  .sales-forms #customer-select,
  .quotation-forms #customer-select,
  .services-forms #service-type-select {
    max-width: 100%;
  }

  .services-forms .form-group,
  .invoices-forms .form-group,
  .sales-forms .form-group,
  .quotation-forms .form-group {
    border-right: none;
  }

  .form-group.production-line {
    margin-left: 0px;
  }
}

.invoice-details {
  background-color: #efefef;
  padding: 1em;
}

.total-invoice {
  text-transform: uppercase;
  color: #c00;
}

.company-info {
  background-color: #efefef;
  padding: 1em;
}

.company-info h3,
.company-contact h3 {
  border-bottom: 1px solid white;
  margin: 15px 0;
  padding-bottom: 10px;
}

.company-contact {
  border: 2px solid #efefef;
  padding: 1em;
}

.company-contact table {
  border: 1px solid #efefef;
}

.company-contact table th {
  border: 1px solid #efefef;
}

.company-contact table td {
  border: 1px solid #efefef;
  font-size: 90%;
}

h3.delivery {
  border-top: 1px solid #ccc;
  padding: 20px 0;
}

iframe #page-container {
  background-color: white !important;
}

.delivery-address {
  margin-top: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 15px;
}

.delivery-points {
  display: inline-block;
  text-align: right;
  padding-right: 10px;
  width: 100%;
  /*border-top:1px solid #efefef;*/
}

tfoot {
  background-color: #efefef;
}

.desc-input {
  width: 200px;
  display: inline-block;
}

td > .desc-input {
  max-width: 140px;
}

.form-control:focus {
  border-color: #cc0000;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(204, 0, 0, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(204, 0, 0, 0.6);
}

.btn-warning {
  background-image: -webkit-linear-gradient(top, #e56c6d 0, #e7494b 100%);
  background-image: -o-linear-gradient(top, #e56c6d 0, #e7494b 100%);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#e56c6d),
    to(#e7494b)
  );
  background-image: linear-gradient(to bottom, #e56c6d 0, #e7494b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E56C6D', endColorstr='#e69091', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
  border-color: #e7494b;
}

.btn-warning:hover {
  background-image: linear-gradient(
    to bottom,
    #e7494b 0px,
    #e7494b 100%
  ) !important;
  background-color: #e7494b;
  border-color: #e7494b;
}

.col-sm-8.text-center h2 {
  font-size: 26px;
  margin-top: 30px;
}

.rotate-controls > a {
  display: inline;
}

.zoomin {
  margin-left: 30px;
}

.rotate-icon {
  width: 30px;
  height: 30px;
}

.rotate-icon:hover {
  cursor: pointer;
}

#warranty-checkbox {
  margin-left: 10px;
}

.api-source-control {
  margin-top: 10px;
}

.api-source-text {
  display: inline;
}

.bottom {
  margin-bottom: 60px;
}

.articles-table-container {
  max-height: 650px;
  overflow: auto;
}

.col-sm-6.delivery-address-box:nth-child(4n + 1) {
  clear: both;
}

.delivery-address .col-sm-4:nth-child(3n + 1) {
  clear: both;
}

.installation-catalog-documentation {
  margin-top: 30px;
}

/* udaq */

.date_range_filter,
.timepicker {
  width: 130px !important;
}

#ui-datepicker-div,
.ui-timepicker-container {
  z-index: 99 !important;
}

.graph-type-content {
  margin-top: 10px;
}

.requests-table-body:hover {
  cursor: pointer;
}

.udaq-chart {
  min-width: 310px;
  height: 500px;
  margin: 0 auto;
}

.graph-type-buttons,
.summary-type-buttons,
.table-type-buttons {
  margin-top: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  display: -webkit-box;
  display: -moz-box;
}

hr.udaq {
  margin-top: 10px;
}

.graph-type-buttons > a,
.summary-type-buttons > a,
.table-type-button > a {
  float: none;
}

.installation-online-iframe {
  border: none;
  height: 2000px;
}

/* Installation - Operating Instructions */
.file-input-label:hover {
  cursor: pointer;
  color: red;
}

.ops-textarea {
  resize: vertical;
}

.file-1-image,
.file-2-image {
  max-width: 150px;
  height: 100px;
}
.ops-table-label {
  /*float: right;*/
  margin-left: 15px;
  display: inline-block;
}

.ops-table-input {
  float: left;
  display: inline-block;
}

.ops-file-aux-button {
  margin-bottom: 10px;
  display: block;
}

.sale-conditions-iframe {
  width: 100%;
  height: 600px;
}

/* menu collapse point */
@media (max-width: 768px) {
  .navbar-header {
    float: none;
  }

  .navbar-left,
  .navbar-right {
    float: none !important;
  }

  .navbar-toggle {
    display: block;
  }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }

  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }

  .navbar-collapse.collapse {
    display: none !important;
  }

  .navbar-nav {
    float: none !important;
    margin-top: 7.5px;
  }

  .navbar-nav > li {
    float: none;
  }

  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .collapse.in {
    display: block !important;
  }

  .dropdown-menu {
    top: auto;
  }
}

/* angular app styles */
.dashboard-maintitle {
  color: #666;
  align-content: center;
  margin: 0px 15px 0px 15px;
  font-size: 16px;
  font-weight: bold;
}

.dashboard-lastupdate {
  color: #666 !important;
  align-content: left;
  margin: 0px 0px 0px 0px;
  font-size: 10.5px;
}

.dashboard-title {
  color: #666;
  align-content: center;
  margin: 0px 15px 0px 15px;
  font-size: 14px;
}

.info-box {
  height: 75px;
  background: white;
  color: #666;
  font-size: 14px;
  align-content: center;
}

.info-text {
  text-align: center;
  color: #666;
  margin: 0px 5px 0px 5px;
  font-size: 14px;
}

.info-title-text {
  padding: 0px 10px 0px 10px;
  color: #666;
  text-align: center;
}

.dashboard-header {
  height: 50px !important;
  margin: 0 auto !important;
  text-align: center !important;
  background-color: white !important;
  align-content: center !important;
}

.plot-header {
  height: 40px !important;
  background-color: #efefef !important;
}

.nopadding {
  padding: 0 !important;
  margin: 0 !important;
}

.country-select {
  width: 200px;
}

.fill-remaining-space {
  flex: 1 1 auto;
}

.fill-text-space {
  flex: 0.1 0.1 auto;
}

/* registration */
#id_permissions {
  list-style: none;
  padding-left: 25px;
}

.user-registration-form h4.heading-title {
  text-transform: uppercase;
  color: black;
}

.user-registration-form h4.heading-title::after {
  content: '';
  width: 20%;
  height: 4px;
  background-color: #ed3234;
  display: block;
  margin-top: 5px;
}

.user-registration-form .submit-button-container {
  margin-top: 0px;
  border-top: 2px solid #efefef;
  padding-top: 10px;
  text-align: right;
}

.user-registration-form .submit-button-container input {
  width: 200px;
  font-size: 18px;
}

.user-registration-form .help-block {
  font-size: 12px;
}

.dev-title {
  font-size: 24px;
  margin-left: 10px;
  font-weight: bold;
  text-transform: uppercase;
}

.list-group.user-registration {
  margin-top: 10px;
}

.list-group.user-registration .list-group-item.active,
.list-group.user-registration .list-group-item:hover,
.list-group.user-registration .list-group-item.active h4,
.list-group.user-registration .list-group-item:hover h4 {
  background: #ed3234 !important;
  color: #ffffff !important;
  cursor: pointer !important;
  text-shadow: none !important;
  border-color: #ffffff !important;
}

.list-group.user-registration .list-group-item.active .list-group-item-text,
.list-group.user-registration
  .list-group-item.active:focus
  .list-group-item-text,
.list-group.user-registration
  .list-group-item.active:hover
  .list-group-item-text {
  color: #ffffff !important;
  text-shadow: none !important;
}

.registration-module-image {
  margin-bottom: 20px;
}

.registration-module-image.module-1 {
  width: 200px;
}

.registration-module-image.module-2 {
  width: 350px;
  height: 150px;
}

.registration-module-image.module-3 {
  width: 100%;
  height: 150px;
}

/* OPS */
.unstyled-list {
  list-style-type: none;
  margin-left: 20px;
}

.ops-category-caret {
  color: #666;
}

.ops-item-link {
  display: block;
  padding-bottom: 10px;
  color: #666;
}

.ops-category-caret:hover,
.ops-item-link:hover,
.ops-category-caret:focus {
  color: #ed3234;
}

.instructions-table {
  table-layout: fixed;
}

.ops-table-label {
  width: 70%;
}
/*
.index-number-container {
  width: 8%;
}*/
.sop-line-controls {
  width: 9%;
}

a.saved-file-1-image {
  display: block;
}

.uploaded-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.modal-content > .article-loader {
  padding-top: 20px;
  padding-bottom: 20px;
}
.modal-content > .article-loader > img {
  margin-bottom: 10px;
}
.conditions-document-container {
  width: 100%;
  min-height: 700px;
}

.accept-text-container {
  display: inline-block;
  vertical-align: bottom;
  float: none;
}
@media screen and (max-width: 1024px) and (orientation: portrait) {
  .conditions-document-container {
    height: 900px;
  }
  .sop-line-controls {
    width: 15%;
  }
}
@media screen and (max-width: 1025px) and (orientation: landscape) {
  .conditions-document-container {
    min-height: 400px;
  }

  .sop-line-controls {
    width: 15%;
  }
  .sale-conditions-iframe {
    height: 500px;
  }
}
.table.table-borderless tbody tr td {
  border-top: none;
}
.new-sop-category-input {
  width: 200px;
}
.index-zip-file-title:hover {
  cursor: pointer;
}
/* article search dropzone */
#file-form-container {
  margin-bottom: 15px;
  margin-right: 15px;
}
.dz-size,
.dz-progress,
.dz-error-message,
.dz-success-mark,
.dz-error-mark {
  display: none !important;
}
#file-form-container {
  border: 5px solid #ed3234;
  background: white;
  padding: 20px 20px;
  border-radius: 20px;
  border-style: dotted;
}
#file-form-container.dz-drag-hover {
  border-style: solid;
}
#file-form-container.dz-drag-hover > .dz-message > .dz-button {
  color: #ed3234;
}
.sale-order-request-content {
  margin-top: 10px;
  /*background: rgba(255,101,80,0.75);*/
  padding: 10px 20px;
  border-radius: 10px;
}
.cart-distributor-option {
  background: rgba(255, 101, 80, 0.75);
  padding: 10px;
  margin-top: 10px;
  border-radius: 5px;
}

/* oee monitor */
.monitor-selector-container {
  margin-right: 0px;
  margin-left: 0px;
}
.monitor-selector-container {
  background-color: #efefef;
}
.monitor-selector-container > .selector-container {
  background-color: #efefef;
  /*background-clip: content-box;*/
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
}
.monitor-selector-container > .selector-container > .list-group {
  background-color: #fff;
}
.selector-container > .list-group {
  height: 200px;
  overflow-y: auto;
  overflow-x: auto;
}
.selector-container > .list-group > .list-group-item {
  padding: 5px 5px;
}
.apply-selection-container {
  background-color: #efefef;
  padding-bottom: 15px;
}
/*.selector-container > .list-group > a.list-group-item:focus,*/
.selector-container > .list-group > a.list-group-item.active,
.selector-container > .list-group > a.list-group-item:hover {
  background-color: #333 !important;
  color: #fff;
  opacity: 0.9;
  background-image: none;
  border: solid 1px #333;
  background-repeat: none;
  text-shadow: none;
}
.selector-container > .list-group > a.list-group-item:hover {
  background-color: #bfbfbf !important;
  border: solid 1px #bfbfbf;
  color: #000 !important;
}
.upload-file-button:active,
.upload-file-button:focus {
  text-decoration: none;
}
.highcharts-axis-labels span {
  word-break: break-all !important;
  width: 100px !important;
  white-space: normal !important;
  font-size: 14px !important;
  color: #000 !important;
  color: #ed3234;
}
.service-contract-iframe {
  width: 100%;
  min-height: 600px;
}
.contracts-list {
  margin-top: 20px;
  max-height: 600px;
  overflow-y: scroll;
}

/* services: next appointments page */
.event-container:nth-child(2n + 1) {
  clear: both;
}
.service-event-thumbnail {
  border-radius: 6px;
  background-color: #f3f4f6;
  padding: 1rem !important;
  margin-bottom: 30px;
  min-height: 180px;
}
.service-event-thumbnail.index {
  margin-bottom: 0px;
  min-height: auto;
}
.service-event-thumbnail.index {
  font-size: 14px;
}
.service-appointment {
  background-color: white;
  text-align: center;
  margin: -2rem 0rem 0rem 0rem;
}
.service-appointment.index {
  margin: 0rem 0rem 0rem 0rem;
  width: fit-content;
}
.service-appointment .month {
  background-color: black;
  color: white;
  text-transform: uppercase;
  font-size: 13px;
}
.service-appointment .day {
  font-size: 1.5rem;
  font-weight: 800;
}
.service-event-thumbnail h4 {
  text-transform: uppercase;
  border-bottom: 1px solid white;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
}

.service-event-thumbnail .responsible {
  text-transform: uppercase;
  display: inline-block;
}
.service-event-thumbnail .number {
  color: red;
  font-weight: bold;
}
.fc-event:hover {
  cursor: pointer;
}
.next-appointments-h1 {
  margin-bottom: 0;
}
.installation-image-container {
  height: 250px;
}
.index-appointments-title {
  margin-top: 20px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
}
.services-next-forms .form-group {
  margin-bottom: 10px;
}
.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
/* installation tags */
.production-lines-container,
.tags-container {
  display: inline-block;
}
.production-lines-container {
  margin-right: 10px;
}
.tags-title,
.production-line-title,
.users-title {
  font-size: 12px;
}
.tag-button,
.production-line-button,
.user-button {
  background-color: #efefef;
  padding: 2px 7px 2px 9px;
  border-radius: 20px;
  white-space: nowrap;
  display: inline-block;
  font-size: 12px;
}
.remove-tag-button,
.remove-production-line-button,
.remove-user-button {
  margin-left: 5px;
  background-color: #ed3234;
  color: #efefef;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  border-radius: 50%;
  padding: 3px 7px 3px 7px;
}
.remove-tag-button:hover,
.remove-production-line-button:hover,
.remove-user-button:hover {
  color: #efefef;
  text-decoration: none;
}
.add-tag-button,
.hide-tag-text-button,
.add-production-line-button,
.hide-production-line-text-button,
.add-pl-button,
.hide-pl-text-button,
.add-production-line-button,
.hide-production-line-text-button,
.add-user-button,
.hide-user-button {
  font-weight: bold;
  padding: 2px 6px !important;
}
.add-tag-text,
.add-production-line-text,
.add-user-text {
  width: 150px;
  margin-right: 2px;
  font-size: 12px;
}

.add-production-line-button,
.hide-production-line-text-button,
.pl-selector,
.add-production-line-text {
  margin-left: 10px;
}
/* tags autocomplete */
.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.ui-autocomplete > li > div {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}

.ui-state-hover,
.ui-state-active,
.ui-state-focus {
  text-decoration: none;
  color: #262626;
  background-color: #cccccc;
  cursor: pointer;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.quotation-pdf-container {
  height: 900px;
  overflow-y: scroll;
}
.quotation-iframe {
  width: 100%;
  height: inherit;
}
tr.spare-article-tr:not(:first-child) td {
  border-top: 2px solid #efefef !important;
}
tr.spare-article-tr:first-child td {
  border-top: 0 !important;
}
tr.article-with-comments td {
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-top: 0 !important;
}
.create-contact {
  margin-top: 10px;
}
.well {
  border: 1px solid #e3e3e3;
  background-image: linear-gradient(to bottom, #e8e8e8 0, #f5f5f5 100%);
}
label {
  font-weight: 700;
}
.profile-description {
  color: #555;
}
.profile-selector:hover .profile-description {
  color: #fff;
}
.border-light {
  border-color: #ddd !important;
}
.cart-delivery-address-box:hover {
  cursor: pointer;
  background-color: #ddd;
}
.cart-delivery-address-box.active {
  background-color: #ddd;
}
a.selector-item {
  color: #000;
}
body footer {
  background: #fff;
  border-top: solid 1px;
  border-color: #e0e0e0;
}
#loginBody footer {
  background: #e0e0e0;
  border-top: solid 1px;
  border-color: #fff;
}
#loginBody.cookies footer {
  background: #fff;
  border-top: solid 1px;
  border-color: #e0e0e0;
}
.index-title-img {
  background: url('/static/img/index_bg.png?6cfd36cb5af8');
  height: 291px;
  padding-left: 102px;
  background-position: center;
}
.index-title-img.newsfeed {
  height: 150px;
}
.index-title {
  background: rgba(255, 255, 255, 0.7);
}
.index-section-thumbnail p,
.index-section-thumbnail span {
  font-size: 14px;
}
.index-section-thumbnail p.quotation-thumbnail-status {
  font-size: 16px;
}
.index-col-container {
  border-top: 2px solid #000;
}
/* newsfeed */
#newsfeed-table {
  border-collapse: separate;
  border-spacing: 0 20px;
}
.newsfeed-tr {
  background-color: #f5f5f5;
  border: none;
}
.newsfeed-tr.unread {
  background-color: #dcdedc;
}
.newsfeed-tr:hover {
  cursor: pointer;
  background-color: #dcdedc;
}
.newsfeed-tr td {
  border-top: none;
  border-bottom: none;
}
.newsfeed-tr td.item-1 {
  border-left: solid 9px #b7f4cc;
}
.newsfeed-tr td.item-2 {
  border-left: solid 9px #d4f0ff;
}
.newsfeed-tr td.item-3 {
  border-left: solid 9px #f4dadb;
}
.newesfeed-select-all-container:hover * {
  cursor: pointer;
}
.newesfeed-select-all-container:hover,
.mark-as-read:hover,
.mark-as-unread:hover {
  background-color: #dcdedc;
}
.menu-newsfeed-events-container {
  max-height: 300px;
  overflow-y: auto;
}
@media screen and (min-width: 1024px) {
  .index-title {
    width: 33%;
  }
}
@media screen and (max-width: 1025px) {
  .index-title {
    width: 50%;
  }
}
.dropdown-menu-newsfeed {
  width: 350px;
}
.menu-newsfeed-item {
  background-color: #f3f4f6;
}
.menu-newsfeed-item:hover * {
  cursor: pointer;
}
.top-border-radius {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-top: solid 1px #ffffff;
  border-left: solid 1px #ffffff;
  border-right: solid 1px #ffffff;
}
.bottom-border-radius {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom: solid 1px #ffffff;
  border-left: solid 1px #ffffff;
  border-right: solid 1px #ffffff;
}
.all-border-radius {
  border: solid 1px #ffffff;
  border-radius: 10px;
}
#history,
#monitor {
  width: -webkit-fill-available;
}
.subcategory-first td {
  border-top: none !important;
}
tr.monitor-subcategory-row:hover {
  background-color: rgba(255, 0, 0, 0.2);
  cursor: pointer;
}
.oee-history-item {
  display: none;
}
.border-left-container {
  border-left: 5px solid lightgray;
}
.add-to-cart-button.btn-light {
  cursor: not-allowed;
}
.load-alarms-button {
  padding: 0.05rem 0.25rem !important;
}
.profile-password-form .has-error .help-block {
  color: red;
  margin-top: 5px;
}
/* hide password validation msg in user registration page */
.user-registration-form .username-password-section ul {
  display: none;
}
.reports.folder-list,
.reports.file-list {
  height: 60vh;
  overflow-y: auto;
  border-radius: 0;
}
/*
.reports.document-iframe {
  height: 60vh;
  overflow-y: auto;
}*/

.help-table-th {
  width: 150px;
}
.subset-container {
  position: absolute !important;
  max-width: 800px;
  background-color: #ffffff;
  z-index: 999;
  /*transform: none !important;*/
}
.full-map-list-item:hover ul a:first-child {
  color: #000000 !important;
}
.full-map-list-item:hover a,
.full-map-list-item a:hover,
.full-map-list-item:hover ul:hover li:hover a {
  color: #ffffff !important;
}
.cause-selector {
  opacity: 65%;
}
.cause-selector.selected {
  opacity: 100%;
}