@import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700&subset=latin,latin-ext); @import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,500,700&subset=latin,latin-ext); @import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700italic,700&subset=latin,latin-ext); @import url(https://fonts.googleapis.com/css?family=Poppins:400,500,300,700,600&subset=latin,latin-ext,devanagari); /* screen and (min-width: 320px) and (max-width: 767px) and */ /*@media (orientation: portrait) { html { transform: rotate(-90deg); transform-origin: left top; width: 100vh; overflow-x: hidden; position: absolute; top: 100%; left: 0; } }*/ .item-notification-section-row {padding: 0 15px;} .item-notification-section {border: solid 1px #afafaf;position: relative;float: left;width: 100%;padding: 5px 15px;margin: 5px 0;} .item-container {border: solid 1px #afafaf;position: relative;float: left;width: 100%;padding: 5px;margin: 5px 0;} .item-notification-section label, .item-container label {font-size: 14px;color: #4c4c4c;font-weight: bold;text-transform: uppercase;display: block;margin-bottom: 5px;min-height: 32px;} .item-notification-section h3, .section-notification-admin h3 {font-size: 15px;color: #4c4c4c;font-weight: bold;text-transform: uppercase;display: block;margin-bottom: 5px;} .d-inline { display: inline !important; } input:focus, select:focus, textarea:focus, button:focus, *:focus {outline: none;} input[type=email], input[type=text], input[type=password], textarea, .select-wrapper {background: #fff; border: 1px solid #c3baab; font-size: 14px; display: inline-block; font-weight: 300; font-family: 'Ubuntu'; padding: 1% 0; width: 96%; color: #000; height: 25px;} .ui-widget { font-family: 'Ubuntu' !important; } *{box-sizing: border-box;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; line-height: normal;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {height: 100%; margin: 0; width: 100%;} blockquote, q {quotes: none; } blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} table {border-collapse: collapse; border-spacing: 0;} html, body {margin: 0; padding: 0; font-family: 'Ubuntu', sans-serif; font-weight: 300; font-size: 14px; color: #454545; font-weight: 400;} body {background: #fff;} a, p, li, span, h1, h2, h3 {color: #454545; text-decoration: none; font-weight: 400; font-family: 'Ubuntu', sans-serif;} .clear {clear: both; float: none;} .wrapper {width: 98%; margin: 0 auto; padding: 0 1%; max-width: 1000px;} .wrapper-full { max-width: none; } strong {font-weight: 600;} sup {font-size: 10px; vertical-align: top; display: inline-block;} .text-left { text-align: left !important; } ::-webkit-input-placeholder {color: #bbb;} :-moz-placeholder {color: #bbb; opacity: 1;} ::-moz-placeholder {color: #bbb; opacity: 1;} :-ms-input-placeholder {color: #bbb;} body > .col-left {float: left; border-right: 1px solid #d5d4d4; border: 0;} body > .col-right {position: fixed; right: 0; top: 0; bottom: 0; float: right; width: 81px;} .language {height: 80px; text-align: center; line-height: 80px; border-bottom: 1px solid #d5d4d4;} .language a {color: #6e6e6d; font-size: 16px; font-family: 'Ubuntu Mono'; text-transform: uppercase;} .social li {list-style: none; text-align: center; margin-top: 20px;} .mail {position: absolute; bottom: 0; right: 0; width: 82px; height: 80px; background: #919191; text-align: center; line-height: 80px;} .mail a img {vertical-align: middle;} .logo{text-align: left;} .logo img {vertical-align: middle; height: 10px; padding: 0 10px;} .menu {float: right; display: inline-block;} .menu ul li {list-style: none; display: inline-block; margin-right: 40px;} .menu ul li a {color: #fff; font-size: 15px; letter-spacing: 1px; font-weight: 400; font-family: 'Lato'; text-transform: uppercase; padding: 0 5px; } .menu ul li a:hover, .menu ul li.active a {color: #fff; border-bottom: 3px solid #fff;} .menu ul li.lang a {padding: 0 5px; margin: 0 4px;} .menu ul li.lang a.active {color: #fff; border-bottom: 3px solid #fff;} .overlay-boxer {background: rgba(222,222,222,0.2) !important; position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .overlay-kicker {background: rgba(222,222,222,0.2) !important; position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .overlay-hockey {background: rgba(222,222,222,0.2) !important; position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .overlay-kids {background: rgba(222,222,222,0.2) !important; position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .overlay-basketball {background: rgba(222,222,222,0.2) !important; position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .overlay-other {background: rgba(222,222,222,0.2) !important; position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .categories .single {text-align: center; min-height: calc((100vh - 25px)/2) !important; position: relative; top: 0; left: 0; width: calc(100% / 3); float: left; overflow: hidden; border-bottom: 1px solid #d5d4d4; border-left: 1px solid #d5d4d4; } .categories .single > a > img {max-width: 95%; height: auto; max-height: 95%; vertical-align: middle;} .categories .single h2 {position: absolute; right: 20px; top: 15px; font-size: 18px; font-family: 'Poppins'; text-transform: uppercase; color: #2484c6; letter-spacing: 2px; font-weight: bold;} .categories .single .img-wrapper2 {position: absolute; bottom: 0; left: 0; right: 0; text-align: center; top: 0;} .categories .single img.icon-grey {position: absolute; bottom: 20px; right: 20px; max-width: none; max-height: none;} .sliphover-container {padding-right: 1px !important;} /* .categories .single#boxer {background: url('/images/boxerBg.png') no-repeat right center;} .categories .single#kicker {background: url('/images/kickerBg.png') no-repeat right center;} .categories .single#hockey {background: url('/images/hockeyBg.png') no-repeat right center;} .categories .single#kids {background: url('/images/kidsBg.png') no-repeat right center;} .categories .single#basketball {background: url('/images/basketballBg.png') no-repeat right center;} .categories .single#other {background: url('/images/otherBg.png') no-repeat right center;} */ .sliphover-overlay img {vertical-align: middle; margin-bottom: 10px;} .sliphover-overlay h3 {border: 2px solid #2484c6; font-weight: bold; letter-spacing: 2px; border-width: 3px 0; padding: 3px 0 0 0; line-height: 36px; font-size: 36px; font-family: 'Poppins'; text-transform: uppercase; color: #2484c6; display: inline-block;} .product-overlay h3 {font-size: 24px;} .sliphover-overlay {background: rgba(222,222,222,0.9) !important;} .sliphover-overlay .text-wrapper {top: 50%; margin-top: -70px; left: 0; right: 0; text-align: center; position: absolute;} .sliphover-overlay .text-wrapper .img-wrapper {height: 55px; line-height:55px; margin-bottom: 5px;} .sliphover-overlay .text-wrapper .img-wrapper img {height: auto; max-height: 50px; max-width: 55px;} .sliphover-overlay a {display: block; width: 100%; height: 100%;} .product-overlay {position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .content {margin-top: 81px;} .content .page-title {height: 81px; background: #dedede; text-align: center;} .content .page-title h1, .content .page-title h1 a {color: #919191; line-height: 80px; font-size: 30px; font-family: 'Poppins'; text-transform: uppercase; font-weight: bold; letter-spacing: 2px;} .content#about-page {margin-top: 0;} .breadcrumbs p, .breadcrumbs a, .breadcrumbs span {font-family: 'Ubuntu Mono'; text-transform: uppercase;} .breadcrumbs span {font-weight: bold; color: #c9252c;} .content#about-page .first-line {max-width: 1200px; margin: 0 auto;} .content#about-page .first-line .col-left {width: 50%; margin: 0; padding: 0; float: left;} .content#about-page .first-line h2 {font-size: 60px; color: #454545; font-family: 'Poppins'; font-weight: bold; line-height: 60px; margin-top: 80px; margin-bottom: 30px; letter-spacing: 2px;} .content#about-page .first-line .col-right {width: 50%; margin: 0; padding: 0; float: right;} .content#about-page .first-line .col-right .text-box {border-left: 0;} .content#about-page .first-line .text-box {padding: 40px 50px; border: 2px solid #c9252c;} .content#about-page .first-line .text-box, .content#about-page .first-line .text-box p {line-height: 20px;} .content#about-page .second-line {margin: 40px auto;} .content#about-page .second-line .col-left, .content#about-page .second-line .col-right {display: inline-block; margin: 40px auto; vertical-align: middle;} .content#about-page .second-line .col-right {width: 35%; padding: 20px 2%; max-width: 300px;} .content#about-page .second-line .col-right, .content#about-page .second-line .col-right p {line-height: 20px;} .content#about-page .second-line .col-right h3 {font-size: 24px; color: #454545; font-family: 'Poppins'; line-height: 24px; margin-bottom: 20px; font-weight: bold; letter-spacing: 1px;} .content#about-page .second-line .col-left {width: 60%;} .content#about-page .second-line .col-left img {max-width: 100%;} .content#about-page .clients ul {position: relative; top: 0; left: 0;} .content#about-page .clients ul li {list-style: none; float: left; width: 12.5%;} .content#about-page .clients ul li .img-wrapper {width: 100%; text-align: center; border: 1px solid #efefef; height: 120px; line-height: 120px; border-right-color: transparent; background: #fff;} .content#about-page .clients ul li .img-wrapper img {vertical-align: middle; max-width: 90%;} .content#about-page .clients ul li .text-wrapper {display: none; position: absolute; left: 0; right: 0; background: #dedede; padding: 20px;} .content#about-page .clients ul li .text-wrapper p {padding: 2px 0; margin: 0; font-size: 14px;} .content#about-page .clients ul li .text-wrapper p span {font-size: 12px;} .content#about-page .clients ul li:first-child .text-wrapper {display: block; z-index: 2;} .content#about-page .clients ul li:hover .text-wrapper {display: block; z-index: 2;} .content#about-page .clients ul li:first-child .img-wrapper {border: 1px solid #c9252c; border-right-color: #c9252c;} .content#about-page .clients ul li:hover .img-wrapper {border: 1px solid #c9252c; border-right-color: #c9252c;} .menu-button {display: none;} /*tfoot, tbody, .machines-list{width: 100vw!important;} .fixable-container tr th{width: inherit !important;} .fixable-container tr{display: flex; flex-wrap: wrap;}*/ /* body > .col-left .products-list-wrapper {overflow: hidden; width: 100%;} body > .col-left .products-list > li {list-style: none; float: left; position: relative; top: 0; left: 0; border: 1px solid #d5d4d4; margin-left: -1px; border-width: 0 0 1px 1px; text-align: center;} body > .col-left .products-list > li .logo-wrapper {height: 20%;} body > .col-left .products-list > li .logo-wrapper img {vertical-align: middle; display: inline-block; max-width: 80%;} body > .col-left .products-list > li .img-wrapper {height: 80%; vertical-align: middle;} body > .col-left .products-list > li .img-wrapper img {vertical-align: middle; display: inline-block; max-width: 80%;} body > .col-left .products-list li .icons {position: absolute; right: 10px; bottom: 10px;} body > .col-left .products-list li .icons li {list-style: none; display: block; text-align: center; margin: 8px 0;} body > .col-left .product-nav > li {height: 79px; width: 25%; list-style: none; float: left; position: relative; top: 0; left: 0; border: 1px solid #d5d4d4; margin-left: -1px; border-width: 0 0 0 1px; text-align: center;} body > .col-left .product-nav > li.category-name {width: 50%; text-transform: uppercase;} body > .col-left .product-nav > li a, body > .col-left .product-nav > li p { line-height: 79px; color: #c9252c; font-size: 36px; font-family: 'Rubik One';} body > .col-left .product-nav > li a {font-size: 24px;} body > .col-left .product-nav > li img {display: inline-block; vertical-align: middle; margin-top: -4px; padding: 0 10px;} body > .col-left .product-nav > li #back {width: 100%; display: inline-block; background: url('/images/leftArrow.png') 70px center no-repeat;} body > .col-left .product-nav > li #prev, body > .col-left .product-nav > li #next {width: 50%; float: left; margin-left: -1px; border-left: 1px solid #d5d4d4; height: 79px;} body > .col-left .product-nav > li #prev {background: url('/images/leftArrow.png') center no-repeat;} body > .col-left .product-nav > li #next {background: url('/images/rightArrow.png') center no-repeat;} body > .col-left .product-nav > li #back:hover {background: #ef4056 url('/images/leftArrowWhite.png') 100px center no-repeat; color: #fff;} body > .col-left .product-nav > li #prev:hover {background: #ef4056 url('/images/leftArrowWhite.png') center no-repeat;} body > .col-left .product-nav > li #next:hover {background: #ef4056 url('/images/rightArrowWhite.png') center no-repeat;} body > .col-left .product-info {overflow: scroll; float: left; width: 75%; border-bottom: 1px solid #d5d4d4;} body > .col-left .product-info .col-left {display: inline-block; width: 36%; padding: 0 2%; vertical-align: top; background: url('/images/boxerBg2.png') no-repeat left 100px;} body > .col-left .product-info .col-right {display: inline-block; width: 55%; margin-left: 3%; vertical-align: top; text-align: center;} body > .col-left .product-info .col-right p {color: #c9252c; font-size: 24px; font-family: 'Ubuntu Mono'; font-weight: bold; margin-top: 30px;} body > .col-left .product-info .col-right li {list-style: none;} body > .col-left .product-details {float: right; width: 25%;} body > .col-left .product-details .logo-wrapper {border: 1px solid #d5d4d4; border-width: 0 0 1px 1px; text-align: center; height: 200px; line-height: 200px; margin-left: -1px;} body > .col-left .product-details .logo-wrapper img {vertical-align: middle;} body > .col-left .product-details .text-wrapper {overflow: scroll; border: 1px solid #d5d4d4; border-width: 0 0 1px 1px; padding: 20px; text-align: left; margin-left: -1px;} body > .col-left #product h3 {font-family: 'Ubuntu Mono'; color: #257ec9; font-size: 24px; font-weight: bold; margin: 0 0 10px 0;} body > .col-left .product-details .text-wrapper p {padding-bottom: 20px;} body > .col-left .product-info h1 {font-size: 40px; color: #c9252c; font-family: 'Ubuntu Mono'; font-weight: bold; text-transform: uppercase; margin-bottom: 150px;} body > .col-left #product .product-info .features h3 {margin-left: 60px;} body > .col-left .product-info .features {margin-left: 40px;} body > .col-left .product-info .features ul li {list-style: none; margin: 5px 0;} body > .col-left .product-info .features ul li .icon-wrapper {display: inline-block; height: 30px; width: 30px; line-height: 30px;} body > .col-left .product-info .features ul li .icon-wrapper img {vertical-align: middle;} body > .col-left .product-info .features ul li p {display: inline-block; vertical-align: middle; margin-left: 30px; font-size: 14px;}*/ body > .col-left{width: 100%;} body > .col-left #contact .col-left {float: left; width: 75%;} body > .col-left #contact .col-left #map {width: 100%;} body > .col-left #contact .col-right {overflow-x: hidden; overflow-y: scroll; float: right; width: 25%; border-left: 1px solid #d5d4d4; margin-left: -1px; position: relative; z-index: 1;} body > .col-left #contact .col-right .breadcrumbs {padding: 20px;} body > .col-left #contact .col-right .box {cursor: pointer; padding: 20px; border: 1px solid #d5d4d4; position: relative; z-index: 1; margin-left: -1px; margin-right: -1px; margin-bottom: -1px; background: #fff;} body > .col-left #contact .col-right .box .hidden {display: none;} body > .col-left #contact .col-right .box h3 {font-family: 'Ubuntu Mono'; color: #257ec9; font-size: 24px; font-weight: bold;} body > .col-left #contact .col-right .box p {font-size: 12px; padding: 15px 0;} body > .col-left #contact .col-right .box p a {color: #257ec9;} body > .col-left #contact .col-right .box.shown {border: 1px solid #c9252c; z-index: 2; margin-left: 0; margin-right: 0;} body > .col-left #news .col-left .breadcrumbs {padding: 20px 40px;} body > .col-left #news .col-left {float: left; width: 75%;} body > .col-left #news .col-left .single-news {padding: 0 40px;} body > .col-left #news .col-left .single-news img {max-width: 90%;} body > .col-left #news .col-left .single-news h1 {color: #257ec9; font-size: 36px; font-family: 'Ubuntu Mono'; font-weight: bold; margin: 20px 0;} body > .col-left #news .col-left .single-news p {color: #2e3347; font-size: 18px;} body > .col-left #news .col-right {overflow-x: hidden; overflow-y: scroll; float: right; width: 25%; border-left: 1px solid #d5d4d4; margin-left: -1px; position: relative; z-index: 1;} body > .col-left #news .col-right .box:first-child {margin-top: 55px;} body > .col-left #news .col-right .box {cursor: pointer; padding: 40px 20px; border: 1px solid #d5d4d4; position: relative; z-index: 1; margin-left: -1px; margin-right: -1px; margin-bottom: -1px; background: #fff;} body > .col-left #news .col-right .box h3 {font-family: 'Ubuntu Mono'; color: #257ec9; font-size: 18px; font-weight: bold;} body > .col-left #news .col-right .box.active {border: 1px solid #c9252c; z-index: 2; margin-left: 0; margin-right: 0;} /* PRODUCT PAGES */ a, p, li, span, h1, h2, h3 {font-family: 'Poppins';} body > .col-left .header {border-bottom: 0;} .menu ul li {margin: 0; padding: 0 17px;} .menu ul li a {font-size: 14px;} .menu ul li#login {background: #1f75ad; padding: 0 30px;} .product-page .wrapper {max-width: 1100px;} .product-page {position: relative; top: 0; left: 0;} .product-page .back {position: absolute; right: 25px; top: 15px; color: #adadad; text-transform: uppercase;} .product-page .category {position: absolute; left: 25px; top: 15px; text-align: center; z-index: 99;} .product-page .category span {display: block; color: #e0e0e0; font-size: 18px; letter-spacing: 1px; font-weight: bold;} .product-page .col-left {left: 0; width: 55%; float: left; text-align: center;} .product-page .col-left ul, .product-page .col-left ul li {padding: 0; margin: 0;} .product-page .col-left ul li img {max-width: 100%;} .product-page .col-left ul {width: 100%; margin: 0 auto;} .product-page .col-left li {list-style: none;} .product-page .col-left hr {border: 0; height: 1px; width: 100%; margin: 20px auto 30px auto; background: #e0e0e0;} .product-page .col-left .zoom {text-align: left;} .product-page .col-left .zoom img {vertical-align: middle; padding-right: 10px;} .product-page .col-left .zoom a {color: #4c4c4c; font-family: 'Ubuntu'; font-size: 14px;} .product-page .col-right {width: 40%; float: right; z-index: 1;} .product-page .col-right h1 {color: #1f75ad; font-size: 24px; font-weight: 500; text-transform: uppercase; padding-top: 70px;} .product-page .col-right ul.details > li {border-bottom: 1px solid #adadad; list-style: none; width: 80%; margin-left: 20%;} .product-page .col-right ul.details > li.wide {border-top: 1px solid #adadad; margin-left: 0; width: 100%; margin-top: -1px;} .product-page .col-right ul.details > li.wide:nth-child(2) {padding: 12px 0;} .product-page .col-right ul.details > li label {display: block; height: 70px; line-height: 70px; font-size: 14px; text-transform: uppercase; font-family: 'Lato'; cursor: pointer; background: url('/images/arrowDown.png') no-repeat 97% center;} .product-page .col-right ul.details > li.active label {background: url('/images/arrowUp.png') no-repeat 97% center;} .product-page .col-right .social {margin-top: 15px; margin-left: 20%;} .product-page .col-right ul.details > li.wide.price {border-top: 0; text-align: left;} .product-page .col-right li.price span {color: #1f75ad; font-weight: 500; font-size: 17px; float: left; letter-spacing: 0; height: 70px; line-height: 65px;} .product-page .col-right ul.details > li .colors {padding: 0; padding-top: 10px;} .product-page .col-right ul.details .colors label {line-height: normal; height: auto; padding-bottom: 5px;} .product-page .col-right ul.details > li.wide .colors label {cursor: inherit; padding-right: 15px;} .product-page .col-right li .colors table tr td {vertical-align: top;} .product-page .col-right li .colors ul {margin-top: 4px;} .product-page .col-right ul.details > li.wide:nth-child(2) {padding: 12px 0 4px 0;} .product-page .col-right li .colors ul li {list-style: none; display: inline-block; width: 44px; height: 40px; margin-right: 2px; cursor: pointer;} .product-page .col-right li .colors ul li .color {border: 4px solid #fff; width: 40px; height: 22px; border-radius: 6px; overflow: hidden; display: inline-block; vertical-align: middle;} .product-page .col-right li .colors ul li .black {background: #000;} .product-page .col-right li .colors ul li .red {background: red;} .product-page .col-right li .colors ul li .color img {border: 2px solid #fff; width: 36px; height: 18px; border-radius: 4px;} .product-page .col-right li .colors ul li .color span {border: 2px solid #fff; width: 36px; height: 18px; border-radius: 4px; display: inline-block;} .product-page .col-right li .colors ul li.active .color, .product-page .col-right li .colors ul li:hover .color {border-color: rgb(153, 153, 153);} .product-page .col-right li .colors ul li .name {display: none; border-radius: 6px; background: #fff; border: 1px solid #adadad; box-shadow: 3px 3px 0 #cbcbcc; position: absolute; left: 30px; top: -20px; z-index: 9; padding: 5px 5px 3px 5px; font-size: 13px; max-width: 180px; text-align: center; line-height: 18px;} .product-page .col-right li .colors ul li:hover .name {display: block;} .rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;} .rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0;} .rslides li:first-child {position: relative; display: block; float: left;} .product-page .rslides_nav.prev {background: url('/images/arrowLeft.png') no-repeat left center; color: transparent; font-size: 0; display: inline-block; height: 21px; width: 12px; position: absolute; bottom: 10px; right: 30px; z-index: 99;} .product-page .rslides_nav.prev:hover {background: url('/images/arrowLeftActive.png') no-repeat left center;} .product-page .rslides_nav.next {background: url('/images/arrowRight.png') no-repeat left center; color: transparent; font-size: 0; display: inline-block; height: 21px; width: 12px; position: absolute; bottom: 10px; right: 0; z-index: 99;} .product-page .rslides_nav.next:hover {background: url('/images/arrowRightActive.png') no-repeat left center;} .product-page .col-left {position: relative; padding-bottom: 10px; padding-top: 50px;} .product-page .col-left ul li > p {position: absolute; bottom: -5px; right: 60px; text-transform: uppercase; font-size: 17px; font-weight: 300;} .product-page .col-right ul.details > li.price label {float: right; display: inline-block; text-transform: none;} .product-page .col-right li .info {display: block; padding-bottom: 20px;} .product-page .col-right li.active .info {display: block; padding-right: 32px;} .product-page .col-right li .info ul {margin-left: 16px;} .product-page .col-right li .info li {list-style: url('/images/line.png') !important;} .product-page .col-right ul.details > li.wide label {display: inline-block; background: none; cursor: inherit;} .product-page .col-right ul.details > li.wide.price label {font-size: 11px;} .product-page .col-features {margin: 0 auto; padding-bottom: 50px; margin-top: 30px;} .product-page .col-features > h3 {text-transform: uppercase; font-size: 15px; font-family: 'Lato'; padding-bottom: 20px;} .product-page .features li {float: left; width: 150px; margin-right: 10px; list-style: none; text-align: center; position: relative; top: 0; left: 0; margin-bottom: 20px;} .product-page .features li .img-wrapper {border-radius: 10px; border: 1px solid #adadad; height: 110px; padding: 25px 0 15px 0; width: 100%;} .product-page .features li .name-wrapper {display: table; width: 100%; margin-top: 5px; height: 55px;} .product-page .features li a {background: #fff; display: inline-block; margin: 0 auto; position: absolute; bottom: -7px; left: 25px; right: 25px; color: #2484c6; font-size: 14px; font-family: 'Ubuntu';} .product-page .features li h3 {font-weight: bold; font-size: 16px; font-family: 'Lato'; height: 30px; display: table-cell; vertical-align: middle; width: 100%; line-height: 20px; padding: 0 3%;} .cookies-wrapper {z-index: 99999;position: relative;top: 0;left: 0;right: 0;bottom: 0;vertical-align: middle;width: 100%;height: 100%;line-height: 100%;display: block;opacity: 1;} .cookies-message {position: fixed; bottom: 0; left: 0; right: 0;width: 98%;padding: 0 1% 0; background: #ebebeb; text-align: center; border-top: 1px solid #2484c6;} .cookies-message p {font-size: 12px; font-family: 'Ubuntu'; width: 590px; padding: 10px 0 5px 0; padding-left: 130px; background: url('/images/cookieBg.png') no-repeat left 10px; margin: 0 auto; text-align: left; max-width: 98%;} .cookies-message p strong, .cookies-message p a {font-weight: 500; color: #1f75ad; letter-spacing: 1px; padding-left: 5px; display: inline-block;} .cookies-message #accept-cookies-checkbox {cursor: pointer; position: absolute; right: 10px; top: 10px;} .subpage {position: relative; top: 0; left: 0; } .subpage .subpage-nav .back {position: absolute; right: 25px; top: 18px; z-index: 99;} .subpage .subpage-nav .back a {color: #7a7a7a; text-transform: uppercase;} .subpage .subpage-nav .back img {vertical-align: middle; padding-right: 5px; margin-top: -2px;} .subpage .subpage-nav .breadcrumbs{max-width: 250px;} .subpage .subpage-nav .breadcrumbs p {font-size: 14px; text-transform: uppercase; font-family: 'Lato';} .subpage .subpage-nav .breadcrumbs p a {color: #7a7a7a; font-size: 14px; text-transform: uppercase; font-family: 'Lato'; font-size: 11px;} .subpage .subpage-nav .breadcrumbs p span {color: #1f75ad; font-size: 14px; text-transform: uppercase; font-family: 'Lato'; font-weight: normal; font-size: 11px;} .subpage .social {position: fixed; bottom: 40px; right: 20px; margin-top: -100px;} .subpage .social a {display: block;} .subpage .social.sticky {bottom: 210px;} .subpage .wrapper{max-width: none; width: 100%;} .subpage-nav{display: flex; justify-content: space-between; align-items: center; margin-top: 20px;} .subpage-nav .machines-info ul{display: flex; } .subpage-nav .machines-info ul li {list-style: none; padding: 5px 12px; cursor: pointer; display: flex; justify-content: space-between; align-items: flex-end; width: auto; font-size: 11px;} .subpage-nav .machines-info ul li.green {background: #1ecb5f;} .subpage-nav .machines-info ul li.green:hover {background: #18e163;} .subpage-nav .machines-info ul li.yellow {background: #ffbf43;} .subpage-nav .machines-info ul li.yellow:hover {background: #ffd108; } .subpage-nav .machines-info ul li.red {background: #fd3362;} .subpage-nav .machines-info ul li.red:hover {background: #fe4a74; } .subpage-nav .machines-info ul li.grey {background: #222;} .subpage-nav .machines-info ul li.grey:hover {background: #444;} .subpage-nav .machines-info ul li.light-grey {background: #888;} .subpage-nav .machines-info ul li.light-grey:hover {background: #444;} .subpage-nav .machines-info ul li .col-left > p {color: #fff; text-transform: uppercase; font-size: 15px; font-family: 'Poppins'; font-weight: bold; max-width: 150px; line-height: 130%; white-space: nowrap; padding-right: 5px;} .subpage-nav .machines-info ul li .col-left > p img {vertical-align: middle; padding-left: 5px; cursor: pointer;} .subpage-nav .machines-info ul li .col-right span {font-size: 20px; color: #fff; display: inline; line-height: 100%; vertical-align: bottom;} .subpage-nav .machines-info ul li .col-right{display: flex; align-items: center;} .subpage-nav .machines-info ul li .col-right img {margin-right: 10px;} .subpage-nav .table-settings a { white-space: nowrap; margin: 0 4px; } .subpage-nav .breadcrumbs{width: auto; white-space: nowrap;} #login-page {padding-top: 50px;} #register-page {padding-top: 10px; padding-bottom: 80px;} .login-box {margin: 0 auto 5px auto; max-width: 96%; width: 560px; padding: 45px 50px; border: 2px solid #e0e0e0;} .login-box h1 {color: #1f75ad; text-transform: uppercase; font-size: 48px; font-weight: 600; letter-spacing: 1px; text-align: center; margin-bottom: 55px;} .login-box .input-line {position: relative; top: 0; left: 0; height: 73px;} .login-box p.error, p.error {color: #c9252c; font-weight: 600; font-size: 10px; position: absolute; top: 0; right: 0;} .login-box form {width: 100%; margin: 0 auto;} .login-box .input-line label {font-size: 14px; text-transform: uppercase; font-weight: 500;} .login-box .input-line input {width: 96%; padding: 0 2%; border: 1px solid #adadad; margin: 3px auto 10px; height: 35px;} .login-box .input-line input:focus, .login-box .input-line input:active {border-width: 2px;} .login-box .input-line label span {color: #c9252c;} .login-box a {font-size: 13px;} .new-customer { max-width: 96%; width: 660px; margin: 0 auto; font-size: 13px; color: #666;} .login-box button {font-family: 'Poppins'; padding: 10px 0; width: 200px; font-weight: 600; font-size: 16px; text-transform: uppercase; -moz-osx-font-smoothing: grayscale; background: #fff; border: 2px solid #2484c6; color: #2484c6; position: relative; vertical-align: middle; z-index: 1; overflow: hidden; transition-delay: 0s, 0s; transition-duration: 0.3s, 0.3s; transition-property: border-color, color; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); cursor: pointer;} .login-box button:before {background: #2484c6; content: ""; height: 100%; left: 0; position: absolute; top: 0; transform: rotate3d(0, 0, 1, -45deg) translate3d(0px, -3em, 0px); transform-origin: 0 100% 0; transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, background-color 0.3s ease 0s; width: 150%; z-index: -1;} .login-box button:hover {border-color: #2484c6; color: #fff;} .login-box button:hover::before {background-color: #2484c6; opacity: 1; transform: rotate3d(0, 0, 1, 0deg); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);} .blue-box {display: flex; justify-content: space-between; align-items: center;background: #2484c6; border: 2px solid #1f75ad; margin: 0 auto 5px auto; max-width: 96%; width: 560px; padding: 35px 50px;} .blue-box h2 {display: inline-block; color: #fff; font-size: 18px; font-weight:100;} .blue-box a {border: 2px solid #fff; padding: 10px 0; width: 225px; float: right; color: #fff; text-align: center; text-transform: uppercase; font-size: 16px; font-weight: 600; -moz-osx-font-smoothing: grayscale; position: relative; vertical-align: middle; z-index: 1; overflow: hidden; transition-delay: 0s, 0s; transition-duration: 0.3s, 0.3s; transition-property: border-color, color; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);} .blue-box a:before {background: #2484c6; content: ""; height: 100%; left: 0; position: absolute; top: 0; transform: rotate3d(0, 0, 1, -45deg) translate3d(0px, -3em, 0px); transform-origin: 0 100% 0; transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, background-color 0.3s ease 0s; width: 150%; z-index: -1;} .blue-box a:hover {border-color: #fff; color: #2484c6;} .blue-box a:hover::before {background-color: #fff; opacity: 1; transform: rotate3d(0, 0, 1, 0deg); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);} #register-page .login-box button {margin-top: 45px;} .categories-page {position: relative; top: 0; left: 0; margin-top: 120px;} .categories-menu {position: fixed; left: 0; top: 0; z-index: 99999; width: 50px;} .categories-menu li {position: relative; top: 0; left: -95px; list-style: none; background: #ededed; width: 145px; height: 50px; line-height: 50px; text-align: center; border-radius: 0 5px 5px 0; margin-bottom: 5px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .categories-menu li:hover {left: 0;} .categories-menu li a {color: #b1b1b1; text-transform: uppercase; font-weight: 600;} .categories-menu li img {max-height: 35px; vertical-align: middle; display: none;} .categories-menu li.active a, .categories-menu li:hover a {color: #2484c6;} .categories-menu li.active, .categories-menu li:hover {background: #addeff;} .categories-menu li .grey-icon {display: inline-block;} .categories-menu li.active .blue-icon, .categories-menu li:hover .blue-icon {display: inline-block;} .categories-menu li.active .grey-icon, .categories-menu li:hover .grey-icon {display: none;} .categories-menu li span {display: inline-block; color: #2484c6; margin-top: 13px; text-transform: none; font-weight: 600; width: 93px;} .categories-menu-it li {width: 165px; left: -117px;} .categories-menu-it li span {width: 114px; font-size: 12px;} .products-list {margin: 0 auto; width: 90%; padding-bottom: 30px;} .products-list .single-product {height: 475px; overflow: hidden; width: 24.5%; float: left; border: 1px solid #d5d4d4; background: #fff; margin: -1px; margin-right: 0; margin-bottom: 0; text-align: center; position: relative; top: 0; left: 0;} .products-list .single-product .single-product-top {text-align: left; padding: 7px 15px; height: 68px; overflow: hidden;} .products-list .single-product .single-product-top .single-product-category {float: left; width: 25%; text-align: center;} .products-list .single-product .single-product-top .single-product-category p {color: #adadad; font-size: 14px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; line-height: 16px;} .products-list .single-product .single-product-top .single-product-category img {max-height: 35px; padding-top: 4px;} .products-list .single-product .single-product-top .single-product-logo {float: right; width: 80%; text-align: right; height: 68px; line-height: 68px;} .products-list .single-product .single-product-top .single-product-logo img {max-width: 100%; vertical-align: middle; max-height: 68px;} .products-list .single-product .single-product-img {height: 360px; line-height: 340px;} .products-list .single-product .single-product-img img {max-width: 94%; width: auto; max-height: 340px; vertical-align: bottom;} .products-list .single-product > a {color: #2484c6; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; position: absolute; left: 0; right: 0; bottom: 0; background: #fff; min-height: 30px; line-height: 20px;} #about-page.content .clients ul {height: 242px;} #about-page.content .page-title {margin-bottom: 40px;} .footer .wrapper {max-width: 98%;display: flex;} .footer {background: #ebebeb; border-top: 1px solid #2484c6; padding: 20px 0 10px;} .footer .col-left {width: 50%; display:flex; flex-direction:column; justify-content:space-between;} .footer .col-left img{width: 233px;} .footer .col-left p, .footer .col-left p a {color: #808080; font-size: 11px; line-height: 16px;} .footer .col-right {width: 50%; display: flex;flex-direction: column;justify-content: space-between;} .footer .col-right h4 {font-size: 12px; text-transform: uppercase; color: #1f75ad;} .footer .col-right a {color: #808080; font-size: 13px;} .footer .col-right p {color: #808080; font-size: 13px;} .footer .box-wrapper{display:flex;} .footer .box-wrapper p{letter-spacing:1px;} .footer .box-wrapper p:nth-of-type(1){margin-right:40px;} #news-page .content > ul {padding-top: 80px;} #news-page .content > ul > li {width: 100%; display: block; clear: both; height: 270px; margin-bottom: 25px;} #news-page .content > ul > li .img-wrapper {border: 2px solid #e0e0e0; float: left; width: 45%; overflow: hidden; line-height: 0; text-align: center;} #news-page .content > ul > li .img-wrapper img {width: auto; height: 266px;} #news-page .content > ul > li .text-wrapper {position: relative; top: 0; left: 0; border: 2px solid #e0e0e0; border-left-width: 0; float: right; width: 45%; margin-left: -6px; height: 236px; padding: 15px 5%;} #news-page .content > ul > li .text-wrapper .more {position: absolute; bottom: 15px; right: 5%; border: 2px solid #616161; padding: 2px 55px;} #news-page a.load-more {background: #ebebeb; color: #2484c6; font-size: 30px; text-align: center; display: block; height: 100px; line-height: 100px; margin-bottom: 60px; cursor: pointer} #news-page .content > ul > li .text-wrapper p.date {color: #4c4c4c; font-size: 12px;} #news-page .content > ul > li .text-wrapper h2 {color: #2484c6; font-size: 24px; font-weight: 600; line-height: 27px; margin: 10px 0;} #news-page .content > ul > li .text-wrapper .paragraph, #news-page .content > ul > li .text-wrapper .paragraph p, #news-page .content > ul > li .text-wrapper .paragraph span, #news-page .content > ul > li .text-wrapper .paragraph a {color: #454545; font-size: 14px; line-height: 18px;} #news-page .content > ul > li .text-wrapper .paragraph p span {color: #2484c6;} #news-page .content > ul > li .text-wrapper .paragraph {height: 90px; overflow: hidden;} #single-news-page .content {padding-top: 80px;} #single-news-page .content p.date {color: #4c4c4c; font-size: 12px;} #single-news-page .content h2 {color: #2484c6; font-size: 24px; font-weight: 600; line-height: 27px; margin: 10px 0;} #single-news-page .content .paragraph, #single-news-page .content .paragraph p, #single-news-page .content .paragraph span, #single-news-page .content .paragraph a {color: #454545; font-size: 14px; line-height: 18px;} #single-news-page .content .paragraph p {padding-bottom: 20px;} #single-news-page .content .paragraph span, #single-news-page .content .paragraph a, #news-page .content > ul > li .text-wrapper .paragraph a {color: #2484c6;} #single-news-page .content .col-left {float: left; width: 48%;} #single-news-page .content .col-right {float: right; width: 48%;} #single-news-page .content .col-right img {width: 100%; border: 2px solid #e0e0e0;} #single-news-page .content .col-right .gallery a {height: 160px; border: 2px solid #e0e0e0; width: 100%; display: inline-block; overflow: hidden; line-height: 0;} #single-news-page .content .col-right .gallery li {float: left; width: 49%; margin-left: 2%; margin-bottom: 10px; list-style: none; height: 160px;} #single-news-page .content .col-right .gallery a img {border: 0; min-height: 160px; min-width: 100%; width: 100%; height: auto;} #single-news-page .content .col-right .gallery li:nth-child(2n+1) {margin-left: 0;} #single-news-page .content .news-navigation {background: #ebebeb; height: 100px; margin-top: 40px;} #single-news-page .content .news-navigation li {float: left; width: 25%; text-align: left; height: 100px; line-height: 100px; list-style: none;} #single-news-page .content .news-navigation li:last-child {text-align: right;} #single-news-page .content .news-navigation li:nth-child(2) {width: 50%; text-align: center;} #single-news-page .content .news-navigation li a {color: #adadad; font-size: 14px; margin: 0 25px; display: inline-block;} #single-news-page .content .news-navigation li a:hover {color: #2484c6;} #single-news-page .content .news-navigation li:first-child a {padding-left: 30px; background: url('/images/prev.png') no-repeat left center;} #single-news-page .content .news-navigation li:first-child a:hover {background: url('/images/prevActive.png') no-repeat left center;} #single-news-page .content .news-navigation li:nth-child(3) a {padding-right: 30px; background: url('/images/next.png') no-repeat right center;} #single-news-page .content .news-navigation li:nth-child(3) a:hover {background: url('/images/nextActive.png') no-repeat right center;} #single-news-page .content .news-navigation li:nth-child(2) a {color: #2484c6; font-size: 30px; line-height: 100px} #quality-page .content > h1 {padding-top: 50px;} #quality-page .content > h1, #quality-page .opinion h2 {color: #454545; font-size: 60px; font-weight: bold;} #quality-page .text-box {border: 2px solid #c9252c; padding: 20px 100px 30px 100px;} #quality-page .text-box h3 {margin-top: 10px; font-weight: 600;} #quality-page .testimonilas h2 {background: #dedede; margin-top: 25px; color: #4c4c4c; font-size: 30px; padding: 20px 0; text-align: center; font-weight: bold;} #quality-page .testimonilas ul li {width: 24.5%; float: left; padding-left: 0.66%; padding-bottom: 1%; list-style: none;} #quality-page .testimonilas ul li:nth-child(4n+1) {padding-left: 0;} #quality-page .testimonilas ul li p {color: #2484c6; font-size: 16px; font-weight: 500; text-transform: uppercase; text-align: center; letter-spacing: 1px;} #quality-page .testimonilas ul li iframe {width: 100%; height: 190px;} #quality-page .opinion {margin-top: 60px; margin-bottom: 100px;} #quality-page .opinion ul li {width: 33.33%; background: #fff; list-style: none; float: left; margin-bottom: -2px;} #quality-page .opinion ul li div {border: 2px solid #dedede; border-left-width: 0; height: 140px; padding: 20px; overflow: hidden;} #quality-page .opinion ul li:nth-child(3n+1) div {border-left-width: 2px;} #quality-page .opinion ul li p {color: #454545; line-height: 21px;} #quality-page .opinion ul li p.author {color: #257ec9; font-size: 11px; font-weight: 500; margin-top: 5px;} #contact-page .contact-map {position: absolute; top: 0; right: 0; max-width: 80%; z-index: -1;} #contact-page .content h2 {font-size: 24px; color: #454545; font-weight: 600; padding-top: 80px; margin-bottom: 25px;} #contact-page .content p {padding-bottom: 20px; font-size: 14px; line-height: 23px;} #contact-page .content p a {color: #2484c6;} #contact-page .content a.map-link {color: #2484c6; text-transform: uppercase; font-weight: 500;} #contact-page .distributors {margin-top: 50px; margin-bottom: 100px;} #contact-page .distributors .col {width: 42%; border: 2px solid #c9252c; float: left; padding: 25px 4%; position: relative; top: 0; left: 0; height: 310px;} #contact-page .distributors .col:nth-child(2) {border-right: 0 none; margin-right: -6px;} #contact-page .distributors .col a.map-link {position: absolute; top: 20px; right: 8%;} #contact-page .distributors .col h3 {font-weight: 600; margin-bottom: 20px;} #upgrade-page .col-left {width: 51%; float: left; padding-top: 80px; margin-left: 4%;} #upgrade-page .col-left .img-wrapper {border: 1px solid #d6d6d6; border-radius: 15px; padding: 20px; line-height: 0; overflow: hidden; width: 91%; height: 300px; line-height: 300px; text-align: center;} #upgrade-page .col-left .img-wrapper img {border-radius: 15px; width: auto; height: auto; display: inline-block; vertical-align: middle; max-height: 300px;} #upgrade-page h2 {font-size: 24px; color: #2484c6; font-weight: 500; margin-bottom: 25px;} #upgrade-page h2 img {padding-right: 10px; vertical-align: middle; max-width: 30px; margin-left: -40px;} #upgrade-page .col-right {width: 39%; float: right; padding-left: 6%; padding-top: 145px;} #upgrade-page .col-right p {padding-bottom: 18px; font-size: 14px;} #upgrade-page .col-right p a {color: #2484C6;} #upgrade-page .col-right hr {margin: 20px 0; background: #adadad; border: 0; width: 100%; height: 1px;} #upgrade-page .col-right h3 {font-weight: 500; text-transform: uppercase; margin: 5px 0 10px 0;} #upgrade-page .col-right a:hover {color: #2484c6;} #upgrade-page .col-right a.back {font-family: 'Poppins'; padding: 5px 30px; display: inline-block; margin-top: 20px; text-align: center; font-weight: 500; font-size: 16px; text-transform: uppercase; background: #fff; border: 2px solid #2484c6; color: #2484c6; margin-bottom: 30px;} #upgrade-page .rslides_nav.prev {background: url('/images/arrowLeft.png') no-repeat left center; color: transparent; font-size: 0; display: inline-block; height: 21px; width: 12px; position: absolute; bottom: 10px; right: 30px; z-index: 99;} #upgrade-page .rslides_nav.prev:hover {background: url('/images/arrowLeftActive.png') no-repeat left center;} #upgrade-page .rslides_nav.next {background: url('/images/arrowRight.png') no-repeat left center; color: transparent; font-size: 0; display: inline-block; height: 21px; width: 12px; position: absolute; bottom: 10px; right: 0; z-index: 99;} #upgrade-page .rslides_nav.next:hover {background: url('/images/arrowRightActive.png') no-repeat left center;} #upgrade-page .col-left {position: relative; padding-bottom: 50px;} .popup-wrapper {position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255,255,255,0.8)} .popup-wrapper .popup {position: relative; top: 50%; width: 50%; left: 50%; transform: translate(-50%,-100%); margin-left: 0; text-align: center; background: #fff; border: 1px solid #2576ab; border-radius: 11px; line-height: 0; margin: 0 !important;} .popup-wrapper .popup > img {width: 100%; height: auto; border-radius: 11px;} .popup-wrapper .popup #close {position: absolute; top: 5px; right: 5px; cursor: pointer; z-index: 99;} .popup-wrapper .popup .popup-body { box-sizing: border-box; padding: 25px; } .logged-panel {height: 25px; text-align: right; padding: 0 1%; width: 100%; background: #1b6394; display: flex; justify-content: space-between;} .logged-panel ul {text-align: right;} .logged-panel ul li {display: inline-block; text-align: left; padding: 0 10px;} .logged-panel ul li:first-child {border-right: 1px solid #5fbcfa;} .logged-panel ul li p, .logged-panel ul li a {font-size: 10px; color: #fff; letter-spacing: 1.5px;} .logged-panel ul li p img {vertical-align: middle; margin-top: -2px; padding-right: 5px;} .logged-panel ul li p strong {font-weight: 600;} body.logged-user> .col-left{width: 100%;} body.logged-user .content {margin-top: 0px; height: calc(100vh - 25px);} .error404 {border: 2px solid #e0e0e0; max-width: 640px; text-align: center; padding: 40px 0 60px; margin: 200px auto 10px auto; position: relative; top: 0; left: 0;} .error404 h1 {margin-bottom: 40px; color: #1f75ad; font-size: 48px; font-weight: 600; text-transform: uppercase;} .error404 img {margin-bottom: 90px;} .error404 a {position: absolute; right: 0; bottom: 60px; background: #2484c6; padding: 10px 35px; text-align: center; color: #fff; font-weight: 500; text-transform: uppercase; font-size: 16px; letter-spacing: 1px;} .error404 a img {margin-left: 20px; vertical-align: middle; margin-bottom: 0; margin-top: -2px;} #panel-page .content .col-left {margin-top: 100px; vertical-align: top; width: 25%; display: inline-block;} #panel-page .content .col-right {margin-top: 100px; vertical-align: top; width: 66%; margin-left: 4%; display: inline-block;} #panel-page .content .col-left h2 {color: #808080; font-size: 24px; text-transform: uppercase; font-weight: bold; margin-bottom: 15px;} #panel-page .content .col-left li {list-style: none; margin-left: -10px; margin-bottom: 5px;} #panel-page .content .col-left li a:hover {background: #f5f5f5;} #panel-page .content .col-left li.logout a {background: #f5f5f5;} #panel-page .content .col-left li a {color: #1f75ad; font-size: 18px; padding: 2px 10px; display: block; font-weight: 300;} #panel-page .content .col-right h2 {font-size: 24px; color: #1f75ad; text-transform: uppercase; font-weight: bold; margin-bottom: 15px;} #panel-page .content .col-right label {font-size: 14px; color: #4c4c4c; font-weight: bold; text-transform: uppercase;} #panel-page .content .col-right p {font-size: 18px; margin: 10px 0 15px; font-weight: 300; line-height: 24px;} #panel-page .content .col-right div.empty {border: 1px solid #ddd; height: 50px; margin-top: 10px; margin-bottom: 50px; width: 258px} #panel-page .content .categories .single h2, #panel-page .content .categories .single a {z-index: 9;} #panel-page .content .categories .single h2 a {position: absolute; right: 0; top: 0; font-size: 18px; font-family: 'Poppins'; text-transform: uppercase; color: #2484c6; letter-spacing: 2px; font-weight: bold; z-index: 999; width: 249px; text-align: right;} #panel-page .content .categories .single .img {position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 9;} #panel-page .content .categories .single .img a {display: block; width: 100%; height: 100%;} #panel-page .content .categories .single:nth-of-type(1) {background: url('/images/panelCategory1.png') no-repeat center;} .overlay-panel.overlay-panel-1 {background: url('/images/panelCategory1Active.png') no-repeat center rgba(222,222,222,1) !important;} #panel-page .content .categories .single:nth-of-type(2) {background: url('/images/panelCategory2.png') no-repeat center;} .overlay-panel.overlay-panel-2 {background: url('/images/panelCategory2Active.png') no-repeat center rgba(222,222,222,1) !important;} #panel-page .content .categories .single:nth-of-type(3) {background: url('/images/panelCategory3.png') no-repeat center;} .overlay-panel.overlay-panel-3 {background: url('/images/panelCategory3Active.png') no-repeat center rgba(222,222,222,1) !important;} #panel-page .content .categories .single:nth-of-type(4) {background: url('/images/panelCategory4.png') no-repeat center;} .overlay-panel.overlay-panel-4 {background: url('/images/panelCategory4Active.png') no-repeat center rgba(222,222,222,1) !important;} #panel-page .content .categories .single:nth-of-type(5) {background: url('/images/panelCategory5.png') no-repeat center;} .overlay-panel.overlay-panel-5 {background: url('/images/panelCategory5Active.png') no-repeat center rgba(222,222,222,1) !important;} #panel-page .content .categories .single:nth-of-type(6) {background: url('/images/panelCategory5.png') no-repeat center;} #panel-page .content .categories .single.blank { background: none; } .overlay-panel.overlay-panel-6 {background: url('/images/panelCategory5Active.png') no-repeat center rgba(222,222,222,1) !important;} .overlay-panel {position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .overlay-panel h2 {position: absolute; right: 20px; top: 15px; font-size: 18px; font-family: 'Poppins'; text-transform: uppercase; color: #2484c6; letter-spacing: 2px; font-weight: bold; z-index: 999; width: 250px; text-align: right; max-width: 249px;} #panel-price-page .content .col-left {margin-top: 92px; vertical-align: top; width: 25%; display: inline-block;} #panel-price-page .content .col-left h2 {color: #808080; font-size: 16px; text-transform: uppercase; margin-bottom: 10px;} #panel-price-page .content .col-left li {list-style: none; border: 3px solid #ebebeb; margin-bottom: 7px;} #panel-price-page .content .col-left li a:hover, #panel-price-page .content .col-left li.active a {background: #ebebeb;} #panel-price-page .content .col-left li a {color: #1f75ad; font-size: 18px; padding: 3px 10px 2px 10px; display: block; text-transform: uppercase;} #panel-price-page .content .col-right { vertical-align: top; width: 66%; margin-left: 4%; display: inline-block;} #panel-price-page .content .col-right h2, #device-raport-wrapper h2 {font-size: 24px; color: #1f75ad; text-transform: uppercase; font-weight: bold; margin-bottom: 15px; text-align: center;} #panel-price-page .content .col-right table {width: 100%; text-align: center; margin-bottom: 50px;} #panel-price-page .content .col-right table thead th {border: 1px solid #cccccc; font-size: 13px; text-transform: uppercase; margin-bottom: 10px; font-weight: normal; padding: 5px 5px;} #panel-price-page .content .col-right table thead th:first-child, #panel-price-page .content .col-right table tbody td:first-child {text-align: left;} #panel-price-page .content .col-right table tr:nth-child(even) { background: #f2f2f2; } #panel-price-page .content .col-right table tr td:first-child {font-weight: 300; color: #454545;} #panel-price-page .content .col-right table tr td {border: 1px solid #cccccc; padding: 0px 5px; font-size: 14px; } #panel-price-page .content .col-right table tr td:last-child {font-weight: 500;} /*#panel-price-page .content .col-right .download {display: inline-block; float: right; border: 3px solid #2484c6; color: #2484c6; text-transform: uppercase; padding: 5px 20px; font-weight: 600; letter-spacing: 1px; font-size: 16px; margin-bottom: 50px;}*/ #panel-price-page .content .col-right .download {font-family: 'Poppins'; padding: 10px 0; width: 220px; margin-bottom: 50px; float: right; font-weight: 600; font-size: 16px; text-transform: uppercase; -moz-osx-font-smoothing: grayscale; background: #fff; border: 2px solid #2484c6; color: #2484c6; position: relative; vertical-align: middle; z-index: 1; overflow: hidden; transition-delay: 0s, 0s; transition-duration: 0.3s, 0.3s; transition-property: border-color, color; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); cursor: pointer; text-align: center;} #panel-price-page .content .col-right .download:before {background: #2484c6; content: ""; height: 100%; left: 0; position: absolute; top: 0; transform: rotate3d(0, 0, 1, -45deg) translate3d(0px, -3em, 0px); transform-origin: 0 100% 0; transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, background-color 0.3s ease 0s; width: 150%; z-index: -1;} #panel-price-page .content .col-right .download:hover {border-color: #2484c6; color: #fff;} #panel-price-page .content .col-right .download:hover::before {background-color: #2484c6; opacity: 1; transform: rotate3d(0, 0, 1, 0deg); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);} #panel-edit-page{padding-bottom: 40px;} /*#panel-edit-page .content form#registration-form>div{margin-top: 30px;}*/ #panel-edit-page .content form {max-width: 540px; margin: 25px auto;} #panel-edit-page.wrapper-full .content form { max-width: none; } #panel-edit-page .content form h2 {font-size: 24px; color: #1f75ad; text-transform: uppercase; font-weight: bold; margin-bottom: 15px; text-align: center; } .content form label {font-size: 14px; color: #4c4c4c; font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 5px;} #panel-edit-page .content form .panel label { padding-top: 10px; text-transform: none; } #panel-edit-page .content form .panel {margin-top: -8px;} #panel-edit-page .content form .select-wrapper {border-width: 2px;} #panel-edit-page .content form input, #panel-edit-page .content form textarea {background: #fff; border: 2px solid #afafaf; width: 100%; padding: 0 4px; height: 35px; font-size: 13px; font-family: 'Poppins'; font-weight: 300;} #panel-edit-page .content form input[type=checkbox] { width: 20px; margin: 0;} #panel-edit-page .content form input[disabled=disabled], #panel-edit-page .content form textarea[disabled=disabled] {background: #f2f2f2; border: 2px solid #f2f2f2;} #panel-edit-page .content form textarea {height: 150px; padding: 5px 3%;} #panel-edit-page .content form input:focus, #panel-edit-page .content form textarea:focus, #panel-edit-page .content form input:active, #panel-edit-page .content form textarea:active {background: #fff; border-color: #afafaf;} #panel-edit-page .content form .input-line {margin: 5px 0 10px; position: relative; top: 0; left: 0;} /*#panel-edit-page .content form .input-line span {position: absolute; right: -55px; top: 28px; color: #2484c6; font-size: 16px; cursor: pointer; font-style: italic; font-size: 14px;}*/ #panel-edit-page .content form button {background: #fff; display: inline-block; float: right; border: 3px solid #2484c6; color: #2484c6; text-transform: uppercase; padding: 5px 20px; font-weight: 600; letter-spacing: 1px; font-size: 16px; margin: 20px 0 100px; cursor: pointer;} #panel-edit-page .content form #devices-list ul li label, #panel-edit-page .content form#registration-form .choice-wrapper label, #panel-edit-page .content form#registration-form .checkbox-wrapper label {font-weight: normal;} #panel-edit-page .content form#registration-form {margin-bottom: 50px;} #panel-edit-page .content form > div > .col-md-6 { padding-left: 35px; padding-right: 35px; } #panel-order-page .content h2 {font-size: 24px; color: #1f75ad; text-transform: uppercase; font-weight: bold; margin-bottom: 15px; text-align: center; padding-top: 80px;} #panel-order-page .content table {width: 100%;} #panel-order-page .content table thead th {border-bottom: 1px solid #cccccc; color: #808080; font-size: 16px; text-transform: uppercase; margin-bottom: 10px; font-weight: normal; padding: 12px 0; text-align: left;} #panel-order-page .content table thead th:last-child {text-align: right;} #panel-order-page .content table tr td:first-child {font-weight: 300; font-size: 16px; color: #454545; width: 65%;} #panel-order-page .content table tr td:nth-child(2) {text-align: center;} #panel-order-page .content table tr td {border-bottom: 1px solid #cccccc; padding: 30px 0; font-size: 18px; color: #454545; font-weight: 400;} #panel-order-page .content table tr td:last-child {text-align: right; font-size: 24px; font-weight: bold; color: #808080;} #panel-order-page .content table tfoot tr td:nth-child(2) {text-align: right; color: #1f75ad; font-weight: bold; font-size: 24px; text-transform: uppercase;} #panel-order-page .content table tfoot tr td {border: 0;} #panel-order-page .content table tr td:first-child {color: #1f75ad; font-weight: bold; font-size: 24px;} #panel-order-page .content a.back {background: #999; display: inline-block; float: left; color: #fff; border: 0; text-transform: uppercase; padding: 6px 20px 5px; font-weight: 600; letter-spacing: 1px; font-size: 16px; margin: 30px 0 100px; cursor: pointer;} #panel-order-page .content a.back img {vertical-align: middle; margin-top: -3px; padding-left: 10px; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";} #panel-order-page .content button {background: #2484c6; display: inline-block; float: right; color: #fff; border: 0; text-transform: uppercase; padding: 8px 20px; font-weight: 600; letter-spacing: 1px; font-size: 16px; margin: 30px 0 100px; cursor: pointer;} #panel-order-page .content button img {vertical-align: middle; margin-top: -3px; padding-left: 10px;} #panel-order-page .content .textarea-boxes {margin-top: 50px;} #panel-order-page .content .textarea-boxes .box {width: 49%; float: left;} #panel-order-page .content .textarea-boxes .box:first-child {margin-right: 2%;} #panel-order-page .content .textarea-boxes label {text-transform: uppercase; padding-bottom: 5px; display: block;} #panel-order-page .content .textarea-boxes textarea {height: 100px; padding: 10px 3%; width: 94%; font-family: 'Poppins'} #panel-parts-page .content button {display: inline-block; float: right; color: #fff; border: 0; text-transform: uppercase; padding: 8px 20px; font-weight: 600; letter-spacing: 1px; font-size: 16px; margin: 0; cursor: pointer;} #panel-parts-page .content button.active {background: #2484c6; } #panel-parts-page .content button img {vertical-align: middle; margin-top: -3px; padding-left: 10px;} #panel-parts-page .content h2 {font-size: 24px; color: #1f75ad; text-transform: uppercase; font-weight: bold; margin-bottom: 15px; text-align: center; padding-top: 80px;} #panel-parts-page .content > ul li {float: left; width: 33.333%; list-style: none; margin-left: -2px;} #panel-parts-page .content > ul li a {display: block; text-align: center; padding: 15px 40px; border: 2px solid #e0e0e0; background: #fff; color: #2484c6; text-transform: uppercase; font-size: 18px; line-height: 22px; font-weight: bold; letter-spacing: 1px;} #panel-parts-page .content > ul li a:hover, #panel-parts-page .content > ul li.active a {background: #f5f5f5;} #panel-parts-page .content form {position: relative; top: 0px; left: 0px; padding-bottom: 120px; margin-bottom: 70px;} #panel-parts-page .content .submit-wrapper {position: absolute; right: 0px; bottom: 0px; padding-bottom: 50px;} #panel-parts-page .content .submit-wrapper.fixed {position: fixed; bottom: 0; left: 0; background: #fff; padding-bottom: 0;} #panel-parts-page .content .submit-wrapper.fixed div {width: 98%; margin: 0px auto; padding: 0px 1%; max-width: 1000px;} #panel-parts-page .content table {width: 100%;} #panel-parts-page .content table thead th {border-bottom: 1px solid #cccccc; color: #808080; font-size: 16px; text-transform: uppercase; margin-bottom: 10px; font-weight: normal; padding: 12px 20px; text-align: center;} #panel-parts-page .content table thead th:nth-child(2) {text-align: left;} #panel-parts-page .content table td {vertical-align: middle; border-bottom: 1px solid #cccccc; padding: 10px 20px;} #panel-parts-page .content table td:last-child {width: 100px;} #panel-parts-page .content table td:first-child {padding-left: 0; width: 250px; text-align: center; max-width: 250px;} #panel-parts-page .content table td h3 {color: #1f75ad; font-size: 22px; font-weight: 600;} #panel-parts-page .content table td:nth-child(4) {color: #808080; font-size: 24px; font-weight: 600; text-align: center; white-space: nowrap;} #panel-parts-page .content table td:nth-child(5) {white-space: nowrap;} #panel-parts-page .content table td img {max-height: 100px; width: auto; max-width: 100%;} #panel-parts-page .content table .rslides_nav {display: none;} #panel-parts-page .content table .rslides_tabs li {display: inline-block; list-style: none; vertical-align: top;} #panel-parts-page .content table .rslides_tabs li a {font-size: 0; color: transparent; display: block; background: #cccccc; width: 10px; height: 10px; border-radius: 2px; margin-right: 4px;} #panel-parts-page .content table .rslides_tabs li.rslides_here a {background: #2484c6;} #panel-parts-page .content table .rslides_tabs {text-align: left; height: 10px;} #panel-parts-page .content table .qty {width: 30px; height: 25px; text-align: center; display: inline-block; vertical-align: middle; border: 0; font-size: 18px; font-weight: 500; color: #454545;} #panel-parts-page .content table .qty.green {color: #137837;} #panel-parts-page .content table input.qtyplus {background: #f2f2f2; border: 0; font-size: 18px; font-weight: bold; width: 30px; line-height: 24px; height: 30px; display: inline-block; vertical-align: middle;} #panel-parts-page .content table input.qtyminus {background: #f2f2f2; border: 0; font-size: 18px; width: 30px; font-weight: bold; line-height: 24px; height: 30px; display: inline-block; vertical-align: middle;} #panel-files-page .content .col-left {margin-top: 100px; vertical-align: top; width: 30%; display: inline-block;} #panel-files-page .content .col-right {margin-top: 100px; vertical-align: top; width: 61%; margin-left: 4%; display: inline-block;} #panel-files-page .content .col-left h2 {color: #808080; font-size: 24px; text-transform: uppercase; font-weight: bold; margin-bottom: 15px;} #panel-files-page .content .col-left li {list-style: none; margin-left: -10px; margin-bottom: 5px;} #panel-files-page .content .col-left li a:hover {background: #f5f5f5;} #panel-files-page .content .col-left li a {color: #1f75ad; font-size: 18px; padding: 2px 10px; display: block; font-weight: 300;} #panel-files-page .content .col-right h2 {font-size: 24px; color: #1f75ad; text-transform: uppercase; font-weight: bold; margin-bottom: 15px;} #panel-files-page .content .col-right table {width: 100%; text-align: center; margin-bottom: 50px;} #panel-files-page .content table thead th {border-bottom: 1px solid #cccccc; color: #808080; font-size: 16px; text-transform: uppercase; margin-bottom: 10px; font-weight: normal; padding: 12px 0; text-align: left;} #panel-files-page .content .col-right table tr td {text-align: left; border-bottom: 1px solid #ccc; padding: 12px 0;} #panel-files-page .content .col-right table tr td:first-child {font-size: 18px; color: #1f75ad; font-weight: 500;} #panel-files-page .content .col-right table tr td a {display: inline-block; width: 93%; padding: 6px 0 4px; border-top: 1px solid #f3f3f3; font-size: 16px; font-weight: 300; padding-right: 7%;} #panel-files-page .content .col-right table tr td a.pdf {background: rgba(0, 0, 0, 0) url("/images/pdfIcon.png") no-repeat scroll left center; padding-left: 40px;} #panel-files-page .content .col-right table tr td a.video {background: url('/images/video_icon.png') no-repeat right center;} #panel-files-page .content .col-right table tr td a:first-child {border: 0;} #panel-files-page .content .col-right table tr td a span {display: inline-block; width: 41%; font-weight: 300; font-size: 16px;} #panel-files-page .content .col-right table tr td a small {color: #999898; font-size: 10px;} #panel-files-page .content .col-left li a:hover, #panel-files-page .content .col-left li.active a {background: #ebebeb none repeat scroll 0 0;} .zoomContainer, .zoomLens {border: 0 !important; z-index: 99;} #panel-order-page .content .col-left {margin-top: 100px; vertical-align: top; width: 25%; display: inline-block;} #panel-order-page .content .col-right {margin-top: 100px; vertical-align: top; width: 66%; margin-left: 4%; display: inline-block;} #panel-order-page .content .col-left h2 {color: #808080; font-size: 24px; text-transform: uppercase; font-weight: bold; margin-bottom: 15px;} #panel-order-page .content .col-left li {list-style: none; margin-left: -10px; margin-bottom: 5px;} #panel-order-page .content .col-left li a:hover {background: #f5f5f5;} #panel-order-page .content .col-left li.logout a {background: #f5f5f5;} #panel-order-page .content .col-left li a {color: #1f75ad; font-size: 18px; padding: 2px 10px; display: block; font-weight: 300;} #panel-order-page .content .col-right h2 {font-size: 24px; color: #1f75ad; text-transform: uppercase; font-weight: bold; margin-bottom: 15px;} #panel-order-page .content .col-right label {font-size: 14px; color: #4c4c4c; font-weight: bold; text-transform: uppercase;} #panel-order-page .content .col-right p {font-size: 18px; margin: 10px 0 15px; font-weight: 300; line-height: 24px;} #panel-order-page .content .col-right div.empty {border: 1px solid #ddd; height: 50px; margin-top: 10px; margin-bottom: 50px; width: 258px} form .select-wrapper {display: block; width: 100%; overflow: hidden;background: #fff url('/images/arrowDown.png') no-repeat 98% center; border: 1px solid #adadad; height: 35px; padding: 0;} form .select-wrapper select {appearance:none;-moz-appearance:none; -webkit-appearance:none; background: transparent; width: 100%; padding: 0 0 0 5px; line-height: 1; border: 0; border-radius: 0; border-left: 0; height: 35px; -webkit-appearance: none; font-size: 14px; font-weight: 300; font-family: 'Ubuntu'; color: #000;} .select-small-wrapper { height: 28px !important; width: auto !important; margin-left: 2px !important; background-position: 96% center !important; } .select-small-wrapper select { height: 25px !important; padding-right: 10px !important; padding-left: 4px !important; } .bg-white { background-color: #fff !important; } #notifications .row{width: 100%;} #panel-machines.wrapper .content > .col-right {display: inline-block;} #panel-single-machine.wrapper {max-width: 1280px;} #panel-single-machine.wrapper .content > .col-right {margin-top: 70px; display: inline-block;} #panel-single-machine #map_canvas {margin-left: -1px; margin-top: -1px; border: 1px solid #d5d4d4;} /*#panel-machines .box {border-bottom: 1px solid #d5d4d4;}*/ #panel-machines .box .box-header {padding: 20px 20px 15px;} #panel-machines .box .box-header h2 {display: inline-block;} #panel-machines .box .box-header .col-left {float: left;} #panel-machines .box .box-header .col-right {float: right;} #panel-machines .box .box-header .col-right img{vertical-align: bottom;} #panel-machines .box .box-header .col-left h2 {padding-right: 10px;} #panel-machines .box .box-header .col-left a.refresh {color: #1f75ad; text-decoration: underline; padding-right: 5px;} #panel-machines .box .box-header .col-left span {color: #c8c8c8;} #panel-machines h2 {font-size: 18px; font-weight: bold; text-transform: uppercase; font-family: 'Poppins';} #panel-machines .turnover.box {background: #2484c6; border: 1px solid #2484c6; padding: 0 5px; } #panel-machines .turnover.box h2 {display: inline-block;} #panel-machines .turnover.box * { color: #fff; } #panel-machines .turnover.box .label { color: #e2f3ff; font-weight: lighter; padding: 0; } #panel-machines .turnover.box .box-header .col-left a.refresh { color: #000; font-weight: lighter;} /*#panel-machines .turnover .col-right span {font-size: 32px; font-family: 'Poppins'; line-height: 32px;}*/ #panel-machines .turnover.box .box-header {padding: 5px 20px;} #panel-machines .turnover.box .box-header #turnover {font-size: 20px;} #panel-machines table {width: 100%; margin: 0px 0 4px;} #panel-machines table td {border: 1px solid #d5d4d4; padding: 1px 5px; text-align: right; font-size: 14px;} #panel-machines table td {border: 1px solid #d5d4d4; height: 26px; vertical-align: middle; padding: 4px 15px; text-align: right; font-size: 14px;} #panel-machines table td:first-child {padding-left: 35px; text-align: left;} #panel-machines table td img {vertical-align: middle; display: inline-block; margin-top: -2px;} #panel-machines table th {text-align: left; font-size: 12px; text-transform: uppercase; padding: 10px; font-weight: 400; vertical-align: bottom;} #panel-machines table th span.name {font-size: 12px; text-transform: uppercase; font-weight: 400;} #panel-machines table td.map-link a {color: #2484c6; text-decoration: underline;} #panel-machines table td { line-height: 120%; vertical-align: middle;} #panel-machines table td * { line-height: 100%; vertical-align: middle;} #panel-machines table th img {vertical-align: middle; padding-right: 2px; margin-top: -3px;} #panel-machines table th .sort-up {background: url('/images/sortDown.png') no-repeat center; width: 13px; height: 10px; display: inline-block; cursor: pointer; margin-left: 3px; } #panel-machines table th .sort-down {background: url('/images/sortUp.png') no-repeat center; width: 13px; height: 10px; display: inline-block; cursor: pointer;} #panel-machines table th .sort-up:hover, #panel-machines table th .sort-up.active {background: url('/images/sortDownHover.png') no-repeat center;} #panel-machines table th .sort-down:hover, #panel-machines table th .sort-down.active {background: url('/images/sortUpHover.png') no-repeat center;} #panel-machines table th.actions {min-width: 47px;} #panel-machines table td.actions a { margin-left: 5px; } #panel-machines table td.actions a:hover span {color: #666;} #panel-machines table td.actions a:first-child { margin-left: 0px; } #panel-machines table tfoot td {font-weight: bold; font-size: 110%; padding-top: 12px; padding-bottom: 12px; background-color: #f6f6f6} #panel-machines ul.iconic-table {clear: both;} #panel-machines ul.iconic-table li {list-style: none; float: left; width: 24%; min-width: 300px; margin: 10px .5%; position: relative; top: 0; left: 0;} #panel-machines ul.iconic-table li.hidden {display: none;} #panel-machines ul.iconic-table li table th, #panel-machines ul.iconic-table li table th a {border: 1px solid #d5d4d4; text-align: right; color: #2484c6; font-weight: bold; font-family: 'Poppins'; font-size: 18px;} #panel-machines ul.iconic-table li table th {height: 62px; vertical-align: top;} #panel-machines ul.iconic-table li table th a {border: 0; display: block; max-height: 62px; overflow: hidden;} #panel-machines ul.iconic-table li table td {height: 40px; padding: 0 25px !important} #panel-machines ul.iconic-table li table td .col-left {font-size: 12px; text-transform: uppercase; float: left; line-height: 40px;} #panel-machines ul.iconic-table li table td .col-left img {vertical-align: middle; display: inline-block; margin-top: -2px; padding-left: 5px;} #panel-machines ul.iconic-table li table td .col-right {float: right; line-height: 40px;} #panel-machines ul.iconic-table li table {margin: 0;} #panel-machines ul.iconic-table li:hover .overlay {display: block;} #panel-machines ul.iconic-table li .overlay {display: none; position: absolute; top: 0; left: 0; right: 0; bottom: auto; z-index: 1; text-align: left;} #panel-machines ul.iconic-table li .overlay .col-left, #panel-machines ul.iconic-table li .overlay .col-right {line-height: 130%;} #panel-machines ul.iconic-table li .overlay .part-1 {padding: 10px 15px 20px 15px; background: #d5d4d4} #panel-machines ul.iconic-table li .overlay .part-1 a {float: right; color: #fff; font-weight: bold; font-family: 'Poppins'; font-size: 18px; text-transform: uppercase; text-align: right;} #panel-machines ul.iconic-table li .overlay .part-1 a.action { margin-right: 5px; } #panel-machines ul.iconic-table li .overlay .part-1 a.action:hover span { color: #000 !important; } #panel-machines ul.iconic-table li .overlay .part-1 img {padding-left: 4px; width: 12px; height: auto;} #panel-machines ul.iconic-table li .overlay .part-2 {padding: 20px 15px 0; background: #bdbdbd;} #panel-machines ul.iconic-table li .overlay .col-left, #panel-machines ul.iconic-table li .overlay .col-right {width: 50%; color: #fff; float: right; font-size: 14px;} #panel-machines ul.iconic-table li .overlay .col-right {text-align: right;} #panel-machines ul.iconic-table li .overlay .col-left {text-transform: uppercase; float: left;} #panel-machines ul.iconic-table li .overlay .clear {padding-bottom: 10px;} #panel-machines ul.iconic-table li .part-2 a {color: #454545; float: right; font-weight: bold; text-transform: uppercase; font-size: 18px; padding-top: 15px;} #panel-machines .select-wrapper select {cursor: pointer; background: transparent; width: 110%; padding-right: 30px; padding-left: 20px; line-height: 1; border: 0; border-radius: 0; height: 43px; -webkit-appearance: none; color: #2a2a2a; font-size: 14px; font-family: 'Lato';} #panel-machines .select-wrapper {cursor: pointer; position: relative; top: 0; left: 0; height: 43px; overflow: hidden; background: #f6f6f6 url('/images/selectArrow.png') no-repeat 90% center; padding: 0; border: 1px solid #d5d4d4; border-radius: 2px; margin-left: 10px; vertical-align: middle; width: 250px;} #panel-machines .filters {margin-bottom: 0px; position: absolute; top: -38px; right: 60px;} #panel-machines .filters span {font-size: 14px;} #panel-machines .filters .col-left {width: 50%; float: left;} #panel-machines .filters .col-left span {padding-left: 20px;} #panel-machines .filters .col-right {width: 100%; float: right; text-align: right; } #panel-machines .filters .col-right ul {display: inline-block; padding-right: 20px; vertical-align: middle; padding-left: 10px;} #panel-machines .filters .col-right ul li {list-style: none; display: inline-block; background-position: center; background-repeat: no-repeat; height: 25px; width: 25px; margin: 0; margin-left: 2px; cursor: pointer;} #panel-machines .filters .col-right ul li#iconic {background-image: url('/images/iconicView.png');} #panel-machines .filters .col-right ul li#list {background-image: url('/images/listView.png');} #panel-machines .filters .col-right ul li#location {background-image: url('/images/locationView.png');} #panel-machines .filters .col-right ul li#iconic:hover, #panel-machines .filters .col-right ul li#iconic.active {background-image: url('/images/iconicViewActive.png');} #panel-machines .filters .col-right ul li#list:hover, #panel-machines .filters .col-right ul li#list.active {background-image: url('/images/listViewActive.png');} #panel-machines .filters .col-right ul li#location:hover, #panel-machines .filters .col-right ul li#location.active {background-image: url('/images/locationViewActive.png');} #panel-machines .buttons.col-right {text-align: right; margin: 20px 0 50px;} #panel-machines .buttons ul li {list-style: none; display: inline-block; margin-left: 15px;} #panel-machines .buttons ul li img {vertical-align: middle;} #panel-machines .buttons ul li a {color: #1f75ad; text-decoration: underline; font-weight: 600; text-transform: uppercase; font-size: 12px;} #panel-machines .map.box {margin: 30px 0;} #panel-single-machine table {width: 100%; margin-top: 50px; margin-bottom: 100px;} #panel-single-machine .content > table > tr > td, #panel-single-machine .content > table > tbody > tr > td {border: 1px solid #d5d4d4; padding: 0; height: 60px; text-align: right; width: 25%; vertical-align: top;} #panel-single-machine table tr:first-child td:first-child {width: 50%;} #panel-single-machine table td h3 {font-weight: bold; font-size: 16px; text-transform: uppercase; line-height: 18px; padding-bottom: 10px;} #panel-single-machine table td h3 .time { float: left; margin-top: -1px; opacity: 0.6; font-size: 80%; } #panel-single-machine table td .text-wrapper {padding: 10px; padding-bottom: 0;} #panel-single-machine table td #map_canvas {width: 100%; height: 295px !important;} #panel-single-machine .content td.no-border {border-bottom: 0; border-left: 0; border-top: 0;} #panel-single-machine table td .col-left {width: 50%; text-align: left; float: left;} #panel-single-machine table td .col-right {width: 50%; float: right;} #panel-single-machine table td .col-right p, #panel-single-machine table td .col-right p a {} #panel-single-machine .content > table > tr:first-child > td:first-child {background: #f6f6f6;} #panel-single-machine table td.grey {background: #f6f6f6;} #panel-single-machine table td.grey h2 {color: #2484c6; font-size: 25px; font-weight: bold; margin-bottom: 5px;} #panel-single-machine table td .big {font-size: 28px; line-height: 100%; padding-top: 0px;} #panel-single-machine table td ul li {list-style: none; display: block; margin: 5px 0;} #panel-single-machine table td ul {padding: 0 0 10px;} #panel-single-machine table td ul li, #panel-single-machine table td ul li span, #panel-single-machine table td ul li p {font-family: 'Lato';} #panel-single-machine table td ul li span:first-child {width: 90px; display: inline-block;} #panel-single-machine table td ul li span {padding-left: 10px; display: inline-block;} #panel-single-machine table td ul li span:last-child img {padding: 0 5px;} #panel-single-machine table td ul li span.short-term {width: 70px;} #panel-single-machine table td .col-left h3 {padding: 0; padding-top: 15px;} #panel-single-machine table td .col-right p, #panel-single-machine table td .col-right p a {font-size: 25px;} #panel-single-machine table td .col-right {padding-bottom: 0;} #panel-single-machine table td.grey table {width: 100%;} #panel-single-machine table td.grey table td:first-child {text-align: left; color: #b2b2b2; text-transform: uppercase;} #panel-single-machine table td.grey table {margin: 0; padding: 0; margin-top: 30px;} #panel-single-machine table td.grey table td {padding: 5px 0; font-family: 'Lato';} #panel-single-machine table td.grey .add-photo {color: #1f75ad; text-decoration: underline; cursor: pointer;} #panel-single-machine table td.grey .add-photo img {padding-left: 4px; vertical-align: middle;} #panel-single-machine table td .img-wrapper {max-height: 230px; text-align: left;} #panel-single-machine table td .img-wrapper img {vertical-align: middle; max-height: 200px;} #panel-single-machine table td .col {display: inline-block; width: 26%; text-align: left; padding-top: 10px;} #panel-single-machine table td .col:first-child {width: 45%;} #panel-single-machine table td .col:first-child p {font-weight: bold;} #panel-single-machine table td .contact-box {text-align: left;} #panel-single-machine table td.short-term {position: relative; top: 0; left: 0;} #panel-single-machine table td.short-term .overlay {display: none; position: absolute; top: 0; bottom: 0; left: -1px; right: 0; background: #d5d4d4;} #panel-single-machine table td.short-term:hover .overlay {display: block;} #panel-single-machine table td.short-term .overlay h3 {color: #fff;} #panel-single-machine table td.short-term .overlay > a {position: absolute; left: 10px; bottom: 0; color: #454545; text-transform: uppercase; font-size: 18px; font-weight: bold;} #panel-single-machine table.nameTable {margin-top: 0 !important;} #panel-single-machine table.nameTable td {vertical-align: top; padding: 3px !important } #panel-single-machine table.autoTable td {width: auto !important; } #panel-single-machine .tabs-header {text-align: left;} #panel-single-machine .tabs .tabs-header li {float: left; width: 25%; background: #fff; padding: 0; margin: 0; cursor: pointer;} #panel-single-machine .tabs .tabs-header li p {color: #d5d4d4; padding: 15px 10px; font-weight: bold; border-left: 1px solid #d5d4d4; border-bottom: 1px solid #d5d4d4; display: block; width: 100%; height: 100%; height: 30px; font-family: 'Poppins'; width: auto; line-height: 120%;} #panel-single-machine .tabs .tabs-header li.active p, #panel-single-machine .tabs .tabs-header li:hover p {background: #f6f6f6; color: #454545; border-bottom-color: #f6f6f6;} #panel-single-machine .tabs .tabs-header li:first-child p {border-left: 0;} #panel-single-machine .tabs .tabs-header ul {margin: 0; padding: 0;} #panel-single-machine .tabs .tabs-content .tab {display: none;} #panel-single-machine .tabs .tabs-content .tab.active {display: block; background: #f6f6f6; padding: 15px;} #panel-single-machine .tabs .tabs-content .tab > p {font-size: 50px; line-height: 60px;} #panel-single-machine .tabs .tabs-content .tab > p span {font-size: 15px;} #panel-single-machine .tabs .tabs-content .tab ul {margin-bottom: 0;} #panel-single-machine .tabs .tabs-content .tab ul li {width: 47%; display: inline-block; margin-left: 2%;} #panel-single-machine .tabs .tabs-content .tab ul li p.big {font-size: 32px; padding: 0; margin: 0; padding-top: 10px;} #panel-single-machine .tabs .tabs-content .tab ul li span {width: auto;} #panel-single-machine .details-list ul {height: 550px; overflow: scroll;} #panel-single-machine .details-list ul li:first-child {border-top-width: 0;} #panel-single-machine .details-list ul li:first-child .col-left .back {color: #1f75ad; text-decoration: underline;} #panel-single-machine .details-list ul li:first-child .col-right {} #panel-single-machine .details-list ul li {border-top: 1px solid #d5d4d4;} #panel-single-machine .details-list ul li .col-left span {font-size: 18px; line-height: 32px; padding-left: 0; padding-right: 25px;} #panel-single-machine .details-list ul li .col-left span:first-child {width: 120px;} #panel-single-machine .details-list ul li .col-right {padding-bottom: 0;} #panel-single-machine .details-list ul li .col-right span {font-size: 32px; line-height: 32px; width: auto;} #panel-single-machine .details-list ul li .col-right span img {display: inline-block; padding: 0 10px; vertical-align: middle; margin-top: -6px;} #device-raport-form .buttons .btn, #device-report-buttons .btn{width: 100%;} #device-raport-form .select-wrapper{width: 100%;} #device-raport-table thead th {position: -webkit-sticky; position: sticky; top: 0; border: 1px solid grey; } #device-raport-table thead th::before { content: ''; background: #2484c6; width: 100%; height: 100%; position: absolute; z-index: -1; top: 0; left: 0; } #device-raport-table thead tr{background-color: #2484c6;} #device-raport-table thead th.operatorTurnover {width: 5%} #device-raport-table thead th.tempTurnover_1 {width: 5%} #device-raport-table thead th.shortTerm {width: 5%} #device-raport-table thead th.longTerm {width: 5%} #device-raport-table thead th.totalTurnover {width: 5%} #device-raport-table thead th.turnoverIncrease {width: 6.5%} #device-raport-table thead th.turnoverIncreaseOperator {width: 5.5%} #device-raport-table thead th.turnoverIncreaseLocation {width: 5.5%} #device-raport-table thead th.turnoverIncreaseDevice {width: 5.5%} .custom-error { box-shadow: 0 0 4px rgba(202, 0, 0, 1); background-image: url('/images/icon_incorrect.png') !important; background-repeat:no-repeat !important; background-position: 97% center !important; } .custom-ok { background-image: url('/images/icon_check.png') !important; background-repeat:no-repeat !important; background-position: 97% center !important; } .login-info { height: 30px; line-height: 30px; padding: 8px 0; text-align: center; width: 100%; background-color: #ebebeb; color: #24c744; font-style: italic; } .login-info img { vertical-align: middle; margin-top: -2px; padding-right: 2px; } .service-ok { color: #24c744; } .login-error { color: #c9252c; } .skype_box { margin-top: -48px; } .skype_box img { margin: 0 !important; } .shipment td { padding: 10px 0 !important; } .shipment div { background-color: #F3F3F3; padding: 20px !important; height: 60px; line-height: 60px; } #panel-order-page .content table tr td:first-child { padding-left: 20px; } #panel-order-page .content table tr td:last-child { padding-right: 20px; } #panel-order-page .content table thead th:last-child { padding-right: 20px; } .back-to-panel { border: none !important; padding: 6px 23px !important; background-color: #999999 !important; color: white !important; } .machine-desc { font-size: 120%; } .machine-desc .label { color: #2484c6; text-transform: uppercase; font-weight: 700; } .pull-left { float: left !important } .pull-right { float: right !important } .padding-top { padding-top: 20px; } .padding-left { padding-left: 20px; } .padding-bottom { padding-bottom: 20px; } .text-right {text-align: right !important} .hidden { display: none; } code { border: 1px solid #222; border-radius: 3px; padding: 2%; background-color: #222; color: #fff; display: inline-block; margin: 8px 0; width: 96%;} code.error { background-color: #ca2d15; } label > input[type=checkbox], label > input[type=radio] { width: auto !important; height: auto !important; } .clipboard-copy { position: absolute; top: 18px; right: 5px;} .code-container {position: relative;} .half-col { width: 50%; float: left; } .flash-service {clear: both; text-align: center; padding: 0; margin-bottom: 5px; margin-top: 5px;} .flash-service > div { padding: 12px; } .flash-service .fa { padding-right: 3px;} #panel-machines .flash-service { margin-bottom: -10px; } [data-chart] { position: relative; cursor: pointer; } .chart-box { position:absolute; background: url('/images/ajax-loader.gif') center center no-repeat #fff; min-height: 100px; height: auto; z-index: 999999; margin-top: 0px; -webkit-box-shadow: 0px 0px 25px -10px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 25px -10px rgba(0,0,0,0.75); box-shadow: 0px 0px 25px -10px rgba(0,0,0,0.75); padding: 5px 5px 0; line-height: 450%; min-width: 150px; } .chart-box .label { text-align: right !important; padding: 5px 10px !important; } .chart-box .amount { padding: 5px 15px !important; } .chart-box span { color: #2484c6; font-size: 90%; padding: 5px; } .chart-box.complete { background-image: none; } .box-body { position: relative; margin-top: 5px; } .box-body[data-state="opened"] { overflow: hidden; } .box .hide { cursor: pointer; } #dialog-box { background-color: #fff; max-width: 100%; position: fixed; left: 50%; top: 50%; border: 1px solid #d5d4d4; z-index: 999; transform: translate(-50%, -50%); } .preloader { background-image: url('/images/ajax-loader.gif'); background-position: center center; background-repeat: no-repeat; } #dialog-box .dialog-box-header { position: relative; } #dialog-box .dialog-box-header .close { position: absolute; top: 5px; right: 5px; z-index: 1; } #dialog-box .dialog-box-content { padding: 25px; } #dialog-box .dialog-box-content h2 {font-size: 24px; color: #1f75ad; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; text-align: center; } .btn {background: #fff; display: inline-block; float: right; border: 3px solid #2484c6; color: #2484c6; text-transform: uppercase; padding: 5px 20px; font-weight: 600; letter-spacing: 1px; font-size: 16px; margin: 20px 0 10px; cursor: pointer;} /*#devices-list */ .new-operator-button{ text-align: right;} .new-operator-button span{line-height: 32px; margin-right: 5px;} #devices-list{margin-top: 40px;} .new-group #devices-list ul { list-style: none; } .new-group #devices-list .choice-wrapper label { box-sizing: border-box; position: relative; padding-left: 20px; white-space: normal; float: left; text-transform: none; } .new-group #devices-list .choice-wrapper label input { left: 1px; top: 2px; position: absolute; } .new-group #devices-list .group-name { font-weight: normal; color: #1f75ad; font-size: 113%; padding: 15px 0 10px 0px; clear: both; } .btn-small { font-size: 11px; padding: 3px 7px; margin: 0; } .btn-smallest { font-size: 70%; font-weight: bold; padding: 3px 7px; margin: 0; } .checkboxes {margin-left: 40px;} .checkboxes .checkbox-wrapper {float: left; margin-bottom: 30px; margin-left: -1px;} .checkboxes input[type=radio] {display: none;} .checkboxes input[type=radio] + label {background: #fff; height: 140px; width: 140px; display:inline-block; padding: 0; text-align: center; line-height: 140px; border: 1px solid #d5d4d4; cursor: pointer;} .checkboxes input[type=radio] + label img.white {display: none;} .checkboxes input[type=radio] + label img {vertical-align: middle;} .checkboxes span {display: block; font-size: 12px; text-transform: uppercase; padding-top: 5px; text-align: center;} .checkboxes input[type=radio]:checked + label {background: #2484c6; border-color: #2484c6; height: 140px; width: 140px; display:inline-block; padding: 0; } .checkboxes input[type=radio]:checked + label img {display: none;} .checkboxes input[type=radio]:checked + label img.white {display: inline-block;} .configuration-header {margin: 50px 0;} .configuration-header img {vertical-align: middle; padding-right: 10px; margin-top: -3px;} .configuration-header h1 {font-size: 18px; font-weight: bold; text-transform: uppercase;} .configuration-content {padding-bottom: 100px;} .configuration-content h3 {font-size: 18px; margin-bottom: 30px; float: left; width: 80%; margin-bottom: 0; color: #c8c8c8;} .configuration-content .step.active h3, .configuration-content .step.done h3 {color: #454545;} .configuration-content .step {border-bottom: 1px solid #f4f4f4; padding: 25px 0;} .configuration-content .step .desktop, .configuration-content .step .mobile {display: none;} .configuration-content .step:first-child {border-top: 1px solid #f4f4f4; margin-top: 50px;} .configuration-content .step span.number {background: #e9e9e9; border-radius: 50%; width: 25px; height: 25px; line-height: 27px; text-align: center; display: inline-block; margin-right: 10px; font-size: 16px; margin-top: -3px; vertical-align: middle; color: #fff;} .configuration-content .step.active span.number, .configuration-content .step.done span.number {color: #454545;} .configuration-content span.edit {color: #c8c8c8; float: right; font-size: 14px; text-decoration: underline; cursor: pointer;} .configuration-content .step.active span.edit, .configuration-content .step.done span.edit {color: #2484c6;} .configuration-content span.next {display: inline-block; margin-left: 40px; color: #2484c6; font-size: 14px; text-decoration: underline; cursor: pointer; background: url('/images/nextArrow.png') no-repeat right center; padding-right: 15px;} .configuration-content button[type=submit] {border: 0; background: #2484c6; color: #fff; text-transform: uppercase; font-size: 14px; cursor: pointer; margin: 40px 0 0 0; float: right; padding: 10px 30px; display: inline-block; letter-spacing: 1px; font-family: 'Lato';} .configuration-content input[type=text], .configuration-content input[type=password] {background: #f6f6f6; border: 1px solid #d5d4d4; height: 40px; margin: 0 0 5px 40px; padding: 0 2%; width: 96%; max-width: 300px;} .configuration-content .inputs {max-width: 500px; margin-bottom: 30px;} .configuration-content .inputs img {padding-left: 10px;} .configuration-content .step .step-content {display: none; margin-top: 30px;} .configuration-content .step.active .step-content {display: block;} .configuration-content .step.done span.number {text-indent: -9999px; background: #fff url('/images/stepDone.png') no-repeat center;} .configuration-content .step .edit {display: none;} .configuration-content .step.done .edit {display: block;} .configuration-content .step span.copy {color: #2484c6; font-size: 14px; text-decoration: underline; cursor: pointer; display: inline-block; margin-left: 10px;} .configuration-content .step .step-content .inputs p {text-transform: uppercase; margin-left: 40px;} .configuration-content .step .directions {margin-bottom: 50px;} .configuration-content .step .directions > ul {margin-left: 40px;} .configuration-content .step .directions > ul > li {float: left; width: 142px; list-style: none;} .configuration-content .step .directions > ul > li .img-wrapper {background: #fff; height: 140px; width: 140px; line-height: 140px; text-align: center; border: 1px solid #d5d4d4; margin-bottom: 10px;} .configuration-content .step .directions > ul > li .img-wrapper.no-border {border: 0;} .configuration-content .step .directions > ul > li .img-wrapper img {vertical-align: middle;} .configuration-content .step .directions > ul > li p {font-size: 12px; text-align: center; text-transform: uppercase;} .configuration-content .step .directions > ul > li p a {color: #2484c6;} .configuration-content .step .directions > ul > li:first-child p {margin: 0 -23px;} .configuration-content .step .directions > ul > li:last-child {max-width: 200px; width: auto; margin-left: 50px;} .configuration-content .step .directions > ul > li:last-child p {text-align: left;} .configuration-content .step .directions > ul > li ul {margin-top: 10px;} .configuration-content .step .directions > ul > li ul li {font-size: 12px; margin: 2px 0; position: relative; top: 0; left: 0; padding-left: 6px; list-style: none;} .configuration-content .step .directions > ul > li ul li:before {background: #2484c6; width: 4px; height: 4px; position: absolute; left: 0; top: 6px; content: '';} .configuration-content .step .text-box {max-width: 800px; margin: 30px 40px; background: #fcfcfc; padding: 20px 30px; border: 1px solid #ededed;} .configuration-content .step .text-box img {max-width: 100%; vertical-align: middle; margin-top: -1px; margin-bottom: 30px;} .configuration-content .step .text-box .inputs img {margin-bottom: 0;} .configuration-content .step .text-box ol {margin: 0 20px;} .configuration-content .step .text-box ol li {margin: 10px 0; padding-left: 10px;} .configuration-content .step .text-box input[type="text"], .configuration-content .step .text-box input[type="password"] {background: #fff; margin-top: 20px;} .configuration-content .step .text-box .inputs {margin-left: auto; margin-right: auto;} .configuration-content .step .text-box ul.osx li {margin-left: 30px;} .button-wrapper{width:100%; display:flex; justify-content: end; margin-top:50px;} @media screen and (max-width: 1720px){ .subpage-nav .machines-info ul li .col-right span{font-size: 16px;} .subpage-nav .table-settings a{font-size: 11px;} .subpage-nav .breadcrumbs{width: 230px;} .subpage .subpage-nav .breadcrumbs p span{display: inline-block;} .subpage-nav .machines-info ul li .col-right img{height: 16px;} .subpage-nav .machines-info ul li{ padding: 2px 12px;} } @media screen and (max-width: 1280px){ #panel-machines ul.iconic-table {text-align: center;} #panel-machines ul.iconic-table li {float: none; display: inline-block; vertical-align: top;} } @media screen and (max-width: 1200px){ .subpage-nav{flex-wrap: wrap;} .subpage-nav .machines-info ul li{ padding: 5px 12px;} .subpage-nav .table-settings a{margin-left: 10px;} .fa {font-size: initial !important;} .menu ul li {padding: 0 12px;} .thin-layout #panel-machines .machines-info ul > li{width: 50%;} #panel-machines .machines-info ul li .col-left > p {font-size: 16px;} #panel-machines .machines-info ul li .col-right span {font-size: 25px;} } @media screen and (max-width: 1050px){ #about-page.content .first-line .col-left h2 {font-size: 40px; line-height: 40px;} body > .col-left .product-nav > li #back {background: url('/images/leftArrow.png') 50px center no-repeat;} .menu ul li {padding: 0 5px;} .menu-button-2 {padding-right: 40px;} .menu ul li a {font-size: 13px;} #panel-machines table.groups-list thead{ border-top: 1px solid #d5d4d4; } #panel-machines table.machines-list th, #panel-machines table.groups-list th {white-space: nowrap;} #panel-machines table td:last-child {white-space: nowrap;} } @media screen and (max-width: 900px){ #panel-page .content .categories .single:nth-child(4), #panel-page .content .categories .single:nth-of-type(5){display:none;} .popup-wrapper .popup {width: 90%;} #panel-single-machine table td.grey h2 {font-size: 24px;} #panel-single-machine table td h3 {font-size: 16px; padding-bottom: 10px;} #panel-single-machine table td .big {font-size: 30px;} #panel-single-machine table td.short-term .overlay > a {font-size: 15px;} #panel-single-machine table td .col:first-child, #panel-single-machine table td .col {display: block;width: 100%; padding-top: 7px;} #panel-single-machine .tabs .tabs-header li p {padding: 5px; font-size: 13px; font-weight: 500;} #panel-single-machine .tabs .tabs-content .tab > p {font-size: 40px;} } @media screen and (max-width: 890px){ body > .col-left .header {right: 0;} body > .col-left {float: none; border-right: 0;} body > .col-right {background: #fff; border-top: 1px solid #d5d4d4; bottom: 0; float: none; height: 80px; left: 0; min-height: 0 !important; position: fixed; right: 0; top: auto; width: 100%; z-index: 9999; border-right: 0;} .language {border-right: 1px solid #d5d4d4; display: inline-block; float: left; height: 80px; line-height: 80px; text-align: center; width: 80px;} .social {display: inline-block;} .social li {display: inline-block; text-align: center; width: 80px;} .clients {height: 222px; margin-bottom: 80px;} .sliphover-overlay h3 {font-size: 24px;} body > .col-left .product-nav > li #back {background: url('/images/leftArrow.png') 30px center no-repeat;} body > .col-left .product-info .features {margin-left: 0;} body > .col-left #product .product-info .features h3 {margin-left: 40px;} body > .col-left .product-info .features ul li p {margin-left: 10px;} body > .col-left .product-details {width: 40%} body > .col-left .product-info {width: 60%;} .menu ul li {margin: 0; padding: 0 5px;} .menu ul li.lang a {padding: 0; margin: 0 2px;} .menu ul li a {font-size: 12px;} .content .page-title {height: 60px;} .content .page-title h1, .content .page-title h1 a {line-height: 60px; font-size: 26px;} #about-page.content .second-line .col-right {margin-top: 0;} #about-page.content .second-line .col-right h3 {font-size: 20px;} .content .page-title {height: auto; min-height: 60px;} .products-list .single-product {width: 49.5%;} .product-page .col-right ul.details > li label {height: 50px; line-height: 50px;} #news-page .content > ul {padding-top: 40px;} #news-page .content > ul > li .text-wrapper h2 {font-size: 18px; line-height: 22px;} #news-page .content > ul > li .text-wrapper .paragraph {height: 72px;} #news-page .content > ul > li .text-wrapper {height: 200px;} #news-page .content > ul > li, #news-page .content > ul > li .img-wrapper img {height: 230px;} #news-page a.load-more {font-size: 20px; height: 60px; line-height: 60px; margin-bottom: 40px;} #quality-page .content > h1, #quality-page .opinion h2 {font-size: 40px;} #quality-page .testimonilas ul li p {font-size: 14px;} #panel-page .categories .single {width: 50% !important; margin-left: -1px; border-left: 0; border-right: 1px solid #d5d4d4;} /*#panel-page .content .categories .single:nth-child(5) {border-left: 1px solid #d5d4d4;}*/ #panel-parts-page .content h2 {padding-top: 20px;} #panel-parts-page .content > ul li a {padding: 15px 2%;} #panel-parts-page .content > ul li {margin: 0 2px; width: 30%; float: none; display: inline-block;} #panel-parts-page .content > ul {text-align: center;} #panel-parts-page .content table thead th {padding: 12px 5px;} #panel-parts-page .content table td {padding: 10px 5px;} #panel-parts-page .content table td:first-child {width: 50px; max-width: 50px;} #panel-parts-page .content table td h3 {font-size: 14px;} #panel-parts-page .content table td:nth-child(4) {font-size: 16px;} #panel-parts-page .content table .qty {width: 19px; font-size: 14px;} #panel-parts-page .content table input.qtyminus, #panel-parts-page .content table input.qtyplus {font-size: 14px; width: 20px;} #panel-parts-page .content table thead th {font-size: 13px;} #panel-price-page .content .col-left, #panel-price-page .content .col-right, #panel-files-page .content .col-right, #panel-files-page .content .col-left {display: block; float: none; width: 100%; margin: 0 auto 20px auto;} #panel-price-page .content .col-right h2 {font-size: 18px;} #panel-files-page .content .col-right table tr td {display: block; width: 100%;} #panel-files-page .content .col-right table tr td:first-child {display: block; width: 100% !important; border-bottom: 0 !important;} .back-to-panel {margin-right: 15px} a[data-submit-and-back] { display: none } .blue-box, .login-box {padding: 20px 3%; max-width: 91%;} .blue-box h2 {font-size: 16px; margin-top: 10px;} .blue-box a {padding: 10px 0; width: 180px; font-size: 14px;} .login-box h1 {font-size: 30px;margin-bottom: 20px;} .login-box button {margin-top: 30px;} #panel-machines .machines-info ul li .col-left {width: 60%;} #panel-machines .machines-info ul li .col-right {width: 40%;} #panel-machines .machines-info ul li .col-right img {padding-right: 5px; max-width: 15px; vertical-align: middle; margin-top: -10px;} form { padding: 0 15px; } } @media screen and (max-width: 820px){ .menu ul li {padding: 0 2px;} #panel-machines .machines-info ul li .col-left > p {font-size: 15px; padding-left: 10px;} #panel-machines .machines-info ul li .col-right span {font-size: 18px; padding-right: 10px;} #panel-machines .machines-info ul li .col-right img {margin-top: -7px;} } @media screen and (max-width: 997px){ /*.breadcrumbs {display: none !important;}*/ } @media screen and (max-width: 767px){ #dialog-box .dialog-box-wrapper {width: 100% !important;} #dialog-box .dialog-box-content {padding: 40px 20px 30px 20px;} #dialog-box .btn {float: none; margin-top: 30px !important; margin: 0; width: 100%;} #dialog-box form {padding: 0;} .back-to-panel {padding: 6px 10px !important;} .top-buttons{display: flex;} .subpage-nav .table-settings{flex-wrap: wrap;} .subpage-nav{margin-top: 0;} .logged-panel ul{padding-bottom: 10px;} .logged-panel{height: 50px; flex-direction: column;} .logged-panel ul{text-align: left;} .subpage-nav{margin-top:20px;} .btn-small{font-size: 12px;} .footer .wrapper{flex-direction: column;} .footer .col-right{width:100%;margin:10px 0;} .footer .col-right h4{text-align:center; margin-bottom:10px; } .footer .col-left img{margin:0 auto; margin-bottom:20px;} .footer .box-wrapper{justify-content:space-around;} .footer .box-wrapper p:nth-of-type(1){margin-right:10px;} .footer .box-wrapper p{font-size:10px;} .footer .box-wrapper p a{font-size:10px;} .turnover.box .col-sm-3 { clear: both; } .menu-button {display: block; color: #373737; font-size: 16px; text-transform: uppercase; cursor: pointer; font-weight: 500; background: url('/images/menuOpen2.png') no-repeat right center; padding-right: 30px; line-height: 30px; margin-right: 10px; margin-top: 10px; height: 30px; font-family: 'Ubuntu Condensed', sans-serif; opacity: 0.8;} .menu-button.shown {background: url('/images/menuClose.png') no-repeat right center; } .menu ul {display: none; position: absolute; top: 50px; left: 0; right: 0; background: #fff; z-index: 99; padding: 10px 0; border-bottom: 1px solid #d5d4d4;} body.logged-user .menu ul {top: 80px;} .menu ul li {display: block; height: auto; line-height: normal; width: 100%; margin: 3px 0; padding: 0; text-align: center;} .menu ul li a {height: auto; line-height: normal; border: 0 !important; color: #454545; font-size: 14px;} .menu ul li a:hover, .menu ul li.active a, .menu ul li.lang a.active, .menu ul li.lang a:hover {color: #454545; font-weight: 600;} .menu ul li.nav-dark a {color: #fff !important;} .menu-button-2 {display: none;} .menu ul li .submenu li a {color: #1f75ad !important; text-align: center;} body.logged-user .menu .submenu ul {top: 0;} .menu ul li .submenu {display: block !important; position: relative; top: auto;} .menu ul li .submenu li a {padding: 3px; font-size: 14px;} .menu {width: 50%;} #panel-edit-page .content form#registration-form{padding-top:0;} body.logged-user .content {margin-top: 0px;} .content {margin-top: 51px} body > .col-left #contact .col-right {width: 40%} body > .col-left #contact .col-left {width: 60%;} body > .col-left #contact .col-right .box h3 {font-size: 16px;} body > .col-left #news .col-right {width: 40%} body > .col-left #news .col-left {width: 60%;} body > .col-left #news .col-right .box {padding: 20px;} body > .col-left #news .col-left .single-news h1 {font-size: 30px;} body > .col-left #news .col-left .single-news p {font-size: 16px;} body > .col-left .product-nav > li #back {background: none;} body > .col-left .product-nav > li a, body > .col-left .product-nav > li p {font-size: 18px;} body > .col-left .product-info .col-left, body > .col-left .product-info .col-right {width: 96%; padding: 20px 2%; float: none; margin: 0 auto; border: 0;} body > .col-left .product-info h1 {margin-bottom: 40px; font-size: 24px;} body > .col-left .product-info .features {margin-left: 40px;} body > .col-left .product-details .logo-wrapper img {max-width: 100%;} .footer .col-left {width: 100%; text-align: center;} .product-page .categories-menu {display: none;} .product-page .col-right h1 {padding-top: 40px;} .product-page .col-left, .product-page .col-right {z-index: 1; width: 94%; float: none; margin: 0 auto;} .product-page .col-left {padding-top: 20px;} .product-page .col-features {text-align: center;} .product-page .features li {display: inline-block; float: none;} .product-page .back {display: none;} #single-news-page .content .col-left, #single-news-page .content .col-right {float: none; width: 96%; margin: 0 auto;} #single-news-page .content {padding-top: 20px;} #single-news-page .content .news-navigation li a {margin: 0 5px;} #single-news-page .content .news-navigation li {width: 20%;} #single-news-page .content .news-navigation li:nth-child(2) {width: 60%;} #single-news-page .content .news-navigation li a, #single-news-page .content .news-navigation li:nth-child(2) a {font-size: 14px; line-height: 60px;} #single-news-page .content .news-navigation li:first-child a {padding-left: 20px;} #single-news-page .content .news-navigation li:last-child a {padding-right: 20px;} #single-news-page .content .news-navigation li, #single-news-page .content .news-navigation {height: 60px; line-height: 60px;} #quality-page .opinion ul li div {border: 2px solid #DEDEDE !important;} #quality-page .opinion ul li {margin: 2px; width: 48%;} #quality-page .opinion ul li p.author {line-height: 12px;} #quality-page .opinion ul li div {padding: 10px;} #quality-page .opinion ul li p {line-height: 18px; font-size: 13px;} #quality-page .opinion {margin-bottom: 40px;} #contact-page .content h2 {padding-top: 10px;} #contact-page .distributors {margin-top: 20px; margin-bottom: 80px;} #upgrade-page .col-left {padding-top: 20px; width: 94%; float: none; margin-left: 0; margin: 0 auto;} #upgrade-page .col-right {padding-bottom: 80px;} #upgrade-page h2 {font-size: 20px; padding-left:40px;} #upgrade-page .col-left .img-wrapper {width: 83%; height: 200px; line-height: 200px;} #upgrade-page .col-left .img-wrapper img {max-height: 200px; max-width: 100%;} #upgrade-page .col-right {width: 94%; float: none; padding-left: 0; padding-top: 20px; margin: 0 auto;} .categories-menu {display: none;} #quality-page .content > h1 {padding-top: 20px;} #contact-page .content {margin: 0 auto; width: 94%;} #panel-machines .machines-info ul li .col-left img {max-height: 15px;} #panel-machines .machines-info ul li .col-left {width: 70%;} #panel-machines .machines-info ul li .col-right {width: 30%;} #panel-machines.wrapper .content > .col-right {margin-top: 0;} #panel-machines.wrapper .content > .col-right > .padding-left {padding-left: 0;} #panel-machines .machines-info {margin-top: 30px;} #panel-machines h2 {font-size: 15px;} #panel-machines .turnover .col-right span {font-size: 26px; line-height: 26px; padding-top: 10px;} #panel-machines table td:first-child {padding-left: 5px;} #panel-machines table td:first-child, #panel-machines table td:first-child a {font-size: 14px;} #panel-machines table td {padding: 5px; height: auto; font-size: 14px;} /*#panel-machines table th .sort {display: none;}*/ #panel-machines table td {text-align: center;} /*#panel-machines .groups.box table th {height: 38px;}*/ /* #panel-machines .groups.box table th > div {transform: translate(8px, 30px) rotate(-90deg);}*/ #panel-machines .filters .col-left span {padding-left: 10px;} #panel-machines .filters .col-right, #panel-machines .filters .col-left {width: 100%; float: none; text-align: left;} #panel-machines .filters .col-right span {padding-left: 10px;} #panel-machines .map.box #_map_canvas {height: 400px !important;} body.logged-user #panel-single-machine .content {margin-top: 0;} body.logged-user #panel-single-machine .content .padding-left {padding-left: 0; padding-right: 20px;} body.logged-user #panel-single-machine .content > div {padding-top: 50px !important;} #panel-single-machine table {margin-top: 20px;} #panel-single-machine .content > table > tbody > tr > td {display: block; width: 100% !important; border-bottom-width: 0; height: auto;} #panel-single-machine .content > table > tbody > tr:last-child > td {border-bottom-width: 1px;} #panel-single-machine .tabs .tabs-header li p {padding: 10px; min-height: 32px;} #panel-single-machine .content tr:nth-child(5) td.no-border {display: none;} #panel-single-machine table td .img-wrapper {max-height: 330px; line-height: normal; padding: 20px 0; height: auto;} #panel-single-machine table td.short-term p.big {padding-top: 0;} #panel-single-machine table td.short-term .overlay > a {left: 20px; right: auto;} #panel-single-machine table td.grey {padding-bottom: 20px !important;} #panel-price-page .content .col-right table tr td {padding: 5px; font-size: 14px;} #panel-price-page .content .col-right table tr th:first-child, #panel-price-page .content .col-right table tr td:first-child, #panel-price-page .content .col-right table tr th:nth-child(3), #panel-price-page .content .col-right table tr td:nth-child(3) {display: none;} #panel-price-page .content .col-right table tr td .btn {float: none; display: block; font-size: 13px; padding: 5px; letter-spacing: 0;} .btn-small#show-no-groups {margin-bottom: 20px; margin-top: -20px !important;} #panel-edit-page .content form button { margin-top: 20px; margin-bottom: 5px; width: 100%; } #panel-edit-page .content form button:last-child { margin-top: 5px; margin-bottom: 20px; margin-right: 0 !important;} } @media screen and (max-width: 600px){ .subpage-nav .machines-info ul li .col-left > p{font-size: 11px;} .subpage-nav .table-settings a{font-size: 11px;} .subpage-nav .machines-info { width: 100%; } .subpage-nav .machines-info ul li{ width: 50%; padding: 5px 12px;} .blue-box{flex-direction:column;} #panel-machines table td:first-child, #panel-machines table td:first-child a {font-size: 12px;} .logged-panel ul li p, .logged-panel ul li a {letter-spacing: 0;} #about-page.content .first-line .col-left, #about-page.content .first-line .col-right, #about-page.content .second-line .col-left, #about-page.content .second-line .col-right {float: none; display: block; width: 96%; padding: 10px 2%;} #about-page.content .first-line .col-left h2 {margin-top: 20px;} #about-page.content .clients ul li .img-wrapper {height: 60px; line-height: 60px;} #about-page.content .clients ul li .img-wrapper img {max-width: 70%;} .clients {height: 133px;} .language, .mail, body > .col-right {height: 50px;} .language, .mail {line-height: 50px;} .language {width: 40px; margin-right: 10px;} .social li {margin-top: 10px; width: 40px;} .mail {width: 40px;} .social li img {height: 30px; width: auto;} .mail a img {width: 25px;} #about-page.content .first-line .col-right .img-wrapper {float: none; margin-left: 0;} #about-page.content .first-line .col-left .text-box {margin: 5px 0; padding: 20px;} #about-page.content .first-line .col-right .text-box {margin: 5px 0; padding: 20px; border-left: 2px solid #C9252C;} #about-page.content .first-line .col-left h2 {font-size: 30px; line-height: 30px;} body > .col-left #contact .col-left, body > .col-left #contact .col-left #map {max-height: 300px;} body > .col-left #contact .col-right {height: auto !important; margin-bottom: 80px;} body > .col-left #contact .col-right .box .hidden {display: block;} body > .col-left #contact .col-right, body > .col-left #contact .col-left {float: none; width: 100%;} body > .col-left #news .col-left {height: auto !important;} body > .col-left #news .col-left .single-news {padding: 20px;} body > .col-left #news .col-right {height: auto !important; margin-bottom: 80px;} body > .col-left #news .col-right, body > .col-left #news .col-left {float: none; width: 100%;} .content .page-title {height: auto; padding: 10px 0;} #about-page.content .page-title {margin-bottom: 20px;} .content .page-title h1, .content .page-title h1 a {font-size: 19px; line-height: normal;} .products-list .single-product {width: 100%;} #news-page .content > ul > li .text-wrapper {width: 86%; float: none; margin: 0 auto; display: block; height: auto; border-width: 2px; padding-bottom: 40px;} #news-page .content > ul > li .img-wrapper {width: 96%; float: none; margin: 0 auto; display: block; border-bottom-width: 0;} #news-page .content > ul > li {height: auto;} .subpage .social {bottom: 0 !important; right: 0px; margin-top: 0px; position: relative; left: 0px; text-align: center; padding: 5px 0; width: 100%;} .subpage .social a {display: inline-block;} #quality-page .content > h1, #quality-page .opinion h2 {font-size: 30px;} #quality-page .text-box {padding: 20px 30px 30px;} #quality-page .testimonilas ul li p {font-size: 14px;} #quality-page .testimonilas ul {text-align: center;} #quality-page .testimonilas ul li {padding-left: 0 !important; float: none; display: inline-block; width: 32%;} #contact-page .distributors .col:nth-child(2) {margin-right: auto;} #contact-page .distributors .col {margin: 5px auto; width: 91%; float: none; border-width: 2px; height: auto;} #contact-page .distributors .col:nth-child(2) {border-right: 2px solid #C9252C;} .cookies-message #accept-cookies-checkbox {right: 1%; top: 5px; max-width: 8%;} .cookies-message #accept-cookies-checkbox img {max-width: 100%;} .cookies-message p {width: 90%; padding: 5px 10% 0px 0px; background: none;} .error404 {max-width: 94%; margin: 80px auto 0;} #panel-page .content .categories .single:nth-child(4) {border-right: 0;} #panel-machines .machines-info ul>li {width: 100%; float: none; display: block;} #panel-machines .box .box-header .col-left {font-size: 12px;} #panel-machines .box .box-header .col-left h2 {display: inline-block; margin-left: 0;} #panel-edit-page .content form h2 {font-size: 18px;} #panel-machines .machines-info ul > li {width: 100% !important;} } @media screen and (max-width: 400px){ .categories .single {float: none; width: 100% !important; border-left: 0;} #panel-page .categories .single {float: none; width: 100% !important; border-left: 0; border-right: 0;} #panel-page .content .categories .single:nth-child(5) {border-left: 0; border-right: 0;} body > .col-left .product-info, body > .col-left .product-details {width: 100%; float: none; height: auto;} body > .col-left .product-nav {height: 120px;} #quality-page .testimonilas ul li {width: 49.5%} #quality-page .content > h1, #quality-page .opinion h2 {font-size: 25px;} #contact-page .content h2 {font-size: 20px;} #panel-parts-page .content table td:first-child, #panel-parts-page .content table th:first-child {display: none;} #panel-parts-page .content h2 {font-size: 18px;} #panel-machines .map.box #_map_canvas {height: 300px !important;} #panel-machines ul.iconic-table li table th {height: auto;} #panel-single-machine .tabs .tabs-header li p {padding: 5px; min-height: 47px;} #panel-single-machine table td.grey h2 {font-size: 18px; text-align: left;} #panel-single-machine table td .text-wrapper {padding: 10px;} } kbd { margin: 0 .1em; padding: .1em .6em; line-height: 1.4; /*color: #242729; text-shadow: 0 1px 0 #FFF; background-color: #e1e3e5;*/ border: 1px solid #adb3b9; border-radius: 3px; box-shadow: 0 1px 0 rgba(12,13,14,0.2),0 0 0 2px #FFF; backgroound: #fff; } #panel-machines table.machines-list tr { font-size: 15px; } #panel-machines table.machines-list tr a { color: #222; } #panel-machines table.machines-list tr span { color: #222; /*line-height: 100%;*/ } #panel-machines table tr.offline.odd { background-color: #ffc1c1 !important; color: #222 !important; } #panel-machines table tr.offline.even { background-color: #fed6d1 !important; color: #222 !important; } #panel-machines table tr.online.odd { background-color: #94ed9c !important; color: #222 !important; } #panel-machines table tr td.bg-warning { background-color: #fffab4 } #panel-machines table tr.even td.bg-warning { background-color: #fff782 } #panel-machines table tr.online.even { background-color: #c7ffc8 !important; color: #222 !important; } #panel-machines table.group-machines-list th .sort { display: none !important; } #panel-machines table.group-machines-list .select { display: none !important; } table.machines-list td { vertical-align: middle !important; } #devicesView {margin-top: -12px;} .margin-left { margin-left: 5px; } #device-raport-table {border: #c3baab 1px solid; width: 100%;} .fixed-row{position: fixed; top: 0;} #device-raport-table td, #device-raport-table th {border: #c3baab 1px solid; padding: 10px;} .text-nowrap {white-space: nowrap !important;} .row { margin-right: -15px; margin-left: -15px; clear: left; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: 0; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: 0; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: 0; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: 0; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: 0; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: 0; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: 0; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: 0; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } } .table { width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; text-align: left; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f5f5f5; } table col[class*="col-"] { position: static; display: table-column; float: none; } table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } @media (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } form > div, form > div > div { padding: 0 !important; } #panel-machines table.machines-list th > div > span { padding: 0; } } .margin-top { margin-top: 15px; } .extra-margin-top { margin-top: 55px; } .extra-padding-right { padding-right: 45px; } .content form .form-group textarea { font-size: 14px !important; padding: 5px 12px !important; width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .turnover.box .col-sm-3 { padding-top: 2px; } .turnover.box .amount { font-weight: bold; } /*.turnover.box .pos-left {padding-left}*/ .items-wrapper .item {position: relative; clear: both; margin-bottom: 5px;} .items-wrapper .remove {position: absolute; top: 0; right: 10px;} .container-box {position: relative; clear: both; margin-bottom: 5px;} .container-box .remove-item {position: absolute; top: 8px; right: 10px; cursor: pointer; z-index: 1} .content form .choice-wrapper-inline label { font-weight: normal !important; } .help, .help .fa {color: #589bc9;} .help {padding-bottom: 5px;} #deviceDetails h2 {margin: 6px 0 4px; padding: 0 10px; font-size: 115%; white-space: nowrap;} #deviceDetails table td { padding: 5px 10px; border: 1px solid #fff; } .ui-tooltip { box-shadow: none; border-radius: 0; max-width: 100% !important;} .ui-tooltip .ui-tooltip-content { overflow: hidden; } #deviceDetails table {width: 100%;} #deviceDetails table tr td { text-align: left; background-color: #2484c6; color: #fff; } #deviceDetails table tr:nth-child(odd) td { background-color: #5ba9e0; } .notifiaction-days label {display: inline-block !important;} .notifiaction-days {margin-bottom: 14px;} #notifications input:p #notifications input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 14px; } #notifications input::-moz-placeholder { /* Firefox 19+ */ font-size: 14px; } #notifications input:-ms-input-placeholder { /* IE 10+ */ font-size: 14px; } #notifications input:-moz-placeholder { /* Firefox 18- */ font-size: 14px; } .tooltip { cursor: pointer; } label .tooltip { line-height: 100%; } label .tooltip img { vertical-align: -5%; } .error input { border-color: #c9252c !important; } .flash-error { background: #c9252c; color: #fff; border-color: #ebccd1;} .flash-success { background: #25c95b; color: #fff; border-color: #d6e9c6;} .flash-warning { background: #8a6d3b; color: #fff; border-color: #faebcc; } .flash-info { background: #31708f; color: #fff; border-color: #bce8f1;} .set-to { vertical-align: 50%; } .light-text {font-weight: normal !important;} .machines-list td, .machines-list th { box-sizing: border-box; } .machines-list tfoot.fixed td { padding-bottom: 10px !important; box-sizing: border-box; } .machines-list thead.fixed {z-index: 1; } .machines-list thead.fixed th { padding: 3px 0 !important; background-color: #fff; } .comiseo-daterangepicker-triggerbutton { width: 100%; } .ui-button { margin-top: 3px; } .ui-button .ui-button-icon { float: right } .ui-button.ui-state-default { border-color: rgb(173, 173, 173) !important; } .ui-button.ui-corner-all { border-radius: 0 !important; background: #fff !important; } .ui-button .ui-icon { margin-top: 2px; } .ui-multiselect-close { display: none; } .ui-multiselect-menu .ui-button .ui-icon { margin-right: 2px; } .ui-multiselect-menu .ui-state-hover { border-color: transparent !important; background-color: transparent !important; } .padding-top { padding-top: 30px !important } .extra-padding-top { padding-top: 20px !important } .flashes-extra-bottom .flash-message { margin-bottom: 10px; } .fixable-container tr th{ border: 1px solid #d5d4d4;} .fixable-container > tr:last-child {display: none;} .fixed-container > tr:first-child { opacity: 0; } .fixed-container > tr:last-child { position: fixed; display: block; background-color: #fff; padding: 3px 0; z-index: 1 } .inline-no-wrap { display: inline; white-space: nowrap; } .block-no-wrap { display: block; white-space: nowrap; } tr[ondblclick] { cursor: pointer; } #sonata-ba-field-container-device-connection-interval .ui-spinner { border: none; border-radius: 0; width: 100%; border-right: 2px solid #999; } #sonata-ba-field-container-device-connection-interval .ui-spinner input { margin: 0; } #sonata-ba-field-container-device-connection-interval .ui-spinner a { background-color: transparent; } #device-raport-table td { text-align: center; } #device-raport-table th { border-color: #2484c6; border-bottom-color: #eee; color: #fff; } #device-raport-table td { border-color: #ddd; } #device-raport-table tbody tr:nth-child(odd) { background-color: #eee } #groupsView tr:nth-child(4n-1){ background-color: #e2f3ff; } .margin-left { margin-left: 10px !important; } .margin-right { margin-right: 10px !important; } .thin-layout #panel-machines .machines-info { margin-top: 40px; } .thin-layout #panel-machines .map.box { margin-top: 0px; } .thin-layout #panel-machines table th { padding: 1px 10px; border: 1px solid #d5d4d4; vertical-align: middle; text-align: center; position: -webkit-sticky; position: sticky; top: 0; z-index: 1 } .thin-layout #panel-machines table th::before { content: ''; background: #2484c6; width: 100%; height: 100%; position: absolute; z-index: -1; top: 0; left: 0; background: #fff; border: 1px solid #d5d4d4; } .thin-layout #panel-edit-page .content form input, .thin-layout #panel-edit-page .content form textarea { font-size: 13px; } .thin-layout #panel-machines .machines-info ul li .col-right span {font-size: 18px; line-height: 21px} .thin-layout #panel-machines .machines-info ul li .col-right img {height: 15px;} .thin-layout #panel-machines table tfoot tr td { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 1; } .thin-layout #panel-machines table tfoot tr:last-child td { bottom: 0 !important; } .thin-layout #panel-machines table tfoot tr:first-child td { bottom: 34px; border-bottom-width: 1px; z-index: 2; border-bottom-color: #d5d4d4 !important; } .thin-layout #panel-machines table tfoot td::after { content: ''; background: #2484c6; width: 100%; height: 100%; position: absolute; z-index: -1; top: 0; left: 0; background: #fff; } .thin-layout #panel-machines table td.actions { text-align: center; padding: 0; } .thin-layout #panel-machines table td { height: auto; border: solid 1px #d5d4d4; border-left: solid 1px #d5d4d4; padding: 3px 5px; white-space: nowrap; } .thin-layout #panel-machines table th:first-child, .thin-layout #panel-machines table td:first-child { width: 38px; padding-left: 0; padding-right: 0; text-align: center; } .thin-layout #panel-machines table td { line-height: 120%; vertical-align: middle;} .thin-layout #panel-machines table td * { line-height: 100%; vertical-align: middle;} .thin-layout #panel-machines .box .box-header { padding: 14px 5px 0px; } .thin-layout #panel-machines .filters { top: -22px; } .thin-layout #panel-machines .filters span { font-size: 11px } .thin-layout #panel-machines .filters .col-right ul li { background-size: 16px; } .thin-layout #turnoverSummaryView span { line-height: 100%; padding: 0;} @media (max-width: 500px) { #panel-page .content .categories .single h2 {top: 0;} #panel-page .content .categories .single h2 a{font-size: 14px;max-width: 150px; top: 0;} .overlay-panel h2{font-size: 14px; max-width: 150px; top: 0;} .padding-top{padding-top: 10px !important;} #panel-machines .pull-right a { width:40%; margin:5px 0; float: left;} .thin-layout #panel-machines .machines-info { clear: both;} .logged-panel ul {text-align: left;} .menu{ width: inherit; max-width: 100vw; float:none; display: inherit;} .menu ul{ width: 100vw;} .menu-button {position: relative; bottom: 45px; } } @media (max-width: 822px) { #panel-machines .pull-right a { margin-left: 2px !important} .back-to-panel {margin-right: 0;} #panel-machines .pull-right a {padding: 3px 3px;} } .summary-row td { font-weight: 700; font-size: 150%; } .summary-row.device-summary-row td { font-weight: 700; font-size: 115%; } .summary-row td:first-child { text-align: right !important; } .badge { background: #e6e6e6; padding: 1px 5px; font-size: 11px; border-radius: 4px; vertical-align: 5%; color: #666; font-weight: 500; } .check-whole-week { display: block; font-size: 80%; color: #999; } button.ui-multiselect, button.comiseo-daterangepicker-triggerbutton { padding: 6px 4px 5px; } /*.machines-info.small-info li { width: auto; }*/ @media screen and (min-width: 601px){ .machines-info.small-info .col-left { display: none; } } .position-static { position: static !important; } .cell-separator { background-color: #fff !important; border-top: 1px solid #fff !important; border-bottom: 1px solid #fff !important; min-width: 50px; } .text-uppercase { text-transform: uppercase; } .n_lp { display: block; margin-left: 20px; font-weight: bold; } .green { background-color: #dcedf9; } div.closeButton { cursor: pointer; } small { font-size: 80%; } .text-lighter { color: #999; font-weight: 400; } .table-parameters td { vertical-align: middle !important; } .table-parameters td input[type=checkbox] { margin-top: 4px !important; height: 18px !important; } .table-parameters td input[type=text] { height: 32px !important; } .table-parameters td .badge { vertical-align: 2px; } .table-blue > tbody > tr:first-child > td { border-top: 4px solid #1e74ac; } .bg-blue { background: #1e74ac; color: #fff; } .text-bold { font-weight: 700; }