/** MASTER STYLES **/
:root {
    --prim-color:#ffcc00;
	--sec-color:#f7a600;
}


/**CHROME HACKS**/
::-webkit-scrollbar { 
    display: none; 
	width: 0px !important;
}


/** TEXT STYLES **/
body {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #000000;
}
h1 {
	font-family: 'Roboto', sans-serif;
	font-size: 36px;
	line-height: 42px;
	color: #000000;
	font-weight: 700;
	
}
h2 {
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	line-height: 30px;
	color: #000000;
	font-weight: 700;
	
}

h3, h4 {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	line-height: 24px;
	color: #000000;
	
}

p {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #000000;
	
}
a {
	text-decoration: none !important;
}

.text-small {
	font-family: 'Roboto', sans-serif;
	font-size: 11px !important;
	line-height: 20px !important;
	color: #000000;
}

.footnote {
	font-family: 'Roboto', sans-serif;
	font-size: 11px !important;
	line-height: 20px !important;
	color: #808080;
}
.text-white{
	color: #ffffff !important;
}
.text-red{
	color: var(--prim-color) !important;
}
.a1-price{
	font-family: 'Roboto', sans-serif !important;
	font-weight: 700;
}

/** MAIN LAYOUT **/
body {
	padding-top: 180px;
	background-color: #efefef;
}
.bg-white {
	background-color: #ffffff;
}
.kachel {
	border: 1px solid #efefef;
}
.kachel-fix {
	border: 1px solid #efefef;
	height: 250px;
}
.kachel-active {
	border: 1px solid var(--prim-color);
}
.kachel-active > h3 {
		color: var(--prim-color) !important;
}
.kachel-success {
	border: 1px solid #5cb85c;
}
.kachel-danger {
	border: 1px solid #d9534f;
}
.kachel-warning {
	border: 1px solid #f0ad4e;
}
.hersteller_img {
	max-width: 150px;
	max-height: 150px;
	min-height: 150px;
}
.promo_img {
	width: 100%;
	border: 1px solid #efefef;
}
.b-dark {
	border: 1px solid #585858 !important;
}
.b-red {
	border: 1px solid var(--prim-color) !important;
}
.b-all {
	border: 1px solid #efefef;
}
.b-l {
	border-left: 1px solid #efefef;
}
.b-r {
	border-right: 1px solid #efefef;
}
.b-t {
	border-top: 1px solid #efefef;
}
.b-b {
	border-bottom: 1px solid #efefef;
}
.modal-img {
	width: 100%;
}
.modal-content {
	border-radius: 0px !important;
}
.modal-dialog {
	margin-top: 180px !important;
}
.icon-red {
	fill: var(--prim-color) !important;
}
.margin-fix-home {
	margin-top: 50px !important;
}
.icon-payment {
	max-width: 200px;
	fill: var(--prim-color) !important;
}

