@import 'slider.css'; input, select, textarea { border-radius: 3px !important; } .form-control[disabled] { background: white; } .container { padding-left: 0; padding-right: 0; height: 100%; } #seminare-signup-modal .modal-content { padding: 30px; } /*--------TABLE--------*/ table { text-align: center; } table.btn { display: inline; } table .as-check { color: #0b943b; } table .as-file-text { font-size: 25px; margin-right: 5px; } thead { background-color: #a2978c; } thead tr { height: 60px; } tr { border: 1px solid #e1e1e1; } th { text-align: center; } td { border: 1px solid #e1e1e1; } .table > thead > tr > th { border: 1px solid #e1e1e1; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #fff; } .table-striped > tbody > tr:nth-of-type(even) { background-color: #f0f0f0; } .table-team > thead > tr > th, .table-team > tbody > tr > th, .table-team > tfoot > tr > th, .table-team > thead > tr > td, .table-team > tbody > tr > td, .table-team > tfoot > tr > td { padding: 8px 0; line-height: 1.42857143; vertical-align: middle; border-top: 1px solid #dddddd; font-size: 12px; } .table > thead > tr > th { border-bottom: none; } .prev { display: flex; align-items: center; } .table-earnings > thead > tr > th, .table-earnings > tbody > tr > th, .-earnings > tfoot > tr > th, .table-earnings > thead > tr > td, .table-earnings > tbody > tr > td, .table-earnings > tfoot > tr > td { padding: 12px 8px; font-size: 12px; } .table-earnings thead { background: #777777; } .table-earnings > tbody > tr > td { padding: 2px 8px; } .table-earnings > tbody > tr > th { padding: 2px 8px; } .tr-big > th { padding: 13px 8px !important; } .table-earnings > tbody > tr:nth-of-type(odd) { background-color: #f0f0f0; } .next { display: flex; align-items: center; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #dbdbdb; background-color: #fff; border-color: #dbdbdb; } .pagination > li > a, .pagination > li > span { color: #000; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #b0b0b0; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { color: #b0b0b0; } .table-history > tbody > tr > td { padding: 8px 15px; } td.bg-red { background: #dc5562; color: #fff; } td.bg-green { background: #0b943b; color: #fff; } tbody { position: relative; } .dd { position: relative; } .ff { position: relative; } .sp-mob { display: none; } .table-team > thead > tr > th { padding: 8px 11px; } @media (max-width: 1999px) { .table-earnings > thead > tr > th, .table-earnings > tbody > tr > th, .-earnings > tfoot > tr > th, .table-earnings > thead > tr > td, .table-earnings > tbody > tr > td, .table-earnings > tfoot > tr > td { padding: 12px 8px; font-size: 14px; } } @media (max-width: 1200px) { .table-history > tbody > tr > td { padding: 8px 8px; } .table-team > thead > tr > th { padding: 8px 6px; } .table-team > thead > tr > th, .table-team > tbody > tr > th, .table-team > tfoot > tr > th, .table-team > thead > tr > td, .table-team > tbody > tr > td, .table-team > tfoot > tr > td { padding: 8px 0; } .table-team .btn-yellow { width: 120px; white-space: inherit; display: block; margin: auto; } } @media (max-width: 991px ) { .table-earnings > thead > tr > th, .table-earnings > tbody > tr > th, .table-earnings > tfoot > tr > th, .table-earnings > thead > tr > td, .table-earnings > tbody > tr > td, .table-earnings > tfoot > tr > td { padding: 12px 4px; font-size: 13px; } .pagination-wrap { font-size: 11px; } .pagination > li > a { padding: 6px 9px; } .table-history > thead > tr > th { padding: 8px 5px; } .table-history { font-size: 11px; } .table-team { font-size: 10px } .table-team > thead > tr > th { padding: 8px 0; } .table-team > tbody > tr > td { padding: 8px 0; } } @media (max-width: 767px) { .table:not(.table-responsive) > thead { position: absolute; left: -999999px; } .table > tbody + tbody { border-top: none; border-bottom: 1px solid #e1e1e1; } tr { border-bottom: 1px solid #e1e1e1; } tr { } td:before { position: absolute; left: 0; top: 0; padding: 10px; text-transform: uppercase; background: #777777; width: 50%; height: 100%; color: #fff; } .eh td:nth-child(1) { display: none; } .eh1 td:nth-child(3) { display: none; } .table-earnings .provizie { white-space: nowrap; } .table-earnings tbody:not(.eh) tr td:nth-of-type(1):before { content: "Meno Spolupracovníka"; } .table-earnings tbody:not(.eh) tr td:nth-of-type(2):before { content: "Vlastné obj. €"; } .table-earnings tbody:not(.eh) tr td:nth-of-type(3):before { content: "Obj zákazníkov €"; } .table-earnings tbody:not(.eh) tr td:nth-of-type(4):before { content: "Obrat vlastný €"; } .table-earnings tbody:not(.eh) tr td:nth-of-type(5):before { content: "Osobné body"; } .table-earnings tbody:not(.eh) tr td:nth-of-type(6):before { content: "Obrat tímu €"; } .table-earnings tbody:not(.eh) tr td:nth-of-type(7):before { content: "Body celkom"; } .table-earnings tbody:not(.eh) tr td:nth-of-type(8):before { content: "Úroveň mlm %"; } .table-earnings tbody:not(.eh) tr td:nth-of-type(9):before { content: "Provízia z vlast. obratu €"; } .table-earnings tbody:not(.eh) tr td:nth-of-type(10):before { content: "Provízia zo zákazníka €"; } .table-earnings tbody:not(.eh) tr td:nth-of-type(11):before { content: "Bonus"; } .table-earnings tbody:not(.eh) tr td:nth-of-type(12):before { content: "Posledná Aktualizácia"; } .table-wallet td:nth-of-type(1):before { content: "Dátum transakcie"; } .table-wallet td:nth-of-type(2):before { content: "objednávka"; } .table-wallet td:nth-of-type(3):before { content: "popis transakcie"; } .table-wallet td:nth-of-type(4):before { content: "hodnota"; } .table-wallet td:nth-of-type(5):before { content: "stav transakcie"; } .table-coupons td:nth-of-type(1):before { content: "Kód"; } .table-coupons td:nth-of-type(2):before { content: "popis"; } .table-coupons td:nth-of-type(3):before { content: "množstvo"; } .table-coupons td:nth-of-type(4):before { content: "hodnota*"; } .table-coupons td:nth-of-type(5):before { content: "minimum"; } .table-coupons td:nth-of-type(6):before { content: "spolu"; } .table-coupons td:nth-of-type(7):before { content: "koniec splatnosti"; } .table-history td:nth-of-type(1):before { content: "Číslo objednávky"; } .table-history td:nth-of-type(2):before { content: "Dátum"; } .table-history td:nth-of-type(3):before { content: "Celková cena"; } .table-history td:nth-of-type(4):before { content: "Platba"; } .table-history td:nth-of-type(5):before { content: "Stav"; } .table-history td:nth-of-type(6):before { content: "Stav"; } .table-history td:nth-of-type(7):before { content: "Faktúra"; } .table-history td:nth-of-type(8):before { content: ""; } .eh1 td:nth-of-type(2):before { content: "Bonus"; } .eh2 td:nth-of-type(2):before { content: "Celková Provízia"; } .table:not(.table-responsive) > thead > tr > th, .table:not(.table-responsive) > tbody > tr > th, .table:not(.table-responsive) > tfoot > tr > th, .table:not(.table-responsive) > thead > tr > td, .table:not(.table-responsive) > tbody > tr > td, .table:not(.table-responsive) > tfoot > tr > td { font-size: 13px; display: block; padding: 10px 10px 10px 52%; text-align: left; position: relative; border: none; min-height: 38px } .obj-zrusena { background: #cf505c; color: #fff; text-transform: uppercase; } .obj-prijata { background: #0b943b; color: #fff; text-transform: uppercase; } .provizie { position: absolute; width: 25%; right: 0; text-align: left; margin-top: -344px; } .provizie td { padding: 10px 0 10px 10px !important; } .pagination-strankovanie { float: left; } .spolupracovnici-panel .text-right { text-align: left !important; margin-top: 15px; } } @media (max-width: 400px) { .table > tbody > tr > td { font-size: 11px; } .provizie { margin-top: -470px; } } @media screen and (max-width: 532px) { tr.provizie { display: none } td:before { font-size: 10px; } } @media screen and (min-width: 768px) { tr.earnings-count { /*border-top: 30px solid #fff;*/ } tr.provizie td { position: relative; } tr.provizie td:after { content: ""; display: block; width: 100%; height: 1px; background-color: #ddd; position: absolute; bottom: 0; left: 0; right: 0 } tr.earnings-count, tr.provizie { font-weight: 300; } tr.earnings-count td:nth-child(1) { font-size: 16px; font-weight: 700 } tr.earnings-count td:nth-child(5), tr.earnings-count td:nth-child(6), tr.earnings-count td:nth-child(8), tr.earnings-count td:nth-child(9) { font-weight: 700 } } .acextra-row { margin-left: -15px; margin-right: -15px } .acextra { text-align: center; } .acextra small, .acextra span { display: block; } .acextra-wrapper { padding: 0 15px; margin-bottom: 15px; } .acextra1 { background: #fcdb44; padding: 40px 15px; height: 185px; position: relative; } .acextra2 { background: #c22e3d; padding: 40px 15px; height: 185px; position: relative; color: #fff } .acextra3 { background: #e7ebf3; padding: 15px 15px; height: 185px; position: relative; } .acextra3 div { /*height: 51px;*/ padding: 7px 0; } .acextra3 div:nth-child(n+2) { border-top: 1px solid rgba(0, 0, 0, 0.4); } .acextra3 > div > span { display: inline-block; line-height: 20px; } .acextra3 .price-right { position: absolute; right: 20px; background: #e7ebf3; padding: 0 2px; } .acextra2.acextra-highest { background: #0b943b } .accextra-floating { position: absolute; bottom: 10px; padding: 5px 0; left: 15px; right: 15px; border-top: 1px solid rgba(0, 0, 0, 0.4); border-bottom: 1px solid rgba(0, 0, 0, 0.4); height: 48px; } .acextra2.acextra-highest .accextra-floating { border-top: 1px solid rgba(255, 255, 255, 0.4); border-bottom: 1px solid rgba(255, 255, 255, 0.4); } .accextra-floating .col-xs-33:nth-child(2) { border-right: 1px solid rgba(0, 0, 0, 0.4); border-left: 1px solid rgba(0, 0, 0, 0.4); } .accextra-big { padding-top: 5px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .accextra-big small { text-transform: uppercase; font-size: 13px; letter-spacing: 0.15em; font-weight: 700; } .accextra-big span { font-weight: 700; font-size: 42px; line-height: 42px; } .accextra-small small { text-transform: uppercase; font-size: 8px; letter-spacing: 0.10em; padding-top: 5px; } .accextra-small span { font-weight: 700; font-size: 20px; line-height: 20px; } .accextra-small span.text { font-weight: normal; font-size: 15px; line-height: 15px; } .accextra-success small { font-size: 13px; font-weight: 700; line-height: 15px } .accextra-alert { background: #fff; border-color: rgba(255, 255, 255, 0.5) } .accextra-alert small { font-size: 13px; font-weight: 700; line-height: 15px; color: #cf505c; } .accextra-alert small strong { color: #000 } .products-panel img { max-width: 100%; height: auto; } .modal { max-width: 100%; margin-right: 5px; } .modal-dialog { max-width: 100%; } @media (max-width: 992px) { .hide-on-mobile { display: none; } } @media (min-width: 992px) { .hide-on-desktop { display: none; } }