.btn-ql-primary {
  color: #fff;
  background-color: #6e8091;
  font-family : 'Quicksand-SemiBold';
  border-radius: 25px !important;
  padding:5px 15px;
  border: 1px solid #6e8091;
  outline:none;
}
.btn-ql-success {
  color: #fff;
  background-color: #47ced4;
  border: 1px solid #47ced4;
  border-color: #47ced4;
  font-family : 'Quicksand-SemiBold';
  border-radius: 25px !important;
  padding:5px 15px;
  outline:none;
}
.btn-ql-info {
  color: #fff;
  background-color: #a2b7d1;
  border: 1px solid #a2b7d1;
  border-color: #a2b7d1;
  font-family : 'Quicksand-SemiBold';
  border-radius: 25px !important;
  padding:5px 15px;
  outline:none;
}
.btn-ql-cancel {
  color: #fff;
  background-color: #b0b0b0;
  border: 1px solid #b0b0b0;
  border-color: #b0b0b0;
  font-family : 'Quicksand-SemiBold';
  border-radius: 25px !important;
  padding:5px 15px;
  outline:none;
}
.btn-ql-alert {
  color: #fff;
  background-color: #cb133a;
  border: 1px solid #cb133a;
  border-color: #cb133a;
  font-family : 'Quicksand-SemiBold';
  border-radius: 25px !important;
  padding:5px 15px;
  outline:none;
}
.btn-ql-warning {
  color: #fff;
  background-color: #e3c314;
  border: 1px solid #e3c314;
  border-color: #e3c314;
  font-family : 'Quicksand-SemiBold';
  border-radius: 25px !important;
  padding:5px 15px;
  outline:none;
}
.text-ql-primary {
  color: #6e8091;
  font-family : 'Quicksand';
}
.text-ql-success {
  color: #47ced4;
  font-family : 'Quicksand';
}
.text-ql-info {
  color: #a2b7d1;
  font-family : 'Quicksand';
}
.text-ql-cancel {
  color: #b0b0b0;
  font-family : 'Quicksand';
}
.text-ql-alert {
  color: #cb133a;
  font-family : 'Quicksand';
}
.text-ql-warning {
  color: #e3c314;
  font-family : 'Quicksand';
}
.selected-row-background {
  background-color: #006e75 !important;
  color : #fff
}
@font-face {
  font-family: 'Quicksand';
  src: url('../fonts/Quicksand/Quicksand-Regular.ttf')  format('truetype');
}
@font-face {
  font-family: 'Quicksand-bold';
  font-weight: bold;
  src: url('../fonts/Quicksand/Quicksand-Bold.ttf')  format('truetype');
}
@font-face {
  font-family: 'Quicksand-SemiBold';
  src: url('../fonts/Quicksand/Quicksand-SemiBold.ttf')  format('truetype');
}
@font-face {
  font-family: 'Quicksand-Medium';
  src: url('../fonts/Quicksand/Quicksand-Medium.ttf')  format('truetype');
}
@font-face {
  font-family: 'Quicksand-VFW';
  src: url('../fonts/Quicksand/Quicksand-VariableFont_wght.ttf')  format('truetype');
}
@font-face {
  font-family: 'Quicksand-book';
  src: url('../fonts/Quicksand/Quicksand_Book.otf')  format('truetype');
}

.text-ql-bold {
  font-family : 'Quicksand-bold';
  color: #232323 !important; 
  letter-spacing: 0.5px;
}
.text-ql-bold-info {
  font-family : 'Quicksand-bold';
  color:#979797;
  letter-spacing: 0.5px;
}
.text-ql {
  font-family : 'Quicksand';
}

.ql-products-small {
  font-family : 'Quicksand';
  text-align: left !important;
}


.text-ql-book {
  font-family : 'Quicksand-book';
}

.ql-text-center{
  text-align: center;
  vertical-align: middle !important;
}
.ql-btn-lg {
  height: 45px;
  width: 180px;
}
.ql-btn-md {
  height: 35px;
  width: 180px;
}

#labelHours1 {
  position: absolute;
  display: flex;
   width: 110px;
   color:lightgrey;
   font-size:12px;
   font-weight: bold;

}

