/*
basic green #ff6766

dark gray #404040
basic gray #8E8E8E
medium gray #E5E5E5
light gray #F6F6F6
s
*/

@font-face {
  font-family: 'nunito-medium';
  src: url("/fonts/static/Nunito-Medium.ttf") format("truetype");
}

@font-face {
  font-family: 'nunito-bold';
  src: url("/fonts/static/Nunito-Bold.ttf") format("truetype");
}

@font-face {
  font-family: 'nettoReflex-bold';
  src: url("/fonts/static/NettoReflex-Bold.ttf") format("truetype");
}

@font-face {
  font-family: 'nunito-medium';
  src: url("/fonts/static/NettoReflex-Regular.ttf") format("truetype");
}

@font-face {
  font-family: 'ReflexSonderzeichen-bold';
  src: url("/fonts/static/ReflexSonderzeichen-Bold.otf") format("opentype");
}

@font-face {
  font-family: 'ReflexSonderzeichen-regular';
  src: url("/fonts/static/ReflexSonderzeichen-Regular.otf") format("opentype");
}

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

body {
  font-family: 'nunito-medium', sans-serif !important;
  color: #fff !important;
  background-color: #28045D !important;
  width: 100%;
}

.sidebar .nav li>a {
  color: #ffffff;
}

#selectOption {
  box-shadow: none;
  color: #8E8E8E;
}

.error-page h6 {
  margin-bottom: 50px;
}

.error-page .content {
  margin-top: 30vh;
}

.error-page .btn-gohome {
  padding-left: 12px;
  padding-right: 12px;
  width: 230px;
}

.terms-container,
.privacy-container {
  color: #e4e4e4;
}

.title,
.title a,
.card-title,
.card-title a,
.info-title,
.info-title a,
.footer-brand,
.footer-brand a,
.footer-big h5,
.footer-big h5 a,
.footer-big h4,
.footer-big h4 a,
.media .media-heading,
.media .media-heading a {
  color: #FF6766;
}

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

.qr-result-success {
  color: #ff6766;
  font-size: 16px;
}

.qr-result-failure {
  color: red;
  font-size: 16px;
}

#contentList {
  padding-top: 1px;
}

.editButton .btn.editBtn {
  padding-left: 0;
  padding-right: 0;
  padding-top: 9px;
}

#myMultiselect {
  max-height: 400px;
  overflow: auto;
}


.btn.btn-gray,
.btn.btn-gray:hover {
  padding-left: 30px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 30px;
  background-color: #E5E5E5;
  border-color: #E5E5E5;
  margin-left: 0px;
  color: #ffffff;
  box-shadow: none;
}


/*================*/
/* sidebar styles */
/*================*/

#minimizeSidebar {
  background-color: transparent;
  border: 0;
  margin-top: 10px;
  padding: 0;
  margin-top: 10px !important;
  margin-right: 20px;
}

.sidebar {
  background-color: #28045D;
  box-shadow: 0 6px 6px -2px rgb(0 0 0 / 25%), 0 1px 1px 0px rgb(0 0 0 / 12%), 0 1px 1px -1px rgb(0 0 0 / 20%) !important;
  margin-top: 80px;
  z-index: 6 !important;
}

.navbar h4 {
  font-size: 1.3em;
  margin-left: 0px;
  margin-top: 20px;
}

.navbar .logo {
  width: 245px;
  margin-left: 0px;
}

.update-profile-on-mobile {
  display: none;
}

.sidebar[data-active-color="custom"] .logo a.logo-mini {
  margin-left: 0;
  margin-right: 0;
  width: 25px;
}

.sidebar[data-active-color="custom"] .logo:after {
  height: 0px;
}

.sidebar[data-active-color="custom"] .nav i {
  color: #8E8E8E
}

.sidebar[data-active-color="custom"] li.active>a {
  color: #ff6766;
}

.sidebar[data-active-color="custom"] .nav li.active>a,
.sidebar[data-active-color="custom"] .nav li.active>a i {
  color: #ff6766;
}

.sidebar[data-active-color="custom"] .logo {
  background-color: #200942;
}

.sidebar[data-active-color="custom"] .sidebar-wrapper {
  background-color: #28045D;
}

.nav-bell-icon-container {
  width: 42px;
  height: 41px;
  background-color: #F6F6F6;
  margin-top: 7px;
  padding-top: 9px;
  padding-left: 10px;
  margin-right: 0px;
  border-bottom: 0px solid #F6F6F6;
}

.nav-user-icon-container {
  width: 42px;
  height: 41px;
  background-color: #ff6766;
  margin-top: -10px;
  padding-top: 9px;
  padding-left: 10px;
  margin-right: 0px;
  border-bottom: 0px solid #ff6766;
  border-radius: 15px !important;
  padding-left: 9px !important;
}

.sidebar .nav li:hover>a,
.sidebar .nav li.active>[data-toggle="collapse"] {
  background-color: #FF6766 !important;
  color: #fff !important;
}

.nav-user-icon {
  width: 22px;
  height: 22px;
  background-image: url('/images/single-neutral.svg');
  background-size: cover;
  background-position: center center;
  padding: 5px;
}

.nav-bell-icon {
  width: 22px;
  height: 22px;
  background-image: url('/images/alert-bell-notification-2.svg');
  background-size: cover;
  background-position: center center;
  padding: 5px;
  background-color: #F6F6F6;
}

.navbar-username {
  height: 42px;
  padding: 10px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: -11px;
  margin-left: 0;
}

.navbar-username:hover {
  background-color: #F6F6F6;
}

.nav .dropdown.open .navbar-username {
  background-color: #F6F6F6;
}

.navbar .navbar-nav>li.open>.dropdown-menu {
  background-color: #200942;
  color: #fff;
  border-radius: 10px !important;
  padding: 20px;
  padding-left: 10px;
  padding-right: 10px;
  overflow: auto;
  max-height: 75vh;
}

.dropdown .dropdown-menu.dropdown-menu-right.dropdown-menu-lg-left {
  overflow: auto;
  max-height: 75vh;
}

.dropdown-menu .logout {
  padding: 0px;
}

.dropdown-menu .logout-container {
  background-color: #28045d;
  padding: 8px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 7px;
  margin-top: 15px;
  padding-right: 45px;
  margin-right: 10px;
  margin-bottom: 22px;
}

.dropdown-menu .logout-container .email {
  color: #ff6766;
}

.navbar-username div {
  text-transform: none;
  float: left;
}

.navbar-username i {
  font-size: 16px !important;
  line-height: 24px !important;
  margin: 0;
  margin-left: 10px;
}

.dropdown-menu .menu-label {
  font-weight: bold;
  color: #ffffff;
  margin-left: 19px;
  font-size: 16px;
  margin-top: 10px;
}

.dropdown-lang-item .language-label {
  font-weight: bold;
  color: #fff;
  margin-left: -4px;
  font-size: 16px;
}

.navbar-nav .drop-down-icon,
.nav-mobile-menu .drop-down-icon {
  float: left;
  height: 18px;
  width: 18px;
  margin-left: -15px;
  margin-right: 10px;
  color: #ffffff;
  background-image: url('');
  background-size: cover;
  background-position: center center;
}

.navbar-nav .drop-down-icon.logout,
.nav-mobile-menu .drop-down-icon.logout {
  float: right;
  margin-top: -10px;
  margin-right: 0px;
  background-image: url('/images/logout.svg');
}

.navbar-nav .drop-down-icon.profile,
.nav-mobile-menu .drop-down-icon.profile {
  background-image: url('/images/single-neutral-circle.svg');
}


.navbar-nav .drop-down-icon.lang-cs,
.nav-mobile-menu .drop-down-icon.lang-cs {
  background-image: url('/images/lang_cs.png');
}

.navbar-nav .drop-down-icon.lang-nl,
.nav-mobile-menu .drop-down-icon.lang-nl {
  background-image: url('/images/lang_nl.png');
}

.navbar-nav .drop-down-icon.lang-fi,
.nav-mobile-menu .drop-down-icon.lang-fi {
  background-image: url('/images/lang_fi.png');
}

.navbar-nav .drop-down-icon.lang-fr,
.nav-mobile-menu .drop-down-icon.lang-fr {
  background-image: url('/images/lang_fr.png');
}

.navbar-nav .drop-down-icon.lang-el,
.nav-mobile-menu .drop-down-icon.lang-el {
  background-image: url('/images/lang_el.png');
}

.navbar-nav .drop-down-icon.lang-it,
.nav-mobile-menu .drop-down-icon.lang-it {
  background-image: url('/images/lang_it.png');
}

.navbar-nav .drop-down-icon.lang-pt,
.nav-mobile-menu .drop-down-icon.lang-pt {
  background-image: url('/images/lang_pt.png');
}

.navbar-nav .drop-down-icon.lang-es,
.nav-mobile-menu .drop-down-icon.lang-es {
  background-image: url('/images/lang_es.png');
}

.navbar-nav .drop-down-icon.lang-sv,
.nav-mobile-menu .drop-down-icon.lang-sv {
  background-image: url('/images/lang_sv.png');
}

.navbar-nav .drop-down-icon.lang-pl,
.nav-mobile-menu .drop-down-icon.lang-pl {
  background-image: url('/images/lang_pl.png');
}

.navbar-nav .drop-down-icon.lang-en,
.nav-mobile-menu .drop-down-icon.lang-en {
  background-image: url('/images/lang_en.png');
}

.navbar-nav .drop-down-icon.lang-de,
.nav-mobile-menu .drop-down-icon.lang-de {
  background-image: url('/images/lang_de.png');
}


/*================*/
/* END OF sidebar styles */
/*================*/


h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4 {
  font-family: 'nunito-bold' !important;
  color: #ffffff;
}

.btn,
.navbar .navbar-nav>li>a.btn {
  margin-top: 0;
  margin-bottom: 0;
  text-transform: none;
}

.password-reset .btn,
.password-reset-form .btn {
  border-radius: 7px;
}

.btn.btn-icon {
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 10px;
  padding-right: 10px;
}

.btn.btn-icon .material-icons {
  font-size: 32px;
}

.main-panel .header {
  margin: 0;
}

.main-panel>.content {
  margin-top: 80px !important;
  padding-left: 5px !important;
  overflow: hidden;
}

.main-panel .header .title {
  margin: 0 !important;
}

.header .title {
  color: #ffffff;
}

.pager-container {
  margin-bottom: 5px;
}

.pager-container div {
  margin-top: 0;
  margin-bottom: 0;
}

.pager-container .btn.btn-sm {
  font-size: 14px;
}

.pager-container .btn.btn-secondary:hover {
  background-color: #96cc54;
}

.form-control {
  color: #ffffff;
}

.login-page .card-content {
  margin-top: 20px;
  margin-bottom: 20px;
}

.login-page .card-content .input-group {
  margin-bottom: 15px;
}

.login-page .form-group input {
  margin-top: 5px;
}

.login-page a,
.login-page a:visited,
.login-page a:active,
.login-page a:focus,
.login-page a:hover {
  color: #ff6766;
  text-decoration: none;
}


