/* basic colors 
green: #a0c551
light black: #333333;
light gray: #f0f2f5

blue #13bcd7
middle blue: #0594aa
lightblue #3adff8
dark greenblue #3d7e88
mieteowy jasny #94f9af
mietowy sredni #3bda65
mietowy ciemny #1ca941
ciemny granatowy #022235
*/

.vendor-registration .header.text-center .title {
  margin-top:80px;
}

.vendor-registration .subscription_name {
  background:transparent;
  border:0;
  box-shadow:none;
  margin-top:0;
  margin-bottom:10px;
  color:#fff;
  width:100%;
}

.navbar-right {
  margin-right:0;
}

.top-vendors #progress_vendor0 {
  background-color:#139413;  
}

.top-vendors #progress_vendor1 {
  background-color:#6aee6a;  
}

.top-vendors #progress_vendor2 {
  background-color:#ecc203;  
}

.top-vendors #progress_vendor3 {
  background-color:#ec8703;  
}

.top-vendors #progress_vendor4 {
  background-color:#f83606;  
}

.top-vendors .progress .progress-bar{
  background-color:#cccccc;  
}

.progress{
  height:5px;
  background-color: transparent;
}

.navbar .navbar-nav > li > a .material-icons, .navbar .navbar-nav > li > a .fa {
  font-size:24px;
}

.dropdown-menu>li>a {
  color:#3adff8;
}

.dropdown-toggle .fa-globe {
  font-size: 24px !important;
}

.dropdown-menu {
  background-color: #333;
  opacity: 0.95;
}

.smartdecoder-content {
  background-color:#222;
}

.smartdecoder-content.bg-white {
  background-color:#fff;
}

.dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu li a:active {
  color:#13bcd7;
  box-shadow:none!important;
  background-color:transparent;
  background-image:none;
}


.upload_page_title {
  color:#eee;
  padding-bottom:0;
  margin-bottom:0;
  margin-top:0px;
  font-size:18px;
  padding-top:10px;
}

.form-control, .form-group .form-control {
  border-radius:7px;
  height:40px;
  background-image:none;
  color:#fff;
}

.navbar {
  padding:0;
  background-color:#111;
  border:0!important;
  border-radius:0;
}

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

.wrapper {
  height:100%;
}

.wrapper.wrapper-full-page {
  min-height: calc(100vh - 25px);
}

.upload-wrapper.wrapper.wrapper-full-page {
  min-height: calc(100vh - 42px);
}

.upload-wrapper, .login-wrapper {
  background-image:url("/images/homepage_banner_medium.jpg");
  background-size:cover;
  background-repeat:no-repeat;
}

.login-wrapper {
  min-height:calc(100vh - 25px);
}

.upload-wrapper > .row {
  margin:0;
}

.hiw-btn {
  margin-top:35px;
  border-bottom:1px solid #13bcd7;
  font-size: 130%;
  padding-top:15px;
}

.hiw-btn:hover, .hiw-btn:active, .hiw-btn:visited  {
  color:#13bcd7;
}


.howitworks .description span {
  padding: 4px;
  padding-left: 7px;
  padding-right: 7px;
  border-radius: 9px;
  background-color: #94f9af;
  border: 0px solid #bddfdb;
  font-size:90%;
  color:#000000;
  line-height:30px;
}

.results .pc.action-bar {
  visibility:visible;
  display:block;
}

.upload .mobile.action-bar {
  margin-top:40px;
  visibility:hidden;
  display:none;
}

.gradient-wrapper {
  background:linear-gradient(180deg, #727272 0%, #efefef 100%);
  
}

.results-wrapper > .row {
  margin-left:0px;
  margin-right:0px;
}

main, .content {
  width:100%;
}

.main-panel .header .title {
  margin-top:0px;
}

#logout, #menu {
  color:#fff;
}

.login .form-group label.control-label {
  color: #aaaaaa;
  font-size:80%;
}

.login h3 {
  margin:0;
}

.card-login {
  background-color:#fff;
  padding:0px!important;
  box-shadow: 0 4px 5px 0 rgb(161 172 189 / 14%), 0 1px 10px 0 rgb(161 172 189 / 12%), 0 2px 4px -1px rgb(161 172 189 / 20%);
}

.card-login .card-content {
  padding:15px;
  padding-top:0px;
  padding-right:30px;
  height:260px;
}

.card-login .card-content .input-group {
  margin-top:10px;
}

