/*yeti overrides*/
@media (min-width: 576px) {
  .jumbotron {
    padding: 2rem 2rem 2rem 2rem !important;
  }
}

.jumbotron {
  margin-bottom: 2rem !important;
}

.jumbotron {
  padding: 2rem 2rem 2rem 2rem;
  margin-bottom: 0;
}

.breadcrumb {
  margin-bottom: 0 !important;
}

textarea.k-textbox {
  /* line-height: 1.93571428em; */
  /* text-indent: 0.8em; */
  padding: 0.6em;
}


/* fixes for kendo grid alignment*/
#plGrid .k-grid-content {
  overflow-y: hidden;
}

#plGrid .k-grid-header {
  padding-right: 0px !important;
}
/* fixes for kendo grid alignment*/
.k-grid-content {
  overflow-y: hidden;
}

.k-grid-header {
  padding-right: 0px !important;
}

/*.k-alt {
  background-color: #404040 !important;
}*/

.nohover > a:hover {
  text-decoration: none;
}

/*.k-button, .k-input, .k-dropdown {
  border-radius: 0px !important;
  border-color: rgba(0, 0, 0, 0.6);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#484e55), color-stop(60%, #3A3F44), to(#313539));
  background-image: linear-gradient(#484e55, #3A3F44 60%, #313539);
  background-repeat: no-repeat;
  -webkit-filter: none;
  filter: none;
}*/

/* Border radius */
.k-block,
.k-textbox,
.k-drag-clue,
.k-touch-scrollbar,
.k-window,
.k-window-titleless .k-window-content,
.k-window-action,
.k-inline-block,
.k-grid .k-filter-options,
.k-grouping-header .k-group-indicator,
.k-autocomplete,
.k-multiselect,
.k-combobox,
.k-dropdown,
.k-dropdown-wrap,
.k-datepicker,
.k-timepicker,
.k-colorpicker,
.k-datetimepicker,
.k-notification,
.k-numerictextbox,
.k-picker-wrap,
.k-numeric-wrap,
.k-list-container,
.k-calendar-container,
.k-calendar td,
.k-calendar .k-link,
.k-treeview .k-in,
.k-editor-inline,
.k-tooltip,
.k-tile,
.k-slider-track,
.k-slider-selection,
.k-upload,
.k-split-button {
  border-radius: 4px !important;
}

.k-list .k-state-hover,
.k-list .k-state-focused,
.k-list .k-state-highlight,
.k-list .k-state-selected,
.k-fieldselector .k-list .k-item,
.k-list-optionlabel,
.k-dropzone,
.k-listbox .k-item {
  border-radius: 4px !important;
}

