body {
  /*font-size: 1.25vh;*/
  font-size: 12px;
  /*font-size: 14px;*/
  /*transition: all 3s ease-out;*/
}
.menu_area {
  overflow-y:auto;
  max-height: 100vh;
}
.folder .card-header{
  /*background: #B3D7FF;*/
  padding: 3px;
  transition: background 2s ease-out, color 2s ease-out, filter .5s ease-out;
}
.folder .card-header:hover{
  filter: brightness(85%);
}
.folder .card-body{
  padding: 3px;
}
.folder .card-footer{
  padding: 0px;
  white-space: normal;
}
.sw .card-header{
  /*background: #E6F1FF;*/
  background: #B3D7FF;
}
.sw .bg-manual{
  /*background: linear-gradient(to top, #ffd699 0%, #FFFFFF 100%);*/
  background: #DBE3F0;
}


.schedule_container_old {
  /*background-color: #CCE6FF;*/
  /*border: 1px solid #800080;*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-direction: row;  /* row or column */
  padding: 0px;
  height: 100%;
}
.schedule_container_week {
  /*background-color: #CCE6FF;*/
  /*border: 1px solid #800080;*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  /*align-items: stretch;*/
  flex-direction: row;  /* row or column */
  padding: 0px;
  /*box-sizing: border-box;*/
  width: 100%;
  /*max-width: 3em;*/
}


.closed_day{
  /*flex-grow: 1;*/
  /*flex-shrink: 1;*/
  max-width: 3vw;
  background: #DDDDDD;
  /*border-left: 1px solid #AAAAAA;*/
  writing-mode: vertical-lr;
  vertical-align: middle;
  text-align: left;
  padding: 0px;
}
.closed_day .card {
  padding: 0px;
}
.closed_day .card-header {
  /*background: #F00;*/
  white-space: nowrap;
  max-width: 2vw;
  padding: 10px 0px;
}
.closed_day h6 {
  font-weight: lighter;
}
.closed_day h6::after {
  /*font-style: italic;*/
  content: " - C L O S E D";
  color: #FFF;
}


.day_column h6 {
  /*float: left;*/
  /*border: 1px solid #00F;*/
  margin: 0px;
  padding: 0px;
}
.day_column .card, .day_column .day_header {
  /* This keeps these sections from compressing as the sections are opened */
  flex-shrink: 0;
}
.day_menu {
  display: none;
  flex-grow: 1;
  padding: 0px 10px;
}
.day_menu button {
  /*margin: 0px 3px;*/
  padding: 5px;
}
/*.day_menu i {*/
i {
  padding: 5px;
}
i.fas {
  cursor: pointer;
}
.menu_area i:hover {
  color: #007BFF;
}
.list-group i {
  display: inline-block;
  padding: 0px;
}

.sched_day {
  /* This is applied to each day card */
  flex: 16%;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  /*overflow-y: auto;*/
  /*min-width: 1vh;*/
  /*border-left: 1px solid #BBBBBB;*/
  /*background: #B3CDE5;*/
  /*background: #66b0ff;*/
  background: #99caff;
  color: #666666;
  /*padding: 3px;*/
  /*transition: all .5s ease-in;*/
  display: flex;
  flex-direction: column;
  /*transition: all 2s ease-out;*/
  /*-moz-border-radius: 5px;*/
  /*border-radius: 5px;*/
}
.sched_day .card {
  /*margin: 1px;*/
}
.sched_day h6{
}
.sched_day .card-header {
  /*background: linear-gradient(to top, #ffd699 0%, #FFFFFF 100%);*/
  /*background: #FFFFCC;*/
  transition: all 2s ease-out;
}
.sched_day .day_header {
  /*background: #F00;*/
  width: 100%;
  order: -2;
  /*transition: all .5s ease-out;*/
}


.day_body i {
  display: none;
}
.schedule_container .card-header {
  /*background: linear-gradient(to top, #ffd699 0%, #FFFFFF 100%);*/
  /*background: #FFFFCC;*/
  transition: filter .75s ease-out;
}
.schedule_container .card-header:hover{
  -webkit-filter: brightness(.85);
  -moz-filter: brightness(.85);
  -o-filter: brightness(.85);
  -ms-filter: brightness(.85);
  filter: brightness(85%);

  /*backdrop-filter: hue-rotate(120deg);*/
  /*background-color: #3396FF;*/
  /*background: rgba(51, 150, 255, 0.3);*/
  /*opacity: 0.65;*/
}

.expanded_day {
  flex: 35%;
  flex-shrink: 0;
  align-self: flex-start;
  /*width: 500px;*/
  max-width: 45vw;
  max-height: 50%;

  /*flex-direction: row;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;

  align-content: flex-start;
  justify-content: flex-start;*/

  /*transition: all .5s ease-out;*/

  display: flex;

  z-index: 1;
  /*overflow-x: scroll;*/
  margin: 0px;
  background: #B3CDE5;
  box-shadow: -5px 0px 10px #777, 5px 0px 10px #777;
  /*background: #D9E6F2;*/
  min-height: 50vh;
}
.expanded_day .day_body {
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;

  align-content: flex-start;
  justify-content: flex-start;
  /*transition: all .5s ease-out;*/

  display: flex;
  flex-grow: 1;
  justify-content: center;
  /*background: #F00;*/
}
.expanded_day .day_menu {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  /*background: #F00;*/
}
.expanded_day .card {
  /*Changes this value adjusts the number of columns/sections in the day view*/
  flex: 30%;
  min-height: 1em;
  /*background: #F00;*/
  /*transition: all .5s ease-out;*/
}
.expanded_day .first{
  order: -1;
  /*transition: all .5s ease-out;*/
}
.expanded_day .card-header {
  width: 100%;
  order: -2;
  background: #FFFFCC;
  /*transition: all .5s ease-out;*/
}
.expanded_day .card-body {
  /*display: block;*/
  /*transition: all .5s ease-out;*/
}
.expanded_day .card-body-tech {
  overflow: auto;
  /*max-height: 50vh; */
  height: 100%;
}
.expanded_day .day_header {
  background: none;
  margin: 0px;
  /*flex-shrink: 3;*/
  /*align-items: flex-start;*/
  /*flex-basis: 5%;*/
  align-content: stretch;
  align-items: center;
  min-height: 3vh;
  /*padding: 0px 5px;*/
  /*transition: all .5s ease-out;*/
}
.expanded_day .day_body i {
  display: inline-block;
}
.expanded_day #dayExpand {
  display:none;
}


.full_day .expanded_day {
  max-width: 100vw;
  min-height: 82vh;
  max-height: 80%;
  box-shadow: none;
}
.full_day .expanded_day .day_body {
  /* this put them all on one row */
  /*flex-wrap: nowrap;*/
  /*-webkit-flex-wrap: nowrap;*/
}
.full_day .expanded_day .body {
  height: 100%;
}
.full_day .expanded_day .card {
  flex: 20% !important;
  max-height: 75vh;
}
.full_day .expanded_day .tech_table {
  height: 100%;
}
.full_day .week_container {
  display: none;
}