.login-page #email::placeholder {
  font-size: 14px;
}

.nav-mobile-menu .dropdown.open .dropdown-menu {
  overflow: auto;
}

.btn.dropdown-toggle:hover {
  box-shadow: none;
}

@media only screen and (min-width: 1025px) {
  .align-right-lg {
    text-align: right;
  }
}


.main-container {
  max-width: none;
}

a {
  color: #ff6766;
}

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

.btn {
  font-size: 15px !important;
}


.btn.focus,
.btn:focus {
  box-shadow: none !important;
}

.btn-wrapped {
  text-wrap: auto;
  overflow-wrap: anywhere;
}

.btn-white {
  background-color: #fff;
  color: #0268b3;
  border: 1px solid #0268b3;
  font-size: 14px;
  padding: 10px;
  padding-top: 8px;
  padding-bottom: 7px;
}

.btn-white:hover {
  color: #fff;
  background-color: #0268b3;
}

.company-read label {
  color: #fff;
}

.lead {
  font-size: 1rem
}

.form-group {
  padding-bottom: 0px !important;
}

.table-default td,
.table-default th {
  padding: .35rem
}

.action-bar {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 10px;
  margin-bottom: 5px;
}

.action-bar-bottom {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 10px;
  margin-bottom: 80px;
}

label,
.form-group .checkbox label,
.form-group .radio label,
.form-group label,
.form-group .label-on-left,
.form-group .label-on-right {
  display: inline-block;
  margin-bottom: .5rem;
  margin-top: .5em;
  color: #fff;
  font-size: 12px;
  font-weight: 200;
}

.badge-secondary {
  background-color: #0268b3;
  text-transform: uppercase;
  padding-top: 4px;
  border-radius: 0;
}

.badge-secondary-red {
  background-color: #c90610;
  color: #fff;
  text-transform: uppercase;
  padding-top: 5px;
  border-radius: 9px;
  ;
}

.view-status {
  font-size: .4em;
  font-weight: 300;
}

.badge.badge-oval {
  border-radius: 50%;
  width: auto;
  min-width: 32px;
  height: 32px;
  padding-top: 11px;
}

.badge.badge-oval.blue {
  background-color: #0268b3;
  color: #fff;
}

.badge.badge-oval.badge-small {
  border-radius: 45%;
  min-width: 20px;
  height: 22px;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 7px;
  position: relative;
  top: -2px;
  margin-left: 5px;
}

.card {
  color: #fff;
}

.badge-yellow {
  background-color: #ffc107;
  color: #fff;
  border: 1px solid #ffc107;
}

.euprivateperson-container {
  float: right;
  text-align: right;
}

.subprivateperson-container {
  float: right;
  text-align: right;
}


.euprivateperson-container .toggle {
  margin-top: -5px;
  width: 90px !important;
}

.subprivateperson-container .toggle {
  margin-top: -5px;
  width: 90px !important;
}

.euprivateperson-container .toggle label {
  font-size: 80%;
  padding-top: 5px;
}

.subprivateperson-container .toggle label {
  font-size: 80%;
  padding-top: 5px;
}

.warrantytoggle-container {
  float: right;
  text-align: right;
}

.warrantytoggle-container .toggle {
  margin-top: -3px;
  width: 200px !important;
}

.warrantytoggle-container .toggle label {
  font-size: 80%;
  padding-top: 5px;
  font-weight: 400;
}

.warrantytoggle-container .toggle-off.btn {
  padding-left: 5px;
  padding-right: 0;
}

/*** Style dla typeahead ***/
/*.typeahead-container {*/
/* width: 800px; */
/* margin: 50px auto; */
/*}*/

.asset .typeahead-container {
  background-color: #ff6766;
  padding: 15px;
}

.register .typeahead-container {
  background-color: #200942;
}

.typeahead-wrapper {
  display: block;
  width: 100%;
  border: 0;

}

.register .typeahead-wrapper {
  display: block;
  border: 0;
}

.twitter-typeahead {
  width: 100%;
}

.tt-suggestion {
  font-size: 0.8rem;
  white-space: nowrap;
}

.tt-input {}

.tt-hint {
  display: none;
}

.tt-suggestion.tt-cursor {
  background-color: #ddd;
}

.tt-suggestion:hover {
  background-color: #ddd;
  cursor: pointer !important;
}

/*************************************/

.alert {
  padding: 10px;
}

.alert li {
  list-style-type: none;
}

.alert .close {
  text-shadow: none;
}

.card {
  border: 0;
  padding: 5px;
}

.form-group.label-floating {
  z-index: 7;
}


/** typeahead **/
.tt-menu {
  border: 1px solid #ccc;
  padding: 3px;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  height: auto;
  max-height: 10rem;
}

.tt-suggestion:hover {
  background-color: #28045D;
  color: #FF6766;
}


.noData {
  font-size: 14px;
  text-align: center;
  width: 100%;
  padding: 0;
}

.noData .badge {
  font-size: 14px !important;
  text-align: center;
  width: 100%;
  padding: 0 !important;
  background-color: transparent !important;
  font-weight: 300 !important;
  color: #fff;
}

.card-content .header-doc-link {
  float: right;
  margin-top: -50px;
}

.card-content .header-date {
  float: right;
  padding-top: 10px;
}

/* Wylacza 'X' dla pol input type='text' w IE */
input[type=text]::-ms-clear {
  display: none;
}


.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-right {
  float: right !important;
}

.btn-item-remove {
  background-color: rgb(18, 123, 189);
  border: 1px solid rgb(18, 123, 189);
  color: #fff;
  padding: 3px;
}

.toggle {
  border: 1px solid #aaa;
  cursor: pointer;
}

.toggle-handle {
  background-color: #fff;
  border-color: #adadad;
}

.toggle-handle:hover {
  background-color: #e6e6e6;
  border-color: #adadad;
}

.toggle-on.btn {
  color: #fff;
  /* background-color: rgb(17, 73, 124); */
}

.form-control-span {
  background-color: #e9ecef;
  display: block;
  border: 1px solid #ced4da;
  border-radius: 0;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.sort-field {
  font-size: 18px !important;
  line-height: 1.2em !important;
  color: rgb(119, 119, 119);
  width: 200px !important;
}

.custom-dropdown {
  margin-top: 2px !important;
  font-size: 18px !important;
  line-height: 1.2em !important;
  color: rgb(119, 119, 119);
  width: 220px !important;
  background: transparent;
  box-shadow: none !important;
}

.custom-dropdown-form {
  margin-top: 0px !important;
  font-size: 14px !important;
}

/* .dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu li a:active {
  background-color: #F6F6F6;
  color: #FFFFFF; 
} */

.navbar .dropdown-menu li a:hover,
.navbar .dropdown-menu li a:focus,
.navbar .dropdown-menu li a:active,
.navbar.navbar-default .dropdown-menu li a:hover,
.navbar.navbar-default .dropdown-menu li a:focus,
.navbar.navbar-default .dropdown-menu li a:active,
.bootstrap-table .dropdown-menu li a:hover,
.bootstrap-table .dropdown-menu li a:focus,
.bootstrap-table .dropdown-menu li a:active {
  background-color: transparent !important;
  color: #ff6766 !important;
  box-shadow: none !important;
}

.dropdown-lang-item {
  padding-left: 25px;
  padding-top: 10px;
}

.navbar .dropdown-menu .separator {
  height: 1px;
  background-color: #E5E5E5;
}



.bootstrap-select.btn-group .dropdown-menu li a:focus,
.bootstrap-select.btn-group .dropdown-menu li a:hover {
  box-shadow: none !important;
}

.select-with-transition {
  font-weight: 400 !important;
  font-size: 14px !important;
  color: rgb(119, 119, 119) !important;
  padding-top: 5px !important;
  text-transform: none !important;
}

.select-with-transition-from {
  font-size: 14px !important;
  color: #fff !important;
  padding-top: 5px !important;
  text-transform: none !important;
  background-image: none !important;
  margin-left: 3px !important;
}

.search-label {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  padding-right: 6px;
}

#search::placeholder {
  font-size: 14px;
}

.sortByContainer {
  margin-top: 3px;
  margin-bottom: 3px;
  /*margin-left:-15px;*/
}

.sortByLabel {
  margin-right: 23px;
  padding-top: 5px;
}

.filterContainer {
  margin-left: -15px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.filterLabel {
  margin-right: 5px;
}

/* search and filter section */
/* Klasa przycisku czyszczenia zawartości pola */
.btn-view-search {
  float: right;
  margin-right: 3px;
  background-color: #4aa329;
  border-radius: 0;
}


.searchClearBtn {
  float: right;
  display: none;
  background-color: transparent;
  border-radius: 0;
  margin-top: -44px;
  margin-right: -15px;
  margin-left: 0px;
  margin-bottom: 0px;
  padding: 0px;
  height: 2.5em;
  width: 20px;
  box-sizing: none;
  background-image: none;
  font-size: 12px;
  border: 0px solid #fff;
  color: #fff;
  position: relative;
  left: -20px;
}
.searchClearBtn:hover{
  color: #ff6766;
}

#clearAssetBtn {
  margin-top: -32px;
}

.btn-view-search-reset {
  background-color: #fff;
  border-radius: 0;
  color: #0268b3;
  padding-top: 10px;
  padding-bottom: 9px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: .8em;

}

.searchContainer {
  margin-top: 3px;
  margin-bottom: 3px;
  padding-right: 0px;
  padding-top: 4px;
}

.searchContainer>div {
  padding-right: 0px;
  padding-left: 30px;
}

.searchContainer #search {
  float: right;
  width: 200px;
  height: 36px;
  margin-right: 5px;
  padding-bottom: 0;
  color: #777;
  background-image: linear-gradient(#ffa726, #ffa726), linear-gradient(#D2D2D2, #D2D2D2) !important;
  background-size: 0 2px, 100% 1px;
  background-repeat: no-repeat;
  background-position: center bottom, center calc(100% - 1px);
}

.searchContainer #clearSearchBtn {
  position: absolute;
  top: 7px;
  right: 50px;
  background-color: transparent;
  color: #aaaaaa;
  border: 0;
  display: none;
}

.sortByContainer>div {
  padding: 4px;
  padding-right: 0px;
}

#searchRadio .checkbox,
.radio {
  float: left;
  margin: 0;
}

.radio+.radio {
  margin: 0;
}

.link-disabled {
  color: currentColor;
  cursor: default;
  opacity: 0.5;
  text-decoration: none;
}

#versionBox {
  float: right;
  color: #ff6766;
  opacity: 1;
}


/*request status*/
.request-status {
  background-color: rgb(140, 187, 221);
  color: #fff;
  border-color: #f3f5e3;
  text-align: center;
  font-weight: 600;
  display: inline;
}

.request .form-group {
  /* margin-bottom: 0.25rem;
  line-height: 1;*/
}

.submitter-checkbox-container {
  margin-top: 2px;
}

.submitter-checkbox-container label {
  margin-right: 30px;
  color: #fff;
  margin-top: 0px;
}