.btn-sm {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#484e55), color-stop(60%, #3A3F44), to(#313539));
  background-image: linear-gradient(#484e55, #3A3F44 60%, #313539);
  background-repeat: no-repeat;
  -webkit-filter: none;
  filter: none;
}

.no-padding-l {
  padding-left: 0px !important;
}

.no-padding-r {
  padding-right: 0px !important;
}

.no-padding {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.containerSpacing {
  margin-top: 5px;
}

/* reset everything to the default box model */

*, :before, :after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* set a border-box model only to elements that need it */

.form-control, /* if this class is applied to a Kendo UI widget, its layout may change */
.container,
.container-fluid,
.row,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.form-row {
  padding-top: 2px;
}

.width-fill {
  width: 100%;
}

.k-grid-content {
  overflow-y: auto !important;
}

.mouseChangeHelp {
  vertical-align: top;
  margin-top: 3px;
}

.appCard {
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}

.maxWidth1000 {
  max-width: 1000px;
}
.minWidth1000 {
  max-width: 1000px;
}


.nav-tabs {
  font-size: 0.8203125rem !important;
  font-weight: 300 !important;
  text-transform: uppercase !important;
  background-color: #f5f5f5 !important;
  /* v5.3.0.0
  background-color: #0072cb !important;
  color: #0072cb;
    #30475c 
  font-weight: bold;
  padding: 3px 3px 0px 3px; */
}

.nav-item {
  margin-right: 10px !important;
  /*background-color:yellow !important;*/
}

@keyframes flashWarning {
  0% {
    background-color: transparent;
  }

  50% {
    background-color: red;
  }

  100% {
    background-color: transparent;
  }
}

.widget-box-three {
  width: 280px;
  background-color: #fcfcfc;
  margin-top: 15px;
}


.stats {
  display: table-cell;
  height: 80px;
  vertical-align: middle;
  text-align: center;
  text-decoration: none !important;
}

.bg-stats {
  background-color: #f3f3f3;
  width:100%;
}

.widget-box-three .bg-icon {
  height: 80px;
  width: 80px;
  line-height: 76px;
  text-align: center;
  border-radius: 50%;
  -moz-border-radius: 50%;
  background-clip: padding-box;
  border: 1px dashed #98a6ad;
  /*background-color: #f3f3f3;*/
  background-color:#ffffff;
  /*margin-right: 20px;*/
}

.widget-box-three .card-header {
  background-color: #5C6D80;
}

.bg-icon {
  vertical-align: middle;
  font-size: 36px;
  color: #98a6ad;
}



/***FIXES***/
.dropdown-item {
  width: 70% !important;
  padding-top: 0.25em !important;
  padding-bottom: 0.25em !important;
}

.k-grid-toolbar, .k-grouping-header {
  padding: .5em .2em .5em 1em !important;
}

body {
  font-size: 0.75em !important;
}

label {
  margin-bottom: 0 !important;
}

.breadcrumb {
  border-radius: 0px !important;
}
.container {
  /*margin-right: 0px !important;
  margin-left: 0px !important;*/
}


/****************************/
.swal2-popup .swal2-content {
  max-height: 300px !important;
  overflow-y: auto !important;
}

.swal2-popup .swal2-content {
  font-size: 10px !important;
}

.textbox300 {
  width: 300px !important;
}

.k-autocomplete, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-dropdown, .k-listbox, .k-numerictextbox, .k-selectbox, .k-textbox, .k-timepicker, .k-toolbar .k-split-button {
  /*width: 15em !important;*/
}

/*.input .readonlyMode {
  background-color: red !important;
}*/


.long {
  width: 200px !important;
}

.long-ni {
  width: 200px ;
}

.longer {
  width: 250px !important;
}

.longer-ni {
  width: 250px;
}

.vlong {
  width: 350px !important;
}

.vlong-ni {
  width: 350px;
}

.width80 {
  width: 80px !important;
}

.notlong {
  width: 50px !important;
}

.notlong-ni {
  width: 50px;
}

.w-124em {
  width: 12.4em;
}

/*.margin-inline-start12 {
  margin-inline-start: 12px;
}*/

.w-100-ni {
  width: 100%;
}

.fullwidth {
  width: 100% !important;
}

.minheight100 {
  min-height: 100px !important;
}

.readonly {
  background-color: #e3f2fd !important; /*e3f2fd, #f9f6f2*/
}

.k-dropdown.readonly .k-dropdown-wrap {
  background-color: #e3f2fd !important;
}

.k-state-selected {
    background-color: #1f9bd2 !important;
    color: #fff !important;
}

.field-validation-error {
    color: red !important;
}


.groupMailTo {
    width: 100%;
    min-height: 617px;
}

.groupMailBody {
    min-height: 500px;
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 14px;
}

.boxsizingBorder {
    border: 1px solid #ddd;
    width: 98%;
    padding: 10px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 14px;
}

/*Closed Shop Colours

#CCFFCC Green Old
#009129 Green
#00de3f GreenLite
background: #439487;

#FFCC99 Orange Old
#F5C30C Orange
background: #F7D063;

#FF9999 red old
#ff0000 red
#DE0000 red dark
background: #E06A64;
*/

.greenBox {
  margin: 1px 10px 1px 10px;
  padding: 2px;
  /*border: 1px solid #45E672;*/
  /*border: 1px solid #bbb;*/
  /*  background: #009129;*/
  text-align: center;
  color: #fff;
  border-radius: 8px;
  /*  background-image: linear-gradient(#009129, #006237);*/
  background-image: linear-gradient(#009129, green);
}

.orangeBox {
  margin: 1px 10px 1px 10px;
  padding: 1px;
  border: 1px solid #E0B20B;
  /*  background: #F5C30C;*/
  background-image: linear-gradient(#F5C30C, orange);
  text-align: center;
  color: #fff;
  border-radius: 8px;
}

.redBox {
  margin: 1px 10px 1px 10px;
  padding: 2px;
  /*border: 1px solid #ceced2;*/
  background: #ff0000;
  background-image: linear-gradient(red, #E01D0B);
  text-align: center;
  color: #fff;
  border-radius: 8px;
}

.whiteBox {
  margin: 1px 10px 1px 10px;
  padding: 1px;
  border: 1px solid #ceced2;
  background-image: linear-gradient(#fff, #eee);
  text-align: center;
  border-radius: 8px;
  /*  background: #fff;*/
  color: #535b6a;
}

.greenBoxSquare {
  margin: 1px 10px 1px 10px;
  padding: 2px;
  text-align: center;
  color: #fff;
  background-image: linear-gradient(#009129, green);
}

.orangeBoxSquare {
  margin: 1px 10px 1px 10px;
  padding: 2px;
  text-align: center;
  color: #fff;
  background-image: linear-gradient(#F5C30C, orange);
}

.redBoxSquare {
  margin: 1px 10px 1px 10px;
  padding: 2px;
  background: #ff0000;
  background-image: linear-gradient(red, #E01D0B);
  text-align: center;
  color: #fff;
}

.k-header{
  white-space: break-spaces !important;
  vertical-align: top !important;
}

.hidden {
  display: none;
}

.orderSearchBox {
  background-color: #ffffff29;
  color: white;
}

.orderSearchButton {
  background: #ffffff00;
  border: solid 1px #b6b4b457;
  color: #939393;
}

fieldset.scheduler-border {
  border: 1px groove #dddddd36 !important;
  padding: 0 1.4em 1.4em 1.4em !important;
  margin: 0 0 1.5em 0 !important;
  -webkit-box-shadow: 0px 0px 0px 0px #000;
  box-shadow: 0px 0px 0px 0px #000;
}

legend.scheduler-border {
  font-size: 1.2em !important;
  font-weight: bold !important;
  text-align: left !important;
  width: auto;
  padding: 0 10px;
  border-bottom: none;
}


.poweredBy {
  /*  position: relative;*/
  /*float: right;*/
  background-color: white;
  padding-left: 5px;
  padding-right: 15px;
  position: absolute;
  bottom: 0;
  right: 0;
}

p.poweredBy {
/*  position: absolute;
  bottom: 0;
  right: 15px;
  top: 0px;*/
}

#footer {
  position: fixed;
  bottom: 0px;
  width: 100%;
}

#header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100px;
    background-color: #abcdef;
}
#footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
/*  height: 100px;*/
  background-color: #abcdef;
}
/*#layoutBody {
  position: fixed;
  top: 96px;
  bottom: 0px;
  overflow: auto;
}*/

/*.modal-backdrop {
  z-index: -1;
}*/

.dailyTotalsCell {
  text-align: right;
  background-color: aliceblue;
  /*#eaeaea*/
}

.displayInline {
  display:inline;
}

.body-content {
  margin-bottom: 20px;
}

.logo-viewer {
  padding: 5px;
  /*border: solid 1px #dfdfdf;*/
  background-color: #f2f2f2;
  /*margin: 10px;*/
  box-sizing: border-box;
  border: 3px solid transparent;
  background-clip: padding-box;
}

.logo-viewer-btn {
  margin: 5px;
  float: right;
  background: white;
  font-size: medium;
}

.box0 {
  box-sizing: border-box;
  border: 3px solid transparent;
  background-clip: padding-box;
}

.box1{
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}

.box2 {
  box-shadow: 0.5rem 0.5rem black, -0.5rem -0.5rem #ccc;
}

.box3 {
  box-shadow: 0 0 5px 5px red;
}

.box4 {
  background: #eee;
  box-shadow: 0 8px 8px -4px lightblue;
}

.box5 {
  border-radius: 50%;
  box-shadow: 0 0 50px #ccc;
}

.box6 {
  box-shadow: 0 -5px 3px -3px black, 0 5px 3px -3px black;
}

.h-button {
  border-radius: 4px;
  border-color: #c3c3c8;
  color: #515967;
  background-color: #f3f3f4;
  background-position: 50% 50%;
  background-image: none;
  background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0px, rgba(255, 255, 255, 0) 100%);
  margin: 0;
  padding: 0px 14px;
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  background-repeat: repeat-x;
  background-position: 0 center;
  font: inherit;
  line-height: 1.42857143;
  text-align: center;
  text-decoration: none;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  outline: 0;
  -webkit-appearance: none;
  position: relative;
  margin-bottom: 2px;
}

.h-button:hover,
.h-button.h-state-hover {
  color: #263248;
  border-color: #bebec3;
  background-color: #9ea8b9;
  background-image: none;
  background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0px, rgba(255, 255, 255, 0) 100%);
}