html {
height: 100% !important;
}
input::-webkit-input-placeholder{
color: #ddd;
font-style: oblique;
}
input::-moz-placeholder{
color: #ddd;
font-style: oblique;
}
input:-ms-input-placeholder{
color: #ddd;
font-style: oblique;
}
input:-moz-placeholder{
color: #ddd;
font-style: oblique;
}
input::placeholder{
color: #ddd;
font-style: oblique;
}
body {
min-height: 100% !important;
background-color: #fff;
}
body{
margin: 0;
padding: 0;
font-family: 'Lato', sans-serif !important;
color: #454545 !important;
font-size: 14px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
font-weight: bold;
}
.h1, .h2, .h3, h1, h2, h3 {
margin-top: 10px;
margin-bottom: 10px;
}
a,
a:link,
a:active,
a:visited{
cursor: pointer;
color: #ff8a00;
}
a:hover{
text-decoration: none;
color: #cd0000;
}
.main-view{
background-color: #f0f0f0;
}
.menu a,
.menu a:link,
.menu a:active,
.menu a:visited{
color: #666;
text-decoration: none;
}
.menu a:hover{
color: #ff8a00;
text-decoration: none;
}
.menu-link{
margin-bottom: 13px;
position: relative;
}
.menu{
padding-top: 10px;
background: #fff;
color: #666;
}
.menu-wrapper{
background-color: #fff;
width: 100px;
}
.top-title{
margin-top: 0px;
}
.fullHeight{
min-height: 100%;
height: 100%;
}
.content-col,
.menu-col{
padding: 0 5px;
}
.content-col{
display: table-cell;
width: 100%;
}
.menu-col{
width: 100px;
display: table-cell;
}
.wrapper{
display: table;
width: 100%;
}
.datepicker-container{
position: relative;
}
.datepicker-wrapper{
position: absolute;
background-color: #fff;
z-index: 9;
top: 60px;
border-radius: 0 0 5px 5px;
border-color: #666;
}
.container-fluid,
.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{
padding: 0 5px;
}
a.dropdown-item,
a.dropdown-item:link{
color: #666;
}
.force-padding{
padding: 0 15px !important;
}
.force-margin{
margin: 0 -15px !important;
}
.row{
margin: 0 -5px;
}
.header{
min-height: 30px;
padding: 7px;
border-bottom: 1px #ccc solid;
background-color: #f2f2f2;
}
.view{
padding: 10px 10px 0 0;
}
.clearfix{
clear: both;
}
/* Utility classes */
.marginTop_XS{
margin-top: 5px;
}
.marginTop_S{
margin-top: 10px;
}
.marginTop{
margin-top: 20px;
}
.marginTop_L{
margin-top: 35px;
}
.marginTop_XL{
margin-top: 55px;
}
.marginTop_XXL{
margin-top: 75px;
}
.marginTop_XXXL{
margin-top: 95px;
}
.marginTop_120{
margin-top: 120px;
}
.marginTop_15{
margin-top: 15px;
}
.marginRight_XS{
margin-right: 5px;
}
.marginRight_S{
margin-right: 10px;
}
.marginRight{
margin-right: 20px;
}
.marginRight_L{
margin-right: 35px;
}
.marginRight_XL{
margin-right: 55px;
}
.marginLeft_XS{
margin-left: 5px;
}
.marginLeft_S{
margin-left: 10px;
}
.marginLeft{
margin-left: 20px;
}
.marginLeft_L{
margin-left: 35px;
}
.marginLeft_XL{
margin-left: 55px;
}
.marginBottom_XS{
margin-bottom: 5px;
}
.marginBottom_S{
margin-bottom: 10px;
}
.marginBottom{
margin-bottom: 20px;
}
.marginBottom_L{
margin-bottom: 35px;
}
.marginBottom_XL{
margin-bottom: 55px;
}
.marginBottom_XXL{
margin-bottom: 75px;
}
.marginBottom_XXXL{
margin-bottom: 95px;
}
.nopadding {
padding: 0 !important;
}
.leftpadding{
padding: 0 0 0 15px !important;
}
.rightpadding{
padding: 0 15px 0 0 !important;
}
/* END OF Utility classes */
span.glyphicon.link{
cursor: pointer;
}
table.table thead tr th{
font-weight: bold !important;
}
.error{
color: #cd0000;
font-weight: bold;
}
img{
max-width: 100%;
}
.btn-primary {
color: #fff;
background-color: #ff8a00;
border-color: #d47301;
}
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
background-color: #cd0000;
border-color: #d47301;
}
.btn-default {
color: #000;
background-color: #e4dbd1;
border-color: #b7b0a8;
}
.btn-default.focus, .btn-default:focus, .btn-default:hover {
background-color: #d6cdc3;
border-color: #b7b0a8;
}
.ngdialog-close{
border: none !important;
}
.ngdialog-close:before{
background: 0 0 !important;
border-radius: 3px !important;
color: #888 !important;
content: '\00D7' !important;
font-size: 28px !important;
font-weight: bold !important;
height: 35px !important;
line-height: 26px !important;
position: relative !important;
right: 0px !important;
text-align: center !important;
top: 0px !important;
width: 35px !important;
}
.big-glyph{
font-size: 30px;
}
.mid-glyph{
font-size: 24px;
}
.link-text{
font-size: 12px;
margin-top: -4px;
}
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
color: #fff;
background-color: #cd0000;
border-color: #d47301;
}
.greyed-out-link{
color: #aaaaaa !important;
}
.green{
color: #15A200;
}
.orange{
color: #FFB600;
}
.grey{
color: #888888;
}
.pointer{
cursor: pointer;
}
.spanLink:hover{
color: #d47301;
}
.message-row{
padding: 5px;
border-top: 1px solid #cccccc;
cursor: pointer;
}
.message-details{
display: none;
padding-left: 30px;
padding-bottom: 30px;
padding-top: 10px;
}
.message-even{
background-color: #ddd;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn{
opacity: .45 !important;
}
.paging div{
margin-top: 2px;
margin-right: 10px;
font-size: 18px;
cursor: pointer;
font-weight: bold;
}
.paging div:hover{
color: #ff8a00;
}
.currentPage{
color: #fff;
background-color: #ff8a00;
padding: 0 5px;
border-radius: 2px;
}
.bold{
font-weight: bold;
}
.mess-in-from{
background-color: #fff;
border: 1px solid #eee;
border-radius: 4px;
}
.mess-in-to{
background-color: #f0f0f0;
border-radius: 4px;
}
.mess-in-date-from,
.mess-in-date-to{
font-size: 12px;
color: #aaaaaa;
}
.message_container{
max-height: 350px;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
overflow-x: hidden;
overflow-y: scroll;
}
.ngdialog.ngdialog-theme-default{
padding-top: 60px !important;
}
#message_in_popup{
display: none;
}
.not-read{
background-color: #F9C983;
}
.unread-info{
background-color: #ff0000;
width: 12px;
height: 12px;
border-radius: 6px;
position: absolute;
top: 0;
left: 42px;
}
.top-bottom-border{
border-top: solid 1px #666666;
border-bottom: solid 1px #666666;
}
.hidden-on-start{
display: none;
}
.client-edit-box{
background-color: #FFDEC1;
}
.client-edit-box-buttons{
padding: 30px 0;
}
.client-row{
/*cursor: move;*/
}
.client-row-edit{
font-weight: bold;
background-color: #FFDEC1;
}
.group-element{
padding: 5px;
}
.group-row{
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
display: block;
cursor: move;
}
.group-row:first-child{
border-top: 1px solid #ccc;
}
.group-row-edit{
font-weight: bold;
background-color: #FFDEC1;
}
.soubgroup{
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
display: block;
cursor: move;
}
.soubgroup:first-child{
border-top: 1px solid #ccc;
}
.big-glyphs{
font-size: 24px;
}
.link{
cursor: pointer;
}
.deleted{
text-decoration: line-through;
font-style: italic;
color: #aaaaaa;
}
.suggest-container{
position: relative;
}
.suggest{
position: absolute;
background-color: #fff;
border: 1px solid #aaaaaa;
border-radius: 3px;
z-index: 9999;
padding: 5px;
width: 250px;
}
.suggest-item{
cursor: pointer;
padding: 5px;
}
.suggest-item:hover{
background-color: #FFDEC1;
}
.suggest-item-selected{
background-color: #FFDEC1;
}
.mergeBasket{
position: fixed;
top: auto;
left: auto;
bottom: 5px;
right: 5px;
background-color: #D8D5CA;
padding: 10px;
border: 1px solid #888888;
border-radius: 2px;
z-index: 9999;
}
.merge-overlay{
position: fixed;
top: 5px;
margin: 0 auto;
background-color: #f0f0f0;
padding: 10px;
border: 1px solid #888888;
border-radius: 4px;
z-index: 999999;
width: 90%;
max-height: 94%;
overflow-y: scroll;
}
.black-overlay{
width: 100%;
background-color: #000000;
opacity: 0.5;
z-index: 99999;
position: fixed;
top: 0;
left: 0;
height: 100%;
}
.orange-text{
color: darkorange;
}
.ng-confirm .ng-confirm-box .ng-confirm-buttons button.btn-orange{
background-color: #ff8a00 !important;
}
.ng-confirm .ng-confirm-box .ng-confirm-buttons button.btn-orange:hover{
background-color: #D06100 !important;
}
.ng-confirm.ng-confirm-type-orange .ng-confirm-box{
border-top: solid 7px #ff8a00 !important;
}
.add-group-box{
background-color: #FFDEC1;
border: 1px solid #666;
border-radius: 3px;
padding: 10px;
display: none;
}
.btn-primary.disabled, .btn-primary:disabled{
color: #fff;
background-color: #ccc;
border-color: #999;
}
.form-control-narrow.form-control{
width: 70px;
}
button, select, html, textarea, input{
font-family: 'Lato', sans-serif !important;
}
.accordion-header.media-group .accordion-button{
font-size: 1.1rem;
font-weight: bold;
padding: 0.7rem;
}
.accordion-header.media-subgroup .accordion-button{
font-size: 1rem;
font-weight: normal;
padding: 0.6rem;
}
.accordion-header.media-group .accordion-button:not(.collapsed),
.accordion-header.media-subgroup .accordion-button:not(.collapsed){
color: #000;
background-color: #f9c983;
box-shadow: none;
font-weight: bold;
}
.medium-active,
.medium-inactive{
border-radius: 50%;
width: 12px;
height: 12px;
display: inline-block;
}
.medium-active{
border: 1px solid #00510D;
background-color: #018600;
}
.medium-inactive{
border: 1px solid #888;
background-color: #bbb;
}
.price-alert{
color: #ff8a00;
font-weight:700;
}
.suggest-container{
position: relative;
}
.suggest{
position: absolute;
top: 30px;
background: #fff;
border-radius: 5px;
border: 1px solid #999;
}
.disabled-oblique{
color: #999;
font-style: oblique;
}
.suggest-element,
.suggest-element-hovered{
padding: 2px 5px;
}
.suggest-element-container:nth-child(even){
background-color: #ddd;
}
.suggest-element-container:nth-child(odd){
}
.suggest-element-hovered{
background-color: #ff8a00;
color: #fff;
font-weight: 500;
cursor: pointer;
}
.clock{
font-size: 30px;
font-weight: 700;
color: #555;
line-height: 28px;
}
input[type=checkbox]{
height: 0;
width: 0;
visibility: hidden;
}
label.toggle {
padding-top: 2px;
cursor: pointer;
text-indent: -9999px;
width: 32px;
height: 16px;
background: grey;
border-radius: 32px;
position: relative;
}
label.toggle:after {
content: '';
position: absolute;
top: 2px;
left: 2px;
width: 12px;
height: 12px;
background: #fff;
border-radius: 13px;
transition: 0.3s;
}
input:checked + label {
background: #017328;
}
input:checked + label:after {
left: calc(100% - 2px);
transform: translateX(-100%);
}
label.toggle:active:after {
width: 16px;
}
.message-row i{
color: #888;
}
.zamowienia .card-body{
padding: 10px;
}
.suborder-total span.value{
border: 1px solid #ccc;
border-radius: 4px;
font-size: 30px;
font-weight: bold;
padding: 0px 10px;
}
.suborder-total span.label-no-border{
font-size: 30px;
font-weight: bold;
}
.suborder-total span.label{
font-size: 20px;
}
.center{
display:flex;
justify-content:center;
align-items:center;
}
.zamowienia h4,
.zamowienia h5{
margin: 0px;
}
.highlight{
background-color: #f9c983;
border: 2px solid #000;
}
.w-40px{
width: 40px;
}
.w-50px{
width: 50px;
}
.w-60px{
width: 60px;
}
.w-70px{
width: 70px;
}
.w-80px{
width: 80px;
}
.w-90px{
width: 90px;
}
.w-100px{
width: 100px;
}
.greyed-out{
color: #aaa;
}
.edge-postpro-square{
width: 100%;
height: 100%;
border: solid 2px #860000;
}
.light-grey{
background-color: #fafafa;
}
.dark-outline{
border: 1px solid #999;
}
.flex-box{
display: flex;
}
.suborders-left{
flex: 0 0 60px;
}
.suborders-right{
width: auto;
flex: 1;
}
.suborder_col_1{
flex: 0 0 115px;
}
.suborder_col_2{
flex: 0 0 45px;
}
.suborder_col_3{
flex: 0 0 220px;
}
.suborder_col_4{
flex: 0 0 90px;
}
.suborder_col_5{
flex: 0 0 160px;
}
.suborder_col_6{
flex: 1;
}
.suborder_col_7{
flex: 0 0 70px;
}
.suborder_col_8{
flex: 0 0 40px;
}
.suborder_col_9{
flex: 0 0 30px;
}
.suborder_col_10{
flex: 0 0 40px;
}
.suborder_col_11{
flex: 0 0 25px;
}
.suborder_col_12{
flex: 0 0 35px;
}
.suborder_col_13{
flex: 0 0 180px;
}
.order-new{
background-color: green;
border-radius: 50%;
width: 23px;
height: 23px;
display: block;
}
.card-body.suborders-header{
padding-top: 5px;
padding-bottom: 5px;
}
.grey{
color: #ccc;
}
sup {
vertical-align: top;
top: 5px;
font-size: 0.8em;
}
.price-alert-first-line-black{
color: #ff8a00;
font-weight:700;
}
.price-alert-first-line-black:first-line{
color: #454545;
}
.keep-in-line{
white-space: nowrap;
}
.not-bold{
font-weight: normal !important;
}
.sc-card-letter{
font-weight: 700;
font-size: 80px;
line-height: 80px;
}
.suborder-card-container{
width: 700px;
padding: 15px;
}
.sc-floating-left{
float: left;
}
.sc-floating-right{
float: right;
}
.sc-clear-float{
clear: both;
}
.sc-text-center{
text-align: center;
}
.sc-table-row-top,
.sc-table-row{
width: 100%;
}
.sc-table-row-top{
border: 2px solid #000;
}
.sc-table-row{
border-left: 2px solid #000;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
}
.sc-header{
font-weight: 700;
font-size: 16px;
}
.sc-left, .sc-left-short{
border-right: 2px solid #000;
}
.sc-left{
width: 150px;
}
.sc-left-short{
width: 100px;
}
.sc-center{
text-align: center;
}
.sc-p{
padding: 5px;
}
.sc-text-right{
text-align: right;
}
.sc-bold{
font-weight: 700;
}
.sc-section-distance{
margin-top: 20px;
}