.submitter-container {
  border: 1px solid #ccc;
  background-color: rgb(245, 245, 245);

}

.submitter-container .form-section-header {
  /*border-left:3px solid rgb(122, 197, 112);*/
}

.selected-enduser-container {
  border: 1px solid #ccc;
  background-color: rgb(245, 245, 245);

}

.selected-enduser-container .form-section-header {
  /*border-left:3px solid rgb(160, 12, 38);*/
}

.initiator-container {
  border: 1px solid #ccc;
  background-color: rgb(245, 245, 245);
}

.source-btn-container .toggle {
  width: 100%;
  height: 38px;
}

.asset-container {
  margin-top: 10px;
  border: 1px solid #ccc;
  background-color: rgb(245, 245, 245);
}

.reason-container {
  margin-top: 10px;
  border: 1px solid #ccc;
  background-color: rgb(245, 245, 245);
}

.attachments-container {
  margin-top: 10px;
  border: 1px solid #ccc;
  background-color: rgb(245, 245, 245);
}

.preferredasp-container {
  margin-top: 10px;
  border: 1px solid #ccc;
  background-color: rgb(245, 245, 245);
}

.preferredasp-container .form-section-header {
  /* border-left:3px solid rgb(246, 150, 48);*/
}

.tt-selectable {
  color: #fff;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-bottom: 3px;
}

.form-section-header {
  background-color: rgb(18, 123, 189);
  padding: 8px;
  padding-left: 10px;
  padding-bottom: 4px;
  color: #fff;
}

.form-section {
  padding: 7px;
}

.required-mark {
  color: red;
}



.color-asp {
  background-color: #2ec590;
  color: #fff;
}

.color-asp-font {
  color: #2ec590;
}

.color-sub-font {
  color: #eea71a;
}

.color-sub {
  background-color: #eea71a;
  color: #fff;
}

.color-eu-font {
  color: rgb(160, 12, 38);
  ;
}

.color-eu {
  background-color: rgb(160, 12, 38);
  ;
  color: #fff;
}

.color-v-font {
  color: rgb(19, 122, 189);
}

.color-v {
  background-color: rgb(19, 122, 189);
  color: #fff;
}

.border-left-asp {
  border-left: 2px solid #2ec590;
}

.border-left-sub {
  border-left: 2px solid #eea71a;
}

.border-left-eu {
  border-left: 2px solid #d81b60;
}

.border-left-v {
  border-left: 2px solid rgb(46, 170, 253);
}

.list-group-item {
  background-color: #eee;
}

.tab-content .tab-pane {
  padding-left: 1px;
  padding-right: 1px;
  padding-top: 5px;
}

/*klasy dla uploadu plikow*/
.btn:focus,
.upload-btn:focus {
  outline: 0 !important;
}

.upload-btn {
  padding: 6px;
  padding-left: 8px;
  padding-right: 8px;
}

.upload-btn:hover,
.upload-btn:focus,
.upload-btn:active,
.upload-btn.active {
  color: #ffffff;
  background-color: #0069d9;
}

#upload-input {
  display: none;
}

#upload-input1 {
  display: none;
}

#upload-input2 {
  display: none;
}

#upload-input3 {
  display: none;
}

#upload-input4 {
  display: none;
}

#upload-attachments-input {
  display: none;
}

/*koniec klas dla uploadu plikow*/

.company-assets-tab th,
.company-users-tab th,
.company-assets th,
.company-alerts th {
  font-weight: 500;
  padding: 3px;
  color: #333;
  border-top: 0;

}

.company-assets td {
  padding-left: 3px;
}

.nav-tabs {
  padding-left: 0px !important;
  border: 0;
}

.nav-tabs>li>a {
  color: #ffffff !important;
  margin-left: 10px;
  text-transform: capitalize;
  font-size: 16px;
}

.nav-tabs>li>a:hover {
  color: #ffffff !important;
}

.nav-tabs>li.active>a {
  color: #ff6766 !important;
  text-decoration: underline;
  text-underline-offset: 10px;
  text-decoration-thickness: 2px;
  background-color: transparent !important;
}

.nav-tabs>li>a:hover,.nav-tabs>li>a:focus {
    color: #ff6766 !important;
    background-color: transparent !important;
}

.nav-tabs {
  background-color: transparent;
}

.nav-tabs>li {
  margin-right: 3px;
  border-right: 2px solid #fff;
}

#webcam {
  max-width: 100%;
  max-height: 300px;
}

.nav-tabs .nav-item .nav-link {
  padding: .5rem .5rem;
  margin-right: 2px;
  border: 0;
  font-weight: 600;
  color: #333;
  border: 0;
}

.nav-tabs .nav-item .nav-link.active {
  border-bottom: 3px solid #0268b3;
}

.hide-on-screen {
  display: none;
}

#canvas {
  display: none !important;
}

.yesPrint,
.noPrint {
  display: block;
}

.tt-menu {
  background-color: #200942;
  color: #fff;
}


.tt-selectable {
  color: #999;
}

/* modal loader */
.loader {
  border: 5px solid #ffffff;
  border-radius: 50%;
  border-top: 5px solid #ff6766;
  width: 120px;
  height: 120px;
  -webkit-animation: spin .5s linear infinite;
  animation: spin .5s linear infinite;
  background-color: transparent;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

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

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.modalLoaderContainer {
  width: 100%;
  height: 100%;
  top: 0;
}

.modalLoaderContainer .modal-dialog .modal-content {
  background-color: transparent;
  box-shadow: none;
  border: 0px;
  border-radius: 0;
}

.modalLoaderContainer .modal-dialog .modal-content .loader {
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
}

.modal-backdrop {
  position: fixed;
  top: 0;
}

.user-profile th {
  font-weight: 500;
  padding: 3px;
  color: #333;
  border-top: 0;
}

/*strona logowania*/
.login-page .card-header.text-center {
  background-color: #ff6766;
}

.login-page .card-header.text-center h4 {
  color: #333;
}

.login-page #submit {
  background-color: #ff6766;
}

.login-page #email,
.login-page #password {}

.login-page #password:-webkit-autofill,
.login-page #email:-webkit-autofill,
.login-page #password:-webkit-autofill:focus,
.login-page #email:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #e3e3e3 inset;
}

.access-panel__social {
  margin-top: 8px;
  text-align: center;
}

.access-panel__social-divider {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 10px 0;
}

.access-panel__social-divider-line {
  height: 1px;
  width: 100%;
  background-color: #dedede;
}

.access-panel__social-divider-text {
  white-space: nowrap;
  margin: 0 8px 3px;
}

.access-panel__social-buttons.access-panel__social-buttons--many {
  align-items: flex-start;
}

.access-panel__social-buttons:not(.u-text-center) {
  display: flex;
  justify-content: space-between;
}

.bui-button--secondary.bui-button--active,
.bui-button--secondary:active,
.bui-button--secondary:focus,
.bui-button--secondary:hover,
.bui-button--secondary:link,
.bui-button--secondary:visited {
  color: #0071c2;
}

.bui-button:hover {
  border-color: #005c9d;
  background-color: rgb(228, 244, 255);
}

.bui-button.bui-button--active,
.bui-button:active,
.bui-button:focus,
.bui-button:hover,
.bui-button:link,
.bui-button:visited,
.bui-button[disabled] {
  text-decoration: none;
}

.access-panel__social-button {
  position: relative;
  padding: 10px 12px;
  box-sizing: border-box;
}

.bui-button {
  border: 1px solid #0071c2;
  border-radius: 2px;
  cursor: pointer;
  font-family: inherit;
  min-height: 38px;
  min-width: 38px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.access-panel__social-button-facebook svg {
  fill:
    #4267b2;
}

.app-version {
  width: 100%;
  text-align: center;
}

.app-version span {
  width: 100%;
  text-align: center;
  color: #8cbbdd;
  font-size: 80%;
}

.view-style-container {
  font-size: 1.6em;
  color: rgb(18, 123, 189);
  text-align: right;
  margin-top: 0px;
  padding-right: 20px;
}

.register-company-type {
  margin-bottom: 10px;
  width: 100%;
}

.register-company-type .btn.active {
  box-shadow: 0 2px 2px 0 rgb(153 153 153 / 14%), 0 3px 1px -2px rgb(153 153 153 / 20%), 0 1px 5px 0 rgb(153 153 153 / 12%);
  background-color: #ff6766;
  border: 1px solid #ff6766;
  color: #fff;
}

.btn-moveToTrash {
  float: right !important;
}

.no-border {
  border: 0;
}

.rows-page {
  float: right;
  width: 55px;
  margin-right: 5px
}

#rowsOnPage {
  padding: 0;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #ff6766;
  max-height: none;
  height: 35px;
  background-color: #200942;
  color: #ff6766;
  font-size: 14px;
}

.checkbox-lg .custom-control-label::before,
.checkbox-lg .custom-control-label::after {
  top: .8rem;
  width: 1.55rem;
  height: 1.55rem;
}

.checkbox-lg .custom-control-label {
  padding-top: 13px;
  padding-left: 6px;
}

.checkbox-xl .custom-control-label::before,
.checkbox-xl .custom-control-label::after {
  top: 1.2rem;
  width: 1.85rem;
  height: 1.85rem;
}

.checkbox-xl .custom-control-label {
  padding-top: 23px;
  padding-left: 10px;
}

.custom-control-input:checked~.custom-control-label::before {
  border: none;
}

.checkbox-xl .custom-control-label::before,
.checkbox-xl .custom-control-label::after {
  border: 1px solid #8cbbdd;
  border-radius: 5px;
}

.pager-label {
  font-size: 14px;
  color: #777777;
  float: left;
  margin-top: 13px !important;
  margin-left: 15px;
}

.viewFieldsContainer {
  margin: 30px;
  margin-top: 0;
  margin-bottom: 0;

}

#viewDisplayBtnList,
#viewDisplayBtnCards {
  float: right;
}

#viewDisplayBtnList {
  margin-right: 15px;
}

#filterBtn {
  float: right;
  margin-right: 15px;
}

#clearAllBtn {
  float: right;
  margin-right: 15px;
}


#clearAllBtnUser {
  float: right;
  margin-right: 5px;
}

#excelBtn {
  float: right;
  margin-right: 15px;
  margin-top: 10px;
}

.f-r {
  float: right;
}

.f-l {
  float: left;
}

.progress {
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
}

.color-green {
  color: #36C190;
}

.color-blue {
  color: #599bdd;
}

.color-orange {
  color: #eea71a;
}

.color-red {
  color: #e26260;
}


.bg-yellow {
  color: #000;
  background-color: #ffc107;
}

.bg-green {
  color: #ffffff;
  background-color: #4aa329;
}

.bg-lightgreen {
  color: #ffffff;
  background-color: rgb(190, 242, 181);
}

.bg-gray {
  color: #ffffff;
  background-color: #999999;
}

.bg-white {
  color: #ffffff;
  background-color: #200942;
}

.bg-blue {
  color: #ffffff;
  background-color: #0268b3;
}