.single_day_container {
  transition: all 2s ease-out;
}
.single_day_container .tech_title, .single_day_container .list-group-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  white-space: nowrap;
  transition: all 2s ease-out;
}
.single_day_container .list-group {
  margin: 1px;
}
.single_day_container .list-group-item {
  padding: 1px;
  white-space: nowrap;
  /*border-top: none;*/
}
.list-group-item-grey {
  background-color: #DDD;
}
.single_day_container table {
  height: 100% !important;
  width: 100% !important;
  border: 0 !important;
}
.single_day_container table tr:last-child {
  border: 0 !important;
  border-bottom-left-radius: .25rem;
  border-bottom-right-radius: .25rem;
  transition: all 2s ease-out;
}
.single_day_container table td {
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
  padding: 0px 2px;
  vertical-align: middle;
  /*transition: all 2s ease-out;*/
}
.single_day_container table tr, .single_day_container table td {
  /*height: 100%*/
  /*transition: all 2s ease-out;*/
}
.single_day_container table td.dragOver {
  /*border: 1px dashed #F00;*/
  border: none;
  background: #f5c6cb;
  /*background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='50px' width='120px'><text x='2' y='15' fill='red' font-size='20'>adh</text></svg>");*/
}
/*.single_day_container table td.dragOver:after {
  content: "Background text";
  position: absolute;
  left: 3;
  z-index: -1;
}*/
.single_day_container table td i {
  padding: 2.5px;
}
.single_day_container .bg-danger, .single_day_container table td.list-group-item-warning {
  transition: all 2s ease-out;
}
.single_day_container .hours-table {
  overflow-x: scroll;
}
/*This adds the scroll bar for windows machines so the hours column lines up with the techs column*/
.win .single_day_container .hours-table {
  margin-bottom: 0px;
}



.month_view {
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;

  /*align-items: stretch;*/
  align-content: flex-start;
  /*justify-content: flex-start;*/
  justify-content: center;

  background: #EEE;
  /*transition: all .5s ease;*/
}
.month_view .day_column {
  /*Changes to this value adjusts the number of columns/sections in the day view*/
  flex: 1 0 17%;
  flex-grow: 1;
  flex-shrink: 1;
  /*background: #F00;*/
  margin: 1px;
  min-width: 1em;

  -moz-border-radius: 8px;
  border-radius: 8px;
  /*transition: all .5s ease;*/
}
.month_view .expanded_day {
  flex: 35%;
  /*flex-grow: 10;*/
  flex-shrink: 0;
  align-self: flex-start;
  /*width: 500px;*/
  max-width: 45vw;
  max-height: 50%;
  /*transition: all .5s ease;*/
}
.month_view .day_header {
  /*transition: all .5s ease;*/
}
.month_view .card-body {
  /*display: none;*/
  /*transition: all .5s ease;*/
}
.month_view .expanded_day .card-body {
  /*display: block;*/
  flex: 50%;
  /*transition: all .5s ease;*/
}
.month_view .closed_day {
  flex: 14%;
  writing-mode: horizontal-tb;
  flex-shrink: 100;
  align-items: center;
  min-width: 1em;
  max-width: 5vw;
  max-height: none;
  /*transition: all .5s ease;*/
  padding: 0px;
}
.month_view .closed_day .card-header{
  margin: 0px;
  padding: 0px 5px;
  max-width: none;
  max-height: none;
  /*height: 100%;*/
  width: 100%;
}
.month_view .closed_day h6 {
  width: 100%;
  font-size: 90%;
}
.month_view .closed_day h6::after {
  content: none;
}
.month_view .day_header {
  /*justify-content: flex-start!important;*/
  overflow-y: hidden;
}

/* this will push the span (tech hours) off the column */
.month_view .week_container .day_header {
  justify-content: flex-start!important;
  overflow-y: hidden;
}
.month_view .week_container .day_header .nav {
  position: relative;
}
.month_view .week_container .day_header .badge {
  position: absolute;
  right: .2rem;
}
.month_view .week_container .day_header h6 {
  margin-left: .25rem!important;
}
.month_view .week_container .day_header h6, .day_header ul {
  white-space: nowrap;
}
.month_view .week_container .day_header .nav {
  flex-wrap: nowrap;
}