#labelHours2 {
   position: absolute;
   display: flex;
   width: 110px;
   color:lightgrey;
   font-size:12px;
   font-weight: bold;
   margin-top: 40px;
   margin-left: 210px;
}

#labelSale1 {
  position: absolute;
  display: flex;
   width: 110px;
   color:lightgrey;
   font-size:12px;
   font-weight: bold;

}

#labelSale2 {
   position: absolute;
   display: flex;
   width: 110px;
   color:lightgrey;
   font-size:12px;
   font-weight: bold;
}



.custom-pie-chart.wj-flexchart .wj-header .wj-title,
.custom-pie-chart.wj-flexchart .wj-footer .wj-title,
.custom-pie-chart.wj-flexchart .wj-legend > .wj-label {
  font-family : 'Quicksand-bold';
  color: #000 !important;
  font-size: 15px;
  font-weight: bold;
}



.scheduled_legend {
    width: 10px;
    height: 10px;
    background: #a2b7d1;
    border-radius: 50%;
    margin-top: 5px;
}
.sales_legend {
  width: 10px;
  height: 10px;
  background: #006e75;
  border-radius: 50%;
  margin-top: 5px;
}
.worked_legend {
    width: 10px;
    height: 10px;
    background: #6e8091;
    border-radius: 50%;
    margin-top: 5px;
}
/* .nav-tabs { background: none repeat scroll 0 0 transparent; border: 0 none; display: inline-block; margin: 0; float: right; margin-top: -55px; }
.nav-tabs li { border: 0; }
.nav-tabs li:hover { border-bottom: 2px solid #6e8091; }
.nav-tabs li:hover a { background: none repeat scroll 0 0 transparent; color: #333; margin: 0; border: 0 !important; }
.nav-tabs li a { border: 0 !important; color: #000; margin-right: 0; }
.nav-tabs li.active { border-bottom: 2px solid #6e8091; position: relative; }
.nav-tabs li.active a { background: none repeat scroll 0 0 transparent; color: #333; margin: 0; border: 0 !important; }
.nav-tabs li.active a:focus { background: none repeat scroll 0 0 transparent; color: #333; margin: 0; border: 0 !important; } */

.templates-container {
  border: 0px solid black;
  background: #E0E0E0;
}
.template-outer-border {
  float: left;
  position: relative;
  display: block;
}
.modal-on-top {
  z-index:99999 !important;
}
.ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se {
  z-index: 1;
}
 .boxes {
  
  position: absolute;
  cursor: move;
  padding: 0px;
  box-sizing: content-box;
  z-index: 2;
}
.box-selected {
    border: 1px solid gray;
}
.boxes:hover {
  border: 1px solid gray;
}
/* .boxes img {
  max-height: 100%;
  max-width: 100%;
} */
/* .ui-resizable {
position: relative;
} */
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ql-paging.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; }
.ql-paging.pagination > li { display: inline; }
.ql-paging.pagination > li > a,
.ql-paging.pagination > li > span { 
  position: relative; 
  float: left; 
  padding: 6px 6px; 
  line-height: 1.428571429;
  text-decoration: none;
  color: #6e8091; 
  background-color: #f9f9f9; 
  border: none; 
  margin-left: -1px;
  font-size:20px;
}
.ql-paging.pagination > li:first-child > a,
.ql-paging.pagination > li:first-child > span { 
  margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px;
}
.ql-paging.pagination > li > a:hover,
.ql-paging.pagination > li > a:focus,
.ql-paging.pagination > li > span:hover,
.ql-paging.pagination > li > span:focus {
  color: #23527c; 
  background-color: #f9f9f9;
}
.ql-paging.pagination > .active > a,
.ql-paging.pagination > .active > a:hover,
.ql-paging.pagination > .active > a:focus,
.ql-paging.pagination > .active > span,
.ql-paging.pagination > .active > span:hover,
.ql-paging.pagination > .active > span:focus {
  z-index: 2; color: #6e8091; background-color: #f9f9f9; border-color: #337ab7; cursor: default;
  font-family:'Quicksand-bold' !important;
  text-decoration: underline;
}
.ql-paging.pagination > .disabled > span,
.ql-paging.pagination > .disabled > span:hover,
.ql-paging.pagination > .disabled > span:focus,
.ql-paging.pagination > .disabled > a,
.ql-paging.pagination > .disabled > a:hover,
.ql-paging.pagination > .disabled > a:focus {
  color: #6e8091; background-color: #f9f9f9; border-color: #ddd; cursor: not-allowed;
}