.card-login .card-title {
  color:#fff!important;
  height:50px;
  padding-top:5px;
  margin:0px;
}

.login {
  padding-top:100px;
}

.login-left {
  padding:0;
  border-right:0;
}


.login-right {
  padding:0;
  border-left:0;
}

.login-left .card-login {
  height:530px;
}

.login-right .card-login {
  height:530px;
  background-color:#333;
  color:#fff;
}

.login-right .subheader {
  margin-top:30px;
}

.g-recaptcha  {
  display: inline-block;
}

.appstore_btns {
  width:100%;
 margin-top:30px; 
 padding:15px;
}

.pc.action-bar {
  float:none;
}

.more_smartdecoder_link {
  margin-top:20px;
  margin-bottom:10px;
}

.hiw-section {
  margin-top:40px;
}


.btn.btn-lg, .btn-group-lg .btn, .navbar .navbar-nav > li > a.btn.btn-lg, .btn-group-lg .navbar .navbar-nav > li > a.btn {
  padding:14px 24px;
  font-size:16px;
}

.results.results-details.howitworks {
  min-height:400px;
}

.use-cases {
  margin-bottom:15px;
}

.use-cases i {
  font-size: 18px;
  position: relative;
  bottom: -4px;
  margin-right: 5px;
  color: #6aee6a;
}

#expand-icon, #collapse-icon {
  font-size: 22px;
  position: relative;
  bottom: -5px;
  margin-right: 0px;
  color: #13bcd7;
}

.use-cases-disclaimer {
  font-size:90%;
  color:#999;
  margin-top:5px;
}

.nav-title {
  color:#fff;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 400;
  float:left;
  margin-right:30px;
}

.nav-title i {
  margin-right:25px;
}

.nav-title a {
  color:#fff!important;
}

.nav-option {
  color:#fff;
  padding-top: 15px;
  padding-bottom: 15px;
  float:left;
  margin-right:15px;
}

.icon-home {
  font-size:22px;
}

.navbar-nav {
  padding-top:5px;
}

.smartdecoder-content .topTextSolution {
  transform:none;
}

.use-case .topTextSolution {
  top:15%;
}

.use-case .landing_subtitle {
  padding:0;
}

.use-case h4  {
  margin:0;
}

.use-case ul {
  list-style-type: none;
  padding-left:0;
}

.use-case li i {
  margin-right:10px;
  padding-top:5px;
  font-size:16px;
}

.use-case .l1{
color:#0b4c0b;
}
.use-case .l2{
  color:#139413;
}
.use-case .l3{
  color:#0fc90f;
}
.use-case .l4{
  color:#6aee6a;
}
.use-case .l5{
  color:#ecc203;
}
.use-case .l6{
  color:#ec8703;
}
.use-case .l7{
  color:#f83606;
}

.hide-on-mobile {
  display:block;
  visibility:visible;
}

.hide-on-pc {
  display:none;
  visibility:hidden;
}

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

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

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

  .dropdown-menu {
    left:-40px;
    
  }

  .navbar-right.navbar-nav>li {
    float:right;
    margin-right:5px;
  }

  .navbar-collapse {
    padding-left:2px;
    padding-right:2px;
  }

  .nav>li>a {
    padding-left:10px;
    padding-right:5px;
  }

  .hide-on-mobile {
    display:none;
    visibility:hidden;
  }
  .hide-on-pc {
    display:block;
    visibility:visible;
  }
  
  .nav-title {
    margin-right:0;
  }

  .nav-title i {
    margin-right:10px;
  }

  .click-to-scan {
    margin-top:-10px;
  }
  .appstore_btns {
    display:none;
    visibility:hidden;
  }

  #hiw_header {
    display:none;
    visibility:hidden;
  }
  
  .upload_page_title {
    font-size:14px;
    padding-top:36px;
    margin-top:0;
    margin-bottom:0;
    padding-bottom:0;
    height:38px;
  }

  .upload .remaining-limit {
    margin-top:-30px; 
  }

  .results .pc.action-bar {
    display:none;
    visibility:hidden;
  }

 .login {
  padding-top:0px;
 }

 .wrapper.wrapper-full-page {
  min-height:250vh;
 }
 .upload-wrapper.wrapper.wrapper-full-page {
  min-height:160vh;
 }
 .hiw {
  display:none;
  visibility:hidden;
 }