.bg-lightblue {
  color: #ffffff;
  background-color: rgb(182, 226, 248);
}


.bg-orange {
  color: #ffffff;
  background-color: rgb(246, 150, 48);
}

.bg-red {
  color: #ffffff;
  background-color: #dd0028;
}




.dedicateASPdiv span {
  margin-bottom: 10px;
}

.dedicateASPdiv .form-control {
  font-size: 1em;
  border: 0;
}

.btn.btn-block.btn-sm {
  color: #fff !important;
  margin-top: 3px;
}

.span-disabled {
  background-color: #e9ecef;
}

.navbar-left {
  padding-left: 8px;
}

@media only screen and (max-width: 991px) {
  .nav-mobile-menu .dropdown-menu {
    display: block;
    left: -176px;
    max-height: 75vh;
    top: 50px;
    overflow: auto;
  }

  .navbar .dropdown-menu,
  .dropdown-menu-right,
  .dropdown-menu-lg-left {
    max-height: 75vh;
    transform: scaleY(1);
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    pointer-events: none;
  }

  .navbar .dropdown.open .dropdown-menu,
  .dropdown.open .dropdown-menu-right,
  .dropdown.open .dropdown-menu-lg-left {
    visibility: visible;
    max-height: 75vh;
    transform: scaleY(1);
    transition: opacity 0.3s ease-in-out, visibility 0s linear;
    pointer-events: auto;
  }

  .nav-mobile-menu .dropdown.open .dropdown-menu {
    opacity: 1;
    visibility: visible;
  }

  .nav-mobile-menu .dropdown:not(.open) .dropdown-menu {
    opacity: 0;
    visibility: hidden;
  }

  .nav-mobile-menu .dropdown .dropdown-menu {
    display: block;
  }
}

@media only screen and (max-width:667px) {

  .nav-user-icon-container {
    margin-top: -15px;
  }

  .sidebar .sidebar-wrapper {
    padding-bottom: 0;
    height: calc(100vh - 80px) !important;
  }

  .sidebarStyle {
    height: 100%;
    overflow: hidden;
  }

  .sidebarStyle .sidebar-nav {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 80px;
    -webkit-overflow-scrolling: touch;
  }

  .sidebarStyle .bottomSidebar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #28045D;
    padding: 10px 0;
    border-top: 1px solid #6429BD;
  }

  .action-bar .btn,
  .btn {
    font-size: 14px;
    padding-left: 7px;
    padding-right: 7px;
    margin-left: 1px;
    margin-right: 1px;
  }

  #liOptimalization,
  #liConsolidation {
    display: none;
  }

  .assetqr-container img {
    display: none;
  }

  .toggle label {
    font-size: 12px !important;
  }

  .xls-export {
    display: none;
  }
}

@media only screen and (max-width:480px) {

  .sidebar .sidebar-wrapper {
    height: calc(100vh - 85px) !important;
  }

  .sidebarStyle .sidebar-nav {
    padding-bottom: 90px;
  }

  .assetDataBox .bs-placeholder {
    padding-left: 10px !important;
  }

  .action-bar .btn,
  .btn,
  .action-bar-bottom .btn,
  .btn {
    padding-left: 30px;
    padding-right: 30px;
    margin-left: 1px;
    margin-right: 1px;
  }

  #liOptimalization,
  #liConsolidation {
    display: none;
  }

  .assetqr-container img {
    display: none;
  }

  .toggle label {
    font-size: 12px !important;
  }

  .xls-export {
    display: none;
  }

}



#newRequestOption {
  background-color: rgb(18, 123, 189);
  color: #ffffff;
}


.fa-stack[data-count]:after {
  position: absolute;
  right: 8%;
  top: 1%;
  content: attr(data-count);
  font-size: 55%;
  padding: .6em;
  border-radius: 999px;
  line-height: .75em;
  color: white;
  background: rgba(255, 0, 0, .85);
  text-align: center;
  min-width: 2em;
  font-weight: bold;
}

.sidebar-language-container {
  margin: 10px 15px 0;
  border-radius: 3px;
  padding-left: 10px;
  padding-right: 10px;
}

.welcome-text-1 {
  color: #ffffff;
  font-size: 1.5em;
}

.welcome-text-2 {
  color: #ffffff;
  font-size: 1em;
  margin-top: 50px;
  margin-bottom: 20px;
}

.language {
  text-transform: uppercase;
}

.nav>li>a {
  position: relative;
  display: block;
}

.btn-search-icon {
  margin: 0px !important;
  border: 0px !important;
  border-radius: 0px;
}

.custom-select {
  appearance: none;
  background-color: rgb(0, 0, 0, 0);
  text-decoration: underline;
  border: 0px;
  outline: 0px;
}

select:focus {
  padding-left: 3px;
  padding-right: 3px;
}

::placeholder {
  /* Most modern browsers support this now. */
  color: #bbb !important;
  font-size: 14px !important;
}

.contract-select {
  min-height: 160px;
}

.nav.myprofile {
  margin-top: 5px !important;
  margin-bottom: 0px;
}

.sidebar-wrapper {
  height: calc(100vh - 75px) !important;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}



.searchdate-picker,
.searchdate-picker::placeholder {
  font-size: 14px !important;
  color: rgb(119, 119, 119) !important;
  padding-top: 5px !important;
  padding-bottom: 0 !important;
}

.card-header-tabs {
  box-shadow: none !important;
}

.btn.btn-secondary,
.btn.btn-secondary:hover,
.btn.btn-secondary:focus,
.btn.btn-secondary:active,
.btn.btn-secondary.active,
.btn.btn-secondary:active:focus,
.btn.btn-secondary:active:hover,
.btn.btn-secondary.active:focus,
.btn.btn-secondary.active:hover,
.open>.btn.btn-secondary.dropdown-toggle,
.open>.btn.btn-secondary.dropdown-toggle:focus,
.open>.btn.btn-secondary.dropdown-toggle:hover,
.navbar .navbar-nav>li>a.btn.btn-secondary,
.navbar .navbar-nav>li>a.btn.btn-secondary:hover,
.navbar .navbar-nav>li>a.btn.btn-secondary:focus,
.navbar .navbar-nav>li>a.btn.btn-secondary:active,
.navbar .navbar-nav>li>a.btn.btn-secondary.active,
.navbar .navbar-nav>li>a.btn.btn-secondary:active:focus,
.navbar .navbar-nav>li>a.btn.btn-secondary:active:hover,
.navbar .navbar-nav>li>a.btn.btn-secondary.active:focus,
.navbar .navbar-nav>li>a.btn.btn-secondary.active:hover,
.open>.navbar .navbar-nav>li>a.btn.btn-secondary.dropdown-toggle,
.open>.navbar .navbar-nav>li>a.btn.btn-secondary.dropdown-toggle:focus,
.open>.navbar .navbar-nav>li>a.btn.btn-secondary.dropdown-toggle:hover {
  background-color: #ff6766;
  color: #FFFFFF;
  border: 1px solid #ff6766;
  transition: none;
  box-shadow: 0 2px 2px 0 rgb(153 153 153 / 14%), 0 3px 1px -2px rgb(153 153 153 / 20%), 0 1px 5px 0 rgb(153 153 153 / 12%);
}

.btn.btn-important,
.btn.btn-important:focus,
.btn.btn-important:active,
.btn.btn-important.active,
.btn.btn-important:active:focus,
.btn.btn-important:active:hover,
.btn.btn-important.active:focus,
.btn.btn-important.active:hover,
.open>.btn.btn-important.dropdown-toggle,
.open>.btn.btn-important.dropdown-toggle:focus,
.open>.btn.btn-important.dropdown-toggle:hover,
.navbar .navbar-nav>li>a.btn.btn-important,
.navbar .navbar-nav>li>a.btn.btn-important:hover,
.navbar .navbar-nav>li>a.btn.btn-important:focus,
.navbar .navbar-nav>li>a.btn.btn-important:active,
.navbar .navbar-nav>li>a.btn.btn-important.active,
.navbar .navbar-nav>li>a.btn.btn-important:active:focus,
.navbar .navbar-nav>li>a.btn.btn-important:active:hover,
.navbar .navbar-nav>li>a.btn.btn-important.active:focus,
.navbar .navbar-nav>li>a.btn.btn-important.active:hover,
.open>.navbar .navbar-nav>li>a.btn.btn-important.dropdown-toggle,
.open>.navbar .navbar-nav>li>a.btn.btn-important.dropdown-toggle:focus,
.open>.navbar .navbar-nav>li>a.btn.btn-important.dropdown-toggle:hover {
  box-shadow: 0 2px 2px 0 rgb(153 153 153 / 14%), 0 3px 1px -2px rgb(153 153 153 / 20%), 0 1px 5px 0 rgb(153 153 153 / 12%);
  background-color: #ff6766;
  border: 1px solid #ff6766;
  color: #FFFFFF;
  transition: none;
}

.btn.btn-important:hover {
  color: #ffffff;
  box-shadow: 0 2px 2px 0 rgb(153 153 153 / 14%), 0 3px 1px -2px rgb(153 153 153 / 20%), 0 1px 5px 0 rgb(153 153 153 / 12%);
  background-color: #ff6766;
  border: 1px solid #ff6766;
}

.btn.btn-important.disabled,
.btn.btn-important.disabled:hover,
.btn.btn-important.disabled:focus,
.btn.btn-important.disabled.focus,
.btn.btn-important.disabled:active,
.btn.btn-important.disabled.active,
.btn.btn-important:disabled,
.btn.btn-important:disabled:hover,
.btn.btn-important:disabled:focus,
.btn.btn-important:disabled.focus,
.btn.btn-important:disabled:active,
.btn.btn-important:disabled.active,
.btn.btn-important[disabled],
.btn.btn-important[disabled]:hover,
.btn.btn-important[disabled]:focus,
.btn.btn-important[disabled].focus,
.btn.btn-important[disabled]:active,
.btn.btn-important[disabled].active,
fieldset[disabled] .btn.btn-important,
fieldset[disabled] .btn.btn-important:hover,
fieldset[disabled] .btn.btn-important:focus,
fieldset[disabled] .btn.btn-important.focus,
fieldset[disabled] .btn.btn-important:active,
fieldset[disabled] .btn.btn-important.active,
.navbar .navbar-nav>li>a.btn.btn-important.disabled,
.navbar .navbar-nav>li>a.btn.btn-important.disabled:hover,
.navbar .navbar-nav>li>a.btn.btn-important.disabled:focus,
.navbar .navbar-nav>li>a.btn.btn-important.disabled.focus,
.navbar .navbar-nav>li>a.btn.btn-important.disabled:active,
.navbar .navbar-nav>li>a.btn.btn-important.disabled.active,
.navbar .navbar-nav>li>a.btn.btn-important:disabled,
.navbar .navbar-nav>li>a.btn.btn-important:disabled:hover,
.navbar .navbar-nav>li>a.btn.btn-important:disabled:focus,
.navbar .navbar-nav>li>a.btn.btn-important:disabled.focus,
.navbar .navbar-nav>li>a.btn.btn-important:disabled:active,
.navbar .navbar-nav>li>a.btn.btn-important:disabled.active,
.navbar .navbar-nav>li>a.btn.btn-important[disabled],
.navbar .navbar-nav>li>a.btn.btn-important[disabled]:hover,
.navbar .navbar-nav>li>a.btn.btn-important[disabled]:focus,
.navbar .navbar-nav>li>a.btn.btn-important[disabled].focus,
.navbar .navbar-nav>li>a.btn.btn-important[disabled]:active,
.navbar .navbar-nav>li>a.btn.btn-important[disabled].active,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-important,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-important:hover,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-important:focus,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-important.focus,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-important:active,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-important.active {
  box-shadow: none;
}