/** BUTTONS **/
.btn {
	border-radius: 0px !important;
}
.btn-a1 {
  color: #fff;
  background-color: var(--prim-color);
  border-color: var(--prim-color);
	font-family: 'Roboto', sans-serif;
}
.btn-a1:focus,
.btn-a1.focus {
  color: #fff;
  background-color: var(--prim-color);
  border-color: var(--prim-color);
}
.btn-a1:hover {
  color: #fff;
  background-color: var(--sec-color);
  border-color: var(--sec-color);
}
.btn-a1:active,
.btn-a1.active,
.open > .dropdown-toggle.btn-a1 {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}
.btn-a1:active:hover,
.btn-a1.active:hover,
.open > .dropdown-toggle.btn-a1:hover,
.btn-a1:active:focus,
.btn-a1.active:focus,
.open > .dropdown-toggle.btn-a1:focus,
.btn-a1:active.focus,
.btn-a1.active.focus,
.open > .dropdown-toggle.btn-a1.focus {
  color: #fff;
  background-color: var(--sec-color);
  border-color: var(--sec-color);
}
.btn-a1:active,
.btn-a1.active,
.open > .dropdown-toggle.btn-a1 {
  background-image: none;
}
.btn-a1.disabled:hover,
.btn-a1[disabled]:hover,
fieldset[disabled] .btn-a1:hover,
.btn-a1.disabled:focus,
.btn-a1[disabled]:focus,
fieldset[disabled] .btn-a1:focus,
.btn-a1.disabled.focus,
.btn-a1[disabled].focus,
fieldset[disabled] .btn-a1.focus {
  background-color: var(--prim-color);
  border-color: var(--prim-color);
}
.btn-a1 .badge {
  color: var(--prim-color);
  background-color: #fff;
}
.btn-a1-sec {
  color: var(--prim-color);
  background-color: #fff;
  border-color: var(--prim-color);
	font-family: 'Roboto', sans-serif;
}
.btn-a1-sec:focus,
.btn-a1-sec.focus {
  color: var(--prim-color);
  background-color: #fff;
  border-color: var(--prim-color);
}
.btn-a1-sec:hover {
  color: var(--sec-color);
  background-color: #fff;
  border-color: var(--sec-color);
}
.btn-a1-sec:active,
.btn-a1-sec.active,
.open > .dropdown-toggle.btn-a1-sec {
  color: #000000;
  background-color: #ffffff;
  border-color: #000000;
}
.btn-a1-sec:active:hover,
.btn-a1-sec.active:hover,
.open > .dropdown-toggle.btn-a1-sec:hover,
.btn-a1-sec:active:focus,
.btn-a1-sec.active:focus,
.open > .dropdown-toggle.btn-a1-sec:focus,
.btn-a1-sec:active.focus,
.btn-a1-sec.active.focus,
.open > .dropdown-toggle.btn-a1-sec.focus {
  color: var(--sec-color);
  background-color: #ffffff;
  border-color: var(--sec-color);
}
.btn-a1-sec:active,
.btn-a1-sec.active,
.open > .dropdown-toggle.btn-a1-sec {
  background-image: none;
}
.btn-a1-sec.disabled:hover,
.btn-a1-sec[disabled]:hover,
fieldset[disabled] .btn-a1-sec:hover,
.btn-a1-sec.disabled:focus,
.btn-a1-sec[disabled]:focus,
fieldset[disabled] .btn-a1-sec:focus,
.btn-a1-sec.disabled.focus,
.btn-a1-sec[disabled].focus,
fieldset[disabled] .btn-a1-sec.focus {
  background-color: #ffffff;
  border-color: var(--prim-color);
}
.btn-a1-sec .badge {
  color: var(--prim-color);
  background-color: #fff;
}
.btn-a1-select {
  color: #999999;
  background-color: #fff;
  border-color: #000;
	font-family: 'Roboto', sans-serif;
	padding-top: 12px;
	padding-bottom: 12px;
}
.btn-a1-select:focus,
.btn-a1-select.focus {
  color: #999999;
  background-color: #fff;
  border-color: #000;
}
.btn-a1-select:hover {
  color: #999999;
  background-color: #fff;
  border-color: #000;
}
.btn-a1-select:active,
.btn-a1-select.active,
.open > .dropdown-toggle.btn-a1-select {
  color: #999999;
  background-color: #ffffff;
  border-color: #000000;
}
.btn-a1-select:active:hover,
.btn-a1-select.active:hover,
.open > .dropdown-toggle.btn-a1-select:hover,
.btn-a1-select:active:focus,
.btn-a1-select.active:focus,
.open > .dropdown-toggle.btn-a1-select:focus,
.btn-a1-select:active.focus,
.btn-a1-select.active.focus,
.open > .dropdown-toggle.btn-a1-select.focus {
  color: #999999;
  background-color: #ffffff;
  border-color: #000;
}
.btn-a1-select:active,
.btn-a1-select.active,
.open > .dropdown-toggle.btn-a1-select {
  background-image: none;
}
.btn-a1-select.disabled:hover,
.btn-a1-select[disabled]:hover,
fieldset[disabled] .btn-a1-select:hover,
.btn-a1-select.disabled:focus,
.btn-a1-select[disabled]:focus,
fieldset[disabled] .btn-a1-select:focus,
.btn-a1-select.disabled.focus,
.btn-a1-select[disabled].focus,
fieldset[disabled] .btn-a1-select.focus {
  background-color: #ffffff;
  border-color: #000;
}
.btn-a1-select .badge {
  color: #999999;
  background-color: #fff;
}
.icon-btn {
	max-height: 20px;
	max-width: 20px;
	fill: #ffffff;
	float:right;
}
.icon-btn-sec {
	max-height: 20px;
	max-width: 20px;
	fill: var(--prim-color);
	float:right;
}

