.table > caption + thead > tr:first-child > td:first-letter,
.table > caption + thead > tr:first-child > th:first-letter,
.table > colgroup + thead > tr:first-child > td:first-letter,
.table > colgroup + thead > tr:first-child > th:first-letter,
.table > thead:first-child > tr:first-child > td:first-letter,
.table > thead:first-child > tr:first-child > th:first-letter {
  text-transform: uppercase;
  vertical-align: middle !important;
}
#edit-profile-form .form-group {
  padding: 0px 0px 10px 0px;
}
.loadingDiv {
  position: fixed;
  display: none;
  background-color: rgba(255, 255, 255, 0.5);
  background-position: center center;
  width: 100%;
  height: 100%;
  z-index: 99999;
}
.loadingDiv img {
  position: absolute;
  left: 50%;
  top: 50%;
}
.product-wrapper-popular h3 {
  padding: 20px 0px 0px 0px;
}
.product-wrapper-popular .se-mere-mødeforplejning {
  font-size: 15px;
  padding: 0 20px;
}
.darkHeader .mobileHomeIcon {
  display: block !important;
  float: left;
  margin-top: 0px;
  width: 18px;
  margin-right: 2px;
}
.darkHeader .mobileHomeIcon a .fa {
  color: #ffffff;
  float: right;
  margin-top: 17px;
  font-size: 14px;
}
.canvas-slid.in.modal {
  left: 0 !important;
  right: 0 !important;
  width: 100%;
}
.error-wrapper {
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
.error-wrapper .fa.fa-exclamation-triangle {
  font-size: 30px;
  padding-top: 40pX;
  color: #F54848;
  display: inline-block;
}
.error-wrapper h2 {
  display: inline-block;
  font-size: 36px;
  padding-left: 15px;
}
.error-wrapper p {
  font-size: 16px;
  margin-bottom: 20px;
}
.error-wrapper a {
  font-size: 16px;
  text-decoration: underline;
}
.error-wrapper a .fa {
  padding-right: 15px;
  font-size: 16px;
}
/*CART*/
#ordersubmit h1 {
  color: #333;
  font-size: 36px;
}
.titleCart {
  text-align: center;
}
.titleCart h4 {
  font-size: 20px !important;
}
.timeForm {
  margin-top: 20px;
  color: #333333;
  font-size: 16px;
  line-height: 25px;
}
.timeForm input {
  margin-top: 5px !important;
}
.ColumnBox .box {
  box-shadow: 0px 0px 5px #ccc;
  padding: 20px;
}
.ColumnBox .box h2 {
  font-size: 18px;
  color: #333333;
}
.ColumnBox .box h2 img {
  margin-top: -5px;
  margin-right: 5px;
}
.ColumnBox .box .user-form .form-group {
  margin-top: 10px;
}
.ColumnBox .box .user-form input {
  border: none;
  border-radius: 0;
  box-shadow: 0px 0px 3px #ccc !important;
}
.ColumnBox .box .user-form label {
  color: #333;
  font-size: 14px;
  font-family: Lato-Regular;
}
.success-wrapper hr {
  margin-top: -40px;
}
.success-wrapper h2 {
  font-size: 36px;
  margin-top: 15px;
}
.success-wrapper .fa-check-circle {
  color: #879975;
  font-size: 30px;
  padding-top: 40pX;
}
.success-wrapper p a {
  font-weight: 700;
  display: inline-block !important;
  color: #333;
  width: auto;
}
.success-wrapper p a:hover,
.success-wrapper p a:focus,
.success-wrapper p a:active {
  background: none !important;
  color: #333 !important;
}
.success-wrapper a {
  color: white;
  text-align: left;
  font-weight: 600;
  width: 100%;
  margin: 0 auto;
  display: block;
}
.success-wrapper a.success-link {
  padding: 13px 10px;
  background: #879975;
}
.success-wrapper a:active,
.success-wrapper a:focus,
.success-wrapper a:hover {
  color: white !important;
  background: #b3b92d !important;
}
.success-wrapper a img {
  padding-right: 10px;
  width: auto;
}
.success-wrapper a span:after {
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  right: 20px;
  top: 21px;
  font-size: 20px;
}
.success-wrapper strong {
  display: block;
  padding: 20px;
}
.success-wrapper .paragraphs-list > .col-xs-12 {
  padding: 0;
  margin-bottom: 15px;
}
.success-wrapper .paragraphs-list .header-box {
  padding: 0 20px;
  width: 100%;
  display: inline-block;
  line-height: 60px;
  vertical-align: middle;
  height: 60px;
  position: relative;
  color: white;
  text-align: left;
  background: #879975;
}
.success-wrapper .paragraphs-list .header-box img {
  padding-right: 10px;
}
.success-wrapper .paragraphs-list span {
  font-weight: 600;
}
.success-wrapper .paragraphs-list a {
  display: inline-block;
  width: 100%;
}
.success-wrapper .paragraphs-list .img-wrapper {
  height: 165px;
  overflow: hidden;
}
.success-wrapper .paragraphs-list .img-wrapper img {
  width: 100%;
}
.loginPageAllert {
  width: 74%;
}
.preview-mode.has-change {
  background: #879975 none repeat scroll 0 0 !important;
  border: 2px solid #fff !important;
  position: relative;
}
.preview-mode.has-change:before {
  background: black none repeat scroll 0 0;
  border-radius: 50%;
  color: #fff;
  content: "!";
  font-size: 16px;
  height: 22px;
  left: -6px;
  position: absolute;
  top: -3px;
  width: 22px;
  font-weight: bold;
}
.week-orderline-mobile:first-child .teemParth .teem:first-child {
  display: block;
  margin-left: -15px;
  margin-top: -8px;
  margin-bottom: 15px;
  text-align: center;
  margin-right: -15px;
  padding: 13px 0;
  background: #e2e2e2;
}
.teemParth .teem {
  display: none;
}
.teemParth .teem:firts-child {
  display: block;
}
.week-orderline-mobile {
  background: #f0f0f0 none repeat scroll 0 0;
  overflow: hidden;
  width: 100%;
  border-bottom: 1px solid #fff;
  padding: 10px;
}
.week-orderline-mobile .add {
  background: #879975 none repeat scroll 0 0;
  color: #fff;
  font-size: 17px;
  margin: 6px 5px 0;
  padding: 4px 6px;
}
.week-orderline-mobile .minus {
  background: #879975 none repeat scroll 0 0;
  color: #fff;
  font-size: 17px;
  margin: 6px 5px 0;
  padding: 4px 6px;
}
.week-orderline-mobile .title {
  color: #333333;
  text-align: center;
  font-size: 18px;
  font-family: "Lato-Bold";
  padding: 15px 0;
  width: 40%;
  float: left;
}
.week-orderline-mobile .buyControl {
  width: 43%;
  float: right;
  margin-top: 2px;
}
.week-orderline-mobile .edit-mode span {
  display: block;
  width: 30%;
  float: right;
  margin-top: 20px;
  color: #333333;
  font-size: 18px;
  font-family: "Lato-Bold";
}
.week-orderline-mobile .preview-mode .old-qty {
  text-align: right;
}
.week-orderline-mobile .preview-mode span {
  width: 15%;
  text-align: center;
  display: block;
  float: right;
  margin-top: 20px;
  color: #333333;
  font-size: 18px;
  font-family: "Lato-Bold";
}
.week-orderline-mobile .mobileVersion .test .week-orderline-mobile {
  border-bottom: 1px solid #fff;
  padding: 10px;
}
[name="canteenOrder"] tbody:last-of-type tr:last-of-type {
  border-top: 2px solid #000000;
}
body {
  background: #f2f2f2 !important;
}
.add {
  cursor: pointer;
  margin-top: 7px;
  padding: 4px;
  background-color: #879975;
  color: white;
  font-size: 12px;
}
.minus {
  cursor: pointer;
  margin-top: 7px;
  padding: 4px;
  background-color: #879975;
  color: white;
  font-size: 12px;
}
.darkHeader.affix-bottom {
  width: 100%;
  margin: 0px auto;
  left: 0;
}
.darkHeader.navbar-wp.affix-top {
  width: 100%;
}
.darkHeader.navbar-wp.affix {
  width: 100%;
}
#minipagecart {
  text-transform: uppercase;
}
#minipagecart:after {
  content: "";
}
.affix-top {
  left: 0;
}
.pagging {
  list-style: none;
}
.pagging li {
  float: left;
  display: block;
  padding: 0 10px 10px 10px;
  color: #b3b735 !important;
  padding-left: 0px;
}
.pagging li:before {
  content: none !important;
}
.pagging li a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #e0eded;
  font-weight: bold !important;
}
.pagging li a:hover {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #e0eded;
  color: #b3b735;
}
#navOne.darkHeader {
  position: fixed;
  top: 0px;
  background: transparent none repeat scroll 0 0;
  box-shadow: none;
}
#navOne.darkHeader .container {
  background: #000;
}
#navOne.darkHeader .container .navOneDarkInner {
  background: #000;
  margin-left: -45px;
  overflow: unset;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