.card [data-background-color="green"] {
  background: linear-gradient(60deg, #a4e951, #4d7e12);
  box-shadow: none !important;
}

.card [data-icon-bg-color="green"] i {
  color: #ff6766;
}


.card [data-background-color="blue"] {
  background: linear-gradient(60deg, #599bdd, #1e5791);
  box-shadow: none !important;
}

.card [data-icon-bg-color="blue"] i {
  color: #599bdd;
}

.card [data-background-color="orange"] {
  background: linear-gradient(60deg, #ad6b08, #d4983d);
  color: #ad6b08;
  box-shadow: none !important;
}

.card [data-icon-bg-color="orange"] i {
  color: rgb(173, 107, 8);
}

.card [data-background-color="orange"] .card-title {
  color: #ffffff !important;
}

.card [data-background-color="rose"] {
  background: linear-gradient(60deg, #813753, #b1436d);
  box-shadow: none !important
}

.card [data-icon-bg-color="red"] i {
  color: #ffffff
}

.card [data-background-color="rose"] .card-title {
  color: #ffffff !important;
}

.card [data-background-color="red"] {
  background: linear-gradient(60deg, #f73131, #a0070e);
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(139, 3, 3, 0.4);
}

.card [data-icon-bg-color="rose"] i {
  color: #813753;
}

.form-group .form-control.valid:focus {
  background-image: linear-gradient(#ff6766, #ff6766), linear-gradient(#D2D2D2, #D2D2D2);
}

.form-group.is-focused .form-control {
  outline: none;
  background-image: linear-gradient(#e3e3e3, #e3e3e3), linear-gradient(#D2D2D2, #D2D2D2);
  background-size: 100% 2px, 100% 1px;
  box-shadow: none;
  transition-duration: 0.3s;
}

.form-group.is-focused .form-control .material-input:after {
  background-color: #86BAF6;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  background-color: #FF6766;
  border: 1px solid #FF6766;
  border: 0;
  color: #ffffff;
  box-shadow: none;
  border-radius: 7px !important;
}

.pagination>li>a {
  height: 40px;
  margin: 0;
  min-width: 40px;
  margin-right: 3px;
  margin-left: 3px;
  text-align: center;
  font-size: 15px;
  background-color: #28045D;
  border: 1px solid #FF6766 !important;
  color: #FF6766;
  border: 0;
  border-radius: 7px !important;
  padding-top: 10px;

  cursor: pointer;
}

.pagination>li:hover>a {
  background-color: #FF6766 !important;
  border: 1px solid #FF6766 !important;
  color: #ffffff !important;
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
  background-color: #28045D;
  border: 1px solid #FF6766 !important;
  color: #FF6766;
}

.paginate_button .material-icons {
  border: 1px solid #F6F6F6;
}

/* for pager */
.pagination .buttonNext {
  cursor: pointer;
  padding: 7px 7px;
  width: 40px !important;
  border-radius: 7px;
  background-color: #28045D;
  border: 1px solid #FF6766 !important;
  color: #FF6766;
}

.pagination .buttonNext:hover {
  background-color: #FF6766;
  border: 1px solid #FF6766;
  color: #ffffff;
}

.pagination .buttonBack {
  cursor: pointer;
  padding: 7px 7px;
  width: 40px !important;
  border-radius: 7px;
  background-color: #28045D;
  border: 1px solid #FF6766 !important;
  color: #FF6766;
}

.pagination .buttonBack:hover {
  background-color: #FF6766 !important;
  border: 1px solid #FF6766 !important;
  color: #ffffff !important;
}

.btn.btn-white.btn-icon.buttonBack {
  padding: 0 !important;
  margin-top: 0px;
  border-radius: 6px;
}

a:hover .card-docno,
a:hover .card-date,
a:hover .card-requestcategory,
a:hover .card-eu-companyname,
a:hover .card-city,
a:hover .card-street,
a:hover .card-assetname,
a:hover .card-objectname {
  color: #ff6766 !important;
}

.navbar.navbar-transparent {
  background-color: #28045D;
}


.form-control {
  height: 48px;
  padding: 7px 2px;
  font-size: 16px;
  line-height: 1.428571429;
}


.alert.alert-warning {
  background-color: transparent !important;
  border: 0;
  color: #f55a4e;
  border-radius: 6px;
  font-weight: normal;
  box-shadow: none;
  font-size: 12px;
  margin: 0;
  padding: 0;

}

.alert.alert-danger {
  font-size: 12px;
  background-color: transparent !important;
  border: 2px solid #f55a4e;
  color: #f55a4e !important;
  border-radius: 6px;
  font-weight: bold;
  box-shadow: none !important;
}

.alert.alert-warning a,
.alert.alert-warning .alert-link {
  color: #ffffff;
}

.alert.alert-danger {
  margin-left: 15px;
  margin-right: 11px;
  background-color: #200942;
  border: 2px solid #f55a4e;
  color: #f55a4e;
  border-radius: 6px;
  font-weight: normal;
  box-shadow: none;
}

.tt-selectable {
  font-size: 1em;
  color: #fff;
}

.nav-pills.nav-pills-blue>li.active>a,
.nav-pills.nav-pills-blue>li.active>a:focus,
.nav-pills.nav-pills-blue>li.active>a:hover {
  background-color: #ff6766;
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(46, 134, 127, 0.4);
}

.radio input[type=radio]:checked~.check {
  background-color: #ff6766;
}

.radio input[type=radio]:checked~.circle {
  border-color: #ff6766;
}

.radio label .circle {
  border: 1px solid #6429BD;
  height: 18px;
  width: 18px;
  border-radius: 100%;
}

.radio label .check {
  height: 18px;
  width: 18px;
  border-radius: 100%;
  transform: scale3d(0, 0, 0);
}

.checkbox input[type=checkbox]:checked+.checkbox-material .check {
  background: #ff6766;
}

.alert-dismissable .close,
.alert-dismissible .close {
  right: -1px;
  font-size: 1.5em;
  font-weight: 400;
  top: -9px;
  opacity: 0.7;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
  font-weight: 400;
  border: 0px;

}

.label.label-asp {
  background: linear-gradient(60deg, #ff6766, #ff8988);
  color: #fff;
  font-weight: 300;
}

select option:hover,
select option:focus,
select option:active,
select option:checked {
  background: linear-gradient(60deg, #ff6766, #ff6766);
  background-color: #ff6766 !important;
  /* for IE */
  color: #fff;
}


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

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

#mainteneceCalendarSummaryCurrent .done {
  text-align: left;
}

#mainteneceCalendarSummaryCurrent .planned {
  text-align: right;
}

.chart {
  min-height: 250px;
}

.process-container .nav-pills>.inactive {
  line-height: 24px;
  font-size: 12px;
  font-weight: 500;
  min-width: 100px;
  text-align: center;
  color: #ccc;
  transition: all .3s;
  position: relative;
  display: block;
  padding: 5px 15px;
}

.process-container .nav-pills>.past {
  line-height: 24px;
  font-size: 12px;
  font-weight: 500;
  min-width: 100px;
  text-align: center;
  color: #fff;
  transition: all .3s;
  position: relative;
  display: block;
  padding: 5px 15px;
}

.process-container .nav-pills>.arrow {
  margin-top: 15px;
  background-color: transparent;
  min-width: 20px;
  color: #ccc;
}

.process-container .nav-pills>.arrow-active {
  margin-top: 15px;
  background-color: transparent;
  min-width: 20px;
  color: #2B6AA0;

}

.nav-pills.nav-pills-darkblue>li.current,
.nav-pills.nav-pills-darkblue>li.current:focus,
.nav-pills.nav-pills-darkblue>li.current:hover {
  background-color: #0862b1;
  background: linear-gradient(to bottom right, #0862b1, #75b2e7);
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(180, 214, 243, 0.4);
  line-height: 24px;
  font-size: 12px;
  font-weight: 500;
  min-width: 90px;
  text-align: center;
  color: #fff;
  transition: all .3s;
  position: relative;
  display: block;
  padding: 5px 15px;
  border-radius: 4px;
}

.nav-pills.nav-pills-darkblue>li.active>a,
.nav-pills.nav-pills-darkblue>li.active>a:focus,
.nav-pills.nav-pills-darkblue>li.active>a:hover {
  background-color: #0862b1;
  background: linear-gradient(to bottom right, #0862b1, #75b2e7);
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(180, 214, 243, 0.4);
  line-height: 18px;
  font-size: 10px;
  font-weight: 300;
  min-width: 70px;
  text-align: center;
  color: #ddd;
  transition: all .3s;
  position: relative;
  display: block;
  padding: 3px 7px;
}

.nav-pills>li i {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.header-date {
  color: #777;
}

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

.float-right {
  float: right;
}

.header-lang a,
.header-lang a:active,
.header-lang a.bui-button:visited {
  color: #fff;
  font-weight: 500;
}

.header-lang a:hover {
  color: #fff;
  text-decoration: underline;
}

.subheader {
  text-transform: uppercase;
  font-weight: 300;
}

.card-value {
  margin-top: 20px;
}

input::placeholder,
input:-ms-input-placeholder,
input::-ms-input-placeholder,
input::-webkit-input-placeholder,
input:-moz-placeholder,
input::-moz-placeholder {
  font-size: 14px !important;
}

.form-control[disabled],
fieldset[disabled] .form-control,
.form-group .form-control[disabled],
fieldset[disabled] .form-group .form-control {
  border-bottom: 0px;
}

.form-control,
.form-group .form-control,
.bootstrap-select {
  background-image: none !important;
}

.btn,
.navbar .navbar-nav>li>a.btn {

  /*margin-top:5px!important;*/
}

.registration .form-control {
  background-image: linear-gradient(#9cd36e, #6eac34), linear-gradient(#9cd36e, #6eac34) !important;
  background-color: #f6f6f6;
}

.registration .form-control[disabled],
.registration .form-control[readonly],
.registration .form-control.disabled {
  background-image: none !important;
}

.registration .card {
  background-color: transparent;
  box-shadow: none;
}

.badge-usertype-v {
  background: linear-gradient(60deg, #ff6766, #e65554);
  color: #fff;
  font-weight: 400;
}

.bg-image {
  /*background-image:url('/images/login_background3_small.png');
   background-repeat:no-repeat;
   background-position: center center;*/
  padding-top: 200px;
  height: 100vh;
  background-color: #c3c5c3;
}


.terms-title,
.privacy-title {
  font-size: 18px;
  font-weight: 500;
}

.terms-links-container {
  font-size: 90%;
  width: 100%;
  /* margin-top: 30px; */
  text-align: center;
}

.privacy_link {
  font-size: 12px;
  color: #ff6766;
  padding-right: 30px;
}

.terms_link {
  font-size: 12px;
  color: #ff6766;
}

.asset-name,
.company-name,
.object-name {
  font-weight: 600 !important;
  color: #444;
}

.terms-container h6 {
  font-weight: 600;
  text-transform: none;
}

.privacy-container,
.terms-container {
  max-width: 1200px;
  margin: auto;
  padding: 10px 30px;
}

.privacy-container ul,
.terms-container ul {
  padding-left: 20px;
}

.privacy-container h3,
.terms-container h3 {
  font-weight: 600;
}

.privacy-container h4,
.terms-container h4 {
  font-weight: 600;
  padding-bottom: 15px;
  padding-top: 15px;
}

.privacy-container h7,
.terms-container h7 {
  font-weight: 600;
}

.full-page.login-page .close {
  right: 0px;
}

.alert.alert-danger.alert-dismissible.global-alert .close {
  opacity: 1;
  top: 2px;
}

.alert.alert-danger.alert-dismissible {
  margin-left: 5px;
  margin-right: 5px;
}

.editRow {
  margin-top: 10px;
}



@media only screen and (max-width: 820px) {


  .assetDataBox .bs-placeholder {
    padding-left: 10px !important;
  }

  .navbar-header {
    float: none !important;
  }

  .modal-open .user-profile {
    position: relative;
    left: 0;
  }

  .btn.btn-white.btn-icon.buttonBack {
    margin-top: 0;
    align-items: center;
  }

  .alert.alert-warning {
    padding-left: 0px;
  }

  #modalContentEdit label {
    line-height: 10px;
  }

  .navbar .logo {
    width: 86%;
  }

  #pagerContent {
    float: left;
    width: 100%;
    padding: 15px;
    padding-bottom: 90px;
  }

  .pagination {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-left: 0px;
    width: 97%;
    margin-top: 10px;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .update-profile-on-mobile {
    text-align: center;
    display: block;
  }

  .hide_on_mobile {
    display: none !important;
    visibility: hidden;
    height: 10px;
    overflow: hidden;
  }

  .nav-mobile-menu .dropdown.open .dropdown-menu {
    border-radius: 15px !important;

  }
}


.btn.btn-white.btn-search-icon {
  color: #fff;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  color: #fff;
}

.nav-device-icon {
  width: 25px;
  height: 23px;
  background-image: url(/images/devices.svg);
  background-size: cover;
  background-position: center center;
  padding: 5px;
  background-color: transparent;
}

.nav-companies-icon {
  width: 25px;
  height: 23px;
  /* background-image: url(/images/devices.svg); */
  background-size: cover;
  background-position: center center;
  padding: 5px;
  background-color: transparent;
}

.nav-location-icon {
  margin-left: -1px;
  width: 25px;
  height: 24px;
  background-image: url(/images/pin-location-1.svg);
  background-size: cover;
  background-position: center center;
  padding: 5px;
  background-color: transparent;
}

.nav-servicerequests-icon {
  width: 25px;
  height: 23px;
  background-image: url(/images/task-list-pen.svg);
  background-size: cover;
  background-position: center center;
  padding: 5px;
  background-color: transparent;
}

.nav-users-icon {
  width: 25px;
  height: 23px;
  /* background-image: url(/images/single-neutral.svg); */
  background-size: cover;
  background-position: center center;
  padding: 5px;
  background-color: transparent;
}

.nav-registrationexternalrequests-icon {
  width: 25px;
  height: 23px;
  /* background-image: url(/images/single-neutral.svg); */
  background-size: cover;
  background-position: center center;
  padding: 5px;
  background-color: transparent;
}

.nav-chat-icon {
  width: 25px;
  height: 23px;
  background-image: url(/images/language-barrier-question.svg);
  background-size: cover;
  background-position: center center;
  padding: 5px;
  background-color: transparent;
}

.sidebar .nav .caret {
  right: -150px !important;
}

.pathStyle {
  fill: #fff;
}

.sidebar[data-active-color="custom"] .nav li.active .pathStyle {
  fill: #ff6766 !important;
}

.icon.shape-codepen {
  position: absolute;
  margin-top: 2px;
}

.navLabelIcon {
  margin-left: 36px !important;
}

.sidebar .nav .caret {
  left: 125px;
}

/* doc count on views */
.doc-count-container {
  min-width: 100px;
  font-family: "nettoReflex-bold";
  float: right;
  margin-right: 10px;
  line-height: 22px;
  padding-top: 25px;
}

.doc-count-container .doc-count {
  float: left;
  margin: 0;
  margin-right: 5px;
  color: #fff;
}

.doc-count-container .doc-label {
  color: #fff;
}

@media screen and (min-width: 992px) {
  .sidebar-mini .sidebar .sidebar-wrapper {
    width: 80px;
    z-index: 2;
  }


}

.sidebar-mini .terms-links-container {
  display: none;
}

.visible-on-sidebar-regular.sidebar-toggle-icon, .visible-on-sidebar-menu.sidebar-toggle-icon-mini {
  width: 24px;
  height: 24px;
  background-image: url('/images/left_panel_open.svg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transition: background-image 0.3s ease;
}

.visible-on-sidebar-regular.sidebar-toggle-icon:hover,
#minimizeSidebar:hover .visible-on-sidebar-regular.sidebar-toggle-icon,
.visible-on-sidebar-mini-menu.sidebar-toggle-icon-mini:hover,
#minimizeSidebar:hover .visible-on-sidebar-mini-menu.sidebar-toggle-icon-mini {
  background-image: url('/images/left_panel_open_color.svg');
}

.visible-on-sidebar-mini.sidebar-toggle-icon-mini, .visible-on-sidebar-mini-menu.sidebar-toggle-icon-mini {
  width: 24px;
  height: 24px;
  background-image: url('/images/left_panel_close.svg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transition: background-image 0.3s ease;
}

.visible-on-sidebar-mini.sidebar-toggle-icon-mini:hover,
#minimizeSidebar:hover .visible-on-sidebar-mini.sidebar-toggle-icon-mini,
.visible-on-sidebar-mini-menu.sidebar-toggle-icon-mini:hover,
#minimizeSidebar:hover .visible-on-sidebar-mini-menu.sidebar-toggle-icon-mini,
.visible-on-sidebar-mini-menu.sidebar-toggle-icon-mini:active {
  background-image: url('/images/left_panel_close_color.svg');
}

.caret {
  width: 22px;
  height: 22px;
  background-image: url(/images/expand_more_opsz24.svg);
  background-size: cover;
  background-position: center center;
  border: none;
  margin-top: 4px !important;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
  top: 22% !important;
}

.btn-group.open>.dropdown-toggle.btn,
.btn-group.open>.dropdown-toggle.btn.btn-default {
  padding: 10px;
}

.btn.btn-default {
  padding: 10px;
}

.bootstrap-select>.dropdown-toggle {
  padding-right: 40px !important;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
  max-width: 250px;
  border: 1px solid #6429BD !important;
  background-color: #28045d !important;
}

.nav.sidebar-nav a {
  padding-top: 5px;
  padding-bottom: 5px;
}

.navbar-nav .drop-down-icon.settings,
.nav-mobile-menu .drop-down-icon.settings {
  background-image: url(/images/cog.svg);
}

.navbar-nav .drop-down-icon.help,
.nav-mobile-menu .drop-down-icon.help {
  background-image: url(/images/question-circle.svg);
}

.sidebar .nav p {
  font-size: 16px !important;
}

.dropdown-menu>li>a {
  color: #fff;
  font-size: 16px;
  margin-left: 19px;
  margin-bottom: 5px;
}

.step-image-container {
  display: flex;
  justify-content: center;
}

.navbar-nav .drop-down-icon.logout,
.nav-mobile-menu .drop-down-icon.logout {
  margin-top: -70px;
  margin-right: 29px;
}

.dropdown-menu .logout-container .email {
  white-space: normal;
  word-wrap: break-word;
}


.navbar-nav .drop-down-icon,
.nav-mobile-menu .drop-down-icon {
  height: 25px;
  width: 25px;
  margin-top: -2px;
}

.main-panel {
  width: calc(100% - 300px) !important;
}

.sidebar {
  width: 280px !important
}

.sidebar-mini .main-panel {
  width: calc(100% - 114px) !important;

}

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

.nav.sidebar-nav>li>a {
  padding-left: 13px !important;
  padding-top: 16px;
  padding-bottom: 16px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;

}

.sidebar-mini .navLabelIcon {
  display: none !important;
}

#pagesCompanies ul>li>a,
#pagesAttachments ul>li>a {
  padding-left: 42px !important;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 0 !important;
  font-size: 16px;
}

.sidebar .sidebar-wrapper {
  width: 100% !important;
}

.sidebar .nav {
  margin-top: 10px !important;
}

.collapse.in {
  height: calc(100% - 40px);
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  width: 100% !important;
  overflow-y: auto;
}

.sidebarStyle {
  height: 100%;
  display: flex !important;
  flex-direction: column;
  width: 100% !important;
  overflow: hidden;
}

.sidebarStyle .sidebar-nav {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 20px;
}

.sidebarStyle .bottomSidebar {
  flex-shrink: 0;
  width: 100%;
  padding: 20px 0;
}

.chatHistory {
  min-width: 54px;
  min-height: 54px;
  max-width: 54px;
  max-height: 54px;
  padding: 15px;
  margin-left: 24px;
  background-color: #f6f6f6;
  border-radius: 50%;
  color: #ffffff;
}

.chatHistory .icon.shape-codepen {
  color: #ffffff;

}

.user.user-edit #userEditForm {
  height: 650px;
  overflow: auto;
  width: 100%;
  overflow-x: hidden;
}

/* .animation-transition-general,
.sidebar .sidebar-wrapper>.nav [data-toggle="collapse"]~div>ul>li>a span,
.sidebar .sidebar-wrapper .user .info [data-toggle="collapse"]~div>ul>li>a span,
.sidebar .nav p,
.sidebar .logo a.logo-mini,
.sidebar .logo a.logo-normal,
.sidebar .user .photo,
.sidebar .user a,
.sidebar .user .info>a>span,
.login-page .card-login,
.lock-page .card-profile {
  transition: none;
}

.sidebar,
.main-panel,
.sidebar-wrapper {
  transition: none;
} */
 .sidebar .sidebar-background:after{
  background: #28045D;
 }

.modal-action-bar {
  margin-top: 20px;
}

@media only screen and (min-width: 992px) {


  .sidebar-mini .main-panel {
    width: calc(100% - 114px);
  }

  .sidebar-mini .sidebar,
  .sidebar-mini .sidebar .sidebar-wrapper {
    width: 114px !important;
  }

  .topSidebarLabel {
    display: none;
  }
}

.topSidebarLabel {
  height: 90px;
}

.sidebar-mini .nav li>a {
  height: 50px;
  padding-left: 37px !important;

}

.sidebar-mini .nav .dropdown-menu li>a {
  height: 29px;
  padding-left: 20px !important;
}

.sidebar-mini .nav .dropdown-menu li>a.logout {
  padding-left: 0px !important;
}

.sidebar-mini #pagesCompanies ul>li>a,
.sidebar-mini #pagesAttachments ul>li>a {
  padding-left: 46px !important;
}

#pagesAttachments .sidebar-mini .icon {
  margin-left: -10px;
  margin-right: 35px;

}


@media only screen and (max-width: 991px) {
  .sidebar {
    z-index: 200 !important;
  }

  .main-panel {
    width: 100% !important;
  }

  .perfect-scrollbar-on .sidebar {
    display: block;
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out;
    position: fixed;
    top: 0;
    left: 0;
    width: 260px;
    z-index: 200;
    margin-top: 0 !important;
  }

  .perfect-scrollbar-on.nav-open .sidebar {
    margin: 0;
    height: 100%;
    transform: translateX(0);
  }

  .sidebar .sidebar-wrapper {
    height: 100% !important;
    z-index: 19;
  }

  .close-layer {
    top: 0 !important;
  }

  .navbar-transparent {
    z-index: 100 !important;
  }

  .navbar-toggle .icon-bar {
    display: none !important;
  }

  .terms-links-container {
    bottom: -45px;
  }

  .sidebarHR {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .sidebar .sidebar-wrapper {
    border-radius: 0px 15px 15px 0px !important;
  }

  .sidebar .sidebar-background {
    display: none !important;
  }

  .sidebar::before,
  .off-canvas-sidebar nav .navbar-collapse::before {
    display: none !important;
  }

  .sidebar,
  .off-canvas-sidebar nav .navbar-collapse {
    background-color: transparent !important;
  }

  
  .nav-mobile-menu.nav>li>a {
    right: 15px;
    top: 15px;
    padding: 0px !important;
    margin: 0;
  }

}

.close-layer {
  z-index: 105 !important;
}

.sidebar .nav li:hover .sidebarHR {
  background-color: transparent !important;
  cursor: default;
}

.sidebar-mini .sidebar-normal {
  display: none;
}

.sidebar .navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-image: none;
  border: 1px solid transparent;
  height: 42px !important;
  border-radius: 50%;
}

.visible-on-sidebar-mini-menu {
  height: 24px;
  margin-top: -7px;
}

.labelSidebar {
  font-size: 18px;
  margin-top: 5px;
  margin-bottom: 0px;

}

.sidebarTitle {
  float: left;
  margin-left: 25px;
  margin-top: 30px;
}

.sidebar-wrapper .navbar-toggle {
  margin-top: 20px;
  float: right;
}

.sidebar-normal {
  margin-left: 30px;
}

#pagesAssets .nav li>a {
  padding-left: 33px !important;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 0 !important;
  font-size: 16px;
}

.buttonAddProduction {
  margin-top: 25px !important;
  width: 80%;
  padding: 0 !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.buttonAdd:hover {
  color: #ffffff;
  box-shadow: none;
}

.buttonAdd {
  box-shadow: none !important;

}

.userCardstyle {
  padding-left: 0;
  padding-right: 30px;
  margin-bottom: 10px;
  margin-top: 10px;
}

#pagesCompanies .sidebar-normal,
#pagesAttachments .sidebar-normal {
  margin: 0;
}

#pagesCompanies ul>li>a,
#pagesAttachments ul>li>a {
  padding-left: 23px !important;
}

.sidebar-mini .sidebarHR {
  padding-left: 10px !important;
  margin-left: -30px !important;
}

#pagesRequests ul>li>a {
  padding-left: 42px !important;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 0 !important;
  font-size: 16px;
}

#pagesRequests ul>li>a {
  padding-left: 23px !important;
}

#pagesRequests .sidebar-normal {
  margin: 0;
}

.sidebar-mini #pagesRequests ul>li>a {
  padding-left: 46px !important;
}

.sidebar-mini .sidebarHR hr {
  margin-left: -10px;
}

.sidebar-mini #pagesCompanies ul>li>a,
.sidebar-mini #pagesAttachments ul>li>a {
  padding-top: 21px;
}

.dropdown-menu.inner li>a {
  margin: 0;
}

.alert.alert-danger.alert-dismissibles {
  margin-left: 0;
}

.sidebar-mini #pagesRequests ul>li>a {
  padding-top: 21px;
}