.upload .mobile.action-bar {
  visibility:visible;
  display:block;
  margin-top:0px;
  float:none;
}

.results .results-list header .load {
  font-size:22px;
}


#navbar > .container {
  visibility:hidden;
  display:none;
}
}

.sidebar .nav p {
font-weight:400;
}

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

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


.btn.btn-icon .material-icons {
  font-size: 32px;
  line-height:20px!important;
}

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

.btn {
  font-size:15px;
}

.lead {
  font-size:1rem
}

.form-group {
 padding-bottom:2px;
 margin-bottom:2px;
}

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

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

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

.action-bar .btn {
  margin-right:5px;
  margin-bottom:5px;
}

.form-group label, label {
  display: inline-block;
  margin-bottom: 1px;
  margin-top:1px;
  color:#777;
  font-size: 12px!important;
}

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

.badge-warning {
  background-color:#940216;
  text-transform: uppercase;
  padding-top:5px;
  margin-top:-10px!important;
}

.badge-beta {
  background-color: #0268b3;
  text-transform: uppercase;
  padding-top: 5px;
  margin-top: -10px !important;
}

.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;
}
  

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


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

.twitter-typeahead {
  width:100%;
}

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

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

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

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


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

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


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


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

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

.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:200px !important; 
}
.custom-dropdown-filter {
  margin-top: 2px !important;
  font-size:18px!important;
  line-height:1.2em!important;
  color:rgb(119,119,119); 
}

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

.navbar .dropdown-menu li a:hover, .navbar .dropdown-menu li a:focus, .navbar .dropdown-menu li a:active {
  color:#13bcd7;
  box-shadow:none;
  background-color:transparent;
}

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

 .select-with-transition-from {
  font-size: 14px !important;
  color: #555 !important; 
  padding-top: 5px !important;
  text-transform: none !important;
 }

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

#search::placeholder {
  font-size:18px!important;
}

.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; /*left;*/
	display: none;
	background-color: #fff;
	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: rgb(0, 129, 236);
  position:relative;
  left:-20px;
}

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

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

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

.searchContainer #search {
  float:right;
  width:200px;
  height:36px;
  margin-right:5px;
  padding-bottom:0;
  background-color:transparent!important;
}

.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;
}



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

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

.tt-selectable {
  color:#555;
  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;
}

.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-input2 {
  display: none;
}
#upload-input3 {
  display: none;
}
#upload-input4 {
  display: none;
}
/*koniec klas dla uploadu plikow*/


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

.hide-on-screen {display:none;}
.yesPrint, .noPrint {display:block;}

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

.tt-selectable {
  color:#999;
}


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

.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;
}

.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;
}

.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;
}

.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 #2f9f49;
    max-height: none;
    height: 35px;
    background-color: #222;
    color: #2f9f49;
    font-size: 14px;
    background-color: #13bcd7 !important;
    color: #ffffff !important;
    border-color: #13bcd7 !important;
}

.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;
}

h4 {
  font-size:2em;
}

.pager-label {
  font-size: 90%;
  color: rgba(0,0,0, 0.87);
  float: left;
  margin-left: 15px;
  margin-right: 10px;
  margin-top:4px;
}

.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;
}

.f-r {
  float:right;
}

.f-l {
  float:left;
}

.badge {
  border-radius:0;
}

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

.top-vendors .progress {
  margin-bottom:5px;
}

.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:#333333;
  background-color:#ffffff;
}

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

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


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

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



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

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

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

  .action-bar .btn, .btn {
    font-size:14px;
    padding-left:7px;
    padding-right:7px;
    margin-left:1px;
    margin-right:1px;
  }
  #liOptimalization, #liConsolidation {
    display:none;
  }
  
  .toggle label {
    font-size:12px!important;
  }
  
}

@media only screen and (max-width:480px) { 
  .action-bar .btn, .btn {
      padding-left:20px;
      padding-right:20px;
      margin-left:1px;
      margin-right:1px;
  }
  #liOptimalization, #liConsolidation {
      display:none;
  }
 
  .toggle label {
    font-size:12px!important;
  }

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

.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;
}

.language{
  text-transform: uppercase;
}

.nav-tabs > li > a {
  position:relative;
  display:block;
  padding:5px 15px;
  font-weight:400;
  font-size:16px;
 }

 .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;
 }

 .pagination {
  margin-top:0;
 }

 .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  background-color: #2f9f49;
  border-color: #2f9f49;
  color: #FFFFFF;
  box-shadow: 0 4px 5px 0 rgb(161 172 189 / 14%), 0 1px 10px 0 rgb(161 172 189 / 12%), 0 2px 4px -1px rgb(161 172 189 / 20%);
}