/** FORMS **/
.form-a1 {
	border-radius: 0px !important;
	border: 1px solid #585858 !important;
	font-size: 14px !important;
}
.form-a1-error {
	border-radius: 0px !important;
	border: 1px solid var(--prim-color) !important;
	font-size: 14px !important;
	color: var(--prim-color) !important;
}
.form-a1-error::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--prim-color) !important;
    opacity: 1; /* Firefox */
}

.form-a1-error-dropdown {
	border: 1px solid var(--prim-color) !important;
}
.form-a1-search {
	border-radius: 0px !important;
	border: 1px solid #efefef !important;
	font-size: 20px !important;
	font-family: 'Roboto', sans-serif;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #999999 !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #999999;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #999999;
}


.caret-a1 {
	color: var(--prim-color) !important;
}

.span_pseudo, .chiller_cb span:before, .chiller_cb span:after {
  content: "";
  display: inline-block;
  background: #fff;
  width: 0;
  height: 0.2rem;
  position: absolute;
  transform-origin: 0% 0%;
}

.chiller_cb {
  position: relative;
  height: 3rem;
  display: flex;
  align-items: center;
}
.chiller_cb input {
  display: none;
}
.chiller_cb input:checked ~ span {
  background: #fd2727;
  border-color: #fd2727;
}
.chiller_cb input:checked ~ span:before {
  width: 2rem;
  height: 0.4rem;
  transition: width 0.1s;
  transition-delay: 0.3s;
}
.chiller_cb input:checked ~ span:after {
  width: 1.4rem;
  height: 0.4rem;
  transition: width 0.1s;
  transition-delay: 0.2s;
}
.chiller_cb input:disabled ~ span {
  background: #ececec;
  border-color: #dcdcdc;
}
.chiller_cb input:disabled ~ label {
  color: #dcdcdc;
}
.chiller_cb input:disabled ~ label:hover {
  cursor: default;
}
.chiller_cb label {
  padding-left: 4.5rem;
  position: relative;
  z-index: 2;
  cursor: pointer;
  margin-bottom:0;
}
.chiller_cb span {
  display: inline-block;
  width: 3.2rem;
  height: 3.2rem;
  border: 1px solid #000;
  position: absolute;
  left: 0;
  transition: all 0.2s;
  z-index: 1;
  box-sizing: content-box;
}
.chiller_cb span:before {
  transform: rotate(-55deg);
  top: 2.2rem;
  left: 1.44rem;
}
.chiller_cb span:after {
  transform: rotate(35deg);
  bottom: 1.35rem;
  left: 0.65rem;
}

/** NAVIGATION **/
.a1-logo{
	padding-top: 10px;
}
.navbar-brand, .navbar-brand:hover {
	padding-top: 0px !important;
	background-color: #ffffff !important;
	border: 1px solid #efefef;
	height: 150px;
	z-index: 1020;
}
.navbar-default {
	background-color: #ffffff;
	border-color: #efefef !important;
}
.navbar-smartmobile{
	height: 20px !important;
	background-color: #000000 !important;
}
.navbar-a1{
	height: 100px !important;
}
.navbar-a1-container{
	padding-left: 160px;
}
.navbar-icons{
	width: 40px !important;
	fill: var(--prim-color);
}
.cancel-button{
	height: 100px;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
}
.cancel-button:hover{
	background-color: #F4F4F4;
}

/** STATUS WIDGET **/
.board{
    width: 100%;
/*margin: 60px auto;*/
}
.board .nav-tabs {
    position: relative;
    margin-bottom: 0;
}


.liner{
    height: 2px;
    background: #ddd;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    /* background-color: #ffffff; */
    border: 0;
    border-bottom-color: transparent;
    outline: 0;
}

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

span.round-tabs{
    width: 70px;
    height: 70px;
    line-height: 65px;
    display: inline-block;
    border-radius: 100px;
    background: white;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
}

span.round-tabs.status{
    color: #999;
	border: 2px solid #ddd;
	background: #fafafa;
}

li.active span.round-tabs.status{
    color: var(--prim-color);
	border: 2px solid var(--prim-color);
	background: #fff !important;
}