/* pagination white bg */
.ql-paging-white.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; }
.ql-paging-white.pagination > li { display: inline; }
.ql-paging-white.pagination > li > a,
.ql-paging-white.pagination > li > span { 
  position: relative; 
  float: left; 
  padding: 6px 6px; 
  line-height: 1.428571429;
  text-decoration: none;
  color: #6e8091; 
  background-color: #ffffff; 
  border: none; 
  margin-left: -1px;
  font-size:20px;
}
.ql-paging-white.pagination > li:first-child > a,
.ql-paging-white.pagination > li:first-child > span { 
  margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px;
}
.ql-paging-white.pagination > li > a:hover,
.ql-paging-white.pagination > li > a:focus,
.ql-paging-white.pagination > li > span:hover,
.ql-paging-white.pagination > li > span:focus {
  color: #23527c; 
  background-color: #ffffff;
}
.ql-paging-white.pagination > .active > a,
.ql-paging-white.pagination > .active > a:hover,
.ql-paging-white.pagination > .active > a:focus,
.ql-paging-white.pagination > .active > span,
.ql-paging-white.pagination > .active > span:hover,
.ql-paging-white.pagination > .active > span:focus {
  z-index: 2; color: #6e8091; background-color: #ffffff; border-color: #337ab7; cursor: default;
  font-family:'Quicksand-bold' !important;
  text-decoration: underline;
}
.ql-paging-white.pagination > .disabled > span,
.ql-paging-white.pagination > .disabled > span:hover,
.ql-paging-white.pagination > .disabled > span:focus,
.ql-paging-white.pagination > .disabled > a,
.ql-paging-white.pagination > .disabled > a:hover,
.ql-paging-white.pagination > .disabled > a:focus {
  color: #6e8091; background-color: #ffffff; border-color: #ddd; cursor: not-allowed;
}