.pagination > .active > a, .pagination > .active > span {
  color: #FFFFFF!important;
}

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

 ::placeholder { /* Most modern browsers support this now. */
  color:    #777!important;
}

.login ::placeholder { /* Most modern browsers support this now. */
  color:    #ccc!important;
}

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

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

.sidebar[data-active-color="gray"] li.active > a {
  background-color: #13bcd7;
  
}

.sidebar[data-active-color="gray"] li.active > a:hover {
  background-color: #777777;
}


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

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

.btn {
  border-radius:6px;
}

.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: #3adff8;
  color: #ffffff; }

.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 {
  background-color: #13bcd7;
  border: 1px solid #3adff8;
  color: #FFFFFF; }
.btn.btn-important:hover {
    background-color: #3adff8;
  }
.btn.btn-important:focus, .btn.btn-important:active, .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:hover {
  box-shadow: 0 14px 26px -12px hsla(165, 21%, 52%, 0.412), 0 4px 23px 0px rgba(2, 44, 51, 0.12), 0 8px 10px -5px rgba(54,193,144, 0.2); }
.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; }
  
.form-group .form-control.valid:focus {
  background-image: linear-gradient(#2ca9bd, #0594aa), linear-gradient(#D2D2D2, #D2D2D2); }

.form-group.is-focused .form-control .material-input:after {
  background-color: #147e8f; }
  
  
a, a:visited {
  color: #3adff8; }

a:hover, a:focus {
  color: #13bcd7;
  text-decoration: none; }

a.text-info:hover, a.text-info:focus {
  color: #13bcd7; }

a .material-icons {
  vertical-align: middle; }

.password-reset .title {
    color:#fff;
}

.password-reset .content {
  margin-top:13vh;
}

.password-reset-form-container {
  margin:15px;
}

.password-reset-form {
  background-color:#333;
  padding:20px;
  color:#fff;
}

.alert.alert-warning {
  background-color: #e67148!important;
  color: #ffffff;
  border-radius: 3px;
  box-shadow: none;
  line-height:12px;
  padding-top:5px;
  padding-bottom:5px;
  font-size:13px;
  margin-bottom:5px;
 }
.alert.alert-warning a, .alert.alert-warning .alert-link {
  color: #ffffff; }

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

.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: #2E867F;
  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: #2f9f49; }

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

.radio input[type=radio][disabled]:checked ~ .check{
  background-color: #8f060d; 
  opacity:1;
}

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

  .radio label .circle {
    border: 1px solid rgba(9,9,9, .54);
    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:#2f9f49;
    }

    .alert-dismissable .close, .alert-dismissible .close {
      right:-1px;
      font-size:1.5em;
      margin-top:-0.1em;
    }

    .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;
    }

    .dashboard-card.card-stats .card-title {
      font-size:3em;
    }

    .label.label-asp {
      background: linear-gradient(60deg, #569764, #77b685);
      color:#fff;
      font-weight:300;
    }
    select option:hover, 
    select option:focus, 
    select option:active, 
    select option:checked
    {
      background: linear-gradient(
        60deg
        , #599bdd, #6ab0f5);
        background-color: #599bdd !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;
  text-transform: uppercase;
  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;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  min-width: 100px;
  text-align: center;
  color: #555555;
  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: #96cfa3;
  
}

.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: #2f9f49;
  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;
  text-transform: uppercase;
  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: #96cfa3;
  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;
  text-transform: uppercase;
  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 {
  
  font-weight:300;
}

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

.select-with-transition, .select-with-transition-from {
  background:none!important;
}

.form-control.tt-input {
  
}

.form-control[readonly], .form-control[disabled], fieldset[disabled] .form-control, .form-group .form-control[readonly], .form-group .form-control[disabled], fieldset[disabled] .form-group .form-control {
  background-color: #f7f7f7!important; /*#f1fde7!important;*/
  background-image:none!important;
}

.view-filter {
  background-color:transparent!important;
}

.alert.alert-success {
  background-color: #96cfa3!important;
}

.paginate_button:hover {
  cursor:pointer;
}

.noticeme:after {
  margin-top:-10px;
  content:"";
  color: white;
  background-color:red;
  width:13px;
  height:13px;
  border:1px solid #fff;
  border-radius:50%;
  display:inline-block;
  position:relative;
  top:-5px;
}

.pswp img {
    max-width: none;
    object-fit: contain;
}

button.pswp__button--delete-button {
  background: red !important;
  font-size: 20px;
  color: #fff;
}

.pswp__img--placeholder {
  display: none;
}

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

.nameplate-container img {
  width:80%;
  margin-left:auto;
  margin-right:auto;
}

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


#additionalInfo i {
  padding-right:6px;
  color:#94f9af; 
}

.fs-80 {
  font-size:80%;
}

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

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

.slidecontainer {
  padding-top:10px;
  padding-bottom:0;
}



.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}


.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 15px; /* Set a specific slider handle width */
  height: 15px; /* Slider handle height */
  background: #a0c551; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

.slider::-moz-range-thumb {
  width: 15px; /* Set a specific slider handle width */
  height: 15px; /* Slider handle height */
  background: #a0c551; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

#confidenceValue {
  font-weight:600;
  font-size:18px;
}

.confidence-container {
  padding-top:30px;
  display:none;
}

.confidenceComment {
  color:#aaa;
  font-weight:300;
}

.main-panel-app {
  -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
  -moz-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
  -o-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
  -ms-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
  transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); }
.main-panel-app > .content {
  margin-top: 0px;
  padding: 0px;
  
   }
  

.main-panel-app > .navbar {
  margin-bottom: 0; }
.main-panel-app .header {
  margin-bottom: 10px; }
.main-panel-app .header .title {
  margin-top: 10px; }

  .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 {
    background-color: transparent;
    color: #3adff8;
    border: 1px solid #3adff8;
    box-shadow: none!important;
  }

  .btn.btn-white:hover {
    border: 1px solid #13bcd7;
    color:#13bcd7;
  }

  .nav-tabs {
    background-color:#fff;
    color:#fff;
  }

  .nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    color:#fff;
    background-color:#3adff8;
    margin:2px;
    opacity:0.5;
    border-radius:0;
    border-bottom:2px solid #788b4e;
  }

  .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border:0;
    background-color:#13bcd7;
    color:#fff;
    opacity:1;
    border-bottom:2px solid #13bcd7;
  }

  .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color:#13bcd7;
    border-color:#13bcd7;
  }

  .footer {
    padding-right:15px;
    padding-bottom:0px;
    background-color:#222;
    text-align:right;
    color:#eee;
    /* position:relative; */
    bottom:0px;
    width:100%;
  }

  .footer-mnu {
    padding-left:15px;    
  }

  .footer p {
    margin:0; 
  }

  .footer-contact-info, .footer-company-desc {
    font-size:14px;
  }

  .footer-nav {
    font-size:14px;
  }

  .footer-nav a{
    font-size:14px;
  }

  .result-value {
    padding:3px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius:13px;
    background-color:#94f9af;
    border: 1px solid #3bda65;
    color:#111;
    font-size:18px;
    font-weight:400;
  }

  .results .row div {
    margin-top:10px;
  }
  
  #additionalInfo h5 {
    margin-top:15px;
    text-transform: uppercase;
    font-weight:400;
  }

  #beta {
    text-align:left;
    color:#ccc;
    font-size:12px;
    padding:0;
    float:left;
    padding-left:10px;
    padding-top:5px;
  }

  .version {
    font-size:11px;
    color:#fff;
  }

  .upload .upload-files .devices-count-text {
    float:right;
    padding:0;
    padding-top:5px;
    padding-right:5px;
    margin:0;
    color:#fff;
    font-size:12px;
  }

  .upload .upload-files .header_title_container, .results .results-list .header_title_container {
    padding:0;
    font-size:22px;
    margin-top:1px;
  }

  .error_page_conent {
    padding-left:50px;
    color:#b2dd55;
  }

  #register {
    white-space: wrap;
    max-width:80%;
  }

  .register-content {
    background-color:#333;
    color:#333;
    padding:30px;
    border-radius:10px;
    margin-top:60px;
  }

  .register-content p {
    color:#fff;
  }

  .login .form-group .form-control {
    border: 0px solid #666;
    background-color: #333 !important;
    padding-left: 5px;
    background-image: none;
    color: #fff;
  }

  .register-content .form-group .form-control, .password-reset-form .form-group .form-control {
    border: 0px solid #666;
    background-color: #111 !important;
    padding-left: 5px;
    background-image: none;
    color: #fff;
  }

  .register-content .g-recaptcha {
    margin-top:10px;
  }