.nav-tabs > li.active > a span.round-tabs{
    background: #fafafa;
    outline: 0;
}
.nav-tabs > li {
    width: 20%;
}


.nav-tabs > li a{
   width: 70px;
   height: 70px;
   margin: 20px auto;
   border-radius: 100%;
   padding: 0;
   outline: 0;
}

.nav-tabs > li a:hover{
    background: transparent;
    outline: 0;
}

@media( max-width : 585px ){
    
    .board {
width: 100%;
height:auto !important;
}
    span.round-tabs {
        font-size:16px;
width: 50px;
height: 50px;
line-height: 50px;
    }
    .tab-content .head{
        font-size:20px;
        }
    .nav-tabs > li a {
width: 50px;
height: 50px;
line-height:50px;
}

li.active:after {
content: " ";
position: absolute;
left: 35%;
}

.btn-outline-rounded {
    padding:12px 20px;
    }
}

.progress-icon{
	max-width: 40px;
	max-height: 50px;
	fill: var(--prim-color);
	padding-top: 14px;
}
.progress-icon-inactive{
	max-width: 40px;
	max-height: 50px;
	fill: #DDD;
	padding-top: 14px;
}
.progress-icon-cart-fix{
	padding-top: 20px !important;
}
.navbar-progress{
	width: 85%;
	float:left;
}


/** HELPER CLASS **/
.m-xxs {
  margin: 2px 4px;
}

.m-xs {
  margin: 5px;
}

.m-sm {
  margin: 10px;
}

.m {
  margin: 15px;
}

.m-md {
  margin: 20px;
}

.m-lg {
  margin: 30px;
}

.m-xl {
  margin: 50px;
}

.m-n {
  margin: 0 !important;
}

.m-l-none {
  margin-left: 0 !important;
}

.m-l-xs {
  margin-left: 5px;
}

.m-l-sm {
  margin-left: 10px;
}

.m-l {
  margin-left: 15px;
}

.m-l-md {
  margin-left: 20px;
}

.m-l-lg {
  margin-left: 30px;
}

.m-l-xl {
  margin-left: 40px;
}

.m-l-xxl {
  margin-left: 50px;
}

.m-l-n-xxs {
  margin-left: -1px;
}

.m-l-n-xs {
  margin-left: -5px;
}

.m-l-n-sm {
  margin-left: -10px;
}

.m-l-n {
  margin-left: -15px;
}

.m-l-n-md {
  margin-left: -20px;
}

.m-l-n-lg {
  margin-left: -30px;
}

.m-l-n-xl {
  margin-left: -40px;
}

.m-l-n-xxl {
  margin-left: -50px;
}

.m-t-none {
  margin-top: 0 !important;
}

.m-t-xxs {
  margin-top: 1px;
}

.m-t-xs {
  margin-top: 5px;
}

.m-t-sm {
  margin-top: 10px;
}

.m-t {
  margin-top: 15px;
}

.m-t-md {
  margin-top: 20px;
}

.m-t-lg {
  margin-top: 30px;
}

.m-t-xl {
  margin-top: 40px;
}

.m-t-xxl {
  margin-top: 50px;
}

.m-t-n-xxs {
  margin-top: -1px;
}

.m-t-n-xs {
  margin-top: -5px;
}

.m-t-n-sm {
  margin-top: -10px;
}

.m-t-n {
  margin-top: -15px;
}

.m-t-n-md {
  margin-top: -20px;
}

.m-t-n-lg {
  margin-top: -30px;
}

.m-t-n-xl {
  margin-top: -40px;
}

.m-t-n-xxl {
  margin-top: -50px;
}

.m-r-none {
  margin-right: 0 !important;
}

.m-r-xxs {
  margin-right: 1px;
}

.m-r-xs {
  margin-right: 5px;
}

.m-r-sm {
  margin-right: 10px;
}

.m-r {
  margin-right: 15px;
}

.m-r-md {
  margin-right: 20px;
}

.m-r-lg {
  margin-right: 30px;
}

.m-r-xl {
  margin-right: 40px;
}

.m-r-xxl {
  margin-right: 50px;
}

.m-r-n-xxs {
  margin-right: -1px;
}

.m-r-n-xs {
  margin-right: -5px;
}