.today {
  /*background-color: #CCE6FF;*/
  color: #FFF;
  /*color: #00F;*/
  white-space: nowrap;
}
.today_card {
  background-color: #3396FF;
  /*color: #FFF;*/
  /*color: #00F;*/
  /*white-space: nowrap;*/
}
.not-allowed {
  cursor: not-allowed;
}
a {
  text-decoration: none;
  color: #FFF;
}
.badge-pill {
  float: right;
}
.badge-grey {
  background-color: #686868;
  color: #FFF;
}
.badge-lt-grey {
  background-color: #D0D0D0;
  color: #FFF;
}
.inactiveSW {
  font-style: italic;
}
.card {
  margin: 2px;
  /*padding: 3px;*/
}
.card-header {
  flex-shrink: 0;
  padding: 1px 3px;
  border-bottom: none;
}
.card-header i {
  padding: 2px 3px 2px 3px;
}
.card-body {
  padding: 0px;
  white-space: nowrap;
  overflow-x: hidden;
}
.tech_table {
  font-size: 90%;
  background: #FFE6FF;
  /*background: linear-gradient(to top, currentColor 0%, #FFFFFF 100%);*/
  background: linear-gradient(to top, #CCC 0%, #FFF 50%);
  margin: 1px;
  padding: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  /*height: auto;*/
  /*height: 65vh;*/
}
.tech_table table {
  /*border-collapse: collapse;*/
}
.tech_table tr {
  padding: 0px;
  height: 1%;
}
.tech_table td {
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dedede;
  /*border: 1px solid #333;*/
  padding: 2px;
  height: 5%;
}
.tech_table span {
  /*width: 50%;*/
  /*display:inline-block;*/
  /*text-align: left;*/
}
.tech_table .card-header {
  /*background: linear-gradient(to top, #ffd699 0%, #FFFFFF 100%);*/
  background: #FFF2CC;
  transition: all 2s ease-out, filter .5s ease-out;
}
.tech_table .card-body {
  background: linear-gradient(to top, #FFF2CC 0%, #FFFFFF 100%);
}
.card-body .success{
  background: linear-gradient(to top, #28A745 0%, #FFFFFF 100%);
}
.card-body.bg-manual {
  background: linear-gradient(to top, #DBE3F0 0%, #FFFFFF 100%);
}
.card-header.bg-manual {
  /*background: linear-gradient(to top, #DBE3F0 0%, #DBE3F0 100%);*/
  background: #DBE3F0;
}
.card-header.bg-grey {
  background: #DCDCDC;
  color: #666;
}
.tech_table i {
  display: inline-block;
  /*font-size: 75%;*/
}
.no_data, td.no_data{
  color: #AAA;
  border-top: none;
  /*border-top: 1px dashed #AAA;*/
}
.zTitle {
   color: #000;
   /*background: linear-gradient(to left, #BC1E03 0%, #FF0000 100%);*/
   padding: 2px 5px;
   /*background: linear-gradient(to left, #FF0000 0%, #FFFFFF 100%);*/
   background: linear-gradient(to left, #b30000 0%, #ff0000 100%);
}
.zTitle img{
  vertical-align: middle;
}
.zTitle_test img{
  -webkit-transform: scale(0.75); /* Saf3.1+, Chrome */
     -moz-transform: scale(0.75); /* FF3.5+ */
      -ms-transform: scale(0.75); /* IE9 */
       -o-transform: scale(0.75); /* Opera 10.5+ */
          transform: scale(0.75);
             /* IE6–IE9 */
             filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9999619230641713, M12=-0.008726535498373935, M21=0.008726535498373935, M22=0.9999619230641713,SizingMethod='auto expand');
}
.zTitle .dropdown-item:hover {
  color: #F00;
}

.dragOver, td.dragOver {
  /*background-color: #F00;*/
  border: 3px dashed #F00;
  opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */
}
.can-drag:hover {
  cursor: grab;
}
.dragging {
  background-color: #FFB3B3;
  /*color: #FFF;*/
  border: 3px solid #F00;
  -moz-border-radius: .5rem;
  border-radius: .5rem;
  opacity: 0.85;
  filter: alpha(opacity=85); /* For IE8 and earlier */
  cursor: grabbing;
  /*transform: rotate(2deg);*/
}
/*.dragging span {
  padding: 5px;
}*/
.draggingUnit {
  /*background-color: #F00;*/
  border: 3px solid #FFC107;
  opacity: 0.5;
  filter: alpha(opacity=50); /* For IE8 and earlier */
  cursor: grabbing;
}

/*Fading status bar*/
.status_msg {
  z-index: 1;
  padding-left: 20px;
  padding-right: 20px;
}
.status_msg-enter-active, .status_msg-leave-active {
  /*transition: all 1s ease-in;*/
}
.status_msg-enter, .status_msg-leave-to {
  opacity: 0;
  /*transition: all 1s;*/
}
.status_msg-leave, .status_msg-enter-to {
  opacity: 1;
  /*transition: all 2s;*/
}
.status_msg-enter:before, .status_msg-leave-to:before {
  content: "Status clear... ";
  /*transition: all 1s;*/
}
.status_msg-leave:before, .status_msg-enter-to:before {
  /*content: "Attention: ";*/
  /*transition: all 1s;*/
}
/*Sliding status bar*/
#status_barX {
  padding-left: 20px;
  padding-right: 20px;
  white-space: nowrap;
  /*display: inline-block*/
  margin-left: auto;
  margin-right: -300px;
  /*right: 250px;*/
  /*transition: all .75s;*/
}
#status_barX.active {
  /*background: #F00;*/
  margin-right: -30px;
  /*right: -250px;*/
  /*transition: all .75s;*/
}
.btn-link:hover {
  text-decoration: none;
}

.list_table tr{
  text-align: left;
  font-size: 75%;
}
.list_table td{
  /*font-size: 75%;*/
}
.list_table i {
  font-size: 125%;
  color: #0000FF;
}
.always i {
  display: inline-block;
}
.grey_bg {
  background-color: #DDD;
  color: #BBB;
  box-shadow: 1px 2px 12px 2px #CCC inset
}
.bg-grey {
  background-color: #DCDCDC;
  color: #BBB;
}
.border-grey {
  border: 1px solid #CED4DA;
}
.text-grey {
  color: #DDD;
}
.text-aaa{
  color: #AAA;
}
.text-black {
  color: #000;
}
.bg-blue {
  background: #99CAFF;
  color: #666666;
}
.bg-manual {
  background-color: #DBE3F0;
  /*color: #BBB;*/
  /*box-shadow: 1px 2px 12px 2px #CCC inset*/
}
.auto_margin {
  margin-top: auto;
  margin-bottom: auto;
}
.auto_margin_full {
  margin: auto;
}
.modal-body .card-body {
  padding: 5px;
}
.modal-body .card {
  margin: 5px;
}
.truncated {
  display: block;
  white-space: nowrap; /* forces text to single line */
  overflow: hidden;
  text-overflow: ellipsis;
}

.more-padding {
  padding: 10px;
}

.badge-notify-container {
  position: relative;
  margin-right: .5em;
  transition: all 1s ease-in;
}
.badge-notify-container i {
  font-size: 250%;
}
.badge-notify-sub {
  font-size: 110% !important;
}
.badge-notify {
  background: #dc3545;
  border: 1px solid #dc3545;
  color: #FFF;
  position: absolute!important;
  top: .4em;
  right: -.6em;
  transition: all 1s ease-in;
  z-index: 10;
  padding-left: .5em;
  padding-right: .5em;
}
.badge-notify-white {
  background: #dc3545;
  border: 1px solid #FFF;
  color: #FFF;
  position: absolute!important;
  top: .4em;
  right: -.6em;
  transition: all 1s ease-in;
  z-index: 11;
  padding-left: .5em;
  padding-right: .5em;
}
.badge-notify-too {
  top: -.5em !important;
  padding-top: .15em;
  padding-bottom: .15em;
}

/* START Vue-good-table styling */
table.vgt-table {
  font-size: .85rem;
}
.vgt-table.bordered th.vgt-row-header {
  border-bottom: none;
}
.vgt-table th.filter-th{
  padding: .05em;
}
.vgt-table input {
  font-size: .85em;
}
.vgt-table th, .vgt-table td {
  white-space: nowrap;
  max-width: 25%!important;
}
.vgt-table td{
}
tr.vgt-danger {
  font-color: #F00;
  font-style: italic;
  /*background-color: #FF0;*/
  background: linear-gradient(to bottom, #FFE6E6 0%, #FFE6E6 100%);
}
.vgt-danger .btn:disabled {
  background: #DDD;
  opacity: .8;
}
#apptReqList .vgt-table.condensed td, #apptReqList .vgt-table.condensed th.vgt-row-header {
  vertical-align: middle;
  /*padding: .05rem .3rem;*/
}
#roDetailForm .vgt-wrap__actions-footer  {
  border: none;
}
#main_views .vgt-table.condensed td, #main_views .vgt-table.condensed th.vgt-row-header {
  padding: 0em .4em;
}

.vgt-wrap__footer {
  padding: .1em .5em;
}
.vgt-wrap__footer .footer__row-count__select:hover {
  border: 1px solid #6c757d;
}
.vgt-wrap__footer .footer__row-count__select {
  padding-left: .75em;
  padding-right: 2em;
  border: 1px solid #ced4da;
  border-radius: .2rem;
}
.vgt-select, .footer__row-count__select {
  background-color: #fff!important;
  -webkit-appearance: none;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
}
/* END Vue-good-table styling */


.add_column:hover:before, .delete_column:hover:before {
  font-weight: bold;
  /*text-align: center;*/
  /*padding-right: .2rem;*/
  position: absolute;
  top: -1.7rem;
  left: -.5rem;
}
.add_column:hover:before {
  content: 'add';
  color: #00cc00;
}
.delete_column:hover:before {
  content: 'remove';
  color: #F00;
}

