/* Minification failed. Returning unminified contents.
(33,32): run-time error CSS1039: Token not allowed after unary operator: '-k-primary-30'
(41,39): run-time error CSS1039: Token not allowed after unary operator: '-k-primary-30'
(46,38): run-time error CSS1039: Token not allowed after unary operator: '-k-primary-30'
(51,39): run-time error CSS1039: Token not allowed after unary operator: '-k-primary-30'
(75,39): run-time error CSS1039: Token not allowed after unary operator: '-k-primary-30'
(102,39): run-time error CSS1039: Token not allowed after unary operator: '-k-primary-30'
(132,36): run-time error CSS1039: Token not allowed after unary operator: '-k-primary-30'
(165,39): run-time error CSS1039: Token not allowed after unary operator: '-k-primary-30'
(341,1): run-time error CSS1019: Unexpected token, found '}'
(1337,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1337,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1337,53): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1337,76): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1337,99): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1337,122): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1337,145): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1337,168): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1337,191): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1337,214): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1337,237): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1337,2592): run-time error CSS1039: Token not allowed after unary operator: '-k-border-radius'
(1337,21250): run-time error CSS1019: Unexpected token, found '@keyframes'
(1337,21267): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
*/
:focus {
outline: none;
}
/*
Sometimes the sub menus get too large for the page and prevent the menu from scrolling, limiting functionality
A quick fix is to change .side-menu to
-> position:absolute
and uncomment the code below.
You also need to uncomment
->
in the html file
you also need to tweek the animation. Just uncomment the code in that section
--------------------------------------------------------------------------------------------------------------------
If you want to make it really neat i suggest you look into an alternative like http://areaaperta.com/nicescroll/
This will allow the menu to say fixed on body scoll and scoll on the side bar if it get to large
*/
/*.absolute-wrapper{
position: fixed;
width: 200px;
height: 100%;
background-color: #f8f8f8;
border-right: 1px solid #e7e7e7;
}*/
.side-menu {
position: fixed;
width: 200px;
height: 100%;
background-color: #f5f5f5;
border-right: 1px solid var(--k-primary-30);
overflow-y: auto;
}
.side-menu .navbar {
border: none;
}
.side-menu .navbar-header {
width: 100%;
border-bottom: 1px solid var(--k-primary-30);
}
.side-menu .navbar-nav .active a {
background-color: transparent;
margin-right: -1px;
border-right: 5px solid var(--k-primary-30);
}
.side-menu .navbar-nav li {
display: block;
width: 100%;
border-bottom: 1px solid var(--k-primary-30);
}
.side-menu .navbar-nav li a {
padding: 15px;
}
.side-menu .navbar-nav li a .glyphicon {
padding-right: 10px;
}
.side-menu #dropdown {
border: 0;
margin-bottom: 0;
border-radius: 0;
background-color: transparent;
box-shadow: none;
}
.side-menu #dropdown .caret {
float: right;
margin: 9px 5px 0;
}
.side-menu #dropdown .indicator {
float: right;
}
.side-menu #dropdown > a {
border-bottom: 1px solid var(--k-primary-30);
}
.side-menu #dropdown .panel-body {
padding: 0;
background-color: #f3f3f3;
}
.side-menu #dropdown .panel-body .navbar-nav {
width: 100%;
}
.side-menu #dropdown .panel-body .navbar-nav li {
padding-left: 15px;
border-bottom: 1px solid #e7e7e7;
}
.side-menu #dropdown .panel-body .navbar-nav li:last-child {
border-bottom: none;
}
.side-menu #dropdown .panel-body .panel > a {
margin-left: -20px;
padding-left: 35px;
}
.side-menu #dropdown .panel-body .panel-body {
margin-left: -15px;
}
.side-menu #dropdown .panel-body .panel-body li {
padding-left: 30px;
}
.side-menu #dropdown .panel-body .panel-body li:last-child {
border-bottom: 1px solid var(--k-primary-30);
}
.side-menu #search-trigger {
background-color: #f3f3f3;
border: 0;
border-radius: 0;
position: absolute;
top: 0;
right: 0;
padding: 15px 18px;
}
.side-menu .brand-name-wrapper {
min-height: 50px;
}
.side-menu .brand-name-wrapper .navbar-brand {
display: block;
}
.side-menu #search {
position: relative;
z-index: 1000;
}
.side-menu #search .panel-body {
padding: 0;
}
.side-menu #search .panel-body .navbar-form {
padding: 0;
padding-right: 50px;
width: 100%;
margin: 0;
position: relative;
border-top: 1px solid var(--k-primary-30);
}
.side-menu #search .panel-body .navbar-form .form-group {
width: 100%;
position: relative;
}
.side-menu #search .panel-body .navbar-form input {
border: 0;
border-radius: 0;
box-shadow: none;
width: 100%;
height: 50px;
}
.side-menu #search .panel-body .navbar-form .btn {
position: absolute;
right: 0;
top: 0;
border: 0;
border-radius: 0;
background-color: #f3f3f3;
padding: 15px 18px;
}
/* Main body section */
.side-body {
margin-left: 200px;
}
/* small screen */
@media (max-width: 768px) {
.side-menu {
position: relative;
width: 100%;
height: 0;
border-right: 0;
border-bottom: 1px solid var(--k-primary-30);
}
.side-menu .brand-name-wrapper .navbar-brand {
display: inline-block;
}
/* Slide in animation */
@-moz-keyframes slidein {
0% {
left: -200px;
}
100% {
left: 10px;
}
}
@-webkit-keyframes slidein {
0% {
left: -200px;
}
100% {
left: 10px;
}
}
@keyframes slidein {
0% {
left: -200px;
}
100% {
left: 10px;
}
}
@-moz-keyframes slideout {
0% {
left: 0;
}
100% {
left: -200px;
}
}
@-webkit-keyframes slideout {
0% {
left: 0;
}
100% {
left: -200px;
}
}
@keyframes slideout {
0% {
left: 0;
}
100% {
left: -200px;
}
}
/* Slide side menu*/
/* Add .absolute-wrapper.slide-in for scrollable menu -> see top comment */
.side-menu-container > .navbar-nav.slide-in {
-moz-animation: slidein 300ms forwards;
-o-animation: slidein 300ms forwards;
-webkit-animation: slidein 300ms forwards;
animation: slidein 300ms forwards;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.side-menu-container > .navbar-nav {
/* Add position:absolute for scrollable menu -> see top comment */
position: fixed;
left: -200px;
width: 200px;
top: 43px;
height: 100%;
border-right: 1px solid #e7e7e7;
background-color: #f8f8f8;
-moz-animation: slideout 300ms forwards;
-o-animation: slideout 300ms forwards;
-webkit-animation: slideout 300ms forwards;
animation: slideout 300ms forwards;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
/* Uncomment for scrollable menu -> see top comment */
/*.absolute-wrapper{
width:285px;
-moz-animation: slideout 300ms forwards;
-o-animation: slideout 300ms forwards;
-webkit-animation: slideout 300ms forwards;
animation: slideout 300ms forwards;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}*/
@-moz-keyframes bodyslidein {
0% {
left: 0;
}
100% {
left: 200px;
}
}
@-webkit-keyframes bodyslidein {
0% {
left: 0;
}
100% {
left: 200px;
}
}
@keyframes bodyslidein {
0% {
left: 0;
}
100% {
left: 200px;
}
}
@-moz-keyframes bodyslideout {
0% {
left: 200px;
}
100% {
left: 0;
}
}
@-webkit-keyframes bodyslideout {
0% {
left: 200px;
}
100% {
left: 0;
}
}
@keyframes bodyslideout {
0% {
left: 200px;
}
100% {
left: 0;
}
}
/* Slide side body*/
.side-body {
margin-left: 5px;
margin-top: 70px;
position: relative;
-moz-animation: bodyslideout 300ms forwards;
-o-animation: bodyslideout 300ms forwards;
-webkit-animation: bodyslideout 300ms forwards;
animation: bodyslideout 300ms forwards;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.body-slide-in {
-moz-animation: bodyslidein 300ms forwards;
-o-animation: bodyslidein 300ms forwards;
-webkit-animation: bodyslidein 300ms forwards;
animation: bodyslidein 300ms forwards;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
/* Hamburger */
/* Search */
#search .panel-body .navbar-form {
border-bottom: 0;
}
#search .panel-body .navbar-form .form-group {
margin: 0;
}
.admin-navbar-header {
position: fixed;
z-index: 3;
background-color: #f8f8f8;
}
/* Dropdown tweek */
#dropdown .panel-body .navbar-nav {
margin: 0;
}
}
.side-body.full-height-content {
margin-left: 200px;
}
.admin-frame .col-xs-12.full-height-content {
padding-left: 15px;
padding-right: 15px;
}
.admin-frame .container-fluid.full-height-content {
padding-left: 15px;
padding-right: 15px;
}
.admin-frame .inner-body.full-height-content {
height: calc(100% - 50px);
overflow-y: hidden;
margin-left: -15px;
margin-right: -15px;
}
.content .working-shift-template-container{padding:1em;}.content .working-shift-template-container td{vertical-align:middle;text-align:center;padding:0;}.content .working-shift-template-container th{text-align:center;background-color:#f5f5f5;text-transform:capitalize;}.content .working-shift-template-container .title{margin:0;padding:.5em 1em .5em .5em;border-top:1px solid #ddd;background-color:#f5f5f5;}.content .working-shift-template-container .day-column{width:12%;}.content .working-shift-template-container header{line-height:36px;color:#333;min-height:unset;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:none;}.content .working-shift-template-container h4.header{margin-top:10px;text-transform:uppercase;}.content .working-shift-template-container .inactive{color:#bdbdbd;background-color:#f0f0f0;text-decoration:line-through;}.content .working-shift-template-container .cell-container{position:relative;padding:5px;}.content .working-shift-template-container .cell-container .overlay{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.5);opacity:0;transition:.2s ease;cursor:pointer;}.content .working-shift-template-container .cell-container:hover .overlay{opacity:1;}.content .working-shift-template-container .cell-container .overlay-content{color:#fff;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;}
.kendo-grid-columns-picker li label{font-weight:400;display:block;padding:3px 20px;clear:both;line-height:1.42857143;color:#333;white-space:nowrap;cursor:pointer;margin-bottom:0;}.kendo-grid-columns-picker li label:hover{color:#262626;background-color:#f5f5f5;}
.address-wrapper{width:100%;border:1px solid transparent;border-radius:4px;position:relative;margin-bottom:5px;min-height:160px;}.address-wrapper .primary-bordercolor:not([disabled]){border-color:#333 !important;}.address-wrapper .primary-bgcolor{background-color:#333 !important;}.address-wrapper .primary-forecolor-inverse{color:#fff !important;}.address-wrapper.selected{opacity:1;top:0;left:0;}.address-wrapper.selected i.fa-check{position:absolute;right:2px;top:4px;z-index:1;}.address-wrapper.selected::after{content:'';position:absolute;top:0;right:0;border-top-color:inherit;border-right-color:inherit;border-left-color:transparent;border-bottom-color:transparent;border-style:solid;}.address-wrapper.selected::after{border-width:12px;}.address-wrapper .address-container{border-radius:4px;border:1px solid #c5c4c5;}.address-wrapper .address-container .body-section{min-height:110px;padding:15px;line-height:1.5rem;cursor:pointer;}.address-wrapper .address-container .bottom-section{padding:10px;border-top:1px solid #c5c4c5;min-height:40px;}.address-wrapper .address-container .bottom-section .action-buttons{display:flex;}.address-wrapper .address-container .bottom-section .action-buttons a{display:block;margin-right:5px;margin-left:5px;padding-bottom:0;cursor:pointer;}.address-wrapper .address-container .bottom-section .action-buttons .align-items-right{margin-left:auto;margin-right:5px;}.address-wrapper .address-container .bottom-section .action-buttons .default-address{border-radius:1rem;font-weight:600;padding:4px 10px 4px 10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.add-address-container{width:100%;height:154px;border-radius:4px;line-height:140px;border:2px dashed #c5c4c5;cursor:pointer;text-align:center;position:relative;vertical-align:middle;margin-bottom:5px;}.add-address-container:hover{border-color:#dbdbdb;}.add-address-container .centered-content{display:block;}.add-address-container .centered-content i{color:#dbdbdb;font-size:2.5rem;}.add-address-container .centered-content:hover i{color:#c5c4c5;}.add-address-container .centered-content .text{position:absolute;width:100%;height:0;top:20px;font-weight:600;}.add-address-container .centered-content:hover .text{color:#757575;}.address-wrapper{width:100%;border:1px solid transparent;border-radius:4px;position:relative;margin-bottom:5px;}.address-wrapper .primary-bordercolor:not([disabled]){border-color:#333 !important;}.address-wrapper .primary-bgcolor{background-color:#333 !important;}.address-wrapper .primary-forecolor-inverse{color:#fff !important;}.address-wrapper.selected{opacity:1;top:0;left:0;}.address-wrapper.selected i.fa-check{position:absolute;right:2px;top:4px;z-index:1;}.address-wrapper.selected::after{content:'';position:absolute;top:0;right:0;border-top-color:inherit;border-right-color:inherit;border-left-color:transparent;border-bottom-color:transparent;border-style:solid;}.address-wrapper.selected::after{border-width:12px;}.address-wrapper .address-container{border-radius:4px;border:1px solid #c5c4c5;}.address-wrapper .address-container .body-section{min-height:110px;padding:15px;line-height:1.5rem;cursor:pointer;}.address-wrapper .address-container .bottom-section{padding:10px;border-top:1px solid #c5c4c5;}.address-wrapper .address-container .bottom-section .action-buttons{display:flex;}.address-wrapper .address-container .bottom-section .action-buttons a{display:block;margin-right:5px;margin-left:5px;padding-bottom:0;cursor:pointer;}.address-wrapper .address-container .bottom-section .action-buttons .align-items-right{margin-left:auto;margin-right:5px;}.address-wrapper .address-container .bottom-section .action-buttons .default-address{border-radius:1rem;font-weight:600;padding:4px 10px 4px 10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
/*** From http://bootsnipp.com/snippets/featured/panels-with-nav-tabs **/
.panel.with-nav-tabs .panel-heading{
padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
margin-bottom: -1px;
}
/********************************************************************/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
color: #777;
background-color: #ddd;
border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
color: #555;
background-color: #fff;
border-color: #ddd;
border-bottom-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
background-color: #f5f5f5;
border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #555;
}
/********************************************************************/
/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
color: #fff;
background-color: #3071a9;
border-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
color: #428bca;
background-color: #fff;
border-color: #428bca;
border-bottom-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
background-color: #428bca;
border-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
background-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
background-color: #4a9fe9;
}
/********************************************************************/
/*** PANEL SUCCESS ***/
.with-nav-tabs.panel-success .nav-tabs > li > a,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
color: #3c763d;
}
.with-nav-tabs.panel-success .nav-tabs > .open > a,
.with-nav-tabs.panel-success .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-success .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
color: #3c763d;
background-color: #d6e9c6;
border-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.active > a,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:focus {
color: #3c763d;
background-color: #fff;
border-color: #d6e9c6;
border-bottom-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu {
background-color: #dff0d8;
border-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a {
color: #3c763d;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
background-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #3c763d;
}
/********************************************************************/
/*** PANEL INFO ***/
.with-nav-tabs.panel-info .nav-tabs > li > a,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
color: #31708f;
}
.with-nav-tabs.panel-info .nav-tabs > .open > a,
.with-nav-tabs.panel-info .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-info .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
color: #31708f;
background-color: #bce8f1;
border-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.active > a,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:focus {
color: #31708f;
background-color: #fff;
border-color: #bce8f1;
border-bottom-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu {
background-color: #d9edf7;
border-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a {
color: #31708f;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
background-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #31708f;
}
/********************************************************************/
/*** PANEL WARNING ***/
.with-nav-tabs.panel-warning .nav-tabs > li > a,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
color: #8a6d3b;
}
.with-nav-tabs.panel-warning .nav-tabs > .open > a,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
color: #8a6d3b;
background-color: #faebcc;
border-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:focus {
color: #8a6d3b;
background-color: #fff;
border-color: #faebcc;
border-bottom-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu {
background-color: #fcf8e3;
border-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a {
color: #8a6d3b;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
background-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #8a6d3b;
}
/********************************************************************/
/*** PANEL DANGER ***/
.with-nav-tabs.panel-danger .nav-tabs > li > a,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
color: #a94442;
}
.with-nav-tabs.panel-danger .nav-tabs > .open > a,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
color: #a94442;
background-color: #ebccd1;
border-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:focus {
color: #a94442;
background-color: #fff;
border-color: #ebccd1;
border-bottom-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu {
background-color: #f2dede; /* bg color */
border-color: #ebccd1; /* border color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a {
color: #a94442; /* normal text color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
background-color: #ebccd1; /* hover bg color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
color: #fff; /* active text color */
background-color: #a94442; /* active bg color */
}
html {
height:100%
}
body {
height: 100%;
padding-top: 50px;
padding-bottom: 20px;
background-color: #fff;
}
.ellipsis
{
display: inline-block;
text-overflow: ellipsis !important;
white-space:nowrap !important;
overflow:hidden !important;
}
table {
background-color: white;
}
div.block {
margin-top: 10px;
}
div.block:first-child {
margin-top: 0;
}
/*** Toastr position ***/
.toast-top-right {
top: 50px;
right: 12px;
}
.toast-top-center {
top: 50px;
}
/*** Bootstrap Modal ***/
.modal-full-width .modal-dialog {
width: auto;
margin: 10px;
}
@media (min-width: 1200px) {
.modal-xl .modal-dialog {
width: 1170px;
margin-top: 10px;
}
}
@media (max-width: 1199px) {
.modal-xl .modal-dialog {
width: auto;
margin: 10px;
}
}
.bg-darker { background-color: #fafafa;}
.modal-body { background-color: #fafafa;}
.modal-footer { margin-top: 0px; }
.modal-dialog-700 .modal-dialog { width: 700px;}
.modal-dialog-800 .modal-dialog { width: 800px;}
.modal-dialog-900 .modal-dialog { width: 900px;}
/***Bootstrap form**/
/*.form-horizontal label { padding-right: 0px;}*/ /* label and input was too far apart. Removed since it breaks btn-group */
@media (min-width: 768px) {
.label-padding-sm label {
padding-right: 5px;
padding-left: 5px;
}
}
.form-vertical .form-control-text {
margin-top: -4px;
margin-bottom: 3px;
min-height: 22px;
}
/***Bootstrap PAnel**/
.panel-body { background-color:#fafafa}
.panel-default>.panel-heading { background-color:#fafafa}
/*** Header ***/
.content header {padding-top:10px;padding-bottom: 10px;border-bottom: solid 1px #e7e7e7; background-color: #f5f5f5; min-height: 50px;}
.content header h3.header {margin: 0px; margin-right: 15px; float: left;max-width: 1000px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
/*light blue #ebf2f9*/
.inner-header {padding-top:5px;padding-bottom: 5px;border-bottom: solid 1px #e7e7e7; background-color: #f5f5f5;}
.inner-header .header {margin: 0px; margin-right: 15px; float: left;max-width: 1000px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.inner-side-menu {
position:fixed;
margin-left:-15px;
height:100%;
background-color: #f5f5f5;
width:160px;
padding:10px;
border-right:solid 1px #e7e7e7
}
/* With inner side-menu*/
.inner-side-body {
padding-top:15px;
margin-left:145px;
}
/* Without inner side-menu*/
.inner-body {
padding-top:15px;
}
/***issue-navigator***/
.issue-navigator-filter { padding-top:5px;padding-bottom: 5px; border-bottom: solid 1px #e7e7e7; background-color: #f5f5f5}
.issue-navig-list { padding-top: 15px;}
.issue-navig-list-oper { }
.summary-queue{background-color: #f5f5f5}
/***Bootstrap button hover (link that become btn on hover)***/
.btn-hover {
font-weight: normal;
color: #333333;
cursor: pointer;
background-color: inherit;
border-color: transparent;
}
.btn-hover-alt {
font-weight: normal;
color: #ffffff;
cursor: pointer;
background-color: inherit;
border-color: transparent;
}
/*** Bootstrap navbar ***/
.navbar-default { background-color: white;}
/*** Bootstrap dropdown-menu ****/
.dropdown-menu .dropdown-item {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
color: #333;
}
.dropdown-menu .dropdown-link > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
}
.dropdown-menu .dropdown-link a:hover,
.dropdown-menu .dropdown-link a:focus {
color: #262626;
text-decoration: none;
background-color: #f5f5f5;
background-color: #e8e8e8;
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
background-repeat: repeat-x;
}
/*** Bootstrap tabs - cutom gray background ****/
.custom-tabs .tab-content {
-o-box-shadow: 0 0 2px rgba(0,0,0,.4);
-ms-box-shadow: 0 0 2px rgba(0,0,0,.4);
-moz-box-shadow: 0 0 2px rgba(0,0,0,.4);
-webkit-box-shadow: 0 0 2px rgba(0,0,0,.4);
box-shadow: 0 0 2px rgba(0,0,0,.4);
background-color: #f5f5f5;
padding: 20px;
padding-top: 10px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 0 4px 4px 4px;
}
.custom-tabs .nav-tabs {
border-bottom: none;
}
/* Adds borders to tab content */
.tab-border .tab-pane {
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-radius: 0px 0px 5px 5px;
padding: 10px;
}
.tab-border .nav-tabs {
margin-bottom: 0;
}
/*adds border to the unactive tabs*/
.tab-border .nav-tabs > li > a {
border: 1px solid #ddd;
}
/*remove border form the 'New Tab' tab */
.tab-border .nav-tabs > li.new-tab > a {
border: 1px solid transparent;
}
/* remove bottom border for the active tab*/
.tab-border .nav-tabs > li.active > a {
border-bottom-color: transparent;
}
.nav-tabs > li .tab-action {
display: none;
}
.nav-tabs > li.active .tab-action {
display: inline-block;
}
/* Set width on the form input elements since they're 100% wide by default */
/*
input,
select,
textarea {
max-width: 280px;
}*/
/* styles for validation helpers */
.field-validation-error {
color: #b94a48;
}
.field-validation-valid {
display: none;
}
input.input-validation-error {
border: 1px solid #b94a48;
}
input[type="checkbox"].input-validation-error {
border: 0 none;
}
.validation-summary-errors {
color: #b94a48;
}
.validation-summary-valid {
display: none;
}
img.logo
{
height:40px;
margin-top:-10px;
margin-bottom:-10px;
}
a{
cursor: pointer;
}
.glyphicon {
margin-right:5px;
}
.k-grid tr td {
overflow:visible;
}
.btn-icon .glyphicon{ margin-right:0px; }
.icon-end.glyphicon { margin-left:7px;}
.margin-left-sm { margin-left:7px;}
.margin-right-sm { margin-right:7px;}
.qms-number {text-align: right;}
.qms-number-total {text-align: right; font-weight:bold;}
.cell-border-top { border-top: 1px solid black !important;}
/*xeditable*/
/* Makes the editable 100% width of container. (~ is a sibling selector) */
.editable-fullwidth ~ .editable-wrap,
.editable-fullwidth ~ .editable-wrap .editable-controls,
.editable-fullwidth ~ .editable-wrap .editable-controls .editable-input {
width: 100%;
}
/* Position save/cancel buttons under the editable instead of to the right */
.editable-fullwidth ~ .editable-wrap { white-space:pre-wrap !important;}
.editable-fullwidth ~ .editable-wrap .editable-buttons { margin-top:7px}
/* Editor-error has white-space:nowrap by default, which makes the error message goes outside the panel*/
.editable-error { white-space: normal;}
/*Bootstrap Style input file button*/
.btn-file {
position: relative;
overflow: hidden;
}
.btn-file input[type=file] {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
font-size: 100px;
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
outline: none;
background: white;
cursor: inherit;
display: block;
}
table.table-vertical-align-middle > tbody > tr > td {
vertical-align: middle;
}
.input-padding-sm {
padding-right: 6px;
padding-left: 6px;
}
.qms-page-header .qms-page-header-title { float: right;}
.qms-page-header .qms-page-header-toolbar {padding-top: 20px;}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0;}
.time-ago-dim {color: #b2b2b2;}
.dim {color: #b2b2b2;}
/*** Kendo ****/
.k-widget-full .k-widget {width:100%}
.form-control.k-widget{padding: 0;}
.k-widget-box {
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
}
/*** Fix issue where boostrap form-control input are too big when inside a kendo grid ****/
.k-widget .form-control {
box-sizing: border-box;
}
/*** MAke active filter column more visible */
.k-grid-filter.k-state-active {
background-color: darkgrey;
}
/*** Kendo Tooltip ****/
.k-tooltip {
background-color: #f6f6f6 !important;
color: #333 !important;
text-align: inherit !important;
border-color: #b2b2b2 !important;
border-style: solid;
border-width: 1px;
}
/*** block ui min height ****/
/* Makes the blockui message visible when the container is not tall enough*/
.block-ui-visible {
min-height: 150px;
}
/*** Modal UI backdrop problem with bootstrap 3.3.1**/
.modal-backdrop {
bottom: 0;
position: fixed;
}
/**** Bootstrap form-group condensed ****/
@media (min-width: 768px) {
.form-group-condensed {
margin-bottom: 0px;
}
.form-group-condensed .form-control-static {
padding-bottom: 0px;
}
}
@media (max-width: 768px) {
.form-horizontal .control-label {
margin-bottom: 0;
}
}
/*** Bootstrap fix tooltip shows under modal-dialog ***/
.tooltip {
z-index: 2000;
}
/******/
a.no-decoration,
a.no-decoration:hover{
text-decoration: none;
}
/** Bootstrap label as badge http://stackoverflow.com/questions/18730116/twitter-bootstrap-3-0-how-do-i-badge-badge-important-now ***/
.label-as-badge {
border-radius: 1em;
}
/*** Bootstrap form label ***/
.form-group label {
/*font-weight: normal !important;*/
margin-bottom: 2px !important;
font-size: 0.8em;
color: #aaa;
}
.form-horizontal .control-label {
padding-top: 11px;
}
/** Bootstrap alert-danger more flashy red **/
.alert-danger {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
/*xeditable*/
/* Makes the editable 100% width of container. (~ is a sibling selector) */
.editable-fullwidth ~ .editable-wrap,
.editable-fullwidth ~ .editable-wrap .editable-controls,
.editable-fullwidth ~ .editable-wrap .editable-controls .editable-input {
width: 100%;
}
.editable-click, a.editable-click {
border-bottom: none;
}
a.editable-empty {
border-bottom: dashed 1px #428bca;
}
/*xeditable - new, no style on editable text, show edit icon on hover using hover-visible-container class */
.editable-section .editable-click {
border-bottom: none;
color: #333;
text-decoration: none;
}
/* Customization so that editor-controls is position:absolute, so the page layout doesn't change when editing '*/
.editable-controls {
position: absolute;
padding: 8px;
background-color: aliceblue;
z-index: 99999;
margin-top: -15px;
border-radius: 4px;
border: 1px solid #ddd
}
.favorite-star { color: gold; }
.list-group-horizontal .list-group-item {
display:inline-block;
/*margin:0;*/
}
.list-group-horizontal .list-group-item {
margin-bottom: 0;
margin-left: 0px;
margin-right: 0;
}
.list-group-horizontal .list-group-item:first-child {
border-top-right-radius:0;
border-bottom-left-radius:4px;
}
.list-group-horizontal .list-group-item:last-child {
border-top-right-radius:4px;
border-bottom-left-radius:0;
}
/*** Search input*****/
input.search-query {
padding-left:26px;
}
.form-search {
position: relative;
}
.form-search:before {
display: block;
width: 14px;
height: 14px;
content: "\e003";
font-family: 'Glyphicons Halflings';
background-position: -48px 0;
position: absolute;
top:8px;
left:8px;
opacity: .5;
z-index: 1000;
}
.force-border-box, .force-border-box * {
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
}
/*** Hover visible ***/
/** To make it works on touch device, add this tou your hover-visible-container: onclick="void(0)" ***/
.hover-visible-container .hover-visible{
visibility:hidden;
}
.hover-visible-container:hover .hover-visible{
visibility:visible;
}
/* Add border to the container on hover */
.hover-visible-container.border{
border: 1px solid transparent;
}
.hover-visible-container.border:hover{
border: 1px solid #e7e7e7;
}
/* Remove focus outline from all links */
a {
outline: none !important;
}
.row-eq-height, .row-eq-height > div[class*='col-'] {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex:1 0 auto;
}
/* Conditional pull based on bootstrap breakpoint*/
@media (min-width: 1200px) {
.pull-right-lg {
float: right;
}
.pull-left-lg {
float: left;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.pull-right-md {
float: right;
}
.pull-left-md {
float: left;
}
}
/*** Div like table***/
.div-table { display: table; }
.div-table-row { display: table-row; }
.div-table-cell { display: table-cell; }
/* ex:
*/
/* Bootstrap Label max width
****************************************************/
.label-max-width {
display: inline-block !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
/* Bootstrap Breadcrumbs separator
****************************************************/
.breadcrumb > li + li:before {
color: #ccc;
content: "\f178";
font-family: FontAwesome;
padding: 0 5px;
}
/* Makes Kendo Grid Header text word wrap
****************************************************/
.k-grid-header .k-header {
overflow: visible !important;
white-space: normal !important;
}
.popover {
max-width: 100% !important;
}
/* Bootstrap panel color for dashboard
********************************************/
.panel-green {
border-color: #5cb85c;
}
.panel-green > .panel-heading {
border-color: #5cb85c;
color: white;
background-color: #5cb85c;
}
.panel-green > a {
color: #5cb85c;
}
.panel-green > a:hover {
color: #3d8b3d;
}
.panel-red {
border-color: #d9534f;
}
.panel-red > .panel-heading {
border-color: #d9534f;
color: white;
background-color: #d9534f;
}
.panel-red > a {
color: #d9534f;
}
.panel-red > a:hover {
color: #b52b27;
}
.panel-yellow {
border-color: #f0ad4e;
}
.panel-yellow > .panel-heading {
border-color: #f0ad4e;
color: white;
background-color: #f0ad4e;
}
.panel-yellow > a {
color: #f0ad4e;
}
.panel-yellow > a:hover {
color: #df8a13;
}
.panel-blue {
border-color: #5bc0de;
}
.panel-blue > .panel-heading {
border-color: #5bc0de;
color: white;
background-color: #5bc0de;
}
.panel-blue > a {
color: #5bc0de;
}
.font-bold {
font-weight: bold;
}
.corporate-order-dashboard .bar-container{background-color:#bcbcbc;width:100%;height:28px;display:flex;flex-wrap:nowrap;margin:5px 20px 5px 0;position:relative;border-radius:2px;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);}.corporate-order-dashboard .bar-container .bar-shipped{background-color:#00c851;height:28px;}.corporate-order-dashboard .bar-container .bar-pending{background-color:#08c;height:28px;}.corporate-order-dashboard .bar-container .bar-label{position:absolute;line-height:28px;padding:0 10px;font-weight:600;max-width:100%;color:#fff;}.corporate-order-dashboard .completed-row{background-color:rgba(92,184,92,.4);border-left-color:rgba(92,184,92,.5);}.corporate-order-dashboard .completed-row:hover{background-color:rgba(92,184,92,.5);border-left-color:rgba(92,184,92,.6);}.corporate-order-dashboard .label{font-size:1em;margin-right:5px;}
.create-corporate-order{font-size:12px;}.create-corporate-order .form-control{font-size:12px;}.create-corporate-order .table>tbody>tr>td{padding:4px;}.create-corporate-order .table>tbody>tr>td input[type=checkbox]{margin-top:8px;}.create-corporate-order .btn{padding:4px 8px;}.create-corporate-order .ui-select-container .btn{padding:8px 8px 8px 8px;}.create-corporate-order .corporate-order-container{margin:15px 0 15px 0;}.create-corporate-order .corporate-order-line-container{margin:0 20px 0 20px;}.create-corporate-order .corporate-order-line-container .table-container{overflow-y:auto;max-height:calc(100vh - 280px);}.create-corporate-order div.product-typeahead{position:relative;}.create-corporate-order div.product-typeahead .dropdown-menu{height:300px;overflow-y:auto;}.create-corporate-order div.product-typeahead .dropdown-menu li a{line-height:1.5rem;}
.shipping-report .form-inline label{color:#fcfcfc;}.shipping-report .form-inline .ui-select-container{display:inline-block;vertical-align:middle;width:300px;}.shipping-report .form-inline .ui-select-container .form-control{width:300px;}.shipping-report .form-inline .form-group{margin-left:20px;}.shipping-report .date-picker{width:290px;height:34px;color:#000;padding-left:10px;margin-right:10px;background-color:#fafafa;text-transform:capitalize;}
.form-inline .ui-select-container{display:inline-block;vertical-align:middle;width:300px;line-height:30px;}.form-inline .ui-select-container .form-control{width:300px;}.form-inline .form-group{margin-left:20px;}
:root{--k-border-radius:2rem;--k-primary-10:#f5af9d;--k-primary-20:#f4aa97;--k-primary-30:#f1957c;--k-primary-40:#f0876b;--k-primary-50:#ee7a5b;--k-primary-60:#eb623d;--k-primary-70:#e84a1f;--k-primary-80:#d13d16;--k-primary-90:#b33413;--k-primary-100:#952c0f;}html,body{height:100%;overflow:hidden;padding-bottom:0;font-family:'Inter',Arial,sans-serif;}#main-container{padding-left:0;padding-right:0;height:100%;}.modal-xl2{width:1100px;}.btn-warning{background-color:#f3bf39;}.btn-default.btn-orange{background-color:#fb8c00;border-color:#ef6c00;color:#fff;}.btn-default.btn-orange:hover{background-color:#ffa32f;border-color:#ff8623;color:#fff;}.btn-default.btn-orange:active,.btn-default.btn-orange:focus{background-color:#e27e00;border-color:#d66000;color:#fff;}.btn-success{background-color:#4582e9;border-color:#4582e9;}.btn-success:hover{background-color:#1b65e4;border-color:#1b65e4;}.btn-info{background-color:#4582e9;border-color:#4582e9;}.btn-info:hover{background-color:#1b65e4;border-color:#1b65e4;}.btn-danger{background-color:#f4550b;}.badge-primary{background-color:#ee7a5b;}.badge-success{background-color:#4582e9;}.badge-info{background-color:#08c;}.badge-warning{background-color:#ffb300;}.badge-danger{background-color:#f4550b;}.form-control,.k-pager-nav.k-pager-first,.k-pager-wrap .k-pager-nav.k-pager-last,.k-autocomplete,.k-block,.k-button,.k-calendar .k-link,.k-calendar td,.k-calendar-container,.k-colorpicker,.k-combobox,.k-datepicker,.k-datetimepicker,.k-drag-clue,.k-dropdown,.k-dropdown-wrap,.k-editor-inline,.k-grid .k-filter-options,.k-grouping-header .k-group-indicator,.k-inline-block,.k-list-container,.k-multiselect,.k-notification,.k-numeric-wrap,.k-numerictextbox,.k-picker-wrap,.k-slider-selection,.k-slider-track,.k-split-button,.k-textbox,.k-tile,.k-timepicker,.k-tooltip,.k-touch-scrollbar,.k-treeview .k-in,.k-upload,.k-window,.k-window-action,.k-window-titleless .k-window-content,.k-grid,.k-dropzone,.k-fieldselector .k-list .k-item,.k-list .k-state-focused,.k-list .k-state-highlight,.k-list .k-state-hover,.k-list .k-state-selected,.k-list-optionlabel,.k-autocomplete.k-state-border-down,.k-block>.k-header,.k-calendar-container.k-state-border-down,.k-dropdown-wrap.k-state-border-down,.k-list-container.k-state-border-down,.k-multiselect.k-state-border-down,.k-numeric-wrap.k-state-border-down,.k-panelbar .k-tabstrip-items .k-item,.k-picker-wrap.k-state-border-down,.k-tabstrip-items .k-item,.k-tabstrip-items .k-link,.k-window-titlebar{border-radius:0 !important;font-family:'Inter',Arial,sans-serif;}.btn,.modal-content{border-radius:var(--k-border-radius);font-family:'Inter',Arial,sans-serif;}h1,h2,h3,h4,h5,h6{font-family:'Montserrat',Arial,sans-serif;font-weight:600;}.form-group label{color:#333;font-size:.9em;}.navbar-default{background-color:#ee7a5b;border-color:#ccc;}.navbar-default .navbar-nav>.open>a{background-color:#f1957c;color:#fcfcfc;}.navbar-default .navbar-nav>li>a{color:#fcfcfc;}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#fcfcfc;background-color:#f0876b;}.navbar-default .dropdown-menu{padding:0;color:#fcfcfc;background-color:#f9f0e7;color:#ee7a5b;}.navbar-default .dropdown-menu .dropdown-link>a{color:#ee7a5b;line-height:2em;border-bottom:1px solid rgba(0,0,0,.15);transition:all .1s ease-in-out;}.navbar-default .dropdown-menu .dropdown-link>a:hover{background-image:none;background-color:#f0876b;color:#fcfcfc;}.side-menu .navbar-brand{color:#fcfcfc;font-size:20px;line-height:50px;padding:0 15px;text-transform:uppercase;font-family:"Montserrat";font-weight:600;}.side-menu .navbar-nav .active a{border-right:none;}.side-menu .navbar-default .navbar-nav>.active>a,.side-menu .navbar-default .navbar-nav>.active>a:focus,.side-menu .navbar-default .navbar-nav>.active>a:hover{background-color:#f0876b;color:#fcfcfc;}.side-menu-navbar-nav{background-color:#f9f0e7;border-color:#ccc;}.side-menu-navbar-nav.navbar-nav>.open>a{background-color:#f1957c;color:#fcfcfc;}.side-menu-navbar-nav.navbar-nav>li>a{color:#ee7a5b;transition:all .1s ease-in-out;}.side-menu-navbar-nav .sub-item{padding-left:20px;}.side-menu{margin-left:15px;}.side-menu .brand-name-wrapper{background-color:#f9f0e7;}.side-menu .brand-name-wrapper .navbar-brand{color:#ee7a5b;}.k-grid-toolbar,.batch-section-title,.k-toolbar,.content header{background-color:#f9f0e7;color:#ee7a5b;}.content header{padding:0 15px;line-height:50px;}.content header h3{font-size:20px;line-height:50px;text-transform:uppercase;}.k-grid-toolbar{border-bottom:1px solid #ee7a5b;font-family:'Inter',Arial,sans-serif;font-weight:400;}.batch-section-title{border-bottom:1px solid #ee7a5b;font-family:'Montserrat',Arial,sans-serif;font-weight:600;}.k-grouping-row td,.k-resize-handle-inner,td.k-group-cell{background-color:#eceff1;font-family:'Inter',Arial,sans-serif;}.k-grouping-header{background-color:#eceff1;}.k-grouping-header .k-group-indicator{background-color:#fff;border-color:#ccc;}.k-grid-header .k-i-sort-asc-sm,.k-grid-header .k-i-sort-desc-sm{margin-left:0;}#corporate-orders-grid,#corporate-orders-dashboard-grid,#corporate-addressbook-grid,#corporate-orders-dashboard-grid,#corporate-clients-grid{height:100%;border-width:0;padding:0;margin:0;}#skus-grid tr.threshold-reached{background-color:#ed8282;}#skus-grid tr.threshold-reached:hover{background-color:rgba(237,130,130,.7);}#orders-preparation-grid{height:100%;border-width:0;padding:0;margin:0;border-right:1px solid #ee7a5b;}#orders-preparation-grid tr.has-sibling-line-batched{background-color:#bbdefb;}#orders-preparation-grid tr.has-sibling-line-batched:hover{background-color:#90caf9;}#orders-preparation-grid tr.express-shipping{background-color:#f7d06e;}#orders-preparation-grid tr.express-shipping:hover{background-color:#f4c03e;}#orders-preparation-grid tr.k-state-selected td{background-color:#4582e9;}.full-height-content{height:100%;border-width:0;padding:0;margin:0;}.batch-section-title{font-size:20px;line-height:62px;padding-left:15px;vertical-align:middle;}.batch-section-title .printer{font-size:14px;margin-right:10px;}.batch-section-title .printer select{margin-top:14px;}.fulfillment-multi-select-container{line-height:48px;width:100%;display:flex;}.fulfillment-multi-select-container .multi-select-section{margin-right:3em;}.fulfillment-multi-select-container .multi-select-action-button{display:inline-block;}.addEditBatchPatternDialog .label-center{text-align:center;}.addEditBatchPatternDialog .input-points{padding-left:6px;padding-right:6px;}.addEditBatchPatternDialog .label-left{text-align:left !important;}.multi-select-action-button{position:relative;width:auto;}.multi-select-action-button .actions-dropdown{padding:0;border-radius:0;line-height:44px;}.multi-select-action-button .actions-dropdown .action{cursor:pointer;padding-left:12px;padding-right:12px;border:1px solid;}.multi-select-action-button .actions-dropdown .action i{min-width:20px;}.multi-select-action-button .actions-dropdown .action.success-color{background-color:#4582e9;border-color:#4582e9;color:#fff;}.multi-select-action-button .actions-dropdown .action.success-color:hover{background-color:#1b65e4;border-color:#1b65e4;}.multi-select-action-button .actions-dropdown .action.success-color:active{background-color:#1b65e4;border-color:#1b65e4;-webkit-box-shadow:inset 1px 1px 8px 4px rgba(0,0,0,.11);-moz-box-shadow:inset 1px 1px 8px 4px rgba(0,0,0,.11);box-shadow:inset 1px 1px 8px 4px rgba(0,0,0,.11);}.multi-select-action-button .actions-dropdown .action.warning-color{background-color:#f3bf39;border-color:#eea236;color:#fff;}.multi-select-action-button .actions-dropdown .action.warning-color:hover{background-color:#ec971f;border-color:#a37a01;}.multi-select-action-button .actions-dropdown .action.warning-color:active{background-color:#c67e17;border-color:#a37a01;-webkit-box-shadow:inset 1px 1px 8px 4px rgba(0,0,0,.11);-moz-box-shadow:inset 1px 1px 8px 4px rgba(0,0,0,.11);box-shadow:inset 1px 1px 8px 4px rgba(0,0,0,.11);}.multi-select-action-button .actions-dropdown .action.white-color{background-color:#fff;border:1px solid #ccc;color:#333;}.multi-select-action-button .actions-dropdown .action.white-color:hover{background-color:#e6e6e6;border-color:#adadad;}.multi-select-action-button .actions-dropdown .action.white-color:active{background-color:#d8d8d8;border-color:#adadad;-webkit-box-shadow:inset 1px 1px 8px 4px rgba(0,0,0,.11);-moz-box-shadow:inset 1px 1px 8px 4px rgba(0,0,0,.11);box-shadow:inset 1px 1px 8px 4px rgba(0,0,0,.11);}.multi-select-action-button .actions-dropdown .action.danger-color{background-color:#f4550b;border-color:#d43f3a;color:#fff;}.multi-select-action-button .actions-dropdown .action.danger-color:hover{background-color:#c9302c;border-color:#ac2925;}.multi-select-action-button .actions-dropdown .action.danger-color:active{background-color:#a5221f;border-color:#ac2925;-webkit-box-shadow:inset 1px 1px 8px 4px rgba(0,0,0,.11);-moz-box-shadow:inset 1px 1px 8px 4px rgba(0,0,0,.11);box-shadow:inset 1px 1px 8px 4px rgba(0,0,0,.11);}.multi-select-section{vertical-align:middle;}.multi-select-section .toggle-switch-label{cursor:pointer;font-weight:normal;text-align:right;font-size:14px;margin:0;}.multi-select-section .switch{margin:0;vertical-align:middle;position:relative;display:inline-block;width:40px;height:22px;}.multi-select-section .switch input{display:none;}.multi-select-section .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;}.multi-select-section .slider:before{position:absolute;content:"";height:17px;width:17px;left:3px;bottom:3px;background-color:#fff;-webkit-transition:.4s;transition:.4s;}.multi-select-section input:checked+.slider{background-color:#4582e9;}.multi-select-section input:focus+.slider{box-shadow:0 0 1px #2196f3;}.multi-select-section input:checked+.slider:before{-webkit-transform:translateX(17px);-ms-transform:translateX(17px);transform:translateX(17px);}.batch-list-container{width:100%;height:calc(100% - 62px);overflow-y:auto;}.batch-list-container .batch{width:100%;}.batch-list-container .batch .batch-container{width:100%;}.batch-list-container .batch .batch-container .col-xs-1,.batch-list-container .batch .batch-container .col-xs-2,.batch-list-container .batch .batch-container .col-xs-3,.batch-list-container .batch .batch-container .col-xs-4,.batch-list-container .batch .batch-container .col-xs-5,.batch-list-container .batch .batch-container .col-xs-6,.batch-list-container .batch .batch-container .col-xs-7,.batch-list-container .batch .batch-container .col-xs-8,.batch-list-container .batch .batch-container .col-xs-9,.batch-list-container .batch .batch-container .col-xs-10,.batch-list-container .batch .batch-container .col-xs-11,.batch-list-container .batch .batch-container .col-xs-12{float:none;padding:0;}.batch-list-container .batch .batch-container .batch-toolbar{background-color:#eceff1;line-height:32px;padding:5px 10px;border-bottom:1px solid #ccc;cursor:pointer;}.batch-list-container .batch .batch-container .batch-title{font-weight:400;font-family:'Inter',Arial,sans-serif;margin:0;vertical-align:middle;}.batch-list-container .batch .batch-container .batch-title span.visible .fa{vertical-align:middle;}.batch-list-container .batch .batch-line{padding:0 10px;border-bottom:1px solid #ddd;border-left:10px solid #ddd;display:table;width:100%;cursor:pointer;}.batch-list-container .batch .batch-line.produced{background-color:#a6b92d;border-left-color:#94a428;}.batch-list-container .batch .batch-line.produced:hover{background-color:#819023;border-left-color:#6f7b1e;}.batch-list-container .batch .batch-line.k-state-selected,.batch-list-container .batch .batch-line.k-state-selected.produced{background-color:#4582e9;border-left-color:#90caf9;border-bottom-color:#aaa;}.batch-list-container .batch .batch-line.k-state-selected:hover,.batch-list-container .batch .batch-line.k-state-selected.produced:hover{background-color:#73a1ee;border-left-color:#84bbe8;}.batch-list-container .batch .batch-line .secondary-line{font-size:smaller;}.batch-list-container .batch .batch-line .cell{display:table-cell;vertical-align:middle;}.batch-list-container .batch .order-line{min-height:59px;max-height:59px;padding:0 10px;border-bottom:1px solid #ddd;border-left:10px solid #ddd;display:table;width:100%;cursor:pointer;}.batch-list-container .batch .order-line.k-state-selected,.batch-list-container .batch .order-line.k-state-selected.produced{background-color:#4582e9;border-left-color:#90caf9;border-bottom-color:#aaa;}.batch-list-container .batch .order-line.k-state-selected:hover,.batch-list-container .batch .order-line.k-state-selected.produced:hover{background-color:#73a1ee;border-left-color:#84bbe8;}.batch-list-container .batch .order-line.produced{background-color:#a6b92d;border-left-color:#94a428;}.batch-list-container .batch .order-line.produced:hover{background-color:#819023;border-left-color:#6f7b1e;}.batch-list-container .batch .order-line .secondary-line{font-size:smaller;}.batch-list-container .batch .order-line .cell{display:table-cell;vertical-align:middle;}.batch-list-container .batch .batch-selection{transition:all .1s ease-in-out;}.batch-list-container .batch .batch-selection .produced{background-color:#a6b92d;border-left-color:#94a428;}.batch-list-container .batch .batch-selection .produced:hover{background-color:#819023;border-left-color:#6f7b1e;}.batch-list-container .batch .batch-selection .selected{background-color:#4582e9;color:#fcfcfc;}.batch-list-container .batch .batch-selection .selected:hover{background-color:#3379b5;}.batch-list-container .batch .batch-selection .check{margin-right:10px;height:28px;}.k-state-selected a.editable-click,.k-state-selected a{color:#fcfcfc;}.flex-item-left{flex:auto;text-align:left;}.flex-item-right{flex:auto;text-align:right;}.order-line.order.multi-select{width:100%;position:relative;border-left:40px solid #ddd;}.order-line.order.multi-select .multi-select-checkbox{width:38px;max-width:38px;}.order-line.order.multi-select .cell.content{padding-right:10px;border-right:none;line-height:1.5em;float:left;vertical-align:middle;padding-top:8px;padding-bottom:8px;width:100%;}.order-line.order.multi-select .cell.content div.first-line {min-width:100%;display:flex;flex-wrap:wrap;flex:auto;}.order-line.order.multi-select .cell.content div.secondary-line{min-width:100%;display:flex;flex-wrap:wrap;flex:auto;}.fulfillment{width:100%;position:relative;}.fulfillment .cell.content{padding-right:10px;border-right:1px solid #ddd;line-height:1.5em;float:none;}.fulfillment .cell.actions{width:425px;line-height:3em;}.fulfillment .cell.actions button{width:105px;padding:10px;margin:5px;}.fulfillment .cell.actions>*{margin:0 5px;}.fulfillment.express-shipping{background-color:#f7d06e;}.fulfillment.express-shipping:hover{background-color:#f4c03e;}.production{width:100%;position:relative;}.production .cell.content{padding-right:10px;border-right:1px solid #ddd;line-height:1.5em;float:none;}.production .cell.actions{width:130px;line-height:3em;padding:5px;}.production .cell.actions button{width:100px;padding:10px;}.production .cell.actions>*{margin:0 5px;}.production.express-shipping{background-color:#f7d06e;}.production.express-shipping:hover{background-color:#f4c03e;}.order{width:100%;position:relative;}.order .cell.content{padding-right:10px;border-right:1px solid #ddd;line-height:1.5em;float:none;}.order .cell.actions{width:370px;line-height:3em;padding:5px;}.order .cell.actions button{width:100px;padding:10px;margin:5px;}.order .cell.actions>*{margin:0 5px;}.order.express-shipping{background-color:#f7d06e;}.order.express-shipping:hover{background-color:#f4c03e;}.kaseme-selectable-grid .k-grid-toolbar .k-toolbar button{margin-right:5px;}.kaseme-selectable-grid .k-grid-toolbar .k-toolbar button:last-of-type{margin-right:0;}.kaseme-selectable-grid .k-grid-toolbar .k-toolbar .k-separator{margin:0 .5em;}.kaseme-selectable-grid .k-grid-toolbar .k-toolbar.pull-right{margin-right:10px;}.modal-xl-growing .modal-dialog{width:80vw;max-height:85vh;}.modal-xl-growing .modal-body{max-height:calc(85vh - 121px);overflow-y:auto;}.modal-warning .modal-dialog{width:50vw;}.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.reject-reason{color:#000;width:auto;padding:0;border-radius:0;line-height:44px;cursor:pointer;padding-left:12px;padding-right:12px;border:1px solid;background-color:#efefef;border:1px solid #bcbcbc;color:#333;overflow:visible;}.reject-reason:hover{background-color:#d8d8d8;border-color:#9e9e9e;}.reject-reason:active{background-color:#c9c9c9;border-color:#9e9e9e;-webkit-box-shadow:inset 1px 1px 8px 4px rgba(0,0,0,.11);-moz-box-shadow:inset 1px 1px 8px 4px rgba(0,0,0,.11);box-shadow:inset 1px 1px 8px 4px rgba(0,0,0,.11);}.line-deleted{text-decoration-line:line-through;}.daterangepicker{border-radius:0;}.daterangepicker .daterangepicker_input{border-radius:0;}.daterangepicker .calendar-table{border-radius:0;}.daterangepicker .calendar-table td{border-radius:0;}.daterangepicker .input-mini{border-radius:0;}.daterangepicker .ranges li{border-radius:0;border:1px solid #e0e0e0;font-size:14px;margin:0;line-height:36px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.daterangepicker .ranges li.active{background-color:#08c;border-color:#0071aa;}.daterangepicker .ranges li.active:hover{background-color:#006aa0;border-color:#9e9e9e;}.daterangepicker .ranges li.active:active{background-color:#006aa0;border-color:#9e9e9e;-webkit-box-shadow:inset 1px 1px 8px 4px rgba(0,0,0,.11);-moz-box-shadow:inset 1px 1px 8px 4px rgba(0,0,0,.11);box-shadow:inset 1px 1px 8px 4px rgba(0,0,0,.11);}.daterangepicker .ranges li:hover{background-color:#08c;border-color:#0071aa;}.daterangepicker .ranges li:active{background-color:#006aa0;border-color:#9e9e9e;-webkit-box-shadow:inset 1px 1px 8px 4px rgba(0,0,0,.11);-moz-box-shadow:inset 1px 1px 8px 4px rgba(0,0,0,.11);box-shadow:inset 1px 1px 8px 4px rgba(0,0,0,.11);}.daterangepicker .ranges .range_inputs{display:flex;}.daterangepicker .ranges .range_inputs button{margin:0;width:50%;font-size:14px;}input[type="number"].no-arrows::-webkit-outer-spin-button,input[type="number"].no-arrows::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}input[type="number"].no-arrows{-moz-appearance:textfield;}@media(min-width:768px){.navbar-nav>li>a.logged-username{padding-top:7px;padding-bottom:7px;text-transform:uppercase;font-weight:bold;font-size:32px;padding-right:0;display:flex;align-items:center;}}.toast-top-wide{top:0;right:0;width:100%;}#toast-container.toast-top-wide>div{min-width:300px;max-width:600px;width:auto;margin:auto;}.cancelled{color:#bbb;text-decoration:line-through;}.btn-group.corporate-order-status-buttons .btn-secondary{color:#000;}.btn-group.corporate-order-status-buttons .btn-secondary.btn-warning{color:#fff;}.btn-group.corporate-order-status-buttons .btn-secondary.btn-success{color:#fff;}.flex-ellipsis-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.input-no-spinners input[type=number]::-webkit-inner-spin-button,.input-no-spinners input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}.flex-container{display:flex;}.flex-container .space-between{justify-content:space-between;}.batch-line.production .image{object-fit:contain;}.is-shopify-usa{background-color:#bbdefb;}.batch-line.fulfillment .image{object-fit:contain;}.order .image{object-fit:contain;}.inventory-products header{display:flex;}.inventory-products header>*{align-self:center;}.inventory-products header h3.header{flex-grow:1;max-width:none;}.product-designs .table>tbody>tr>td{border-top:1px solid #707070;}.product-designs .table .image-column{border-right:1px solid #707070;}.product-designs .table .image-column .image-container{text-align:center;}.product-designs .table .skus-column{border-right:1px solid #707070;}i.psd-status-in-progress,i.psd-status-fail{margin-right:5px;font-size:20px;vertical-align:middle;}i.psd-status-fail{color:#dc3545;}.note-label.label{font-size:100%;padding:.5em 1em;}.d-flex{display:flex;}.flex-wrap{flex-wrap:wrap;}.align-items-center{align-items:center;}.flex-grow-0{flex-grow:0;}.flex-grow-1{flex-grow:1;}.flex-shrink-0{flex-shrink:0;}.justify-content-between{justify-content:space-between;}.justify-content-end{justify-content:flex-end;}.gap-1{gap:.25rem !important;}.gap-2{gap:.5rem !important;}.gap-3{gap:1rem !important;}.ml-10{margin-left:10px;}.mb-1{margin-bottom:.25rem !important;}.mb-2{margin-bottom:.5rem !important;}.mb-3{margin-bottom:1rem !important;}.px-1{padding-left:.25rem !important;padding-right:.25rem !important;}.px-2{padding-left:.5rem !important;padding-right:.5rem !important;}.px-3{padding-left:1rem !important;padding-right:1rem !important;}.danger-color{color:#f4550b;}.success-color{color:#4582e9;}.fc-black{color:#333 !important;}.font-title{font-family:"Montserrat";font-weight:600;}.border-radius-0{border-radius:0 !important;}.badge{border-radius:.25rem;}.white-space-pre{white-space:pre-wrap;}.pulse-me{animation:pulse .5s ease infinite alternate;}@keyframes pulse{0%{opacity:.7;}100%{opacity:1;}}
.orders-fulfillment-corporate .donut-container{position:relative;width:100px;height:100px;}.orders-fulfillment-corporate .donut-container .donut-center{position:absolute;width:100%;text-align:center;top:50%;display:flex;flex-direction:column;justify-content:center;height:60px;margin-top:-30px;line-height:1.1;}.orders-fulfillment-corporate .bigger{font-size:1.3em;font-weight:600;}.orders-fulfillment-corporate .smaller{font-size:.85em;}.orders-fulfillment-corporate .batch:hover{background-color:rgba(0,0,0,.05);}.corporate-order-selection .frow{display:flex;flex-direction:row;width:100%;border-bottom:1px solid #000;background-color:#eceff1;padding:5px 0;cursor:pointer;}.corporate-order-selection .frow .selected{background-color:#428bca;color:#fcfcfc;}.corporate-order-selection .frow .selected:hover{background-color:#3379b5;}.corporate-order-selection .frow .produced{background-color:rgba(92,184,92,.4);border-left-color:rgba(92,184,92,.5);}.corporate-order-selection .frow .produced:hover{background-color:rgba(92,184,92,.5);border-left-color:rgba(92,184,92,.6);}.corporate-order-selection .fcolumn{display:flex;flex-direction:column;margin:auto;align-items:center;justify-content:center;}.corporate-order-selection .fcolumn.selector{flex-grow:0;flex-shrink:0;width:50px;flex:none;}.corporate-order-selection .fcolumn.late-indicator{flex-grow:0;flex-shrink:0;width:50px;flex:none;}.corporate-order-selection .fcolumn-center{display:flex;flex-direction:column;flex-grow:1;padding:5px 10px 0 0;}.corporate-order-selection .fcolumn-center>*{margin-bottom:5px;}.corporate-order-selection .fcolumn-center .label.custom-label{background-color:#607d8b;display:block;}.corporate-order-selection .fcolumn-center i{margin-right:3px;}.corporate-order-selection .fcolumn-center .bar-container{background-color:#bcbcbc;width:100%;max-width:200px;height:28px;display:flex;flex-wrap:nowrap;margin:5px 20px 5px 0;position:relative;border-radius:2px;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);}.corporate-order-selection .fcolumn-center .bar-container .bar-shipped{background-color:#00c851;height:28px;}.corporate-order-selection .fcolumn-center .bar-container .bar-pending{background-color:#08c;height:28px;}.corporate-order-selection .fcolumn-center .bar-container .bar-label{position:absolute;line-height:28px;padding:0 10px;font-weight:600;max-width:100%;color:#fff;}.corporate-order-selection .label{font-size:1em;margin-right:5px;}
.invoice-container{
min-width: 600px;
max-width: 80%;
margin: auto;
padding-top: 50px;
}
.shipto{
padding-bottom: 50px;
}
#trackingNumbers {
width: 400px;
}
#carrier{
width:200px;
height:26px;
}
.productivity-dashboard{background-color:#f0f0f0;}.productivity-dashboard .chart{height:100px;}.productivity-dashboard .chart-container{background-color:#fff;padding:.5em;margin:1em;border-radius:2px;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);}.productivity-dashboard .chart-title{text-align:center;margin-top:10px;font-size:2em;font-weight:bold;margin-bottom:0;}.productivity-dashboard .single-value-chart{border:1px solid #ddd;display:inline-block;padding:.5em 1em;border-radius:2px;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);margin-bottom:20px;}.productivity-dashboard .single-value-chart .chart-value{font-size:2em;font-weight:bold;}.productivity-dashboard .single-value-chart .chart-label{font-size:1em;}.productivity-dashboard .shift{line-height:22px;padding-right:15px;margin-top:11px;text-align:right;}.productivity-dashboard .card-container{display:flex;flex-wrap:wrap;}.productivity-dashboard .card{border:1px solid #ddd;display:inline-block;border-radius:2px;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);margin-bottom:10px;margin-left:10px;margin-right:10px;min-width:140px;}.productivity-dashboard .card .card-title{padding:5px 10px;font-size:2em;text-align:center;background-color:#ffc107;font-weight:bold;}.productivity-dashboard .card .card-content{padding:5px 10px;border-top:1px solid #ddd;font-size:1.25em;}.productivity-dashboard .bar{height:25px;background-color:#f44;}.productivity-dashboard .bar-number{display:inline;width:15%;float:right;}.productivity-dashboard .bar-container{float:left;width:85%;}@media(min-width:1200px){.productivity-dashboard .col-lg-6{padding:0 1em;}}
.shipping-stats .form-inline label{color:#fcfcfc;}.shipping-stats .form-inline .ui-select-container{display:inline-block;vertical-align:middle;width:300px;}.shipping-stats .form-inline .ui-select-container .form-control{width:300px;}.shipping-stats .form-inline .form-group{margin-left:20px;}.shipping-stats .date-picker{width:290px;height:34px;color:#000;padding-left:10px;margin-right:10px;background-color:#fafafa;text-transform:capitalize;}
.sku-replenishment-request .table-container{overflow-y:auto;max-height:calc(100vh - 100px);}
.stats-average-time{background-color:#f0f0f0;}.stats-average-time .batch-section-title{line-height:1;height:60px;padding:0 15px;}.stats-average-time .flexbox{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;align-content:stretch;}.stats-average-time .form-inline label{color:#fcfcfc;}.stats-average-time .form-inline .ui-select-container{display:inline-block;vertical-align:middle;width:200px;}.stats-average-time .form-inline .ui-select-container .form-control{width:200px;}.stats-average-time .form-inline .form-group{margin-left:20px;}.stats-average-time .chart{height:300px;}.stats-average-time .date-picker{width:290px;height:34px;color:#000;padding-left:10px;margin-right:10px;background-color:#fafafa;text-transform:capitalize;}.stats-average-time .chart-container{background-color:#fff;padding:1em;margin:1em;border-radius:2px;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);}.stats-average-time .chart-title{text-align:center;margin-top:10px;font-size:2em;font-weight:bold;margin-bottom:0;}.stats-average-time .shift{line-height:22px;padding-right:15px;margin-top:11px;text-align:right;}
.stats-productivity{background-color:#f0f0f0;}.stats-productivity .batch-section-title{line-height:1;height:60px;padding:0 15px;}.stats-productivity .flexbox{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;align-content:stretch;}.stats-productivity .form-inline label{color:#fcfcfc;}.stats-productivity .form-inline .ui-select-container{display:inline-block;vertical-align:middle;width:200px;}.stats-productivity .form-inline .ui-select-container .form-control{width:200px;}.stats-productivity .form-inline .form-group{margin-left:20px;}.stats-productivity .chart{height:300px;}.stats-productivity .date-picker{width:290px;height:34px;color:#000;padding-left:10px;margin-right:10px;background-color:#fafafa;text-transform:capitalize;}.stats-productivity .chart-container{background-color:#fff;padding:1em;margin:1em;border-radius:2px;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);}.stats-productivity .chart-title{text-align:center;margin-top:10px;font-size:2em;font-weight:bold;margin-bottom:0;}.stats-productivity .shift{line-height:22px;padding-right:15px;margin-top:11px;text-align:right;}
.stats-efficiency{background-color:#f0f0f0;}.stats-efficiency .batch-section-title{line-height:1;height:60px;padding:0 15px;}.stats-efficiency .flexbox{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;align-content:stretch;}.stats-efficiency .form-inline label{color:#fcfcfc;}.stats-efficiency .form-inline .ui-select-container{display:inline-block;vertical-align:middle;width:200px;}.stats-efficiency .form-inline .ui-select-container .form-control{width:200px;}.stats-efficiency .form-inline .form-group{margin-left:20px;}.stats-efficiency .date-picker{width:290px;height:34px;color:#000;padding-left:10px;margin-right:10px;background-color:#fafafa;text-transform:capitalize;}.stats-efficiency .chart{height:300px;}.stats-efficiency .chart-container{background-color:#fff;padding:1em;margin:1em;border-radius:2px;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);}.stats-efficiency .chart-title{text-align:center;margin-top:10px;font-size:2em;font-weight:bold;margin-bottom:0;}.stats-efficiency .col-no-padding{padding-left:0;padding-right:0;}
.stats-production-and-rejects{background-color:#f0f0f0;}.stats-production-and-rejects .batch-section-title{line-height:1;height:60px;padding:0 15px;}.stats-production-and-rejects .flexbox{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;align-content:stretch;}.stats-production-and-rejects .form-inline label{color:#fcfcfc;}.stats-production-and-rejects .form-inline .ui-select-container{display:inline-block;vertical-align:middle;width:200px;}.stats-production-and-rejects .form-inline .ui-select-container .form-control{width:200px;}.stats-production-and-rejects .form-inline .form-group{margin-left:20px;}.stats-production-and-rejects .chart{height:300px;}.stats-production-and-rejects .date-picker{width:290px;height:34px;color:#000;padding-left:10px;margin-right:10px;background-color:#fafafa;text-transform:capitalize;}.stats-production-and-rejects .chart-container{background-color:#fff;padding:1em;margin:1em;border-radius:2px;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);}.stats-production-and-rejects .chart-title{text-align:center;margin-top:10px;font-size:2em;font-weight:bold;margin-bottom:0;}.stats-production-and-rejects .single-value-chart{border:1px solid #ddd;display:inline-block;padding:.5em 1em;border-radius:2px;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);margin-bottom:10px;}.stats-production-and-rejects .single-value-chart .chart-value{font-size:2em;font-weight:bold;}.stats-production-and-rejects .single-value-chart .chart-label{font-size:1em;}.stats-production-and-rejects .col-no-padding{padding-left:0;padding-right:0;}
.stats-production{background-color:#f0f0f0;}.stats-production .batch-section-title{line-height:1;height:60px;padding:0 15px;}.stats-production .flexbox{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;align-content:stretch;}.stats-production .form-inline label{color:#fcfcfc;}.stats-production .form-inline .ui-select-container{display:inline-block;vertical-align:middle;width:200px;}.stats-production .form-inline .ui-select-container .form-control{width:200px;}.stats-production .form-inline .form-group{margin-left:20px;}.stats-production .chart{height:300px;}.stats-production .date-picker{width:290px;height:34px;color:#000;padding-left:10px;margin-right:10px;background-color:#fafafa;text-transform:capitalize;}.stats-production .chart-container{background-color:#fff;padding:1em;margin:1em;border-radius:2px;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);}.stats-production .chart-title{text-align:center;margin-top:10px;font-size:2em;font-weight:bold;margin-bottom:0;}.stats-production .single-value-chart{border:1px solid #ddd;display:inline-block;padding:.5em 1em;border-radius:2px;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);margin-bottom:10px;}.stats-production .single-value-chart .chart-value{font-size:2em;font-weight:bold;}.stats-production .single-value-chart .chart-label{font-size:1em;}.stats-production .col-no-padding{padding-left:0;padding-right:0;}
.stats-productivity{background-color:#f0f0f0;}.stats-productivity .batch-section-title{line-height:1;height:60px;padding:0 15px;}.stats-productivity .flexbox{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;align-content:stretch;}.stats-productivity .form-inline label{color:#fcfcfc;}.stats-productivity .form-inline .ui-select-container{display:inline-block;vertical-align:middle;width:200px;}.stats-productivity .form-inline .ui-select-container .form-control{width:200px;}.stats-productivity .form-inline .form-group{margin-left:20px;}.stats-productivity .chart{height:300px;}.stats-productivity .date-picker{width:290px;height:34px;color:#000;padding-left:10px;margin-right:10px;background-color:#fafafa;text-transform:capitalize;}.stats-productivity .chart-container{background-color:#fff;padding:1em;margin:1em;border-radius:2px;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);}.stats-productivity .chart-title{text-align:center;margin-top:10px;font-size:2em;font-weight:bold;margin-bottom:0;}.stats-productivity .shift{line-height:22px;padding-right:15px;margin-top:11px;text-align:right;}
.charge-de-travail{background-color:#f0f0f0;overflow-y:auto;}.charge-de-travail .shift{line-height:22px;padding-right:15px;margin-top:11px;text-align:right;}.charge-de-travail .chart-container{background-color:#fff;padding:1em;margin:1em;border-radius:2px;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);}.charge-de-travail .chart-title{text-align:center;margin-top:10px;font-size:2em;font-weight:bold;margin-bottom:0;}.charge-de-travail .chart{height:auto;}.charge-de-travail .no-scrollbar .k-grid-header,.charge-de-travail .no-scrollbar .k-grid-footer{padding:0 !important;}.charge-de-travail .no-scrollbar .k-grid-content{overflow-y:visible;}