.m-r-n-sm {
  margin-right: -10px;
}

.m-r-n {
  margin-right: -15px;
}

.m-r-n-md {
  margin-right: -20px;
}

.m-r-n-lg {
  margin-right: -30px;
}

.m-r-n-xl {
  margin-right: -40px;
}

.m-r-n-xxl {
  margin-right: -50px;
}

.m-b-none {
  margin-bottom: 0 !important;
}

.m-b-xxs {
  margin-bottom: 1px;
}

.m-b-xs {
  margin-bottom: 5px;
}

.m-b-sm {
  margin-bottom: 10px;
}

.m-b {
  margin-bottom: 15px;
}

.m-b-md {
  margin-bottom: 20px;
}

.m-b-lg {
  margin-bottom: 30px;
}

.m-b-xl {
  margin-bottom: 40px;
}

.m-b-xxl {
  margin-bottom: 50px;
}

.m-b-n-xxs {
  margin-bottom: -1px;
}

.m-b-n-xs {
  margin-bottom: -5px;
}

.m-b-n-sm {
  margin-bottom: -10px;
}

.m-b-n {
  margin-bottom: -15px;
}

.m-b-n-md {
  margin-bottom: -20px;
}

.m-b-n-lg {
  margin-bottom: -30px;
}

.m-b-n-xl {
  margin-bottom: -40px;
}

.m-b-n-xxl {
  margin-bottom: -50px;
}

.p-xxs {
  padding: 2px 4px;
}

.p-xs {
  padding: 5px;
}

.p-sm {
  padding: 10px;
}

.p {
  padding: 15px;
}

.p-md {
  padding: 20px;
}

.p-lg {
  padding: 30px;
}

.p-xl {
  padding: 50px;
}

.p-n {
  padding: 0 !important;
}

.p-l-none {
  padding-left: 0 !important;
}

.p-l-xs {
  padding-left: 5px;
}

.p-l-sm {
  padding-left: 10px;
}

.p-l {
  padding-left: 15px;
}

.p-l-md {
  padding-left: 20px;
}

.p-l-lg {
  padding-left: 30px;
}

.p-l-xl {
  padding-left: 40px;
}

.p-l-xxl {
  padding-left: 50px;
}

.p-l-n-xxs {
  padding-left: -1px;
}

.p-l-n-xs {
  padding-left: -5px;
}

.p-l-n-sm {
  mapaddingrgin-left: -10px;
}

.p-l-n {
  padding-left: -15px;
}

.p-l-n-md {
  padding-left: -20px;
}

.p-l-n-lg {
  padding-left: -30px;
}

.p-l-n-xl {
  padding-left: -40px;
}

.p-l-n-xxl {
  marpaddinggin-left: -50px;
}

.p-t-none {
  padding-top: 0 !important;
}

.p-t-xxs {
  padding-top: 1px;
}

.p-t-xs {
  padding-top: 5px;
}

.p-t-sm {
  padding-top: 10px;
}

.p-t {
  padding-top: 15px;
}

.p-t-md {
  padding-top: 20px;
}

.p-t-lg {
  padding-top: 30px;
}

.p-t-xl {
  padding-top: 40px;
}

.p-t-xxl {
  padding-top: 50px;
}

.mp-t-n-xxs {
  padding-top: -1px;
}

.p-t-n-xs {
  padding-top: -5px;
}

.p-t-n-sm {
  padding-top: -10px;
}

.p-t-n {
  padding-top: -15px;
}

.p-t-n-md {
  padding-top: -20px;
}

.p-t-n-lg {
  padding-top: -30px;
}

.p-t-n-xl {
  padding-top: -40px;
}

.p-t-n-xxl {
  padding-top: -50px;
}

.p-r-none {
  padding-right: 0 !important;
}

.p-r-xxs {
  padding-right: 1px;
}

.p-r-xs {
  padding-right: 5px;
}

.p-r-sm {
  padding-right: 10px;
}

.p-r {
  padding-right: 15px;
}

.p-r-md {
  padding-right: 20px;
}

.p-r-lg {
  padding-right: 30px;
}

.p-r-xl {
  padding-right: 40px;
}

.p-r-xxl {
  padding-right: 50px;
}

.p-r-n-xxs {
  padding-right: -1px;
}