.no-wrap {
  white-space: nowrap !important;
}
/*Cursor Styles*/
.c-alias {cursor: alias;}
.c-all-scroll {cursor: all-scroll;}
.c-auto {cursor: auto;}
.c-cell {cursor: cell;}
.c-context-menu {cursor: context-menu;}
.c-col-resize {cursor: col-resize;}
.c-copy {cursor: copy;}
.c-crosshair {cursor: crosshair;}
.c-default {cursor: default;}
.c-e-resize {cursor: e-resize;}
.c-ew-resize {cursor: ew-resize;}
.c-grab {cursor: grab;}
.c-grabbing {cursor: grabbing;}
.c-help {cursor: help;}
.c-move {cursor: move;}
.c-n-resize {cursor: n-resize;}
.c-ne-resize {cursor: ne-resize;}
.c-nesw-resize {cursor: nesw-resize;}
.c-ns-resize {cursor: ns-resize;}
.c-nw-resize {cursor: nw-resize;}
.c-nwse-resize {cursor: nwse-resize;}
.c-no-drop {cursor: no-drop;}
.c-none {cursor: none;}
.c-not-allowed {cursor: not-allowed;}
.c-pointer {cursor: pointer;}
.c-progress {cursor: progress;}
.c-row-resize {cursor: row-resize;}
.c-s-resize {cursor: s-resize;}
.c-se-resize {cursor: se-resize;}
.c-sw-resize {cursor: sw-resize;}
.c-text {cursor: text;}
.c-url {cursor: url(myBall.cur),auto;}
.c-w-resize {cursor: w-resize;}
.c-wait {cursor: wait;}
.c-zoom-in {cursor: zoom-in;}
.c-zoom-out {cursor: zoom-out;}
/*Cursor Styles*/


/* Custom Folder Backgrounds */
.color-box-container {
  display: flex;
  flex-wrap: wrap;
  /*align-items: center;*/
  width: 175px;
  border-radius: 0px 7px 7px 7px;
  padding: 0;
  margin: 0;
  font-size: 50%;
}
.color-box-color:hover {
  opacity: .8;
}
.color-box-color:first-of-type {
  width: 50px;
}
.color-box-color:nth-of-type(6) {
  border-top-right-radius: .3rem;
}
.color-box-color:nth-of-type(14) {
  border-bottom-left-radius: .3rem;
}
.color-box-color:last-child {
  border-bottom-right-radius: .3rem;
}
.color-box-color {
  align-self: center;
  width:25px;
  height: 25px;
  padding: 0;
  margin: 0;
}
.bg-danger-color, .sw .bg-danger-color{
  background: #FF4444 !important;
  color: #FFF !important;
}
.border-danger-color, .sw .border-danger-color {
  border-color: #FF4444 !important;
}
.bg-danger-color-dark, .sw .bg-danger-color-dark {
  background: #CC0000 !important;
  color: #FFF !important;
}
.border-danger-color-dark, .sw .border-danger-color-dark {
  border-color: #CC0000 !important;
}
.bg-warning-color {
  background: #FFBB33 !important;
  color: #FFF !important;
}
.border-warning-color {
  border-color: #FFBB33 !important;
}
.bg-warning-color-dark {
  background: #FF8800 !important;
  color: #FFF !important;
}
.border-warning-color-dark {
  border-color: #FF8800 !important;
}
.bg-success-color {
  background: #00C851 !important;
  color: #FFF !important;
}
.border-success-color {
  border-color: #00C851 !important;
}
.bg-success-color-dark {
  background: #007E33 !important;
  color: #FFF !important;
}
.border-success-color-dark {
  border-color: #007E33 !important;
  /*color: #007E33;*/
}
.bg-info-color {
  background: #33b5e5 !important;
  color: #FFF !important;
}
.border-info-color {
  border-color: #33b5e5 !important;
}
.bg-info-color-dark {
  background: #0099CC !important;
  color: #FFF !important;
}
.border-info-color-dark {
  border-color: #0099CC !important;
}
.bg-default-color {
  background: #2BBBAD !important;
  color: #FFF !important;
}
.border-default-color {
  border-color: #2BBBAD !important;
}
.bg-default-color-dark {
  background: #00695C !important;
  color: #FFF !important;
}
.border-default-color-dark {
  border-color: #00695c !important;
}
.bg-primary-color {
  background: #4285F4 !important;
  color: #FFF !important;
}
.border-primary-color {
  border-color: #4285F4 !important;
}
.bg-primary-color-dark {
  background: #0d47a1 !important;
  color: #FFF !important;
}
.border-primary-color-dark {
  border-color: #0d47a1 !important;
}
.bg-secondary-color {
  background: #aa66cc !important;
  color: #FFF !important;
}
.border-secondary-color {
  border-color: #aa66cc !important;
}
.bg-secondary-color-dark {
  background: #9933CC !important;
  color: #FFF !important;
}
.border-secondary-color-dark {
  border-color: #9933CC !important;
}
.bg-dark-color {
  background: #868e96 !important;
  color: #FFF !important;
}
.border-dark-color {
  border-color: #868e96 !important;
}
.bg-white-color {
  background: #FFF !important;
  color: #888 !important;
}
.border-white-color {
  border-color: #FFF !important;
}
.bg-brown-color {
  background: #E06F1F !important;
  color: #FFF !important;
}
.border-brown-color {
  border-color: #E06F1F !important;
}
.bg-brown-color-dark {
  background: #8B4513 !important;
  color: #FFF !important;
}
.border-brown-color-dark {
  border-color: #8B4513 !important;
}
.bg-pink-color {
  background: #FF69B4 !important;
  color: #FFF !important;
}
.border-pink-color {
  border-color: #FF69B4 !important;
}
.bg-yellow-color {
  background: #FFFF00 !important;
  color: #000 !important;
}
.border-yellow-color {
  border-color: #FFFF00 !important;
}
/*.bg-xxx-color {
  background: #xxx !important;
  color: #FFF !important;
}
.bg-xxx-color-dark {
  background: #xxx !important;
  color: #FFF !important;
}*/
.bg-color-test {
  /* The currentcolor keyword refers to the value of the color property of an element.*/
  color: blue; /* Blue text color */
  border: 10px solid currentcolor; /* Blue border color */
}
.semi-transparent {
  opacity: 0.65 !important;
}
/* Custom Folder Backgrounds */


.popover-body{
  padding: 0px;
}
.popover-body .list-group-item {
  padding: .1rem .25rem!important;
  margin: 0;
  /*white-space: nowrap;*/
  /*display: inline-grid;*/
}
.popover {
  box-shadow: 3px 3px 5px #AAA;
  max-width:  350px;
}
/* Job Status Colors */
.job-status-1 {
  color: #99b433;
}
.job-status-2 {
  color: #00a300;
}
.job-status-3 {
  color: #1e7145;
}
.job-status-4 {
  color: #ff0097;
}
.job-status-5 {
  color: #9f00a7;
}
.job-status-6 {
  color: #7e3878;
}
.job-status-7 {
  color: #603cba;
}
.job-status-8 {
  color: #00aba9;
}
.job-status-9 {
  color: #2d89ef;
}
.job-status-10 {
  color: #2b5797;
}
.job-status-11 {
  color: #ffc40d;
}
.job-status-12 {
  color: #e3a21a;
}
.job-status-13 {
  color: #da532c;
}
.job-status-14 {
  color: #ee1111;
}
.job-status-15 {
  color: #b91d47;
  /*border-radius: 0px 13px 13px 0px;*/
}
.job-status-16 {
  color: #000;
}
/* Job Status Colors */