@media (min-width: 1640px) {
  .col-xl-4 {
    width: 33.33333333%;
  }
}

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

.main-panel>.content {
  padding-left: 0 !important;
}

@media (max-width: 991px) {
  .main-panel>.content {
    padding-left: 0;
  }

  #assetsDataPager .pagination {
    position: absolute;
  }
}

.btn-check.dashboard_input_style {
  display: none;
}

.btn.btn-white.dashboard_label {
  width: 85%;
  margin: 10px !important;
  box-shadow: none;
  padding: 20px;
}

#selectOption{
  width: 100%;
  height: 54px;
  padding-left: 5px;
  padding-right: 5px;
}

.btn.btn-secondary.dashboard_label:hover,
.btn.btn-secondary.dashboard_label:focus,
.btn.btn-secondary.dashboard_label:active,
.btn.btn-secondary.dashboard_label.active,
.btn.btn-secondary.dashboard_label:active:focus,
.btn.btn-secondary.dashboard_label:active:hover {
  background-color: #ff6766;
  color: #ffffff;
  box-shadow: none;
}

.asset-registration-mobile .btn-primary {
  height: 48px;
}

.btn-primary {
  border: 0;
}

.btn.btn-primary.dashboard_label {
  margin: 10px !important;
}

#modalAdd .modal-footer {
  padding: 24px;
}