.p-r-n-xs {
  padding-right: -5px;
}

.p-r-n-sm {
  padding-right: -10px;
}

.p-r-n {
  padding-right: -15px;
}

.p-r-n-md {
  padding-right: -20px;
}

.p-r-n-lg {
  padding-right: -30px;
}

.p-r-n-xl {
  padding-right: -40px;
}

.p-r-n-xxl {
  padding-right: -50px;
}

.p-b-none {
  padding-bottom: 0 !important;
}

.p-b-xxs {
  padding-bottom: 1px;
}

.p-b-xs {
  padding-bottom: 5px;
}

.p-b-sm {
  padding-bottom: 10px;
}

.p-b {
  padding-bottom: 15px;
}

.p-b-md {
  padding-bottom: 20px;
}

.p-b-lg {
  padding-bottom: 30px;
}

.p-b-xl {
  padding-bottom: 40px;
}

.p-b-xxl {
  padding-bottom: 50px;
}

.p-b-n-xxs {
  padding-bottom: -1px;
}

.p-b-n-xs {
  padding-bottom: -5px;
}

.p-b-n-sm {
  padding-bottom: -10px;
}

.p-b-n {
  padding-bottom: -15px;
}

.p-b-n-md {
  padding-bottom: -20px;
}

.p-b-n-lg {
  padding-bottom: -30px;
}

.p-b-n-xl {
  padding-bottom: -40px;
}

.p-b-n-xxl {
  padding-bottom: -50px;
}

/** STICKY CART**/
.cart_sticky {
/*position: absolute;*/
position: fixed;
bottom: 0;
width: 100%;
/*height: 60px;*/
background-color: #ffffff;
border-top: 1px solid #efefef;
box-shadow: 0 -2px 1em 0 rgba(0,0,0,0.1); 
}
.cart-icon {
	max-width: 80px;
	max-height: 80px;
	fill: var(--prim-color);
	padding-top: 14px;
}
.cart-table > tbody > tr > td, .cart-table > thead > tr > th{
	 border: 1px solid #d7d7d7 !important;
}
.cart-table > tbody > tr > td {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #000000;
}
.cart-table > thead > tr > th {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #000000;
	font-weight: 700;
}
.cart-table > tfoot > tr > td {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #000000;
	background-color: #fcfcfc;
	border: none;
	font-weight: 700;
	
}
.badge-cart {
  display: inline-block;
  min-width: 10px;
  padding: 5px 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: var(--sec-color);
  border-radius: 20px;
	margin-top: 15px;
margin-left: 20%;
	position: absolute;
	z-index: 999;
}
.badge-cart:empty {
  display: none;
}

/** CART LG **/
.cart-table-lg > tbody > tr > td, .cart-table-lg > thead > tr > th{
	 border: 1px solid #d7d7d7 !important;
}
.cart-table-lg > tbody > tr > td {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	line-height: 22px;
	color: #000000;
}
.cart-table-lg > thead > tr > th {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	line-height: 22px;
	color: #000000;
	font-weight: 700;
}
.cart-table-lg > tfoot > tr > td {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	line-height: 22px;
	color: #000000;
	background-color: #fcfcfc;
	border: none;
	font-weight: 700;
	
}

/** KEYBOARD **/
.ui-keyboard {
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
  border-radius: 0;
  left: 0;
  top: auto !important;
  bottom: 0 !important;
  position: fixed !important;
  width: 100% !important;
	background-color: #ffffff;
border-top: 1px solid #efefef;
box-shadow: 0 -2px 1em 0 rgba(0,0,0,0.1); 
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}
.ui-keyboard-button {
	background-color: #fcfcfc !important;
}

/** SCREENSAVER **/
#screensaver {
    width: 100%;
    height: 100vh;
    background-color:#000;
	margin-top: -180px !important;
	position: fixed;
	z-index: 1050;
}
#screensaver-video{
	position: fixed;
  right: 0; 
  bottom: 0;
  min-height: 100%;
  width: 100%; 
  height: auto;
}

/** LOADING **/
.modal-content-loading{
	background-color: transparent !important;
	box-shadow: none !important;
	border: none !important;
	padding-top: 50%;
}
.modal-a1 {
   background-color: rgba(255, 255, 255, 0.8);
}