.svg-danger {
  filter: invert(29%) sepia(25%) saturate(7274%) hue-rotate(338deg) brightness(91%) contrast(87%) blur(0);
}
.svg-primary {
  filter: invert(36%) sepia(55%) saturate(5861%) hue-rotate(199deg) brightness(103%) contrast(111%);
}
.svg-warning {
  filter: invert(74%) sepia(69%) saturate(1230%) hue-rotate(352deg) brightness(102%) contrast(103%);
}
.svg-success {
  filter: invert(49%) sepia(46%) saturate(767%) hue-rotate(82deg) brightness(97%) contrast(84%);
}
.svg-info {
  filter: invert(52%) sepia(67%) saturate(569%) hue-rotate(140deg) brightness(90%) contrast(87%);
}
.svg-light {
  filter: invert(100%) sepia(4%) saturate(3196%) hue-rotate(168deg) brightness(91%) contrast(115%);
}
.svg-secondary {
  filter: invert(56%) sepia(8%) saturate(343%) hue-rotate(169deg) brightness(97%) contrast(91%);
}
.svg-dark {
  filter: invert(20%) sepia(6%) saturate(1051%) hue-rotate(169deg) brightness(96%) contrast(91%);
}


.day_75_prcnt {
  flex-basis: 75%;
}

/* Style overrides */
.btn-outline-primary {
  /*background: #FFF;*/
}
.btn-outline-primary:hover {
  /*background: #FFF;*/
}
.btn-outline-warning {
  background: #FFF;
}
.btn {
  transition: all .5s ease-in-out;
}
/* this specifies elements that contain both classes */
.btn-outline-primary:hover.bg-white {
  background: #007bff!important;
}
/* this specifies elements with btn-outline-secondary under btn-group */
.btn-group .btn-outline-secondary {
  background: #FFF;
}
.btn-group .btn-outline-secondary:hover {
  color: #007bff;
}
.square-left {
  border-top-left-radius: 0!important;
  border-bottom-left-radius: 0!important;
}
.square-right {
  border-top-right-radius: 0!important;
  border-bottom-right-radius: 0!important;
}

.tooltip {
  z-index: 1000000;
}
.tooltip .arrow:before {
  /*border-top-color: #008EC3 !important;*/
  /*box-shadow: 3px 3px 5px #AAA;*/
}
.tooltip .tooltip-inner {
  /*background-color: #008EC3;*/
  box-shadow: 3px 3px 5px #AAA;
}

.popover {
  z-index: 9999999;
}

/* clears the 'X' from Internet Explorer */
/*input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }*/
/*input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }*/

/* clears the 'X' from Chrome */
/*input[type="search"]::-webkit-search-decoration,*/
/*input[type="search"]::-webkit-search-cancel-button,*/
/*input[type="search"]::-webkit-search-results-button,*/
/*input[type="search"]::-webkit-search-results-decoration { display: none; }*/

.custom-control-input:focus, .custom-control-label::before {
  /* when the button is toggled off it is still in focus and a violet border will appear */
  border-color: violet !important;
  /* box shadow is blue by default but we do not want any shadow hence we have set all the values as 0 */
  box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0) !important;
}
/*sets the background color of switch to violet when it is checked*/
.custom-control-input:checked, .custom-control-label::before {
  border-color: violet !important;
  background-color: violet !important;
}
/*sets the background color of switch to violet when it is active*/
.custom-control-input:active, .custom-control-label::before {
  background-color: violet !important;
  border-color: violet !important;
}
/*sets the border color of switch to violet when it is not checked*/
.custom-control-input:focus: not(:checked), .custom-control-label::before {
  border-color: #F00 !important;
}
/* Switch info */
.switch-info label input[type=checkbox]:checked+.lever {
  background-color: #33b5e5;
}
.switch-info label input[type=checkbox]:checked+.lever:after {
  background-color: #0099CC;
}
/* Switch danger */
.switch-danger label input[type=checkbox]:checked+.lever {
  background-color: #ff4444;
}
.switch-danger label input[type=checkbox]:checked+.lever:after {
  background-color: #CC0000;
}
/* Switch warning */
.switch-warning label input[type=checkbox]:checked+.lever {
  background-color: #ffbb33;
}
.switch-warning label input[type=checkbox]:checked+.lever:after {
  background-color: #FF8800;
}
/* Switch success */
.switch-success label input[type=checkbox]:checked+.lever {
  background-color: #00C851;
}
.switch-success label input[type=checkbox]:checked+.lever:after {
  background-color: #007E33;
}



.label-box {
    /*height: 100px;*/
  /*width: 300px;*/
  width: 100%;
  /*display: inline-block;*/
  padding: .5rem;
  padding-top: .725rem;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem;
  position: relative;
}
.box-label {
  position: absolute;
  top: -.7rem;
  left: .25rem;
  height: 1.25rem;
  /*width: 100px;*/
  display: inline-block;
  padding: 0 .25rem;
  background-color: #dbe3f0;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem;
  text-align: center;

  /*Overrides for a flat side*/
  /*left: -.1rem;*/
  /*border-bottom-left-radius: .0;*/
}

.code {
  background-color: #eee;
  border: 1px solid #999;
  display: block; padding: 20px;
  word-wrap: normal !important;
  white-space: normal !important;
}
/* Style overrides */