.modelDivStyle {
  background: #F2F2F2 0% 0% no-repeat padding-box;
  border-radius: 6px;
  opacity: 1;
  padding: 24px;
  margin-bottom: 10px;
}

#scanImage,
#scanImage2,
#scanImage3,
#completeByTicketImage {
  max-width: 70%;
  max-height: 300px;
  text-align: -webkit-center;
}

.assetDataRead {
  float: left;
  width: 85%;
  margin: 10px !important;
  justify-self: center;
  border-bottom: 1px solid #6429BD;
}

.assetDataRead input {
  border: 0;
  text-align: right;
  background-color: transparent;
}

.editDataBtn {
  text-align: center;
  text-decoration: underline;
}

.labelAssetRead {
  color: #fff;
}

.valAssetRead {
  float: right;
}

.centerBtn {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
}

.displayUnsett {
  display: none;
}

.displaySett {
  display: block;
}

.eclipseComplete {
  position: relative;
  top: -100px;
  left: 80px;
  height: 89px;
  width: 89px;
  background: #200942 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  opacity: 1;
  border-radius: 100px;
}

.checkComplete {
  background-image: url('/images/check.svg');
  border: 2px solid #ff6766;
  background-size: cover;
  background-position: center center;
  height: 36.5px;
  width: 36.5px;
  margin: 26.5px;
  border-radius: 50px;
}

#modalContentEdit input {
  border: 1px solid #E5E5E5;
  border-radius: 6px;
  width: 100%;
  text-align: left;
}

#modalContentAdd .row {
  padding: 0;
}

.mobileLink {
  display: none;
}

.webLink {
  display: block;
}

/*======= asset registration mobile ==========*/

.assetDataBox {
  display: inline;
  width: 100%;
  overflow: hidden;
  align-content: center;
  align-items: center;
}

.assetDataBox .bs-placeholder {
  padding-left: 10px !important;
}

.assetDataBox .asset-typeahead #clearAssetBtnEdit {
  margin-top: -40px;
}

.assetDataBox .asset-typeahead {
  margin-bottom: 15px !important;
}

#reader {
  margin-left: auto !important;
  margin-right: auto !important;
  /* width:90%; */

}

.deviceBoxs {
  /* min-height:120vh; */
}

#modalDataRead .assetDataBox,
#modalComplete .assetDataBox,
#modalCompleteByTicket .assetDataBox {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
}

#modalContentEdit .row {
  padding: 0;
}

#modalAdd .loaderBox {
  place-items: center;
}

#modalAdd {
  overflow: hidden;
  margin-top: 55px;
}

#modalAdd .modal-dialog {
  margin: 0;
  height: 100%;
}

#modalAdd .modal-content {
  height: calc(100vh - 50px);
}

#modalAdd .modal-content .modal-body {
  overflow: auto;
  /* height: 55vh; */
  align-content: center;
}

#modalAdd #modalContentAdd.modal-content .modal-body,
#modalAdd #modalContentEdit.modal-content .modal-body,
#modalAdd #modalDataRead.modal-content .modal-body,
#modalAdd #modalContentAddImg.modal-content .modal-body {
  height: 55vh;
}

.formCustomerLocation {
  border: 1px solid #E5E5E5 !important;
  border-radius: 6px !important;
  height: 54px;
}


.asset-registration-mobile .modal-title {
  font-size: 16px;
}

.asset-registration-mobile .step .modal-header h2 {
  font-family: 'nunito-medium' !important;
  font-size: 1.5em;
  font-weight: 300;
  color: #ff6766;
  margin-bottom: 0px;
  margin-top: 10px;
}

.modal-message-disabled {
  text-align: center;
  color: #aaaaaa;
}

.asset-registration-mobile .modal-content .modal-body {
  padding-top: 10px;
}

.asset-registration-mobile .labelAssetAdd {
  margin-left: 0px;
}

.asset-registration-mobile .alert {
  padding: 0px;
  font-size: 12px;
  margin-top: 5px;
}

.asset-registration-mobile .alert-danger {
  border: 0;
}

.asset-registration-mobile .alert-dismissable .close,
.asset-registration-mobile .alert-dismissible .close {
  position: absolute;
}

.asset-registration-mobile .typeahead-container .form-control.tt-input {
  border: 1px solid #E5E5E5;
  border-radius: 6px;
  padding: 15px;
  height: 54px;
}

.asset-registration-mobile .productiondateStartingdate .dropdown-menu.open {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: sticky;
}

.asset-registration-mobile .btn-camera {
  float: none;
  margin: 15px;
}

.asset-registration-mobile #html5-qrcode-anchor-scan-type-change {
  display: none;
  visibility: hidden;
}

.asset-registration-mobile #reader {
  border: 0px !important;
  padding: 0px !important;
}

.asset-registration-mobile #reader__header_message {
  border: 0 !important;
}

.asset-registration-mobile #reader img {
  display: none;
  visibility: hidden;
}

.asset-registration-mobile #reader__scan_region {
  min-height: 70px;
}

.asset-registration-mobile #reader__scan_region img {
  display: inline;
  visibility: visible;
}

.asset-registration-mobile #reader__dashboard_section_csr>span:first-of-type {
  display: none;
  visibility: hidden;
}