.register .alert.alert-warning, .password-reset .alert.alert-warning {
  color:#e67148!important;
  background-color:transparent!important;
  padding:0;
}

.register label {
  color:#999;
}

.password-reset label {
  color:#999;
}

.register .captcha-container .alert.alert-warning {
    text-align:left;
}
  .registration .title {
    color:#fff;
  }

  .registration #recaptchaDiv {
    margin-top:10px;
  }

  .registration.wrapper-full-page, .password-reset.wrapper-full-page {
    min-height:calc(100vh - 20px);
    background-image: url(/images/homepage_banner_medium.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }

  #regInfo {
    color: #0594aa;
    text-align:center;
    padding:10px;
    font-size:14px;
    font-weight:500;
  }

.upload .remaining-limit {
  font-size:90%;
  color:#aaa;
  margin-bottom:0px;
  margin-top:0px;
}  

.upload .picture-advice {
  font-size:14px;
  color:#555;
  /* text-align:justify; */
  padding-left:20px;
  padding-right:20px;
}

.limit-reached {
  font-size:40px;
  color:red;
  margin-top:40px;
}

.disclaimer {
  margin-top:20px;
  color:#ddd;
}

.terms_page_content {
  padding:40px;
  color:#fff;
  
}

.lang_container .dropdown-menu {
  width:80px;
  min-width:80px;
  padding:10px;
  padding-bottom:5px;
  font-size:12px;
}