.zNavBar .nav-tabs {
  border-bottom: none;
}
.zNavBar .nav-tabs .nav-link {
  border-top-left-radius: .6rem;
  border-top-right-radius: .6rem;
}
.zNavBar .nav-tabs .nav-link {
  border-top-left-radius: .6rem;
  border-top-right-radius: .6rem;
}
.zNavBar a {
  color: #333;
}
.zNavBar .nav-link:hover {
  background-color: #E0E0E0;
  /*background: linear-gradient(to bottom, #e0e0e0 0%, #ffffff 150%);*/
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.flex-x-scroll {
  overflow:  auto hidden;
}
.flex-y-scroll {
  overflow:  hidden auto;
}
.mt-1px {
  margin-top: 1px;
}

.txt-msg, .txt-msg-info {
  white-space: normal;
  display: inline-block;
}
.txt-msg-info {
  width: 100%;
}
.txt-msg {
  margin: 3px;
  padding: 3px 10px;
  -moz-border-radius: 13px 13px 0px 13px;
  border-radius: 13px 13px 0px 13px;
  max-width:75%;
  vertical-align: middle!important;
}
.txt-cust {
  border-radius: 13px 13px 13px 0px;
}
.txt-msg-time {
  vertical-align: middle!important;
  color: #DDD;
}
.txt-msg-not-zplan {
  border: 1px solid #FFC107;
  /*box-shadow: 0 0 10px #ffbf00 !important;*/
}

.icon-sm {
   /*font-size: 75%;*/
   padding: 0px;
}

.icon-lg {
   font-size: 125%;
   /*padding: 0px;*/
}
.fa-rotate-45 {
  --fa-rotate-angle: 45deg;
}

.max-vh-50 {
  max-height: 50vh;
}

.match_zId_UL {
  box-shadow: 0px 3px 5px #AAA;
  overflow: hidden;
}
.match_zId_UL li {
  overflow: hidden;
  /*overflow: scroll;*/
}
.match_zId_UL .ro_item {
  background: #FFF2CC;
}
.match_zId_UL .job_item {
  background: #EAEAEA;
}
.match_zId_UL_selected {
  /*box-shadow: 0px 3px 5px #009900;*/
  border: 2px solid #009900;
  border-radius: .45rem;
}

.slot-blocked {
  font-weight: normal;
  font-size: 113%;
  letter-spacing: .0742rem;
}


.legend i {
  padding: 0 5px;
  cursor: default;
}
.legend img {
  cursor: default;
}
.legend .list-group-item {
  border-top: none;
  border-left: none;
  border-right: none;
}


/* START parts/specs section of details form */
.part-spec table {
  border: none;
}
.part-spec th:first-child, .part-spec td:first-child {
  border-left: 0;
}
.part-spec th:last-child, .part-spec td:last-child {
  border-right: 0;
}
.part-spec tr:last-child td {
  border-bottom: 0;
}
.part-spec tr:last-child td:first-child {
  border-bottom-left-radius: .25rem!important;
}
.part-spec tr:last-child td:last-child {
  border-bottom-right-radius: .25rem!important;
}

/* Format the header in the tooltip */
.tooltip .doc_pub {
  text-align: left;
}
.tooltip .doc_pub p {
  font-weight: bold;
  font-size: 115%;
  margin-bottom: 0;
}
.tooltip .doc_pub.g p {
  color: rgb(51, 51, 204)!important;
}
.tooltip .doc_pub.k p {
  color: rgb(255,116,0)!important;
}
.tooltip .doc_pub.r p {
  color: rgb(204,0,0)!important;
}
.tooltip .doc_pub.s p {
  color: rgb(255,48,25)!important;
}
.tooltip .doc_pub.t p {
  color: rgb(255,48,25)!important;
}
.tooltip .doc_pub.w p {
  color: rgb(255,48,25)!important;
}


#nAccordion .card-body, #nAccordion .form-control, #nAccordion .custom-select, #nAccordion label {
  font-size: .7rem;
}
#nAccordion .card-header .btn {
  font-size: .9rem;
  padding: 2px;
}
#nAccordion .btn-group-sm .btn {
  font-size: .775rem;
  padding: 0px 5px;
}

#body_related_jobs {
  overflow-y: scroll;
  max-height: 25vh
}

#modalCustomerDiscountCenter input, #modalCustomerDiscountCenter .input-group, #modalCustomerDiscountCenter .input-group-text, #modalCustomerDiscountCenter .form-control, #modalCustomerDiscountCenter .span {
  font-size: .85rem;
}
#modalCustomerDiscountCenter input {
  box-shadow: none;
}
#modalCustomerDiscountCenter .col-2 {
  max-width: 17%;
}
#modalCustomerDiscountCenter .btn-outline-success {
  background-color: #FFF;
}
#modalCustomerDiscountCenter .btn-outline-success:hover {
  color: #FFF;
  background-color: #28A745;
}

.flat_bottom .form-control, .flat_bottom .form-check-input-sm, .flat_bottom .input-group-text, .flat_bottom .input-group-append, .flat_bottom .btn, .flat_bottom input {
  /*border-top-color: #17A2B8;*/
  /*border-right-color: #17A2B8;*/
  /*border-left-color: #17A2B8;*/
  border-color: #17A2B8;
  border-radius: 13px 13px 0 0;
  background-color: #D2ECF1;
}
.round_left .form-control, .round_left .form-check-input-sm, .round_left .input-group-text, .round_left .input-group-append, .round_left .btn, .round_left input {
  border-top-left-radius: .25rem!important;
  border-bottom-left-radius: .25rem!important;
}

/*.input-group-sm>.custom-select, .input-group-sm>.form-control, .input-group-sm>.input-group-append>.btn, .input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn, .input-group-sm>.input-group-prepend>.input-group-text {
  border-radius: 13px 13px 0 0;
}*/


#rt_img {
  width: 40px;
  height: 40px;
  /*filter: opacity(.5);*/
  cursor: pointer;
}

#alertModal {
  z-index: 1000000;
}

#manageROmodal .card-body {
  height: 50vh;
}
#copy_right, #copy_right:after {
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 0px;
  margin: 0px;
  z-index: 999;
  /*content: "Copyright 2019-2020 Powersports Data Solutions LLC and its licensors. All rights reserved."*/
  /*content: "© Copyright 2019-" attr(data-date) " Powersports Data Solutions LLC and its licensors. All rights reserved."*/
  /*Copyright 2019-2020 Powersports Data Solutions LLC and its licensors. All rights reserved.*/
}
#status_bar {
  position: fixed;
  bottom: 0;
  /*top: 0;*/
  width: 100%;
  padding: 5px 10px;
  /*background-color: #4DB8FF;*/
  z-index: 1000;
  transition: all 1s ease-in-out;
}
#zPlan_img {
  /*width: 196px;*/
  /*height: 50px;*/
  transition: all 3s ease-out;
  /*padding: 5px;*/
}
#SMP_img {
  /*width: 90%;*/
  /*height: 90%;*/
  /*opacity: 0.5;*/
  /*filter: alpha(opacity=50); /* For IE8 and earlier */
  transition: all 3s ease-out;
}
#SMP_img:hover {
  /*opacity: 1;*/
  /*filter: alpha(opacity=100);*/ /* For IE8 and earlier */
  transition: all .5s ease-out;
}
#sched_app {
  padding: 0px;
  border-top: 1px solid #BBB;
}
#roDetailForm {
  z-index: 10000;
}
#roDetailForm a {
  text-decoration: none;
  color: #6699FF;
}
#roDetailForm a:hover {
  text-decoration: none;
  color: #007BFF;
}
#roDetailForm .custom-select:focus {
  border-color: #dc3545;
}
#popover-form-add-tech {
  z-index: 10101;
}

#claimSendModal {
  z-index: 10101;
}
/* Submitted/In Review */
.claim_status:hover {
  /*box-shadow:inset 0 0 0 99999px rgba(255,255,255,0.2);*/
  filter: brightness(75%);
}

.clearfix a {
  color: #f00!important;
  float: right!important;
  margin: 0;
  margin-left: .5rem!important;
  /*margin-right: .25rem!important;*/
}

#menu_bar {
  padding: 0px;
  /*border-bottom: 1px solid #CCC;*/
  background-color: #FFF;
}