#navOne.darkHeader #homemenubtn {
  display: none;
}
#navOne.darkHeader .imagemenu {
  display: block !important;
  float: left;
  margin-left: 25px;
  margin-top: 3px;
  position: relative;
  width: 36px;
  margin-right: 10px;
}
#navOne.darkHeader #remote {
  display: none;
}
#navOne.darkHeader li:first-child:hover {
  background: transparent;
}
#navOne.darkHeader #homemenubtn {
  /*padding:0px!important;
               background: transparent;
            &:hover{
                background: none!important;
            }*/
}
#navOne.darkHeader #homemenubtn .fa {
  /*display: none;*/
}
#navOne.darkHeader .NewMenu {
  display: block !important;
  height: 30px;
  list-style: none;
  margin-top: 10px;
}
#navOne.darkHeader .NewMenu .movebuproduct {
  top: 62px;
  width: 100%;
}
#navOne.darkHeader .NewMenu li {
  height: 30px;
  padding-top: 5px;
}
#navOne.darkHeader .NewMenu li a {
  padding: 10px 15px;
  color: #fff;
}
#navOne.darkHeader .NewMenu:hover .sub-menu {
  opacity: 0;
}
#navOne.darkHeader .NewMenu .sub-menu {
  opacity: 0;
}
#navOne.darkHeader .impersonation-top.darkNav {
  display: flex;
}
.NoTitle .dw-section-title {
  /*display: none;*/
}
#maincontent ul,
.loginHead ul {
  list-style: none !important;
}
#maincontent ul li,
.loginHead ul li {
  color: #333333;
  font-size: 16px;
  font-family: 'Lato-Light';
  padding-left: 0 !important;
  display: table;
  margin-bottom: 10px;
  line-height: 20px;
  display: flex;
}
#maincontent ul li:before,
.loginHead ul li:before {
  content: "• ";
  color: #879975;
  font-size: 30px;
  display: table-cell;
}
#maincontent .figure h2 span,
.loginHead .figure h2 span {
  color: #b3b92d;
  font-size: 24px;
  font-family: 'Lato-Bold';
}
#minipagecart {
  color: #fff;
}
/*footer*/
.footer {
  padding-bottom: 0px;
  padding-bottom: 0;
}
.footer a {
  color: #879975 !important;
}
.footer a h4,
.footer a .fa {
  color: #ffffff;
}
.footer a:hover,
.footer a:focus,
.footer a:active {
  color: #879975 !important;
  background: none !important;
  text-decoration: none;
}
.footer h4 {
  font-family: 'Lato-Regular' !important;
  color: #ffffff;
  font-size: 14px !important;
}
.footer ul li {
  font-family: 'Lato-Regular' !important;
  color: #ffffff;
  font-size: 14px !important;
  padding-bottom: 10px;
}
.footer ul li a {
  color: #879975 !important;
  text-decoration: underline;
}
.footer ul li a:hover {
  color: #b3b92d !important;
  text-decoration: underline;
}
.footer .footerBottom {
  background: #3f3f3f;
  padding: 10px 0;
}
.commands button {
  background: #b3b92d none repeat scroll 0 0 !important;
  border: 0 none !important;
  border-radius: 0;
  color: #fff;
  font-family: "Lato-Light";
  font-size: 16px;
  padding: 10px;
}
/*Wellcome page*/
.welcome .first-element {
  float: right;
  width: 100%;
}
.welcome .first-element > .dw-section-title {
  display: none;
}
.view_profile_wellcome {
  border: 1px solid #e2e2e2;
  padding: 15px;
  margin-bottom: 15px;
}
.view_profile_wellcome h2 {
  float: left;
  padding-right: 10px;
  display: block;
}
.view_profile_wellcome .logOut {
  color: #b3b92d;
  text-decoration: underline;
  float: left;
  padding: 20px 0;
}
.view_profile_wellcome h4,
.view_profile_wellcome strong {
  font-weight: 900;
  margin-bottom: 7px;
}
.view_profile_wellcome .left {
  float: left;
  padding-left: 15px;
}
.view_profile_wellcome p {
  margin-bottom: 0;
}
.view_profile_wellcome .pull-right {
  float: right;
  margin-top: 10px;
  padding: 5px 15px;
  border: 1px solid #b3b92d;
}
.view_profile_wellcome .pull-right a {
  color: #b3b92d;
}
.view_profile_wellcome .pull-right a:focus {
  outline: none;
}
.wellcome_content {
  overflow: hidden;
  width: 100%;
}
.wellcome_content .left {
  width: 45%;
  float: left;
}
.wellcome_content .left a {
  font-family: 'Lato-Bold';
  font-size: 16px;
}
.wellcome_content img {
  float: right;
}
/*Login*/
.user-form .form-body .loginPage {
  float: none;
}
.user-form .form-body .loginPage input {
  border-radius: 0;
  border: 1px solid #d4d4d4;
  background: #f2f2f2;
}
.user-form .form-body .loginPage label {
  font-family: 'Lato-Light';
  font-size: 14px;
  color: #333333;
}
.user-form .form-body .buttonsRow .btn-two {
  background: #879975 none repeat scroll 0 0 !important;
  border: 0 none !important;
  border-radius: 0;
  font-family: "Lato-Light";
  font-size: 16px;
  text-decoration: none;
}
.user-form .form-body .forgot {
  border: none;
  color: #879975;
  text-decoration: underline;
  font-family: 'Lato-Light';
  font-size: 16px;
  padding-left: 0px;
}
.user-form .form-body .forgot:hover {
  background: none;
}
.forgotPass {
  background: #b3b92d none repeat scroll 0 0 !important;
  border: 0 none !important;
  border-radius: 0;
  font-family: "Lato-Light";
  font-size: 16px;
  text-decoration: none;
}
.forgotPass.btn-base {
  background: #b3b92d none repeat scroll 0 0 !important;
  border: medium none !important;
}
.companyInfo {
  border: 1px solid #e2e2e2;
  padding: 20px 20px 40px;
}
.companyInfo h4 {
  font-size: 18px;
}
.companyInfo p {
  margin-bottom: 5px;
}
/*Contact box*/
.Employee {
  border: 1px solid #e2e2e2;
  padding: 20px;
  width: 46%;
  margin-right: 5%;
  margin-top: 5%;
}
.Employee:nth-child(2n+2) {
  margin-right: 0;
}
.Employee .images {
  border-radius: 50%;
  height: 150px;
  overflow: hidden;
  width: 150px;
  float: left;
}
.Employee .info {
  float: left;
  padding-left: 25px;
  width: 50%;
}
.Employee .info h3 {
  font-size: 16px;
  margin-bottom: 0;
}
.Employee .info p {
  font-family: "Lato-Light";
  font-size: 16px;
  color: #333333;
  word-wrap: break-word;
}
.Employee .info a {
  display: block;
}
.Employee .info a.tel {
  color: #333;
}
.Employee .info a.mail {
  text-decoration: underline;
}
/*Search*/
#navOne {
  height: 50px;
}
#remote {
  padding: 0;
}
#remote .btn-primary {
  display: table-cell;
  margin-top: -2px !important;
  height: 50px;
  width: 50px;
  border-radius: 0;
}
#remote .twitter-typeahead .tt-hint {
  height: 100%;
}
#remote .twitter-typeahead .tt-input {
  height: 50px;
  width: 210px !important;
  background: #f2f2f2 none repeat scroll 0 0 !important;
}
#remote .twitter-typeahead .tt-menu {
  width: 100%;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