.chessboard-background {
  background-image: linear-gradient(45deg, #d5d5e2 25%, transparent 25%),
                    linear-gradient(-45deg, #d5d5e2 25%, transparent 25%),
                    linear-gradient(45deg, transparent 75%, #d5d5e2 75%),
                    linear-gradient(-45deg, transparent 75%, #d5d5e2 75%),
                    linear-gradient(180deg, #eaeaea 100%, transparent 25%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}
.ql-badge-new {
  color: #fff;
  background-color: #0078ff;
  border-color: #0078ff;
  font-family : 'Quicksand-bold';
  border-radius: 25px !important;
  padding:5px 11px;
  outline:none;
  width: 50px;
  position: absolute;
  margin: 5px 0px 0 -15px;
}
.ql-menu-hover {
  background-color: #eaeaea;
  border-color: #eaeaea; 
  font-family : 'Quicksand-bold';
  padding:5px 11px;
  outline:none;
  position: absolute;
  margin: 20px 0px 0 80%;
}
.tag-list-ele {
  display: inline;
  font-size:12px;
  color:white;
  background:#0474d6;
  border-radius:10px !important;
  border: 2px solid #0474d6;
  padding: 10px 15px;
  position: relative;
}
.ql-folder-box {
  background: #e4ebf1;
  height: 50px;
  margin-top: -8px;
  margin-left: 0px;
  display: flex;
  padding: 5px;
}
.ql-folder {
  margin: auto;
  padding: 8px;
  background: #fff;
  border:1px solid #eaeaea;
  margin-left: 10px;
  height: 35px;
  font-family : 'Quicksand-bold';
  box-shadow: 0px 3px 7px -1px rgb(95, 96, 102);
}
.selected-shadow {
  border:2px solid #006e75;
}
.ql-adjustable-popover{
  max-width: 1800px;
  max-height: 1800px;
}
.ql-border-radius {
  border-radius: 18px !important;
}
.no-overflow {
  overflow: hidden !important;
}
.ql-box-selection {
  background : white;
}
.ql-box-selection:hover{
  background : white;
  border-radius: 18px !important;
  border: 2px solid #b0b0b0
}
.ql-box-selected{
  background : white;
  border-radius: 18px !important;
  border: 2px solid #006e75 !important
}
.ql-item-box {
  background : white;
  border: 1px solid #b0b0b0;
  border-radius: 18px !important;
  /* box-shadow: 0px 3px 7px 0px #b0b0b0; */
}
.ql-item-box:hover{
  background : white;
  border-radius: 18px !important;
  border: 2px solid #b0b0b0;
}
.form-control-ql { 
  display: block; 
  width: 100%; 
  height: 34px; 
  padding: 6px 12px; 
  font-size: 14px; 
  line-height: 1.428571429; 
  color: #333333; 
  background-color: #fff; 
  background-image: none; 
  border: 1px solid #eaeaea; 
  border-radius: 4px; 
  font-family: 'Quicksand';
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; 
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; 
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; 
  border-radius: 20px !important;
}
.form-control-ql:focus { 
  border-color: #92b8d8;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(187, 207, 224, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(187, 207, 224, 0.6);
}
.form-control-ql::-moz-placeholder { color: #d2d2d2; opacity: 1; }
.form-control-ql:-ms-input-placeholder { color: #d2d2d2; }
.form-control-ql::-webkit-input-placeholder { color: #d2d2d2; }
.form-control-ql[disabled], .form-control-ql[readonly] .form-control-ql { cursor: not-allowed; background-color: #eeeeee; opacity: 1; }

textarea.form-control-ql { height: auto; resize: none;}

.form-control-ql-label {
  font-family: 'Quicksand';
  color:#333333 ;
  margin: 5px 10px;
}

select.form-control-ql {
  margin: 0;
  outline:none;
  display: inline-block;
  -webkit-appearance: auto;
  -moz-appearance:none;
  cursor:pointer;
  border: 1px solid #eaeaea;
}

select.form-control-ql {
  height: 30px;
  line-height: 30px;
  padding: 0px 12px;
  background: url('../images-ql/Icons/Elements/Arrow_down.png') no-repeat 95% 54%;
  font-family: 'Quicksand';
  color : #333333;
}
select.form-control-ql > option {
  background: #fff;
  color : #979797;
  font-family: 'Quicksand-bold';
}

table .dropdown-toggle { background-color: transparent; border: 1px solid #ccc; height :100%;width:100%}

.ql-primary {
  color: #6e8091;
}
.ql-cancel {
  color: #b0b0b0;
}
.cropper-container{
  z-index:999999
}
@media (min-width: 1780px) {
  .item-image-size {
      max-height: 200px;
      max-width: 200px;
  }
}
@media (min-width: 1200px) and (max-width: 1779px) {
  .item-image-size {
      max-height: 130px;
      max-width: 130px;
      margin-top: 30px;
  }
}
@media (min-width: 950px) and (max-width: 1199px) {
  .item-image-size {
      max-height: 150px;
      max-width: 150px;
  }
}

.ql-btn-on-off { color: #fff; background-color: #45B6AF; border-color: #3ea49d; }
.ql-btn-on-off:focus, .ql-btn-on-off:hover, .ql-btn-on-off.focus, .ql-btn-on-off.hover { color: #fff; background-color: #45B6AF; border-color: #3ea49d; }
.ql-btn-on-off:active, .ql-btn-on-off.active { color: #fff; background-color: #2e6b67; border-color: #2e6b67; }

.ql-fading-menu-bg {
  background: linear-gradient(180deg, rgb(255, 255, 255, 0.67) 30%, rgba(255, 255, 255, 0.05) 100%);
}

.irs-slider {
  top: 25px;
  width: 27px; height: 27px;
  border: 1px solid #AAA;
  background: #DDD;
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(220,220,220,1) 20%,rgba(255,255,255,1) 100%); /* W3C */
  border-radius: 27px !important;
  -moz-border-radius: 27px;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
  cursor: pointer;
}

.ql-box-shadow {
  box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.75);
}

.ibox-content-mobile {
  width: 67%;
}
.ibox-content-all {
  width: 100%;
}

.ibox-width-large {
  min-width:700px !important;
}

.ibox-width-padding-mobile {
  padding: 0px 51% 0px 0px;
}
.ibox-width-padding-small-screens {
  padding: 0px 4% 0px 0px;
}
.ibox-width-padding-small-screens2 {
  padding: 0px 34% 0px 0px;
}

.ibox-margin-30 {
  margin-left: -30px !important;
}

.testimonial-group > .row {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
}
.testimonial-group > .row > .col-xs-12 {
  flex: 0 0 auto;
}

.ibox-content-long {
  min-height: 885px;
}
.min-height {
  height: 140px;
}

.max-height {
  height: 600px;
}

/* Custom wijmo styles */
.custom-pie-chart.wj-flexpie  .wj-data-label {
  fill: #fff;
  font-weight:600
}

/* pie with custom styling */
.custom-pie-chart.wj-flexpie .wj-header .wj-title,
.custom-pie-chart.wj-flexpie .wj-footer .wj-title,
.custom-pie-chart.wj-flexpie .wj-legend > .wj-label {
  font-family : 'Quicksand-bold';
  color: #000 !important;
  font-size: 15px;
  font-weight: bold;
}
.wj-tooltip {
  background-color: white !important;
}

/*md-tabs style*/
 md-content md-tabs {
    background: white;
    border: 0px solid; }
 md-tabs md-ink-bar {
  color: #a2b7d1 !important; 
  background-color: #a2b7d1 !important;
}
.md-tab.md-active span {
font-family :  'Quicksand-SemiBold';
color: #333 !important; 
}
.md-tab{
text-transform: none;  
font-family : 'Quicksand';
color: lightgrey !important;
letter-spacing: 0.5px;
}
.md-tab:hover{
font-family :  'Quicksand-SemiBold';
color: #333 !important; 
}
/*end of md-tabs*/
.margin-left{
  margin-left: 20px
}
.ibox-width700{
  min-width:700px;
}

#border-radius{
   border-radius: 25px;
}
.qltime-color-1 {
  color: #a2b7d1;
}
.qltime-color-2 {
  color: #6e8091;
}
.qltime-color-3 {
  color: #006e75
}
input[type="text"]
{
  font-family: 'Quicksand';
}
.custom-select {
  position: relative;
  border: 0px;
  border-radius: 0px !important;
  padding: 7px 7px 0px 7px;
  overflow: -moz-hidden-unscrollable;
  -webkit-appearance: none;
}

.md-panel.scrollable-parent 
{
  overflow-y: auto;
  max-height: 99vh;
  max-width: 99vw;
}

.display-flex{
  display: flex;
}
.display-inline-table{
  display: inline-table;
}
.min-width-200{
  min-width: 200px !important;
}
.max-height-750{
  max-height: 750px;
}
.max-height-760{
  max-height: 760px;
}
/* .btn-size{
  font-size: 1.2em;
} */
.ng-animate.no-animate {
  transition: 0s none;
  -webkit-transition: 0s none;
  animation: 0s none;
  -webkit-animation: 0s none;
}

.dialog-tmpl-extra{
  padding-top: 5px; 
  overflow-y: auto; 
  overflow-x: clip; 
  /* margin: 20px;  */
  padding-left: 30px; 
  padding-right: 30px;
}

.text-align-left{
  text-align: left !important;
}

/* REMOVE MODAL OUTER SCROLL  */
.modal-open .modal {
  overflow-y: hidden !important;
}

.margin-top-0-vh{
  margin-top: 0vh;
}

.width-27-vh{
  width: 27vh;
}

.width-30-vh{
  width: 30vh;
}

.max-width-30-vh{
  max-width: 30vh;
}

.margin-20{
  margin: 20px;
}

.m-t-7{
  margin-top: 7px;
}