#nav-btns i{
  padding-top: 0;
  padding-bottom: 0;
}
#nav-btns .btn{
  /*padding-top: 0;*/
  /*padding-bottom: 0;*/
}
#nav-btns .btn-set{
  background: #cce5ff;
}

#settings_vac, #settings_off_days, #settings_emps, #settings_folders {
  overflow-y:auto;
  max-height: 50vh;
  /*background-color: #F00;*/
}
#inputRoSearchConatiner span {
  border-radius: 15px 0px 0px 15px;
  border-right: none;
}
#inputRoSearchConatiner input {
  border-radius: 0px 15px 15px 0px;
  border-left: none;
  box-shadow: none;
}
#inputRoSearchConatiner input:focus {
  border-color: #CED4DA;
}

#alertModal span {
  font-size: 125%;
}

/*#alertModal .list-group {
  font-size: 75%;
  margin: 1px;
  padding: 1px;
}*/
#alertModal .list-group-item {
  font-size: 75%;
  /*margin: 1px;*/
  padding: 1px 5px;
}

#body_text_messages {
  background-color: #FFF;
  overflow-y: scroll;
  min-height: 15vh;
  max-height: 35vh;
}


#settingsModal .collapsed button {
  /*color: #17A2B8;*/
  /*background: #F00;*/
  /*font-size: .5rem;*/
  /*padding: 0px 0px 0px 3px;*/
  /*margin: 0px;*/
}

#settingsModal .header-btn {
  padding: 0!important;
  margin: 0!important;
  margin-left: .25rem!important;
}

#settingsModal .navbar {
  /*border-bottom: solid 1px #007bff;*/
}

#settingsModal .navbar-dark .navbar-nav .active>.nav-link, #settingModal .navbar-dark .navbar-nav .nav-link.active, #settingModal .navbar-dark .navbar-nav .nav-link.show, #settingModal .navbar-dark .navbar-nav .show>.nav-link {
  /*background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) !important;*/
  background: #ffffff;
  color: #00f;
  border-radius: 4px 4px 0 0;
}
#settingsModal .nav-item:hover {
  color: #ffffff;
  /*background: #4da3ff;*/
  background: rgba(255,255,255,.15);
  border-radius: 4px 4px 0 0;
}
#settingsModal .navbar-dark .navbar-nav .nav-link {
  color: #ffffff;
}
#settingModal .navbar-dark .navbar-nav .nav-link:focus, #settingModal .navbar-dark .navbar-nav .nav-link:hover {
  color: #ffffff;
  background: #f00;
}


#form_settings_folder .input-group-sm {
  padding: 2px 3px;
}
#form_settings_folder input {
  transition: all .5s ease-out;
}
#form_settings_folder .folder_details {
  background-color: #D2ECF1;
  border: 1px solid #17A2B8;
  border-radius: 0 0 13px 13px;
  padding: .5rem!important;
  margin: .20rem!important;
  margin-top: 0em!important;
  transition: all 1s ease-in-out;
}
#form_settings_folder .flat_bottom .btn {
  background: #FFF;
}
#form_settings_folder .flat_bottom .btn:hover {
  color: #FFC107;
}
#form_settings_folder .dropdown-toggle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
#form_settings_folder a:hover {
  opacity: 0.65 !important;
}

#form_settings_folder .settings_folder_btn {
  border-radius: .2rem 0 0 .2rem;
  text-align: left!important;

  display: flex!important;
  justify-content: space-between!important;
  align-items: center!important;
}
#form_settings_folder .flat_bottom .btn {
  border-radius: 0 0 0 0!important;
}
#form_settings_folder .flat_bottom .settings_folder_btn {
  border-radius: 13px 0 0 0!important;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.settings_folder_btn .badge{
  top: 0;
}
/*#form_settings_folder .btn_round_1 {
  border-radius: 13px 0 0 0;
  text-align: left!important;

}
*/
#swMenu .dropdown-item:focus, #swMenu .dropdown-item:hover, #techMenu .dropdown-item:focus, #techMenu .dropdown-item:hover , #refreshMenu .dropdown-item:focus, #refreshMenu .dropdown-item:hover {
  background-color: #007bff;
  color: #fff;
}


#dropdownSwButton {
  border-right:  0;
  border-top-right-radius:  0!important;
  border-bottom-right-radius:  0!important;
}
#dropdownTechButton {
  border-top-left-radius:  0!important;
  border-bottom-left-radius:  0!important;
}

#advSearchdModal input {
  box-shadow: none;
  border: 1px solid #CED4DA;
}


.status_details {
  background-color: #D2ECF1;
  border: 1px solid #17A2B8 !important;
  border-radius: 0 0 13px 13px;
  padding: .5rem!important;
  margin: 0rem!important;
  margin-top: .25em!important;
  transition: all 1s ease-in-out;
}
.round_top, .round_top span {
  /*border: 1px solid #17A2B8;*/
  border-radius: 13px 0 0 0 !important;
}
.round_top .form-control, .round_top .form-check-input-sm, .round_top .input-group-text, .round_top .input-group-append, .round_top .btn, .round_top input {
  border-color: #17A2B8;
  background-color: #D2ECF1;
  transition: all 1s ease-in-out !important;
}
#collapseEvoStatus span, #collapseEvoStatus .input-group {
  transition: all 1s ease-in-out;
}


#main_view_folders {
  transition: width 1s, min-width 1s;
  /*width: 22rem;*/
  width: 18vw;
  min-width: 17rem;
}

#listViewSettings {
  background-color: #CCE5FF;
}

#jobs_form {
  max-height: 25vh;
  overflow-y: scroll;
}

#ro_detail_options {
  margin-top: 7px;
  padding: 7px 0 0 0;
  border-top: 1px solid #ccc;
}

#form_add_job {
  padding: 5px;
  width: 100%;
  max-height: 30vh;
  overflow-y: scroll;
  background:#EEE;
}
#form_add_job .form-row {
  padding: 10px;
  border-bottom: 1px solid #007BFF;
}

#match_btn_grp {
  display: -webkit-flex;
  -webkit-justify-content: center;
  display: flex;
  justify-content: center;
  background: #eee;
}

#collapseNewMessages {
  max-height: 45vh;
}

#cmc-span {
  display: inline-block;
  width: max-content;
}

#collapseSendMessages {
  max-height: 35vh;
  overflow-y: scroll;
}

#nAccordion .auto_margin_full {
  max-width: 50vw;
  max-height: 60vh;
}

#d_accordion {
  min-height: 20%;
}

#settings_emps {
  max-width: 50vw;
}

#form_settings_vacation, #form_settings_off_days {
  display: flex;
  justify-content: center;
}

#collapseSendDiscount {
  max-height: 65vh;
  overflow-y: scroll;
}

#advSrchBody {
  min-height: 35vh; position: relative;
}

#main_view_schedule {
  overflow-x: auto;
}

#zii_dms_push:hover {
  background-color: #ddd;
}