.asset-registration-mobile .html5-qrcode-element {
  background-color: #ff6766;
  color: #FFFFFF;
  padding-left: 16px;
  padding-right: 16px;
  box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
  border: none;
  border-radius: 3px;
  position: relative;
  padding: 12px 30px;
  font-size: 15px;
}

.asset-registration-mobile #html5-qrcode-button-camera-stop {
  display: none;
  visibility: hidden;
}

.asset-registration-mobile #html5-qrcode-button-camera-start {
  /* display:none; */
  /* visibility:hidden; */
}

.asset-registration-mobile #reader__scan_region {
  width: 300px !important;
  margin-left: auto;
  margin-right: auto;
}

.asset-registration-mobile #reader__scan_region video {}

/*======= end of asset registration mobile ==========*/
/*======= footer ============*/
.full-page {
  min-height: 660px;
}

.full-page>.footer {
  position: absolute !important;
  bottom: 0px;
  right: 0px;
  padding-left: 15px;
  padding-right: 15px;
}

.full-page>.footer .copyright {
  padding: 0;
}

.full-page>.footer .copyright a {
  color: #ffffff !important;
}

/*======= end of footer ============*/


.has-error .form-control:focus {
  border-color: #E5E5E5 !important;
}

@media only screen and (max-width: 767.5px) {

  body {
    position: fixed;
  }

  .full-page>.footer {
    bottom: 0px;
  }
}

@media only screen and (max-device-width: 1024px) {

  
.sidebarStyle .sidebar-nav {
  padding-bottom: 70px;
}

  .mobileLink {
    display: block;
  }

  .webLink {
    display: none;
  }

  .companyobjects .btn {
    padding-left: 0px;
    padding-right: 0px;
  }

  .assetDataBox .bs-placeholder {
    padding-left: 10px !important;
  }
}

#modalContentEdit label {
  float: left;
}

#modalContentEdit .assetDataRead {
  border: 0;
}

#modalInputFile #upload_btn_dashboard {
  font-size: 100px;
}

.iconScanNameplate {
  float: left;
  width: 22px;
  height: 22px;
  background-image: url(/images/document_scanner_color.svg);
  background-size: cover;
  background-position: center center;
  padding: 5px;
}

#scanNamePlateLabel:hover .iconScanNameplate {
  background-image: url(/images/document_scanner.svg);
}

.iconScanQR {
  float: left;
  width: 22px;
  height: 22px;
  background-image: url(/images/qr_code_scanner_color.svg);
  background-size: cover;
  background-position: center center;
  padding: 5px;
}

#scanQRCodeLabel:hover .iconScanQR {
  background-image: url(/images/qr_code_scanner.svg);
}

.iconManualInput {
  float: left;
  width: 22px;
  height: 22px;
  background-image: url(/images/keyboard_external_input_color.svg);
  background-size: cover;
  background-position: center center;
  padding: 5px;
}

#manualLabel:hover .iconManualInput {
  background-image: url(/images/keyboard_external_input.svg);
}

.iconTicket {
  float: left;
  width: 22px;
  height: 22px;
  background-image: url(/images/input_color.svg);
  background-size: cover;
  background-position: center center;
  padding: 5px;
}

#ticketNumberLabel:hover .iconTicket {
  background-image: url(/images/input.svg);
}

.iconInstaller {
  float: left;
  width: 22px;
  height: 22px;
  background-image: url(/images/installer_color.svg);
  background-size: cover;
  background-position: center center;
  padding: 5px;
}

#labelINS:hover .iconInstaller, #labelINS:active .iconInstaller {
  background-image: url(/images/installer.svg);
}

.iconCustomer {
  float: left;
  width: 22px;
  height: 22px;
  background-image: url(/images/customer_color.svg);
  background-size: cover;
  background-position: center center;
  padding: 5px;
}

#labelEU:hover .iconCustomer, #labelEU:active .iconCustomer {
  background-image: url(/images/customer.svg);
}

.iconServiceTechnician {
  float: left;
  width: 22px;
  height: 22px;
  background-image: url(/images/servicetechnicians_color.svg);
  background-size: cover;
  background-position: center center;
  padding: 5px;
}

#labelASP:hover .iconServiceTechnician, #labelASP:active .iconServiceTechnician {
  background-image: url(/images/servicetechnicians.svg);
}

.showPasswordBtnClass {
  position: absolute;
  top: 50px;
  right: 15px;
}

#showPasswordBtn {
  border: 0;
  background-color: transparent;
  width: 25px;
  height: 25px;
  background-image: url(/images/visibility.svg);
  background-size: cover;
  background-position: center center;
}

#showPasswordBtn2 {
  border: 0;
  background-color: transparent;
  width: 25px;
  height: 25px;
  background-image: url(/images/visibility.svg);
  background-size: cover;
  background-position: center center;
}


@media only screen and (max-width: 320px) {
  .nav-mobile-menu .dropdown.open .dropdown-menu {
    left: -220px !important;
    top: 65px;
    height: 60vh;
  }
}

@media print {
  @page {
    size: 8in 10in;
    margin: 12mm;
  }

  .hide-on-screen {
    display: block;
  }

  .noPrint {
    display: none;
  }

}

/* Primary button styles */
.btn.btn-primary,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary.active,
.btn.btn-primary:active:focus,
.btn.btn-primary:active:hover,
.btn.btn-primary.active:focus,
.btn.btn-primary.active:hover,
.open>.btn.btn-primary.dropdown-toggle,
.open>.btn.btn-primary.dropdown-toggle:focus,
.open>.btn.btn-primary.dropdown-toggle:hover,
.navbar .navbar-nav>li>a.btn.btn-primary,
.navbar .navbar-nav>li>a.btn.btn-primary:hover,
.navbar .navbar-nav>li>a.btn.btn-primary:focus,
.navbar .navbar-nav>li>a.btn.btn-primary:active,
.navbar .navbar-nav>li>a.btn.btn-primary.active,
.navbar .navbar-nav>li>a.btn.btn-primary:active:focus,
.navbar .navbar-nav>li>a.btn.btn-primary:active:hover,
.navbar .navbar-nav>li>a.btn.btn-primary.active:focus,
.navbar .navbar-nav>li>a.btn.btn-primary.active:hover,
.open>.navbar .navbar-nav>li>a.btn.btn-primary.dropdown-toggle,
.open>.navbar .navbar-nav>li>a.btn.btn-primary.dropdown-toggle:focus,
.open>.navbar .navbar-nav>li>a.btn.btn-primary.dropdown-toggle:hover {
  background-color: #ff6766 !important;
  color: #FFFFFF;
}

.btn.btn-white,
.btn.btn-white:focus,
.btn.btn-white:hover,
.navbar .navbar-nav>li>a.btn.btn-white,
.navbar .navbar-nav>li>a.btn.btn-white:focus,
.navbar .navbar-nav>li>a.btn.btn-white:hover {
  border: 1px solid #FF6766;
  color: #FF6766;
  background-color: #28045d;
}

.asset .form-control[disabled],
.asset .form-control[readonly] {
  font-size: 16px;
  background-color: transparent !important;
}

.form-control {
  color: #FFFFFF;
}


a .form-control {
  color: #ff6766 !important;
}

.form-control a {
  color: #ff6766 !important;
}

.navbar .navbar-nav>li.open>.dropdown-menu,
.bootstrap-select.btn-group .dropdown-menu,
.dropdown-menu,
.btn.btn-default:hover,
.btn-group.open>.dropdown-toggle.btn,
.btn-group.open>.dropdown-toggle.btn.btn-default {
  background-color: #200942;
  border: 0;
}

.tt-menu {
  background-color: #28045D;
  border-color: #6429BD;
}

.searchContainer #search {
  border: 0 !important;
  background-color: #200942 !important;
  color: #fff;
  border-right: 0 !important;
}

.searchContainer #clearSearchBtn,
.clearSearchBtn {
  background-color: #200942;
  color: #fff;
  border: 0 !important;
}

.btn.btn-just-icon,
.btn.btn-white.btn-round.btn-just-icon.btn-search-icon {
  background-color: #200942;
  color: #fff;
  border: 0 !important;
  border-left: 0 !important;
}


.searchContainer #clearSearchBtn:hover,
.clearSearchBtn:hover {
  color: #ff6766;
}

.btn.btn-just-icon:hover,
.btn.btn-white.btn-round.btn-just-icon.btn-search-icon:hover {
  color: #ff6766;
}

.bootstrap-select.custom-dropdown>.dropdown-toggle {
  background-color: #200942 !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}

.nav h4 {
  color: #FF6766;
}

.title-badge.bg-dark {
  background-color: #200942;
  color: #fff;
  border: 2px solid #FF6766 !important;
}

.modal-content {
  background-color: #28045d;
}

#modalGeneral .modal-content {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.servicerequest-read .title-badge.bg-gray {
  text-transform: lowercase;
  background: #28045D !important;
  border: 2px solid #ff6766;
  border-radius: 30px;
  font-size: 14px;
}

.login-form-container .card-login {
  padding: 30px;
  padding-top: 0px;
  background-color: #28045d;
  box-shadow: none;
}

.login-page .card {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.btn.btn-white.dashboard_label:hover,
.btn.btn-white.dashboard_label:focus,
.btn.btn-white.dashboard_label:active,
.btn.btn-white.dashboard_label.active,
.btn.btn-white.dashboard_label:active:focus,
.btn.btn-white.dashboard_label:active:hover {
  background-color: #ff6766;
  color: #fff;
  border-color: #ff6766 !important;
  box-shadow: none;
}


.bootstrap-datetimepicker-widget.dropdown-menu {
    width: auto;
}

.bootstrap-datetimepicker-widget table th.dow {
    color: #ff6766;
}

.bootstrap-datetimepicker-widget table td.old>div,
.bootstrap-datetimepicker-widget table td.new>div {
    color: #ff6766;
}

.bootstrap-datetimepicker-widget table td.old>div,
.bootstrap-datetimepicker-widget table td.new>div,
.bootstrap-datetimepicker-widget table th.dow {
    color: #ff6766;
}

.bootstrap-datetimepicker-widget table td.active>div,
.bootstrap-datetimepicker-widget table td.active:hover>div {
    background-color: #FF6766 ;
}

.bootstrap-datetimepicker-widget table td:hover>div {
    background-color: #FF6766 !important;
    color: #fff !important;
}

.bootstrap-datetimepicker-widget table th.next:hover span,
.bootstrap-datetimepicker-widget table th.prev:hover span {
    background-color: #FF6766 ;
    color: #fff ;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover span,
.bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch:hover {
    background: #FF6766;
}

.bootstrap-datetimepicker-widget table td span.active {
    background-color: #FF6766;
    color: #FFFFFF;
}

.bootstrap-datetimepicker-widget table td span:hover {
    background-color: #FF6766;
    color: #FFFFFF;
}

.scroller {
  scrollbar-color: transparent transparent;
}

.dashboardImageStep {
    height: 50%;
    position: absolute;
    top: 30%;
}