.lang_container .dropdown-menu a {
  color:#3adff8;
}

.lang_container .dropdown-menu a:hover {
  color:#3adff8;
}

.lang_container .dropdown-menu div {
  margin-bottom:10px;
}

.upload-wrapper .lang_container {
  position:absolute;
  right:20px;
  top:10px;
  width:80px;
  text-align:right;
}

.upload-wrapper .lang_container .dropdown-menu {
  position:absolute;
  left:0px;
  top:25px;
  background-color:#333;
  border-radius:0;
  color:#fff;
}

.upload-wrapper .lang_container .dropdown-menu a, .upload-wrapper .lang_container .dropdown-menu a:visited {
    color:#fff;
}

.upload-wrapper .lang_container .dropdown-menu a:hover {
 color:#3adff8; 
}

.upload .upload-files .body i:hover {
  color:#3adff8;
}

.content-cards a, .content-cards a:visited, .content-cards a:active {
  color:#3d7e88;
}

.content-cards a:hover {
 color:#3d7e88; 
}

.upload .upload-files .beta_container, .results .results-list .beta_container {
  width:100%;
  padding:0px;
  height:34px;
}

.map_container {
  background-color:#fff;
}

#modalNothingFound .modal-content {
  
}

#modalNothingFound .modal-images {
  margin-bottom:30px;
}

#modalNothingFound .modal-images img {
  width:31%;
}

.replacement {
  margin-left:15px;
  margin-right:15px;
}

.replacement .form-control[readonly], .replacement .form-control[disabled] {
  background-color:transparent!important;
  border:0;
  padding:0;
}

.top-vendors {
  margin-top:30px;
  color:#fff;
}

#login_btn {
  width:25%;
  padding-left:0px;
  padding-right:0px;
}

#cancel_btn {
  width:70%;
  padding-left:0px;
  padding-right:0px;
}
.wrapper{
  background-color: #222;
}
.navbar .navbar-nav > li > a{
  color: #fff;
}


.beta_container #user {
  float:right;
  padding-right:10px;
  padding-top: 10px;
  font-size:12px;
  color:#ccc;
  
}

.errorPage {
  height:calc(100vh - 42px);
}

.errorPage h2 {
  color:#3adff8;
}

.errorPage a {
  color:#3adff8;
}

.errorPage p {
  color:#3adff8;
}

.form-control[readonly].no-border {
  border:0;
}

.form-control[readonly].no-bg {
  background-color:transparent!important;
}

.bg-dark { 
    background-color:#444;
    color:#fff;
}

.model_selection_container {
  padding:0;
  text-align:center;
  margin-top:15px;
}

.model_selection_container .model-select {
  text-align:center;
}


.model_description  {
  background-color:rgba(100,100,100,0.6);
  padding-bottom:15px;
}