/*Action menu*/
.actionMenu {
  margin: 45px 0px !important;
}
.actionMenu .box {
  background: #879975;
  padding: 30px;
  margin-right: 10px;
}
.actionMenu .box:last-child {
  margin-right: 0px;
}
/*information bar*/
.informationbar {
  border: 1px solid #b89841;
  color: #fff !important;
  display: block;
  margin: 0 auto;
  max-width: 808px;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding: 15px 40px;
}
.informationbar img {
  float: left;
  width: 30px;
  height: 30px;
}
.informationbar p {
  color: #b89841;
  float: left;
  font-size: 18px;
  line-height: 30px;
  margin: 0 !important;
  padding-left: 15px;
  font-family: 'Lato-Bold';
  width: calc(100% -  30px);
}
a {
  outline: none !important;
}
.product .informationbar p {
  width: 330px !important;
}
/*Banner*/
.OverlappingBanner {
  margin: 20px 0;
}
.OverlappingBanner img {
  float: left;
  width: 50%;
}
.OverlappingBanner .info {
  margin-left: -40px;
  margin-top: 3.5%;
  padding: 25px;
  width: 50%;
  background: #fff;
  float: left;
}
.OverlappingBanner .info .infoInner {
  text-align: center;
  border: 1px solid #e7e8e0;
  padding: 70px 0;
}
.OverlappingBanner .info .infoInner h2 {
  font-size: 46px;
  text-transform: uppercase;
  margin-top: 0px;
  margin-bottom: 20px;
}
.OverlappingBanner .info .infoInner p {
  font-family: "Lato-Light";
  font-size: 17px;
  width: 80%;
  height: 70px;
  margin: 0px auto;
  overflow: hidden;
  line-height: 24px;
}
.OverlappingBanner .info .infoInner p:after {
  content: "...";
}
/*Week Carousel*/
.buttonsWeek {
  margin: 0px auto;
  float: none;
  overflow: hidden;
  margin-bottom: 30px;
  width: 100%;
}
.buttonsWeek button {
  font-size: 16px;
  font-family: "Lato-Bold";
  padding: 10px 50px;
  margin-right: 15px;
}
.buttonsWeek button.cancel {
  background: #fff;
  border: 1px solid #cccccc;
  color: #cccccc;
}
.buttonsWeek button.next {
  background: #879975;
  border: 1px solid #879975;
  color: #fff;
}
.buttonsWeek .nochanges-error {
  color: red;
  display: block;
  padding: 15px;
}
.error-msg {
  font-size: 14px;
}
.weekCarousel {
  margin: 20px 0;
}
.weekCarousel .header {
  position: relative;
  margin: 0 auto !important;
  width: 380px;
}
.weekCarousel .header .carousel-indicators {
  left: 0 !important;
  margin: 0 auto !important;
  position: relative;
  width: 380px;
}
.weekCarousel .header .carousel-indicators div {
  background: #f0f0f0 none repeat scroll 0 0;
  display: none;
  height: 70px;
  list-style: outside none none;
  position: relative;
  width: 100%;
}
.weekCarousel .header .carousel-indicators div.active {
  display: block;
}
.weekCarousel .header .carousel-indicators div h2 {
  color: #333333;
  font-family: Lato-Bold;
  font-size: 23px;
  margin: 0px;
  padding: 15px 0 0 0;
}
.weekCarousel .header .carousel-indicators div p {
  color: #333333;
  font-family: Lato-Light;
  font-size: 14px;
}
.weekCarousel .header .carousel-control {
  border-radius: 50%;
  height: 30px;
  opacity: 1;
  position: absolute;
  top: 0;
  width: 30px;
  z-index: 99;
  background: #879875;
}
.weekCarousel .header .carousel-control:focus {
  background: #879875 !important;
}
.weekCarousel .header .carousel-control:focus .fa {
  color: #E9F0E2;
}
.weekCarousel .header .carousel-control.left {
  margin-left: -2px;
  left: 20px;
}
.weekCarousel .header .carousel-control.right {
  right: 20px;
  margin-right: -5px !important;
}
.weekCarousel .header .carousel-control .fa {
  text-shadow: none;
  color: #E9F0E2;
  font-size: 27px !important;
}
.weekCarousel .carouselBigTable tbody {
  border: none;
}
.weekCarousel .carouselBigTable tr th {
  background: #2d3c49;
  color: #fff;
  text-align: center;
  border-right: 1px solid #fff;
  font-size: 16px;
  line-height: 40px;
  border-bottom: 0;
}
.weekCarousel .carouselBigTable tr th:first-letter {
  text-transform: capitalize;
}
.weekCarousel .carouselBigTable tr th:first-child {
  background: #333333;
  font-size: 30px;
  width: 25%;
}
.weekCarousel .carouselBigTable tr td {
  color: #333333;
  text-align: center;
  font-size: 18px;
  font-family: "Lato-Bold";
  background: #f0f0f0;
  border: 1px solid #fff;
  padding: 15px 0;
}
.weekCarousel .carouselBigTable tr td:first-child {
  text-align: left;
  padding-left: 20px;
}
.weekCarousel .carouselBigTable tr td input[type='number'] {
  -moz-appearance: textfield;
  border: none;
  height: 40px !important;
}
.weekCarousel .carouselBigTable tr td input::-webkit-outer-spin-button,
.weekCarousel .carouselBigTable tr td input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.weekCarousel .carouselBigTable tr td .buyControl a:focus {
  background: none !important;
}
.weekCarousel .carouselBigTable tr td .buyControl .fa {
  color: #fff;
  font-size: 17px;
  margin: 6px 5px 0 5px;
  padding: 4px 6px;
}
.weekCarousel .carouselBigTable .teem {
  background: #fff;
  text-align: center;
  padding: 5px;
}
.weekCarousel .carouselBigTable .teem td {
  text-align: center !important;
  background: #fff;
}
.weekCarousel .carouselBigTable .orderButtonMobile {
  background: #333333 none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  padding: 20px;
  text-align: left;
  width: 100%;
  font-weight: "Lato-Bold";
  font-size: 16px;
  margin-bottom: 1px;
}
.weekCarousel .carouselBigTable .orderButtonMobile.collapsed {
  background: #2d3c49 none repeat scroll 0 0;
}
.weekCarousel .carouselBigTable .orderButtonMobile.collapsed .fa-angle-right {
  display: block !important;
}
.weekCarousel .carouselBigTable .orderButtonMobile.collapsed .fa-angle-down {
  display: none !important;
}
.weekCarousel .carouselBigTable .orderButtonMobile .fa {
  float: right;
  font-size: 20px;
  margin-right: 10px;
  margin-top: 5px;
  text-align: right;
  width: 20px;
}
.weekCarousel .carouselBigTable .orderButtonMobile .fa.fa-angle-right {
  display: none;
}
.weekCarousel .carouselBigTable .orderButtonMobile .fa.fa-angle-down {
  display: block;
}
.weekCarousel .carouselBigTable .DayOrder table {
  width: 100%;
}
.weekCarousel .carouselBigTable .DayOrder table tr.teem td {
  background: #e2e2e2;
}
.weekCarousel .carouselBigTable .DayOrder table tr td {
  border-right: 0;
  border-left: 0px;
  background: #f0f0f0;
}
.impersonation-top {
  display: flex;
  justify-content: center;
  /*background: #879975;*/
  background: red;
  color: white;
  height: 50px;
  font-size: 14px;
}
.impersonation-top-content {
  align-self: center;
  padding-right: 15px;
  margin-right: 15px;
}
.impersonation-top-content:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.3);
}
.impersonation-top-content .btn--clean {
  color: inherit;
  border: none;
  background-color: transparent;
  padding: 0;
}
.impersonation-top-content .btn--clean:focus,
.impersonation-top-content .btn--clean :hover,
.impersonation-top-content .btn--clean :active {
  color: inherit;
  background-color: inherit;
  border-color: none;
  box-shadow: none;
}
.impersonation-top.darkNav {
  display: none;
}
.lunch-impersonate .sp-searchfield {
  outline: none;
  border: unset;
  margin-bottom: 20px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 17px;
  min-width: 50%;
}
.lunch-impersonate button {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  height: 45px;
  padding: 15px 25px;
  margin-left: 15px;
  background: #879975;
  color: white;
  border: none;
}
.lunch-impersonate button .fa {
  margin-left: 8px;
}
.lunch-impersonate-form {
  display: flex;
  align-items: center;
  justify-content: center;
}
.lunch-impersonate-message {
  font-size: 18px;
  text-align: center;
}
.lunch-impersonate .table-wrap {
  position: relative;
  min-height: 160px;
}
.lunch-impersonate .table-wrap .spinner-border {
  display: none;
}
.lunch-impersonate .table-wrap.loading .loader-wrap {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(135, 153, 117, 0.8);
  display: flex;
}
.lunch-impersonate .table-wrap.loading .spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  border: 5px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: 0.75s linear infinite spinner-border;
  animation: 0.75s linear infinite spinner-border;
  margin: 50px auto 0;
}
@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.order-logs {
  /*TODO: clean up - both naming and padding, padding directs whole centering of parent element atm*/
  /*hide normal inputs*/
  /*checkbox input wrapper*/
  /*style custom checkbox*/
  /*radio input wrapper*/
  /*style custom radio*/
}
.order-logs table {
  width: 100%;
  max-width: 100%;
}
.order-logs table tr th {
  position: relative;
  text-align: center;
  min-height: 62px;
  max-height: 62px;
  height: 100%;
  background: #2D3C49;
  color: white;
  font-size: 16px;
}
.order-logs table tr th:first-of-type {
  background: #333333;
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.order-logs table tr th:first-letter {
  text-transform: capitalize;
}
.order-logs table tr td {
  position: relative;
  text-align: center;
  background: #F0F0F0;
  width: 180px;
  min-width: 110px;
  min-height: 62px;
  max-height: 62px;
  height: 100%;
  font-size: 18px;
}
.order-logs table tr td:first-of-type {
  width: 285px;
}
.order-logs table tr th:first-of-type::after,
.order-logs table tr td:not(.collapse-wrapper):first-of-type::after {
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  position: absolute;
  border: 1px solid white;
  border-top: none;
  border-left: none;
  pointer-events: none;
}
.order-logs table tr th:last-of-type::after,
.order-logs table tr td:not(.collapse-wrapper):last-of-type::after {
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  position: absolute;
  border: 1px solid white;
  border-top: none;
  border-left: none;
  border-right: none;
  pointer-events: none;
}
.order-logs table tr th:not(:first-of-type, :last-of-type)::after,
.order-logs table tr td:not(.collapse-wrapper):not(:first-of-type, :last-of-type)::after {
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  position: absolute;
  border: 1px solid white;
  border-top: none;
  border-left: none;
  pointer-events: none;
}
.order-logs .team-wrap {
  margin-bottom: 20px;
  border-bottom: 3px solid #456D81;
}
.order-logs .team-header {
  display: flex;
  align-items: center;
  height: 100px;
  padding: 0 62px;
  box-shadow: 0 -10px 24px 0 rgba(0, 0, 0, 0.07);
}
.order-logs .team-title {
  font-size: 26px;
  color: black;
  font-weight: bold !important;
  margin: 0;
}
.order-logs .team-title-validfrom {
  margin: 0;
}
.order-logs .team-description {
  font-size: 26px;
  color: black;
  font-weight: bold !important;
  margin-bottom: 0;
}
.order-logs .team-description-minor {
  font-size: 14px;
  color: black;
  margin-bottom: 5px;
}
.order-logs .team-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #456D81;
  font-size: 20px;
  color: white;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  margin-right: 20px;
}
.order-logs .team-category-code {
  font-weight: normal;
}
.order-logs .team-code {
  color: #456D81;
}
.order-logs .major-title-description {
  display: flex;
  align-items: center;
  color: black;
  text-align: left;
  font-size: 20px;
  padding-left: 10px;
}
.order-logs .team-action-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 20px;
  margin-bottom: 45px;
  font-size: 18px;
}
.order-logs .team-action-section button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
  padding: 15px 25px;
  margin-left: 15px;
  background: #456D81;
  color: white;
  border: none;
}
.order-logs .team-action-section button .fa {
  margin-left: 8px;
}
.order-logs .team-action-section .team-add-user {
  margin-right: auto;
  margin-left: 0;
}
.order-logs .team-action-section .reset-section {
  background: none;
  color: #000000;
  border: 1px solid #000000;
}
.order-logs .main-collapser:not(.collapsed) td {
  background: #456D81;
  color: white;
}
.order-logs .main-collapser:not(.collapsed) td:first-of-type::after {
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  position: absolute;
  border: 1px solid #456D81;
  border-right: 1px solid white;
  border-top: none;
  pointer-events: none;
}
.order-logs .main-collapser:not(.collapsed) td:last-of-type::after {
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  position: absolute;
  border: 1px solid #456D81;
  border-right: none;
  border-top: none;
  border-left: none;
  pointer-events: none;
}
.order-logs .main-collapser:not(.collapsed) td:not(:first-of-type, :last-of-type)::after {
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  position: absolute;
  border: 1px solid #456D81;
  border-top: none;
  border-left: none;
  border-right: 1px solid white;
  pointer-events: none;
}
.order-logs .main-collapser:not(.collapsed) .major-title-icon {
  color: #456D81;
  background: white;
}
.order-logs .collapse-wrapper {
  height: 0 !important;
}
.order-logs .collapse-wrapper-active {
  position: relative;
}
.order-logs .collapse-wrapper-active:first-of-type::after {
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  position: absolute;
  border: 4px solid #456D81;
  border-top: none;
  pointer-events: none;
}
.order-logs .collapse-wrapper-active td {
  background: #D1DCE1;
  color: black;
}
.order-logs .major-title {
  display: flex;
  align-items: center;
  color: black;
  font-size: 16px;
  text-align: left;
  padding-left: 10px;
  font-family: "Lato-Bold";
}
.order-logs .major-title-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #456D81;
  font-size: 12px;
  color: white;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  margin-right: 10px;
}
.order-logs .minor-title {
  display: flex;
  align-items: center;
  color: black;
  font-size: 14px;
  text-align: left;
  padding-left: 44px;
}
.order-logs .minor-title-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: white;
  font-size: 12px;
  color: black;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  margin-right: 10px;
}
.order-logs .mini-title {
  display: flex;
  align-items: center;
  color: black;
  font-size: 14px;
  text-align: left;
  padding-left: 78px;
}
.order-logs .quantity-input {
  width: 40px;
  text-align: center;
  margin: 0 3px;
  height: 34px;
  font-size: 18px;
  color: black;
  font-weight: bold;
  border: none;
}
.order-logs [data-toggle="collapse"] {
  cursor: pointer;
}
.order-logs [data-toggle="collapse"] > .minor-title {
  font-family: "Lato-Bold";
}
.order-logs .input-changed {
  background: #EEDCA2 !important;
}
.order-logs .new-add,
.order-logs .new-minus {
  cursor: pointer;
  padding: 10px 6px;
  background-color: #456D81;
  color: white;
  font-size: 14px;
  height: 34px;
}
.order-logs input.checkbox-checkmark-hidden,
.order-logs input.radio-checkmark-hidden {
  display: none;
}
.order-logs .checkbox-checkmark-wrapper {
  position: relative;
  /*show checkmark when checked*/
  /*style the checkmark*/
}
.order-logs .checkbox-checkmark-wrapper input:checked ~ .checkbox-checkmark:after {
  display: block;
}
.order-logs .checkbox-checkmark-wrapper .checkbox-checkmark:after {
  top: 20%;
  right: 30%;
  width: 10px;
  height: 14px;
  border: solid black;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.order-logs .checkbox-checkmark {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  height: 30px;
  width: 30px;
  background: #F9F9F9;
  border: 1px solid #CCCCCC;
}
.order-logs .checkbox-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.order-logs .radio-checkmark-wrapper {
  position: relative;
  /*show checkmark when checked*/
  /*style the checkmark*/
}
.order-logs .radio-checkmark-wrapper input:checked ~ .radio-checkmark {
  background: #DBA2A2;
}
.order-logs .radio-checkmark-wrapper input:checked ~ .radio-checkmark:after {
  display: block;
}
.order-logs .radio-checkmark-wrapper .radio-checkmark:after {
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: white;
}
.order-logs .radio-checkmark-wrapper input:disabled ~ .radio-checkmark {
  opacity: 0.5;
}
.order-logs .radio-checkmark {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  height: 30px;
  width: 30px;
  background: #F9F9F9;
  border: 1px solid #CCCCCC;
  border-radius: 50%;
}
.order-logs .radio-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
@media only screen and (max-width: 1200px) {
  .order-logs table tr td:first-of-type {
    width: 200px;
  }
  .order-logs .major-title {
    padding-left: 6px;
  }
  .order-logs .major-title-icon {
    margin-right: 6px;
  }
  .order-logs .minor-title {
    padding-left: 14px;
  }
  .order-logs .minor-title-icon {
    margin-right: 6px;
  }
  .order-logs .mini-title {
    padding-left: 44px;
  }
}
.order-logs-team-selector {
  color: black;
  text-align: center;
  width: 275px;
  height: 35px;
  font-size: 18px;
}
.order-logs-team-selector-label {
  display: block;
  color: black;
  font-size: 20px;
  margin-bottom: 5px;
}
.order-logs-message-major {
  font-size: 26px;
  color: black;
  font-weight: bold;
}
.order-logs-message-minor {
  font-size: 16px;
  color: black;
}
.order-logs-color {
  color: #62A0BE;
}
.order-logs table tr th {
  word-break: break-word;
  width: 220px;
}
.order-logs table tr th:first-of-type {
  width: 120px;
}
.order-logs table tr td {
  color: black;
  word-break: break-word;
  width: 220px;
  font-size: 16px;
}
.order-logs table tr td:first-of-type {
  width: 120px;
}
.blocking-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1051;
  background-color: #000;
  opacity: 0.5;
  text-align: center;
  padding-top: 15%;
}
.blocking-backdrop-spinner {
  font-size: 150px;
  color: white;
}
.order-summary {
  /*TODO: clean up - both naming and padding, padding directs whole centering of parent element atm*/
  /*hide normal inputs*/
  /*checkbox input wrapper*/
  /*style custom checkbox*/
  /*radio input wrapper*/
  /*style custom radio*/
  position: sticky;
  bottom: 0;
  background: white;
}
.order-summary table {
  width: 100%;
  max-width: 100%;
}
.order-summary table tr th {
  position: relative;
  text-align: center;
  min-height: 62px;
  max-height: 62px;
  height: 100%;
  background: #2D3C49;
  color: white;
  font-size: 16px;
}
.order-summary table tr th:first-of-type {
  background: #333333;
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.order-summary table tr th:first-letter {
  text-transform: capitalize;
}
.order-summary table tr td {
  position: relative;
  text-align: center;
  background: #F0F0F0;
  width: 180px;
  min-width: 110px;
  min-height: 62px;
  max-height: 62px;
  height: 100%;
  font-size: 18px;
}
.order-summary table tr td:first-of-type {
  width: 285px;
}
.order-summary table tr th:first-of-type::after,
.order-summary table tr td:not(.collapse-wrapper):first-of-type::after {
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  position: absolute;
  border: 1px solid white;
  border-top: none;
  border-left: none;
  pointer-events: none;
}
.order-summary table tr th:last-of-type::after,
.order-summary table tr td:not(.collapse-wrapper):last-of-type::after {
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  position: absolute;
  border: 1px solid white;
  border-top: none;
  border-left: none;
  border-right: none;
  pointer-events: none;
}
.order-summary table tr th:not(:first-of-type, :last-of-type)::after,
.order-summary table tr td:not(.collapse-wrapper):not(:first-of-type, :last-of-type)::after {
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  position: absolute;
  border: 1px solid white;
  border-top: none;
  border-left: none;
  pointer-events: none;
}
.order-summary .team-wrap {
  margin-bottom: 20px;
  border-bottom: 3px solid #456D81;
}
.order-summary .team-header {
  display: flex;
  align-items: center;
  height: 100px;
  padding: 0 62px;
  box-shadow: 0 -10px 24px 0 rgba(0, 0, 0, 0.07);
}
.order-summary .team-title {
  font-size: 26px;
  color: black;
  font-weight: bold !important;
  margin: 0;
}
.order-summary .team-title-validfrom {
  margin: 0;
}
.order-summary .team-description {
  font-size: 26px;
  color: black;
  font-weight: bold !important;
  margin-bottom: 0;
}
.order-summary .team-description-minor {
  font-size: 14px;
  color: black;
  margin-bottom: 5px;
}
.order-summary .team-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #456D81;
  font-size: 20px;
  color: white;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  margin-right: 20px;
}
.order-summary .team-category-code {
  font-weight: normal;
}
.order-summary .team-code {
  color: #456D81;
}
.order-summary .major-title-description {
  display: flex;
  align-items: center;
  color: black;
  text-align: left;
  font-size: 20px;
  padding-left: 10px;
}
.order-summary .team-action-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 20px;
  margin-bottom: 45px;
  font-size: 18px;
}
.order-summary .team-action-section button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
  padding: 15px 25px;
  margin-left: 15px;
  background: #456D81;
  color: white;
  border: none;
}
.order-summary .team-action-section button .fa {
  margin-left: 8px;
}
.order-summary .team-action-section .team-add-user {
  margin-right: auto;
  margin-left: 0;
}
.order-summary .team-action-section .reset-section {
  background: none;
  color: #000000;
  border: 1px solid #000000;
}
.order-summary .main-collapser:not(.collapsed) td {
  background: #456D81;
  color: white;
}
.order-summary .main-collapser:not(.collapsed) td:first-of-type::after {
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  position: absolute;
  border: 1px solid #456D81;
  border-right: 1px solid white;
  border-top: none;
  pointer-events: none;
}
.order-summary .main-collapser:not(.collapsed) td:last-of-type::after {
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  position: absolute;
  border: 1px solid #456D81;
  border-right: none;
  border-top: none;
  border-left: none;
  pointer-events: none;
}
.order-summary .main-collapser:not(.collapsed) td:not(:first-of-type, :last-of-type)::after {
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  position: absolute;
  border: 1px solid #456D81;
  border-top: none;
  border-left: none;
  border-right: 1px solid white;
  pointer-events: none;
}
.order-summary .main-collapser:not(.collapsed) .major-title-icon {
  color: #456D81;
  background: white;
}
.order-summary .collapse-wrapper {
  height: 0 !important;
}
.order-summary .collapse-wrapper-active {
  position: relative;
}
.order-summary .collapse-wrapper-active:first-of-type::after {
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  position: absolute;
  border: 4px solid #456D81;
  border-top: none;
  pointer-events: none;
}
.order-summary .collapse-wrapper-active td {
  background: #D1DCE1;
  color: black;
}
.order-summary .major-title {
  display: flex;
  align-items: center;
  color: black;
  font-size: 16px;
  text-align: left;
  padding-left: 10px;
  font-family: "Lato-Bold";
}
.order-summary .major-title-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #456D81;
  font-size: 12px;
  color: white;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  margin-right: 10px;
}
.order-summary .minor-title {
  display: flex;
  align-items: center;
  color: black;
  font-size: 14px;
  text-align: left;
  padding-left: 44px;
}
.order-summary .minor-title-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: white;
  font-size: 12px;
  color: black;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  margin-right: 10px;
}
.order-summary .mini-title {
  display: flex;
  align-items: center;
  color: black;
  font-size: 14px;
  text-align: left;
  padding-left: 78px;
}
.order-summary .quantity-input {
  width: 40px;
  text-align: center;
  margin: 0 3px;
  height: 34px;
  font-size: 18px;
  color: black;
  font-weight: bold;
  border: none;
}
.order-summary [data-toggle="collapse"] {
  cursor: pointer;
}
.order-summary [data-toggle="collapse"] > .minor-title {
  font-family: "Lato-Bold";
}
.order-summary .input-changed {
  background: #EEDCA2 !important;
}
.order-summary .new-add,
.order-summary .new-minus {
  cursor: pointer;
  padding: 10px 6px;
  background-color: #456D81;
  color: white;
  font-size: 14px;
  height: 34px;
}
.order-summary input.checkbox-checkmark-hidden,
.order-summary input.radio-checkmark-hidden {
  display: none;
}
.order-summary .checkbox-checkmark-wrapper {
  position: relative;
  /*show checkmark when checked*/
  /*style the checkmark*/
}
.order-summary .checkbox-checkmark-wrapper input:checked ~ .checkbox-checkmark:after {
  display: block;
}
.order-summary .checkbox-checkmark-wrapper .checkbox-checkmark:after {
  top: 20%;
  right: 30%;
  width: 10px;
  height: 14px;
  border: solid black;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.order-summary .checkbox-checkmark {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  height: 30px;
  width: 30px;
  background: #F9F9F9;
  border: 1px solid #CCCCCC;
}
.order-summary .checkbox-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.order-summary .radio-checkmark-wrapper {
  position: relative;
  /*show checkmark when checked*/
  /*style the checkmark*/
}
.order-summary .radio-checkmark-wrapper input:checked ~ .radio-checkmark {
  background: #DBA2A2;
}
.order-summary .radio-checkmark-wrapper input:checked ~ .radio-checkmark:after {
  display: block;
}
.order-summary .radio-checkmark-wrapper .radio-checkmark:after {
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: white;
}
.order-summary .radio-checkmark-wrapper input:disabled ~ .radio-checkmark {
  opacity: 0.5;
}
.order-summary .radio-checkmark {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  height: 30px;
  width: 30px;
  background: #F9F9F9;
  border: 1px solid #CCCCCC;
  border-radius: 50%;
}
.order-summary .radio-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
@media only screen and (max-width: 1200px) {
  .order-summary table tr td:first-of-type {
    width: 200px;
  }
  .order-summary .major-title {
    padding-left: 6px;
  }
  .order-summary .major-title-icon {
    margin-right: 6px;
  }
  .order-summary .minor-title {
    padding-left: 14px;
  }
  .order-summary .minor-title-icon {
    margin-right: 6px;
  }
  .order-summary .mini-title {
    padding-left: 44px;
  }
}
.order-summary-opened {
  z-index: 1052;
  width: 100%;
  position: fixed;
  left: 0;
}
.order-summary-header {
  color: white;
  background: #456D81;
}
.order-summary-header-content {
  height: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.order-summary .summary-wrapper {
  padding: 25px 0;
}
.order-summary .summary-collapser {
  font-size: 20px;
}
.order-summary .summary-collapser-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: white;
  font-size: 17px;
  color: #62A0BE;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  margin-left: 10px;
}
.order-summary .summary-action-section {
  display: flex;
  align-items: center;
}
.order-summary .summary-submit {
  display: inline-flex;
  background: #5FBBE7;
  height: 70px;
  width: 250px;
  border-radius: 20px;
  border: none;
  justify-content: center;
  align-items: center;
  margin-left: 24px;
}
.order-summary .summary-submit-confirm {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 2px;
}
.order-summary .summary-submit-description {
  font-size: 14px;
  font-style: italic;
}
.order-summary .summary-submit-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: white;
  font-size: 22px;
  color: #5FBBE7;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  margin-left: 30px;
}
.order-summary .summary-reset {
  color: white;
  text-decoration: underline;
  cursor: pointer;
  font-size: 20px;
}
.order-summary .summary-reset:active,
.order-summary .summary-reset:focus {
  background: none !important;
  color: white !important;
}
.framework-order {
  /*TODO: clean up - both naming and padding, padding directs whole centering of parent element atm*/
  /*hide normal inputs*/
  /*checkbox input wrapper*/
  /*style custom checkbox*/
  /*radio input wrapper*/
  /*style custom radio*/
}
.framework-order table {
  width: 100%;
  max-width: 100%;
}
.framework-order table tr th {
  position: relative;
  text-align: center;
  min-height: 62px;
  max-height: 62px;
  height: 100%;
  background: #2D3C49;
  color: white;
  font-size: 16px;
}
.framework-order table tr th:first-of-type {
  background: #333333;
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.framework-order table tr th:first-letter {
  text-transform: capitalize;
}
.framework-order table tr td {
  position: relative;
  text-align: center;
  background: #F0F0F0;
  width: 180px;
  min-width: 110px;
  min-height: 62px;
  max-height: 62px;
  height: 100%;
  font-size: 18px;
}
.framework-order table tr td:first-of-type {
  width: 285px;
}
.framework-order table tr th:first-of-type::after,
.framework-order table tr td:not(.collapse-wrapper):first-of-type::after {
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  position: absolute;
  border: 1px solid white;
  border-top: none;
  border-left: none;
  pointer-events: none;
}
.framework-order table tr th:last-of-type::after,
.framework-order table tr td:not(.collapse-wrapper):last-of-type::after {
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  position: absolute;
  border: 1px solid white;
  border-top: none;
  border-left: none;
  border-right: none;
  pointer-events: none;
}
.framework-order table tr th:not(:first-of-type, :last-of-type)::after,
.framework-order table tr td:not(.collapse-wrapper):not(:first-of-type, :last-of-type)::after {
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  position: absolute;
  border: 1px solid white;
  border-top: none;
  border-left: none;
  pointer-events: none;
}
.framework-order .team-wrap {
  margin-bottom: 20px;
  border-bottom: 3px solid #DBA2A2;
}
.framework-order .team-header {
  display: flex;
  align-items: center;
  height: 100px;
  padding: 0 62px;
  box-shadow: 0 -10px 24px 0 rgba(0, 0, 0, 0.07);
}
.framework-order .team-title {
  font-size: 26px;
  color: black;
  font-weight: bold !important;
  margin: 0;
}
.framework-order .team-title-validfrom {
  margin: 0;
}
.framework-order .team-description {
  font-size: 26px;
  color: black;
  font-weight: bold !important;
  margin-bottom: 0;
}
.framework-order .team-description-minor {
  font-size: 14px;
  color: black;
  margin-bottom: 5px;
}
.framework-order .team-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #DBA2A2;
  font-size: 20px;
  color: white;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  margin-right: 20px;
}
.framework-order .team-category-code {
  font-weight: normal;
}
.framework-order .team-code {
  color: #DBA2A2;
}
.framework-order .major-title-description {
  display: flex;
  align-items: center;
  color: black;
  text-align: left;
  font-size: 20px;
  padding-left: 10px;
}
.framework-order .team-action-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 20px;
  margin-bottom: 45px;
  font-size: 18px;
}
.framework-order .team-action-section button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
  padding: 15px 25px;
  margin-left: 15px;
  background: #456D81;
  color: white;
  border: none;
}
.framework-order .team-action-section button .fa {
  margin-left: 8px;
}
.framework-order .team-action-section .team-add-user {
  margin-right: auto;
  margin-left: 0;
}
.framework-order .team-action-section .reset-section {
  background: none;
  color: #000000;
  border: 1px solid #000000;
}
.framework-order .main-collapser:not(.collapsed) td {
  background: #BCA0A0;
  color: white;
}
.framework-order .main-collapser:not(.collapsed) td:first-of-type::after {
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  position: absolute;
  border: 1px solid #BCA0A0;
  border-right: 1px solid white;
  border-top: none;
  pointer-events: none;
}
.framework-order .main-collapser:not(.collapsed) td:last-of-type::after {
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  position: absolute;
  border: 1px solid #BCA0A0;
  border-right: none;
  border-top: none;
  border-left: none;
  pointer-events: none;
}
.framework-order .main-collapser:not(.collapsed) td:not(:first-of-type, :last-of-type)::after {
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  position: absolute;
  border: 1px solid #BCA0A0;
  border-top: none;
  border-left: none;
  border-right: 1px solid white;
  pointer-events: none;
}
.framework-order .main-collapser:not(.collapsed) .major-title-icon {
  color: #DBA2A2;
  background: white;
}
.framework-order .collapse-wrapper {
  height: 0 !important;
}
.framework-order .collapse-wrapper-active {
  position: relative;
}
.framework-order .collapse-wrapper-active:first-of-type::after {
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  position: absolute;
  border: 4px solid #BCA0A0;
  border-top: none;
  pointer-events: none;
}
.framework-order .collapse-wrapper-active td {
  background: #DAD1D1;
  color: black;
}
.framework-order .major-title {
  display: flex;
  align-items: center;
  color: black;
  font-size: 16px;
  text-align: left;
  padding-left: 10px;
  font-family: "Lato-Bold";
}
.framework-order .major-title-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #DBA2A2;
  font-size: 12px;
  color: white;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  margin-right: 10px;
}
.framework-order .minor-title {
  display: flex;
  align-items: center;
  color: black;
  font-size: 14px;
  text-align: left;
  padding-left: 44px;
}
.framework-order .minor-title-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: white;
  font-size: 12px;
  color: black;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  margin-right: 10px;
}
.framework-order .mini-title {
  display: flex;
  align-items: center;
  color: black;
  font-size: 14px;
  text-align: left;
  padding-left: 78px;
}
.framework-order .quantity-input {
  width: 40px;
  text-align: center;
  margin: 0 3px;
  height: 34px;
  font-size: 18px;
  color: black;
  font-weight: bold;
  border: none;
}
.framework-order [data-toggle="collapse"] {
  cursor: pointer;
}
.framework-order [data-toggle="collapse"] > .minor-title {
  font-family: "Lato-Bold";
}
.framework-order .input-changed {
  background: #EEDCA2 !important;
}
.framework-order .new-add,
.framework-order .new-minus {
  cursor: pointer;
  padding: 10px 6px;
  background-color: #DBA2A2;
  color: white;
  font-size: 14px;
  height: 34px;
}
.framework-order input.checkbox-checkmark-hidden,
.framework-order input.radio-checkmark-hidden {
  display: none;
}
.framework-order .checkbox-checkmark-wrapper {
  position: relative;
  /*show checkmark when checked*/
  /*style the checkmark*/
}
.framework-order .checkbox-checkmark-wrapper input:checked ~ .checkbox-checkmark:after {
  display: block;
}
.framework-order .checkbox-checkmark-wrapper .checkbox-checkmark:after {
  top: 20%;
  right: 30%;
  width: 10px;
  height: 14px;
  border: solid black;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.framework-order .checkbox-checkmark {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  height: 30px;
  width: 30px;
  background: #F9F9F9;
  border: 1px solid #CCCCCC;
}
.framework-order .checkbox-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.framework-order .radio-checkmark-wrapper {
  position: relative;
  /*show checkmark when checked*/
  /*style the checkmark*/
}
.framework-order .radio-checkmark-wrapper input:checked ~ .radio-checkmark {
  background: #DBA2A2;
}
.framework-order .radio-checkmark-wrapper input:checked ~ .radio-checkmark:after {
  display: block;
}
.framework-order .radio-checkmark-wrapper .radio-checkmark:after {
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: white;
}
.framework-order .radio-checkmark-wrapper input:disabled ~ .radio-checkmark {
  opacity: 0.5;
}
.framework-order .radio-checkmark {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  height: 30px;
  width: 30px;
  background: #F9F9F9;
  border: 1px solid #CCCCCC;
  border-radius: 50%;
}
.framework-order .radio-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
@media only screen and (max-width: 1200px) {
  .framework-order table tr td:first-of-type {
    width: 200px;
  }
  .framework-order .major-title {
    padding-left: 6px;
  }
  .framework-order .major-title-icon {
    margin-right: 6px;
  }
  .framework-order .minor-title {
    padding-left: 14px;
  }
  .framework-order .minor-title-icon {
    margin-right: 6px;
  }
  .framework-order .mini-title {
    padding-left: 44px;
  }
}
.framework-order .error-background {
  background: red !important;
}
.framework-order .app-user-title {
  display: flex;
  align-items: center;
}
.framework-order .app-user-title .edit-app-user {
  font-size: 14px;
  font-weight: normal;
  font-family: "Lato";
  cursor: pointer;
  text-decoration: underline;
  color: white;
}
.framework-order .app-user-title .edit-app-user:hover {
  transition: none;
  color: white;
}
.framework-order .app-user-title .edit-app-user:active,
.framework-order .app-user-title .edit-app-user:focus {
  background: none !important;
  color: white !important;
}
.framework-order .inactive-appuser td {
  background: #EEDCA2;
}
.framework-order .inactive-appuser-description {
  font-size: 14px;
  font-style: italic;
  font-weight: normal;
  font-family: "Lato";
}
.framework-order .inactive-appuser .major-title-icon {
  color: white;
  background: black;
}
.framework-order .inactive-appuser .edit-app-user {
  color: black !important;
}
.framework-order .inactive-appuser .edit-app-user:hover {
  color: black;
}
.framework-order .inactive-appuser .edit-app-user:active,
.framework-order .inactive-appuser .edit-app-user:focus {
  color: black !important;
}
.framework-order-modal {
  /*font-family: Lato Regular;*/
  width: 375px;
  color: #000000;
}
.framework-order-modal label {
  font-weight: 400;
}
.framework-order-modal .form-group {
  margin-bottom: 15px !important;
}
.framework-order-modal .form-control {
  background: #F9F9F9;
  border: 1px solid #ECECEC;
  height: 40px;
  color: #000000;
}
.framework-order-modal-checkbox {
  left: -15px;
}
.framework-order-modal-checkbox-label {
  cursor: pointer;
  padding-left: 35px;
}
.framework-order-modal-checkbox-label-wrapper {
  display: inline-flex;
  margin-top: 15px;
  margin-bottom: 35px;
}
.framework-order-modal-action-section {
  display: flex;
  align-items: center;
}
.framework-order-modal-confirm {
  height: 45px;
  width: 115px;
  background: #879875;
  border: none;
  color: #FFFFFF;
  font-size: 18px;
}
.framework-order-modal-delete-link {
  cursor: pointer;
  color: #B10E0E;
  text-decoration: underline;
  font-size: 14px;
  margin-left: 20px;
}
.framework-order-modal-delete-link:hover {
  color: #B10E0E;
}
.framework-order-modal-delete {
  height: 45px;
  width: 115px;
  background: #B10E0E;
  border: none;
  color: #FFFFFF;
  font-size: 18px;
  margin-left: 20px;
}
.framework-order-modal-cancel {
  height: 45px;
  width: 115px;
  background: none;
  border: 1px solid #000000;
  color: #000000;
  font-size: 18px;
}
.framework-order-modal .major-title {
  padding-left: 0 !important;
  text-transform: capitalize;
}
.framework-order-modal .section-wrapper {
  margin-bottom: 15px;
}
.framework-order-modal .section-wrapper-bottom {
  margin-top: 30px;
}
.framework-order-modal .section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.framework-order-modal .section-title {
  font-size: 22px;
  font-weight: 700 !important;
  margin: 0;
}
.framework-order-modal .days-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
}
.framework-order-modal .day-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 8px;
}
.framework-order-modal .action-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  padding: 15px 15px;
  background: #456D81;
  color: white;
  border: none;
}
.framework-order-modal .action-button .fa {
  margin-left: 8px;
}
.agreement-order {
  /*TODO: clean up - both naming and padding, padding directs whole centering of parent element atm*/
  /*hide normal inputs*/
  /*checkbox input wrapper*/
  /*style custom checkbox*/
  /*radio input wrapper*/
  /*style custom radio*/
}
.agreement-order table {
  width: 100%;
  max-width: 100%;
}
.agreement-order table tr th {
  position: relative;
  text-align: center;
  min-height: 62px;
  max-height: 62px;
  height: 100%;
  background: #2D3C49;
  color: white;
  font-size: 16px;
}
.agreement-order table tr th:first-of-type {
  background: #333333;
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.agreement-order table tr th:first-letter {
  text-transform: capitalize;
}
.agreement-order table tr td {
  position: relative;
  text-align: center;
  background: #F0F0F0;
  width: 180px;
  min-width: 110px;
  min-height: 62px;
  max-height: 62px;
  height: 100%;
  font-size: 18px;
}
.agreement-order table tr td:first-of-type {
  width: 285px;
}
.agreement-order table tr th:first-of-type::after,
.agreement-order table tr td:not(.collapse-wrapper):first-of-type::after {
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  position: absolute;
  border: 1px solid white;
  border-top: none;
  border-left: none;
  pointer-events: none;
}
.agreement-order table tr th:last-of-type::after,
.agreement-order table tr td:not(.collapse-wrapper):last-of-type::after {
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  position: absolute;
  border: 1px solid white;
  border-top: none;
  border-left: none;
  border-right: none;
  pointer-events: none;
}
.agreement-order table tr th:not(:first-of-type, :last-of-type)::after,
.agreement-order table tr td:not(.collapse-wrapper):not(:first-of-type, :last-of-type)::after {
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  position: absolute;
  border: 1px solid white;
  border-top: none;
  border-left: none;
  pointer-events: none;
}
.agreement-order .team-wrap {
  margin-bottom: 20px;
  border-bottom: 3px solid #879875;
}
.agreement-order .team-header {
  display: flex;
  align-items: center;
  height: 100px;
  padding: 0 62px;
  box-shadow: 0 -10px 24px 0 rgba(0, 0, 0, 0.07);
}
.agreement-order .team-title {
  font-size: 26px;
  color: black;
  font-weight: bold !important;
  margin: 0;
}
.agreement-order .team-title-validfrom {
  margin: 0;
}
.agreement-order .team-description {
  font-size: 26px;
  color: black;
  font-weight: bold !important;
  margin-bottom: 0;
}
.agreement-order .team-description-minor {
  font-size: 14px;
  color: black;
  margin-bottom: 5px;
}
.agreement-order .team-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #879875;
  font-size: 20px;
  color: white;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  margin-right: 20px;
}
.agreement-order .team-category-code {
  font-weight: normal;
}
.agreement-order .team-code {
  color: #879875;
}
.agreement-order .major-title-description {
  display: flex;
  align-items: center;
  color: black;
  text-align: left;
  font-size: 20px;
  padding-left: 10px;
}
.agreement-order .team-action-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 20px;
  margin-bottom: 45px;
  font-size: 18px;
}
.agreement-order .team-action-section button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
  padding: 15px 25px;
  margin-left: 15px;
  background: #456D81;
  color: white;
  border: none;
}
.agreement-order .team-action-section button .fa {
  margin-left: 8px;
}
.agreement-order .team-action-section .team-add-user {
  margin-right: auto;
  margin-left: 0;
}
.agreement-order .team-action-section .reset-section {
  background: none;
  color: #000000;
  border: 1px solid #000000;
}
.agreement-order .main-collapser:not(.collapsed) td {
  background: #879875;
  color: white;
}
.agreement-order .main-collapser:not(.collapsed) td:first-of-type::after {
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  position: absolute;
  border: 1px solid #879875;
  border-right: 1px solid white;
  border-top: none;
  pointer-events: none;
}
.agreement-order .main-collapser:not(.collapsed) td:last-of-type::after {
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  position: absolute;
  border: 1px solid #879875;
  border-right: none;
  border-top: none;
  border-left: none;
  pointer-events: none;
}
.agreement-order .main-collapser:not(.collapsed) td:not(:first-of-type, :last-of-type)::after {
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  position: absolute;
  border: 1px solid #879875;
  border-top: none;
  border-left: none;
  border-right: 1px solid white;
  pointer-events: none;
}
.agreement-order .main-collapser:not(.collapsed) .major-title-icon {
  color: #879875;
  background: white;
}
.agreement-order .collapse-wrapper {
  height: 0 !important;
}
.agreement-order .collapse-wrapper-active {
  position: relative;
}
.agreement-order .collapse-wrapper-active:first-of-type::after {
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  position: absolute;
  border: 4px solid #879875;
  border-top: none;
  pointer-events: none;
}
.agreement-order .collapse-wrapper-active td {
  background: #D9DDD5;
  color: black;
}
.agreement-order .major-title {
  display: flex;
  align-items: center;
  color: black;
  font-size: 16px;
  text-align: left;
  padding-left: 10px;
  font-family: "Lato-Bold";
}
.agreement-order .major-title-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #879875;
  font-size: 12px;
  color: white;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  margin-right: 10px;
}
.agreement-order .minor-title {
  display: flex;
  align-items: center;
  color: black;
  font-size: 14px;
  text-align: left;
  padding-left: 44px;
}
.agreement-order .minor-title-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: white;
  font-size: 12px;
  color: black;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  margin-right: 10px;
}
.agreement-order .mini-title {
  display: flex;
  align-items: center;
  color: black;
  font-size: 14px;
  text-align: left;
  padding-left: 78px;
}
.agreement-order .quantity-input {
  width: 40px;
  text-align: center;
  margin: 0 3px;
  height: 34px;
  font-size: 18px;
  color: black;
  font-weight: bold;
  border: none;
}
.agreement-order [data-toggle="collapse"] {
  cursor: pointer;
}
.agreement-order [data-toggle="collapse"] > .minor-title {
  font-family: "Lato-Bold";
}
.agreement-order .input-changed {
  background: #EEDCA2 !important;
}
.agreement-order .new-add,
.agreement-order .new-minus {
  cursor: pointer;
  padding: 10px 6px;
  background-color: #879875;
  color: white;
  font-size: 14px;
  height: 34px;
}
.agreement-order input.checkbox-checkmark-hidden,
.agreement-order input.radio-checkmark-hidden {
  display: none;
}
.agreement-order .checkbox-checkmark-wrapper {
  position: relative;
  /*show checkmark when checked*/
  /*style the checkmark*/
}
.agreement-order .checkbox-checkmark-wrapper input:checked ~ .checkbox-checkmark:after {
  display: block;
}
.agreement-order .checkbox-checkmark-wrapper .checkbox-checkmark:after {
  top: 20%;
  right: 30%;
  width: 10px;
  height: 14px;
  border: solid black;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.agreement-order .checkbox-checkmark {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  height: 30px;
  width: 30px;
  background: #F9F9F9;
  border: 1px solid #CCCCCC;
}
.agreement-order .checkbox-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.agreement-order .radio-checkmark-wrapper {
  position: relative;
  /*show checkmark when checked*/
  /*style the checkmark*/
}
.agreement-order .radio-checkmark-wrapper input:checked ~ .radio-checkmark {
  background: #DBA2A2;
}
.agreement-order .radio-checkmark-wrapper input:checked ~ .radio-checkmark:after {
  display: block;
}
.agreement-order .radio-checkmark-wrapper .radio-checkmark:after {
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: white;
}
.agreement-order .radio-checkmark-wrapper input:disabled ~ .radio-checkmark {
  opacity: 0.5;
}
.agreement-order .radio-checkmark {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  height: 30px;
  width: 30px;
  background: #F9F9F9;
  border: 1px solid #CCCCCC;
  border-radius: 50%;
}
.agreement-order .radio-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
@media only screen and (max-width: 1200px) {
  .agreement-order table tr td:first-of-type {
    width: 200px;
  }
  .agreement-order .major-title {
    padding-left: 6px;
  }
  .agreement-order .major-title-icon {
    margin-right: 6px;
  }
  .agreement-order .minor-title {
    padding-left: 14px;
  }
  .agreement-order .minor-title-icon {
    margin-right: 6px;
  }
  .agreement-order .mini-title {
    padding-left: 44px;
  }
}
.agreement-order-dateslider {
  display: flex;
  justify-content: center;
  position: relative;
  margin: 20px auto;
  height: 96px;
  width: 425px;
  text-align: center;
  background: #E9F0E2;
  border: 3px solid #FFFFFF;
}
.agreement-order-dateslider .dateslider-content {
  padding: 20px 0;
}
.agreement-order-dateslider .dateslider {
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  background: #879875;
  color: #E9F0E2;
  cursor: pointer;
  font-size: 20px;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  align-self: center;
}
.agreement-order-dateslider .dateslider-left {
  left: 5px;
  padding-right: 3px;
}
.agreement-order-dateslider .dateslider-right {
  right: 5px;
  padding-left: 3px;
}
.agreement-order-dateslider .dateslider:hover {
  transition: none;
  color: #E9F0E2;
}
.agreement-order-dateslider .dateslider:active,
.agreement-order-dateslider .dateslider:focus {
  background: #879875 !important;
  color: #E9F0E2 !important;
  text-decoration: none;
}
.agreement-order-dateslider .dataslider-info-week {
  font-size: 28px;
  color: #000000;
  font-weight: bold !important;
  margin: 0 0 7px 0;
}
.agreement-order-dateslider .dataslider-info-day {
  font-size: 16px;
  color: #000000;
}
.agreement-order-countdown-container {
  padding: 10px;
  background-color: #f2dede;
  text-align: center;
  font-size: 18px;
  font-family: "Lato-Bold" !important;
}
/* HolidayRegistrations */
.holiday-section-title {
  font-size: 22px !important;
  padding-bottom: 9px;
  border-bottom: 3px solid black;
  font-family: "Lato-Bold" !important;
  color: #000;
}
.holiday-team-wrapper > .holiday-row-wrapper:not(:last-child),
.holiday-section > .holiday-row-wrapper:not(:last-child) {
  border-bottom: 1px solid #DDDDDD;
}
.holiday-save {
  width: 100px;
  height: 50px;
  background-color: #879875;
  border: none;
  font-size: 18px;
  color: #ffffff;
}
.holiday-save:disabled {
  opacity: 0.3;
}
.holiday-row {
  display: grid;
  align-items: center;
  grid-template-columns: 2fr 4fr 4fr 2fr;
  grid-column-gap: 20px;
}
.holiday-row-wrapper {
  padding: 20px 0;
}
.holiday-row-col2 {
  display: grid;
  align-items: center;
  grid-column-gap: 8px;
  grid-template-columns: 9fr 2fr 1fr;
  grid-column-start: 2;
  font-size: 12px;
  color: #000;
  line-height: 15px;
  margin-top: 5px;
}
.holiday-row-action {
  text-decoration: underline;
}
.holiday-row-action:hover {
  font-weight: bold;
  cursor: pointer;
}
.holiday-row-action:last-child {
  text-align: end;
}
.holiday-row-title {
  font-size: 14px;
  font-family: "Lato-Bold";
  color: #000;
  margin: 0;
}
.holiday-row-title-description {
  font-size: 14px;
  font-family: "Lato";
  color: #000;
  margin: 0;
}
.holiday-team-wrapper {
  background-color: #F9F9F9;
  padding: 20px;
  border-radius: 9px;
  border: 1px solid #DDDDDD;
}
.holiday-team-title {
  font-size: 24px;
  font-family: "Lato-Bold" !important;
  color: #879875;
  margin: 0;
}
.holiday-form-active > .holiday-datepicker {
  border: 3px solid #D9E9C9;
}
.holiday-datepicker {
  height: 50px;
  position: relative;
  color: #000;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.holiday-datepicker-wrapper {
  display: flex;
  align-items: center;
  position: relative;
}
.holiday-datepicker-wrapper::after {
  position: absolute;
  content: '';
  height: 20px;
  width: 20px;
  right: 12px;
  color: #000;
  background: url(../images/icons/kalender-ikon.svg) no-repeat;
  pointer-events: none;
}
.holiday-datepicker.formatted-date {
  color: #000;
  font-family: "Lato-Bold" !important;
}
.holiday-datepicker.form-control[readonly] {
  background-color: #fff;
}
/*Product list*/
.buyControl.active {
  cursor: progress;
  position: relative;
}
.buyControl.active .spinner {
  display: inline-block;
  opacity: 1;
  max-width: 50px;
}
.spinner {
  opacity: 0;
  display: none;
  width: 20px;
  height: 10px;
  -webkit-transition: opacity 0.25s, max-width 0.45s;
  -moz-transition: opacity 0.25s, max-width 0.45s;
  -o-transition: opacity 0.25s, max-width 0.45s;
  transition: opacity 0.25s, max-width 0.45s;
  position: absolute;
  left: 15px;
  top: 6px;
  /* Duration fixed since we animate additional hidden width */
}
#submitbutton {
  font-size: 16px;
  font-family: 'Lato-Bold';
  height: 45px;
}
.popular {
  margin: 50px 0 50px 0;
}
.popular .movebuproduct {
  opacity: 0;
}
.popular h1 {
  margin-bottom: 20px;
}
.popular h1 .see-more-products {
  color: #b3b92d;
  font-size: 16px;
  text-decoration: underline;
  font-family: 'Lato-Light';
  padding-left: 20px;
  outline: none;
}
.popular h1 .see-more-products:hover {
  text-decoration: underline;
}
.popular .listproductright {
  height: 180px;
}
.popular .listproductright .productfigure {
  height: 180px;
  overflow: hidden;
}
.popular .listproductright .productfigure img {
  max-height: 180px;
}
.popular .fixedHeight {
  border-bottom: 1px solid #cccccc;
  height: 105px;
  margin-bottom: 20px;
}
.popular .fixedHeight .product-title {
  text-transform: capitalize;
}
.popular .wp-block {
  padding-bottom: 35px !important;
}
.popular .wp-block .productfigure {
  border-bottom: 0px;
}
.popular .boxproduct #shortproductdescription p {
  font-size: 16px;
  padding: 0px;
}
.popular .productprice {
  padding-top: 0 !important;
}
.popular .productprice span {
  display: block;
  font-family: Lato-Bold;
  font-size: 12px !important;
  padding-top: 5px;
}
.movebuproduct {
  border: 1px solid #b89944;
  font-family: "Lato-Bold";
  font-size: 14px;
  color: #b89944;
  display: block;
  padding: 11px;
  position: absolute;
  right: 15px;
  top: 47px;
  width: 60%;
  background: #fff;
}
.movebuproduct img {
  position: absolute;
  right: 20px;
  top: -13px;
}
.darkHeader .movebuproduct {
  width: 15% !important;
  left: 65%;
}
.darkHeader .movebuproduct img {
  position: absolute;
  right: 20px;
  top: -13px;
}
.pagination li:before {
  content: none !important;
}
/*Menu*/
#calendar input[type=radio] {
  margin-right: 10px;
}
#calendar #calendarTime {
  margin-top: 20px !important;
  font-size: 13px;
  width: 100%;
  -moz-box-shadow: 0px 0px 3px #ccc !important;
  -webkit-box-shadow: 0px 0px 3px #ccc !important;
  box-shadow: 0px 0px 3px #ccc !important;
  height: 42px;
  text-align: left;
  padding-left: 12px;
  padding-right: 55px;
  outline: none;
  text-indent: 0.01px;
  -o-text-overflow: "";
  -ms-text-overflow: "";
  text-overflow: "";
  -ms-border-radius: 0;
  -o-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: none;
  color: #70808b;
  background: #f9f9f9;
  background: url(../images/icons/icon-select.png) no-repeat 100% center #f9f9f9;
  line-height: 42px;
}
#calendar #calendarTime option {
  padding: 5px 0;
}
#calendar .bootstrap-datetimepicker-widget ul li {
  display: block !important;
}
#calendar .bootstrap-datetimepicker-widget ul li:before {
  content: "";
  color: transparent;
  font-size: 30px;
  display: table-cell;
}
#calendar .datepicker table tr td,
#calendar .datepicker table tr td:hover {
  font-weight: bold;
}
#calendar .datepicker table tr td.disabled,
#calendar .datepicker table tr td.disabled:hover {
  font-weight: bold;
  color: #d8d8d8;
}
#calendar .datepicker table tr td.disabled.old,
#calendar .datepicker table tr td.disabled.old:hover,
#calendar .datepicker table tr td.disabled.new,
#calendar .datepicker table tr td.disabled.new:hover {
  font-weight: bold;
  color: #d8d8d8;
}
#calendar .datepicker .day {
  width: auto !important;
}
#calendar .date {
  background: #f9f9f9;
  -moz-box-shadow: 0px 0px 3px #ccc !important;
  -webkit-box-shadow: 0px 0px 3px #ccc !important;
  box-shadow: 0px 0px 3px #ccc !important;
}
#calendar .day {
  min-height: 1px;
}
#calendar .form-group {
  padding: 15px;
}
.newsletterSignUp {
  width: 100%;
  margin-top: 40px;
  /* IE11 hide native button (thanks Matt!) */
}
.newsletterSignUp th {
  color: #333;
  font-family: Lato-Regular;
  font-size: 14px;
  padding-bottom: 5px;
  padding-top: 10px;
}
.newsletterSignUp input {
  width: 100%;
  background: #f2f2f2 none repeat scroll 0 0;
  border: 1px solid #d4d4d4;
  border-radius: 0;
  height: 40px;
  padding: 6px 12px;
}
.newsletterSignUp input#newsCheckBox {
  width: 30px;
  margin: 0px;
  padding: 0px;
  height: 10px;
}
.newsletterSignUp .selectdiv {
  position: relative;
  /*Don't really need this just for demo styling*/
  width: 100%;
}
.newsletterSignUp .selectdiv:after {
  content: '\f078';
  font: normal normal normal 17px/1 FontAwesome;
  color: #fff;
  right: 0px;
  top: 0;
  background: #b3b92d;
  padding: 16px;
  position: absolute;
  pointer-events: none;
}
.newsletterSignUp select::-ms-expand {
  display: none;
}
.newsletterSignUp .selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  display: block;
  width: 100%;
  height: 50px;
  margin: 20px 0px;
  font-size: 16px;
  line-height: 1.75;
  color: #333;
  background-color: #f2f2f2;
  background-image: none;
  border: 0;
  box-shadow: none;
  -ms-word-break: normal;
  word-break: normal;
}
.newsletterSignUp #submitter {
  background: #b3b92d none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  float: right;
  font-family: "Lato-Bold";
  font-size: 16px;
  width: 25%;
}
.headerMenu {
  text-align: center;
  margin-bottom: 30px;
  padding: 0 15px;
}
.headerMenu > h2 {
  margin-bottom: 15px;
  text-align: left;
}
.headerMenu .weekDayHeader {
  width: 100%;
}
.headerMenu div {
  background: #f2f2f2;
  padding: 10px 0;
  width: 25%;
  margin: 0px auto;
}
.headerMenu div h2 {
  margin: 0;
}
.headerMenu h2 {
  color: #333333;
  font-size: 36px;
  font-family: Lato-Bold;
  margin: 25px 0;
}
.headerMenu .days {
  color: #333333;
  font-size: 14px;
  font-family: Lato-Light;
  margin: 0 auto;
  width: 100%;
}
.day {
  position: relative;
  margin-bottom: 20px;
}
.day .dayofweek {
  color: #333;
  font-family: "NeutraDisp-Bold";
  /*font-size: 60px;*/
  /*position: absolute;
        height: 30px;*/
  /*text-transform: uppercase;*/
  font-size: 40px;
  height: auto;
  position: relative;
  text-transform: capitalize;
  float: left;
}
.day .dayofweek span {
  display: block;
  left: 0 !important;
  position: relative;
  width: auto;
  top: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.day .images-box {
  float: left;
  display: inline-block;
  margin-left: 10px;
  margin-top: 10px;
  vertical-align: middle;
}
.day .images-box img {
  margin-right: 15px;
  width: auto;
  height: 17px;
}
.day p {
  color: #333333;
  font-size: 16px;
  font-family: Lato-Light;
  padding-top: 5px;
}
.day .text-box {
  position: relative;
  top: 0;
  margin-left: 0;
  width: auto;
  float: left;
}
.wrapper-menu {
  padding: 0;
  margin-bottom: 30px;
}
.uploadPDFBox {
  background-color: #f2f2f2;
  border: 1px solid #E6E7E9;
  min-height: 100px;
  padding: 0 15px;
  min-width: 45%;
  vertical-align: middle;
  display: table;
  width: 100%;
}
.uploadPDFFiles {
  display: table-cell;
  vertical-align: middle;
  line-height: 20px;
}
.uploadPDFFiles a {
  display: block;
  margin-bottom: 10px;
  text-decoration: underline;
  z-index: 100;
}
.uploadPDFFiles a:hover,
.uploadPDFFiles a:active,
.uploadPDFFiles a:focus {
  background: none !important;
}
@media (max-width: 767px) {
  .fullwidth .productmorebr a {
    color: #fff;
  }
  #navOne.darkHeader .imagemenu {
    margin-left: 43px;
    margin-top: 10px;
    width: 30px;
    margin-right: 0;
  }
  .buttonTablet {
    margin-left: 5px;
  }
  .has-MobileChange {
    background: #879975;
  }
  .has-MobileChange .preview-mode.has-change {
    border: none !important;
  }
  .has-MobileChange .preview-mode.has-change:before {
    left: 92%;
    position: absolute;
    text-align: center;
    padding-top: 3px;
  }
  .testimContainer {
    margin-bottom: 20px !important;
  }
  .popular .see-more-products {
    display: block;
    padding-left: 0 !important;
    margin-top: 6px;
  }
  .OverlappingBanner img {
    width: 100%;
  }
  .OverlappingBanner .info {
    width: 90%;
    margin-left: 18px;
    margin-top: -50px;
  }
  #navOne {
    width: 100%;
  }
  #myCarouselTable {
    margin-left: -15px;
    margin-right: -15px;
  }
  #myCarouselTable .header {
    width: 100%;
  }
  #myCarouselTable .header .carousel-indicators {
    width: 100%;
  }
  .buttonsWeek {
    padding: 0;
    text-align: center;
  }
  .buttonsWeek button {
    padding: 10px 10px;
    float: none;
  }
  .buttonsWeek button:last-child {
    margin-right: 0;
  }
  .weekCarousel .header .carousel-control {
    top: 12px;
  }
  .Employee {
    width: 100%;
  }
  .Employee .images {
    float: none;
    margin: 0px auto;
  }
  .Employee .info {
    margin-top: 10px;
    text-align: center;
    width: 100%;
  }
  .informationbar {
    padding: 15px;
    width: 100%;
  }
  .informationbar p {
    /*width: 89%;*/
    line-height: 22px;
  }
  .footerMobile {
    text-align: center;
    padding-bottom: 20px;
  }
  .footerMobile h4 {
    font-family: 'Lato-Light' !important;
    font-size: 18px !important;
    margin-bottom: 5px;
    color: #cccccc !important;
  }
  .footerMobile ul li {
    font-family: 'Lato-Light' !important;
    font-size: 18px !important;
    padding-bottom: 0px;
    color: #cccccc !important;
  }
  .footerMobile ul li p {
    font-family: 'Lato-Light' !important;
    font-size: 18px !important;
    color: #cccccc !important;
  }
  .footerMobile .contactUsFooter a {
    background: #b3b92d;
    font-family: 'Lato-Bold';
    color: #fff !important;
    padding: 13px 0px;
    font-size: 16px !important;
    width: 125px;
    display: inline-block;
    margin-top: 20px;
  }
  .footerMobile .contactUsFooter a:focus {
    background: #b3b92d !important;
    color: #fff !important;
  }
  .footerMobile .contactUsFooter a:active {
    background: #b3b92d !important;
    color: #fff !important;
  }
  .footerMobile .contactUsFooter a:hover {
    background: #b3b92d !important;
    color: #fff !important;
  }
  .logoBig,
  .footerBig {
    display: none;
  }
  .dw-offsetmenu-logo img {
    width: 100%;
  }
  #maincontent ul li:before {
    font-size: 20px;
    padding-right: 10px;
  }
  .wellcome_content img {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
  .wellcome_content .left {
    float: none;
    width: 100%;
  }
  .actionMenu {
    height: 100%;
    overflow: hidden;
  }
  .actionMenu .box {
    width: 48%;
    text-align: center;
    height: 150px;
    margin-bottom: 10px;
  }
  .actionMenu .box img {
    width: 30px;
    height: 30px;
  }
  .actionMenu .box a:hover,
  .actionMenu .box a:focus,
  .actionMenu .box a:active {
    background-color: none !important;
  }
  .actionMenu .box:nth-child(2n+1) {
    margin-right: 0;
  }
  .actionMenu .box p {
    color: #fff;
    font-size: 16px !important;
    font-family: "Lato-Bold";
    padding-top: 15px;
  }
}
/*Descktop up*/
@media (min-width: 992px) {
  .boxed {
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 50px;
    background: white;
  }
  #maincontent .boxed {
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
    background: white;
  }
  .error-wrapper {
    width: 39%;
  }
  .success-wrapper hr {
    margin-top: -40px;
  }
  .success-wrapper h2 {
    font-size: 36px;
    margin-top: 15px;
  }
  .success-wrapper .fa-check-circle {
    color: #879975;
    font-size: 30px;
    padding-top: 40pX;
  }
  .success-wrapper p a {
    font-weight: 700;
    display: inline-block !important;
    color: #333;
    width: auto;
  }
  .success-wrapper p a:hover,
  .success-wrapper p a:focus,
  .success-wrapper p a:active {
    background: none !important;
    color: #333 !important;
  }
  .success-wrapper a {
    color: white;
    text-align: left;
    font-weight: 600;
    width: 37% !important;
    margin: 0 auto;
    display: block;
  }
  .success-wrapper a.success-link {
    padding: 13px 50px;
    background: #879975;
  }
  .success-wrapper a:active,
  .success-wrapper a:focus,
  .success-wrapper a:hover {
    color: white !important;
    background: #879975 !important;
  }
  .success-wrapper a img {
    padding-right: 10px;
    width: auto;
  }
  .success-wrapper a span:after {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: 20px;
    top: 33%;
    font-size: 20px;
  }
  .success-wrapper strong {
    display: block;
    padding: 20px;
  }
  .success-wrapper .paragraphs-list .header-box {
    padding: 0 20px;
    width: 100%;
    display: inline-block;
    line-height: 60px;
    vertical-align: middle;
    height: 60px;
    position: relative;
    color: white;
    text-align: left;
    background: #879975;
  }
  .success-wrapper .paragraphs-list .header-box img {
    padding-right: 10px;
  }
  .success-wrapper .paragraphs-list span {
    font-weight: 600;
  }
  .success-wrapper .paragraphs-list a {
    display: inline-block;
    width: 100% !important;
  }
  .success-wrapper .paragraphs-list .img-wrapper {
    height: 270px;
    overflow: hidden;
  }
  .success-wrapper .paragraphs-list .img-wrapper img {
    width: 100%;
    min-height: 270px;
  }
  .buttonsRow {
    width: 79%;
  }
  .buttonsWeek {
    width: 50%;
  }
  .actionMenu .box {
    width: 24% !important;
  }
}
/*Descktop down*/
@media (max-width: 991px) {
  .boxed {
    max-width: 750px;
  }
  .darkHeader.navbar-wp.affix {
    left: 0% !important;
    width: 100%;
  }
  .buttonTablet {
    margin-left: 30px;
  }
}
/*Mobile*/
/*TABLET*/
@media (min-width: 768px) {
  #orderlist-invoice tr td,
  #orderlist-invoice tr th {
    padding: 13px;
    text-align: center;
    border: 2px solid #ffffff;
    vertical-align: middle;
  }
  #orderlist-invoice thead tr td,
  #orderlist-invoice thead tr th {
    background: #2D3C49;
    color: white;
    padding: 18px;
  }
  #orderlist-invoice tbody tr:nth-of-type(odd) {
    background-color: #F2F2F2;
  }
  #orderlist-invoice tbody tr:nth-of-type(even) {
    background-color: #CCCCCC;
  }
  #orderlist-invoice tbody tr td {
    color: #656565;
  }
  #orderlist-invoice tbody tr td a:active,
  #orderlist-invoice tbody tr td a:hover,
  #orderlist-invoice tbody tr td a.active,
  #orderlist-invoice tbody tr td a:focus {
    background: none !important;
  }
  .canvas-slid.in.modal {
    left: 0 !important;
    right: 0 !important;
    width: 600px;
  }
  .success-wrapper .paragraphs-list > .col-xs-12 {
    padding: 0 15px;
  }
  .success-wrapper a {
    width: 46%;
  }
  .success-wrapper a.success-link {
    padding: 13px 50px;
  }
  .success-wrapper a span:after {
    top: 20px;
  }
  .fullwidth .productmorebr a {
    color: #fff;
  }
  .actionMenu {
    margin: 20px 0;
  }
  .actionMenu .box {
    width: 22.3%;
    height: 100px;
  }
  .actionMenu .box img {
    float: left;
    height: 30px;
    margin-right: 15px;
    width: 30px;
  }
  .actionMenu .box p {
    color: #fff;
    font-size: 18px;
    float: left;
    font-family: "Lato-Bold";
    width: 70%;
  }
  .footerBig {
    display: none;
  }
  .informationbar p {
    padding-left: 15px;
    width: calc(100% -  35px);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .error-wrapper {
    width: 50%;
  }
  .OverlappingBanner .info {
    width: 95%;
    margin-left: 18px;
    margin-top: -50px;
  }
  .weekCarousel .carouselBigTable tr td {
    vertical-align: middle;
  }
  .weekCarousel .carouselBigTable tr td .buyControl .fa {
    margin: 0px;
    font-size: 8px;
  }
  .Employee {
    width: 100%;
  }
  .Employee img {
    width: 150px;
  }
  .informationbar img {
    width: auto !important;
  }
  .wellcome_content img {
    width: 50% !important;
  }
  .actionMenu .box {
    padding: 10px;
  }
  .actionMenu .box p {
    font-size: 16px;
    width: 59%;
    overflow: hidden;
  }
}
@media (max-width: 320px) {
  .buttonTablet {
    margin-left: 0px;
  }
  .dw-header-sm-title {
    font-size: 15px;
  }
  .popular .fixedHeight {
    height: 130px;
  }
  .popular #buyButtonMessage {
    bottom: -6px !important;
  }
  .actionMenu .box {
    width: 100%;
  }
}
@media (min-width: 990px) and (max-width: 1200px) {
  .boxed {
    max-width: 970px;
  }
  .actionMenu .box img {
    width: 30px;
    height: 30px;
  }
  .popular .fixedHeight {
    height: 120px;
  }
  .wellcome_content .left {
    width: 36%;
  }
  #remote .twitter-typeahead .tt-input {
    width: 100% !important;
  }
  .navbar-wp .navbar-nav li a {
    font-size: 12px !important;
  }
}
@media (min-width: 992px) {
  .day {
    /*height: 480px;*/
    /*overflow: hidden;*/
    padding: 20px;
  }
  .day .dayofweek {
    text-transform: uppercase;
    font-size: 50px;
  }
  .day .dayofweek span {
    width: 41px;
    top: -11px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .day .images-box {
    margin-left: 20px;
    margin-top: 0;
  }
  .day .text-box {
    position: relative;
    top: 0;
    margin-left: 60px;
    width: auto;
    float: left;
  }
  .footerBig {
    display: block;
  }
  .mobilelogo,
  .footerMobile {
    display: none;
  }
  .welcome .first-element {
    width: 50%;
  }
  .view_profile_wellcome {
    /*margin-top: 70px;*/
    overflow: hidden;
    padding: 20px;
  }
  .informationbar {
    float: none;
  }
}
ul.dw-categories li a:hover a:focus a:active {
  background-color: none !important;
}
.navone-width-container {
  max-width: 1230px;
  width: 100%;
}
.weekCarousel .carouselBigTable .toggle-menu-left-green-bar {
  border-left: solid 0.5rem #c5d6b2;
}
.variants {
  padding-left: 2rem;
}
.mediumfont {
  font-size: medium;
}
.smallfont {
  font-size: small;
}
.variantDropdown {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.clickable {
  cursor: pointer;
}
.drop-down-image-padding {
  padding-right: 0.5rem;
}
.float-right {
  float: right;
}
.mobile-fold-out {
  background-color: #f0f0f0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.mobile-sum-category {
  justify-self: right;
  background-color: #f0f0f0;
  width: 30%;
  align-items: center;
  text-align: center;
}
.mobile-fold-out-orderline {
  display: block;
  padding: 1rem;
}