.font-size-75 {
  font-size: 75%;
}
.font-size-85 {
  font-size: 85%;
}
.font-size-100 {
  font-size: 100%;
}
.font-size-110 {
  font-size: 110%;
}
.w-5em {
  width: 5em!important;
}
.w-10em {
  width: 10em!important;
}
.w-11em {
  width: 11em!important;
}
.w-12em {
  width: 12em!important;
}
.w-13em {
  width: 13em!important;
}
.w-15em {
  width: 15em!important;
}
.w-20em {
  width: 20em!important;
}
.w-25em {
  width: 25em!important;
}
.w-40em {
  width: 40em!important;
}
.w-6rem {
  width: 6rem!important;
}

.max-h-50vh {
  max-height: 50vh!important;
}

.min-w-25em {
  min-width: 25em!important;
}

.max-w-3rem {
  max-width: 3rem!important;
}

.dropdown-menu-colors {
  border-radius: 0px 6px 6px 6px;
}

.discount-details {
  background-color: #D2ECF1;
  border-radius: 0 0 13px 13px;
  transition: all 1s ease-in-out;
}

.rounded-left-9 {
  border-radius: 9px 0 0 9px!important;
}
.rounded-right-9 {
  border-radius: 0 9px 9px 0!important;
}

.sw-card {
  overflow-y: auto;
  max-height: 50vh;
}

.scroll-x {
  overflow-x: scroll;
}

.line-height-inherit {
  line-height: inherit!important;
}

.p1 {
  padding: 1px;
}

.on-top {
  z-index: 100000!important;
}




.shrink_element {
  transition: width 1s;
  width: 0 !important;
  min-width: 0 !important;
}

.btn-outline-grey {
  color: #CED4DA;
  border-color: #CED4DA;
  /*border: 1px solid #CED4DA;*/
}
.btn-outline-grey:hover {
  color: #fff;
  background-color: #CED4DA;
  border-color:#CED4DA
}
.btn-outline-grey.focus, .btn-outline-grey:focus {
  box-shadow:0 0 0 .2rem rgba(0, 123, 255, .5)
}
.btn-outline-grey.disabled, .btn-outline-grey:disabled {
  color: #CED4DA;
  background-color:transparent
}


/* ANIMATIONS START */
.pulsing {
  animation:pulsing 2s infinite;
  -moz-animation:pulsing 2s infinite;
  -webkit-animation:pulsing 2s infinite;
  -o-animation:pulsing 2s infinite;
}
@keyframes pulsing {
  0% {
    opacity: 0.1;
    /*border-color: #f00;*/
    /*box-shadow: 0 0 5px #f00;*/
  }
  15% {
    opacity: 1;
    /*border-color: #c32232;*/
    /*box-shadow: 0 0 20px #c32232;*/
  }
  30% {
    opacity: 0.25;
    /*border-color: #f00;*/
    /*box-shadow: 0 0 5px #f00;*/
  }
  60% {
    opacity: 1;
    /*border-color: #c32232;*/
    /*box-shadow: 0 0 20px #c32232;*/
  }
  100% {
    opacity: 0.1;
    /*border-color: #f00;*/
    /*box-shadow: 0 0 5px #f00;*/
  }
}

.color-cycle {
  animation:color-cycle 4s infinite;
  -moz-animation:color-cycle 4s infinite;
  -webkit-animation:color-cycle 4s infinite;
  -o-animation:color-cycle 4s infinite;
}
@keyframes color-cycle {
  0% {
    filter: hue-rotate(0deg);
    /*opacity: 0.1;*/
    /*border-color: #f00;*/
    /*box-shadow: 0 0 5px #f00;*/
  }
  25% {
    filter: hue-rotate(90deg);
    /*opacity: 1;*/
    /*border-color: #c32232;*/
    /*box-shadow: 0 0 20px #c32232;*/
  }
  50% {
    filter: hue-rotate(180deg);
    /*opacity: 0.5;*/
    /*border-color: #f00;*/
    /*box-shadow: 0 0 5px #f00;*/
  }
  75% {
    filter: hue-rotate(270deg);
    /*opacity: 1;*/
    /*border-color: #c32232;*/
    /*box-shadow: 0 0 20px #c32232;*/
  }
  100% {
    filter: hue-rotate(360deg);
    /*opacity: 0.1;*/
    /*border-color: #f00;*/
    /*box-shadow: 0 0 5px #f00;*/
  }
}

.red-alert {
  animation:red-alert 1s infinite;
  -moz-animation:red-alert 1s infinite;
  -webkit-animation:red-alert 1s infinite;
  -o-animation:red-alert 1s infinite;
}
@keyframes red-alert {
  0% {
    border-color: #f00;
    box-shadow: 0 0 5px #f00;
    /*opacity: 0.5;*/
    color: #f00;
  }
  50% {
    border-color: #981b27;
    box-shadow: 0 0 20px #c32232;
    /*opacity: 1;*/
    color: #fff;
  }
  100% {
    border-color: #f00;
    box-shadow: 0 0 5px #f00;
    /*opacity: 0.5;*/
    color: #f00;
  }
}

.wobble {
  animation:wobble .55s infinite;
  -moz-animation:wobble .55s infinite;
  -webkit-animation:wobble .55s infinite;
  -o-animation:wobble .55s infinite;
}
.wobble:hover {
  /*animation-play-state: paused;*/
  /*transform: rotate(0deg);*/
}
@keyframes wobble {
  0% {transform: rotate(3deg);}
  25% {transform: rotate(-3deg);}
  50% {transform: rotate(3deg);}
  75% {transform: rotate(-3deg);}
  100% {transform: rotate(3deg);}
}

/* ANIMATIONS END */


@media print {
  body{
    /*border: solid 2px #ddd;*/
    margin: 0;
    color: #000;
    background-color: #FFF;
  }
  .border-secondary{
    border: solid #000 !important;
    border-width: 1px !important;
  }
  .card-header.bg-grey {
    color: #000;
    background-color: #EEE;
  }
  .card-header, .card-body, .card-footer {
    border: solid #333 !important;
    border-width: 1px !important;
  }
  .underline {
    border-top: solid #000 !important;
    border-width: 1px !important;
  }
  .btn-print {
    display:none;
  }
}


/*Schedule Section Header Adjustments*/
@media screen and (max-width: 1700px) {
  .month_view .d-too-small-ish {
    display: none!important;
  }
  .month_view .day_header {
    /*background-color:  #ff0;*/
  }
}
@media screen and (max-width: 1500px) {
  .month_view .d-too-small {
    display: none!important;
  }
  .month_view .day_header {
    /*background-color:  #f00;*/
  }
}


/*@media (min-width: 768px) {
  .modal-xl {
    width: 85%;
    max-width:1200px;
  }
}*/

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {
  h6 {font-size:.325rem;}
  .d-xl-only {
    /*display: none!important;*/
    background: #F00;
  }
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
  h6 {font-size:.5rem;}
  .modal-xl {
    width: 85%;
    max-width:1200px;
  }
  .d-xl-only {
    /*display: none!important;*/
    background: #0F0;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  h6 {font-size:.75rem;}
  .d-xl-only {
    display: block-inline!important;
    background: #00F;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  h6 {font-size:.75rem;}
  .d-xl-only {
    display: block-inline!important;
    background: #F0F;
  }
}