.model_description i {
  font-size:14px;
  position:relative;
  bottom:-2px;
  margin-right:5px;
  color:#94f9af;
}

.model_description div {
  margin-top:3px!important;
}

.model_description .header {
  text-align:center;
  background-color:#3d7e88;
  color:#fff;
}

.btn:focus, .btn:active, .btn:hover, .btn.btn-default:focus, .btn.btn-default:active, .btn.btn-default:hover, .navbar .navbar-nav > li > a.btn:focus, .navbar .navbar-nav > li > a.btn:active, .navbar .navbar-nav > li > a.btn:hover, .navbar .navbar-nav > li > a.btn.btn-default:focus, .navbar .navbar-nav > li > a.btn.btn-default:active, .navbar .navbar-nav > li > a.btn.btn-default:hover {
      box-shadow:none;
}

.btn, .btn.btn-default, .navbar .navbar-nav > li > a.btn, .navbar .navbar-nav > li > a.btn.btn-default {
  box-shadow:none;
}

.btn.btn-premium-model, .btn-standard-model {
  font-size:12px;
}

.btn.btn-premium-model.off, .btn.btn-premium-model.toggle-off, .toggle.btn.btn-premium-model.off {
  background-color:#0a7e91;
}

.btn.btn-standard-model.toggle-on {
  background-color:#13bcd7;
}

.toggle-handle {
  padding:20px;
}

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

.toggle {
  border-color:#13bcd7;
}

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

@media only screen and (max-width: 991px) {
  .navbar-nav .open .dropdown-menu{
    position: absolute;
  }
}
#btnGoogle{
  background-color: #fff;
  border: 1px solid #ccc;
  width: 70%;
  align-content: center;
  text-transform: unset;
  color: #333;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 15px;
}
#btnApple{
  background-color: #fff;
  border: 1px solid #ccc;
  width: 70%;
  align-content: center;
  text-transform: unset;
  color: #333;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 15px;
  margin-top:0px;
}

.iconSingIn{
  padding-right: 5px;
  position: absolute;
  top: 5px;
  left: 15px;
}

#btnGoogle:hover{
  background-color: #f7f7f7;
}
#btnApple:hover{
  background-color: #f7f7f7;
}

.smartdecoder-modules {
  margin-bottom:20px;
}

.smartdecoder-modules .module {
  padding:15px;
  background-color:#fafafa;
  margin:0px;
  margin-bottom:15px;
  height:240px;
  border-top:3px solid;
  background-image:url("/images/bg_squares.png");  
  background-color:#eee;
  box-shadow: none;
}

.smartdecoder-modules .module:hover {
  background-image:url("/images/bg_squares_hover3.png");  
  border-top:3px solid;
  color:#fff;
}

.smartdecoder-modules .header {
  text-align:center;
  font-weight:600;
  color:#555;
  padding-top:20px;
  padding-bottom:20px;
  font-size:18px;
}

.smartdecoder-modules .module:hover .header{
  color:#fff;

}

.smartdecoder-modules .module.type-0 {
  border-color: #9ffb3c;
  background-position: -40px -40px;
}

.smartdecoder-modules .module.type-1 {
  border-color: #3eb4f1;
  background-position: -40px -140px;
}

.smartdecoder-modules .module.type-2 {
  border-color: #ff3078;
  background-position: -40px -240px;
}

.smartdecoder-modules .module.type-3 {
  border-color: #ffce00;
  background-position: -240px -40px;
}

.smartdecoder-modules .module.type-4 {
  border-color: #9c62dd;
  background-position: -100px -100px;
}

.smartdecoder-modules .module.type-5 {
  border-color: #7cba67;
  background-position: -340px -40px;
}

.smartdecoder-modules .module.type-6 {
  border-color: #87aed0;
  background-position: -240px -300px;
}

.smartdecoder-modules .module.type-7 {
  border-color: #ccc;
  background-position: 0px 540px;
}

.smartdecoder-modules .module.type-8 {
  border-color: #eb9b02;
  background-position: -400px -400px;
}

.list-item ::before {
  font-family: 'Material Icons';
  content: "\e892";
}

.owners h4 {
  color:#fff;
}

.owners .smartdecoder-modules > div {
  padding:2px;
}

.owners .smartdecoder-modules .module {
  background-image: url(/images/bg_squares_hover3.png);
  color: #fff;
  margin-bottom:2px;

}

.owners .smartdecoder-modules .module .header {
  color: #fff;
}