body[data-layout-domain=sc] .navbar-nav>li>a {
  padding:10px;
}

body[data-layout-domain=sc] {
  margin: 0;
  padding: 0;
  font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}
footer {
  clear: both;
}

.bootstrap-datetimepicker-widget .datepicker-years thead .picker-switch {
  cursor: default !important;
  background: inherit !important;
}

.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
  cursor: default;
  background-color: #686f75;
  color: #060606;
}
.bootstrap-datetimepicker-widget table td.sn-datepicker-routed-date:not(.disabled) {
  background-color: #f9ccff;
}
.bootstrap-datetimepicker-widget table td.sn-datepicker-routed-date:not(.disabled):hover {
  background-color: #fce6ff;
}
.bootstrap-datetimepicker-widget table td.active.sn-datepicker-routed-date:not(.disabled) {
  background-color: #c00bd9;
}
.bootstrap-datetimepicker-widget .sn-datepicker-note {
  text-align: center;
  font-size: 11px; 
  color: #666;
  padding-top: 5px;
}

.date-picker-wrapper {
  z-index: 1100; /* in front of modal */
}
#calendar .fc-basic-view .fc-body .fc-row {
  min-height: 40px;
}
#notebook tr {
  height: 50px;
}
#menu .nav li a.btn {
  font-size: 16px;
}
.text_align_center, .text-align-center {
  text-align: center;
}
#content {
  min-height: 600px;
}
#menundmodal {
  background: #5cb85c;
  color: white;
}
.asterisk {
  color: red;
  font-weight: bolder;
  font-size: 16px;
}

.col-xs-0-25 {
  width: 2.0833333%;
}

.col-xs-0-3 {
  width: 2.5%;
}

.col-xs-0-35 {
  width: 2.9166666%;
}

.col-xs-0-4 {
  width: 3.3333333%;
}

.col-xs-0-45 {
  width: 3.75%;
}

.col-xs-0-5 {
  width: 4.1666667%;
}

.col-xs-0-55 {
  width: 4.5833333%;
}

.col-xs-0-6 {
  width: 5%;
}

.col-xs-0-65 {
  width: 5.4166667%;
}

.col-xs-0-7 {
  width: 5.8333333%;
}

.col-xs-0-75 {
  width: 6.25%;
}

.col-xs-0-8 {
  width: 6.6666667%;
}

.col-xs-0-85 {
  width: 7.0833333%;
}

.col-xs-0-9 {
  width: 7.5%;
}

.col-xs-0-95 {
  width: 7.9166667%;
}

.col-xs-1-05 {
  width: 8.7500000%;
}

.col-xs-1-1 {
  width: 9.1666667%;
}

.col-xs-1-15 {
  width: 9.5833333%;
}

.col-xs-1-2 {
  width: 10%;
}

.col-xs-1-25 {
  width: 10.4166667%;
}

.col-xs-1-3 {
  width: 10.8333333%;
}

.col-xs-1-35 {
  width: 11.2500000%;
}

.col-xs-1-4 {
  width: 11.6666667%;
}

.col-xs-1-45 {
  width: 12.0833333%;
}

.col-xs-1-5 {
  width: 12.5%;
}

.col-xs-1-55 {
  width: 12.9166667%;
}

.col-xs-1-6 {
  width: 13.3333333%;
}

.col-xs-1-65 {
  width: 13.75%;
}

.col-xs-1-7 {
  width: 14.1666666%;
}

.col-xs-1-75 {
  width: 14.5833333%;
}

.col-xs-1-8 {
  width: 15%;
}

.col-xs-1-85 {
  width: 15.4166667%;
}

.col-xs-1-9 {
  width: 15.8333333%;
}

.col-xs-1-95 {
  width: 16.25%;
}

.col-xs-2-05 {
  width: 17.0833333%;
}

.col-xs-2-1 {
  width: 17.5%;
}

.col-xs-2-15 {
  width: 17.9166667%;
}

.col-xs-2-2 {
  width: 18.3333333%;
}

.col-xs-2-25 {
  width: 18.75%;
}

.col-xs-2-3 {
  width: 19.1666667%;
}


.col-xs-2-35 {
  width: 19.5833333%;
}

.col-xs-2-4 {
  width: 20%;
}

.col-xs-2-45 {
  width: 20.4166667%;
}

.col-xs-2-5 {
  width: 20.8333333%;
}

.col-xs-2-55 {
  width: 21.25%;
}

.col-xs-2-6 {
  width: 21.6666667%;
}

.col-xs-2-65 {
  width: 22.0833333%;
}

.col-xs-2-7 {
  width: 22.5%;
}

.col-xs-2-75 {
  width: 22.9166667%;
}

.col-xs-2-8 {
  width: 23.3333333%;
}

.col-xs-2-85 {
  width: 23.75%;
}

.col-xs-2-9 {
  width: 24.1666667%;
}

.col-xs-2-95 {
  width: 25.5833333%;
}

.col-xs-0-25,
.col-xs-0-3,
.col-xs-0-35,
.col-xs-0-4,
.col-xs-0-45,
.col-xs-0-5,
.col-xs-0-55,
.col-xs-0-6,
.col-xs-0-65,
.col-xs-0-7,
.col-xs-0-75,
.col-xs-0-8,
.col-xs-0-85,
.col-xs-0-9,
.col-xs-0-95,
.col-xs-1-05,
.col-xs-1-1,
.col-xs-1-15,
.col-xs-1-2
.col-xs-1-25,
.col-xs-1-3,
.col-xs-1-35,
.col-xs-1-4,
.col-xs-1-45,
.col-xs-1-5,
.col-xs-1-55,
.col-xs-1-6,
.col-xs-1-65,
.col-xs-1-7,
.col-xs-1-75,
.col-xs-1-8,
.col-xs-1-85,
.col-xs-1-9,
.col-xs-1-95,
.col-xs-2-05,
.col-xs-2-1,
.col-xs-2-15,
.col-xs-2-2,
.col-xs-2-25,
.col-xs-2-3,
.col-xs-2-35,
.col-xs-2-4,
.col-xs-2-45,
.col-xs-2-5,
.col-xs-2-55,
.col-xs-2-6,
.col-xs-2-65,
.col-xs-2-7,
.col-xs-2-75,
.col-xs-2-8,
.col-xs-2-85,
.col-xs-2-9,
.col-xs-2-95 {
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.select2-dropdown.select2-dropdown--below {
  border-top: 1px solid #aaa;
}
.select2-selection__clear {
  font-size: 28px;
  margin-top: -3px;
  color: #490101;
}
.select2-selection__clear:hover {
  color: #F27979;
}

select.select2:not(.select2_initialized) {
  visibility: hidden;
  width: 100%;
}
.select2.select2-container {
  width:100% !important;
}
  
.label {
  font-size: 100% !important;
}
.white-space-nowrap {
  white-space: nowrap;
}
.alert {
  margin-bottom: 0px !important;
  padding: 5px !important;
}

.fa-xl {
  font-size: 30px !important;
  vertical-align: -20%;
}

/* Remove margin from bootstrap .navbar-right */
.navbar-right {
  margin-right: 0px !important;
}
.navbar-nav {
  margin: 0px !important;
}

.inline {
  display: inline;
}

.padding-top-bottom {
  padding-top: 20px !important;
  padding-bottom: 25px !important;
}

.padding-top {
  padding-top: 16px !important;
}

.margin-0-15 {
  margin: 0px 15px;
}
.modal-footer {
  text-align: left !important;
  clear: both;
}

#msg_container {
  margin: 3px auto;
}

#prmodal #prmodalmapcontainer {
  width: 100%;
  max-width: 700px;
  padding: 10px;
}

#prmodal #prmodalmap {
  width: 100%;
}

#prmodal #prmodaldirections {
  font-size: 16px;
}

#alertprogressbar {
  width: calc(100% - (170px));
  margin: 5px;
  background-color: #999;
  /* margin-bottom is negative to push the bar into the notebook modal */
  margin-bottom: -30px;
}

#alertprogressbarlabel {
  width: 10%;
  height: 30px;
  font-size: smaller;
  text-align: center;
  line-height: 30px;
  white-space: nowrap;
  color: white;
}

#alertprogressbarlabel.yellow {
  background-color: orange;
}

#alertprogressbarlabel.red {
  background-color: red;
}

#alertprogressbarlabel.green {
  background-color: #4CAF50;
}

#notebook tr.fc-minor > td.fc-time:first-child span {
  display: none;
}

.sn-xs-font-size-20 {
  font-size: 20px;
}
.sn-xs-font-size-22 {
  font-size: 22px;
}
.sn-xs-font-size-24 {
  font-size: 24px;
}
.sn-xs-font-size-26 {
  font-size: 26px;
}
.sn-xs-font-size-28 {
  font-size: 28px;
}
.sn-xs-font-size-30 {
  font-size: 30px;
}
 
body {
  font-size:13px;
}

@media (min-width: 768px) { /* col-sm-6 will resize at 768 px */
  .sn-sm-font-size-20 {
    font-size: 20px;
  }
  .sn-sm-font-size-22 {
    font-size: 22px;
  }
  .sn-sm-font-size-24 {
    font-size: 24px;
  }
  .sn-sm-font-size-26 {
    font-size: 24px;
  }
  .sn-sm-font-size-28 {
    font-size: 28px;
  }
  .sn-sm-font-size-30 {
    font-size: 30px;
  }

  body {
    font-size:14px;
  }
  
  .col-sm-border-right {
    border-right:1px solid black;
  }
  .col-sm-border-left {
    border-left:1px solid black;
    margin-left: -1px;
  }

  .sn-sm-height-0 {
    height: 0;
  }
}

@media (min-width: 992px) { /* col-md-6 will resize  */
  .col-md-border-right {
    border-right:1px solid black;
  }
  .col-md-border-left {
    border-left:1px solid black;
    margin-left: -1px;
  }

  .sn-md-height-0 {
    height: 0;
  }
}

@media (min-width: 1000px) {
  .sn-mw1000-height-0 {
    height: 0;
  }
}

@media (min-width: 1100px) {
  .sn-mw1100-height-0 {
    height: 0;
  }
}

@media (min-width: 1200px) {
  .sn-mw1200-height-0,
  .sn-lg-height-0 {
    height: 0;
  }
}

@media (min-width: 1400px) {
  .sn-mw1400-height-0 {
    height: 0;
  }
}

@media (min-width: 1600px) {
  .sn-mw1600-height-0 {
    height: 0;
  }
}

@media  (min-width: 700px) {
  .asterisk {
    font-size: 18px;
  }
  
  .modal-dialog {
    width: 90% !important;
  }
}

/* Login rules */
#lo .row.form-group {
  margin-bottom: 30px;
}

.float-left {
  float: left;
}

.font-size-110 {
  font-size: 110%;
}

.padding-right-10 {
  padding-right: 10%;
}

.padding-right-20 {
  padding-right: 20%;
}

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

.padding-top-20 {
  padding-top: 20px;
}

/* greyed-out : closed hours
 * unavailable : available slot was taken
*/
.fc-cal-nonbusiness {
  background-color: rgb(68,68,68,0.3);
}
.fc-cal-grey  {
  background-color: rgb(136,136,136,0.3);
}
.fc-cal-blue  {
  background-color: rgb(151,209,210,0.3);
}
.fc-cal-purple, .fc-cal-purple.fc-today {
  background-color: rgb(212,120,218,0.3);
}
.fc-day.fc-state-highlight-notebook.fc-cal-nonbusiness {
  background-color: rgb(68,68,68,0.6);
}
.fc-day.fc-state-highlight-notebook.fc-cal-grey {
  background-color: rgb(136,136,136,0.6);
}
.fc-day.fc-state-highlight-notebook.fc-cal-blue {
  background-color: rgb(151,209,210,0.6);
}
.fc-day.fc-state-highlight-notebook.fc-cal-purple {
  background-color: rgb(212,120,218,0.6);
}
#notebook .fc-today {
  background: white;
}
#notebook .fc-toolbar {
  height:40px;
  overflow-y: hidden;
}
.unavailable {
  background: #777 !important;
  border-color: #555 !important;
  opacity: 0.7;
}

#vemodalcol {
  margin-left: 20px;
}
.table-striped>tbody>tr:not(.sn-striped-tr-alt):nth-of-type(even) {
  background-color: #d9edf7;
}
.table-striped>tbody>tr:not(.sn-striped-tr-alt):nth-of-type(even):hover {
  background-color: #E0F4FF;
}
.table-striped>tbody>tr:not(.sn-striped-tr-alt):nth-of-type(odd) {
  background-color: #f0fbff;
}
.table-striped>tbody>tr:not(.sn-striped-tr-alt):nth-of-type(odd):hover {
  background-color: #F9FDFF;
}


.table-striped>tbody>tr:not(.sn-striped-tr-alt):nth-of-type(even).sn-footer-working-row {
  background-color: #9EDFFF;
}
.table-striped>tbody>tr:not(.sn-striped-tr-alt):nth-of-type(even).sn-footer-working-row:hover {
  background-color: #A0E0FF;
}
.table-striped>tbody>tr:not(.sn-striped-tr-alt):nth-of-type(odd).sn-footer-working-row {
  background-color: #9EDFFF;
}
.table-striped>tbody>tr:not(.sn-striped-tr-alt):nth-of-type(odd).sn-footer-working-row:hover {
  background-color: #A0E0FF;
}

.table-striped>tbody>tr:not(.sn-striped-tr-alt):nth-of-type(even).sn-footer-search-tr-active {
  background-color: #9FF792;
}
.table-striped>tbody>tr:not(.sn-striped-tr-alt):nth-of-type(even).sn-footer-search-tr-active:hover {
  background-color: #ACF4A4;
}
.table-striped>tbody>tr:not(.sn-striped-tr-alt):nth-of-type(odd).sn-footer-search-tr-active {
  background-color: #b7f7b7;
}
.table-striped>tbody>tr:not(.sn-striped-tr-alt):nth-of-type(odd).sn-footer-search-tr-active:hover {
  background-color: #C2F7B7;
}

.table-striped>tbody>tr:not(.sn-striped-tr-alt):nth-of-type(even).sn-footer-search-tr-highlight {
  background-color: #6DE064;
}
.table-striped>tbody>tr:not(.sn-striped-tr-alt):nth-of-type(even).sn-footer-search-tr-highlight:hover {
  background-color: #7DD673;
}
.table-striped>tbody>tr:not(.sn-striped-tr-alt):nth-of-type(odd).sn-footer-search-tr-highlight {
  background-color: #67E567;
}
.table-striped>tbody>tr:not(.sn-striped-tr-alt):nth-of-type(odd).sn-footer-search-tr-highlight:hover {
  background-color: #7EE57E;
}


.sn-body-style-tr-alt-dark .table-striped>tbody>tr.sn-striped-tr-alt:nth-of-type(even) {
  background-image: -webkit-linear-gradient(top, #337ab7 0, #265a88 100%);
  background-image: -o-linear-gradient(top, #337ab7 0, #265a88 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
  background-image: linear-gradient(to bottom, #337ab7 0, #265a88 100%);
  background-repeat: repeat-x;
  background-color: #245580;
  color: white;
  font-size: 20px;
}
.sn-body-style-tr-alt-dark .table-striped>tbody>tr.sn-striped-tr-alt:nth-of-type(even):hover {
  background-image: none;
  background-color: #337ab7;
}
.sn-body-style-tr-alt-dark .table-striped>tbody>tr.sn-striped-tr-alt:nth-of-type(odd) {
  background-image: -webkit-linear-gradient(top, #337ab7 0, #265a88 100%);
  background-image: -o-linear-gradient(top, #337ab7 0, #265a88 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
  background-image: linear-gradient(to bottom, #337ab7 0, #265a88 100%);
  background-repeat: repeat-x;
  background-color: #245580;
  color: white;
  font-size: 20px;
}
.sn-body-style-tr-alt-dark .table-striped>tbody>tr.sn-striped-tr-alt:nth-of-type(odd):hover {
  background-image: none;
  background-color: #337ab7;
}

.sn-olines-title {
  font-weight:200;
  padding: 3px 0px 0px 0px;
  text-align: center;
  font-size: 16px;
}

.sn-body-style-tr-alt-dark .sn-olines-title {
  font-size: 24px;
  font-weight: bold;
}

.fc-toolbar {
  margin-bottom: 5px;
}

#notebook .fc-title {
  font-size: 11px;
  line-height: 1;
}
@media all and (max-width: 767px) {
  #sc_home_one {
    min-width:100%;
  }
  #sc_home_two {
    min-width:100%;
  }
  #calendar {
    margin-right:30px;
  }
}
@media all and (min-width: 800px) {
  #notebook .sc-init-popover .fc-title {
    font-size: 13px;
  }

  #contentColOne {
    float: left;
    width: 305px;
    display: inline-block;
  }
  #vemodalcol {
    display: inline-block;
    width: calc(100% - 350px);
  }
  #contentColTwo {
    width: calc(100% - 430px);
    display: inline-block;
    overflow: hidden;
  }
  #contentColThree {
    float: right;
    width: 140px;
    display: inline-block;
  }
  #contentColOne, #contentColTwo {
    padding: 15px;
  }
  #contentColTwo {
    padding-right: 0px;
  }
}
@media all and (min-width: 1000px) {
  #content.vendor #contentColOne {
    width: 460px;
  }
  #content.vendor #calendar {
    max-width: 460px;
  }
  #contentColTwo {
    width: calc(100% - 500px);
  }
  #vemodalcol {
    width: calc(100% - 490px);
  }
  #contentColThree {
    width: 200px;
  }
  #menu .nav li a.btn {
    font-size: 17px;
  }
}
@media all and (max-width: 799px) {
  #contentColOne, #contentColTwo, #contentColThree, #vemodalcol {
    margin: 0px auto;
    display: block;
    padding: 5px;
  }
}
#contentColTwo {
  /* Push the z-indexed notebook behind the calendar's event list */
  z-index: 0;
  position: relative;
}
a.fc-more {
  font-size: 1em;
}
#calendar h2 {
  font-size: 18px;
}
#chmodalgaugewrap {
  width: 80%;
  margin-left: 10%;
}
h2 {
  font-size: 30px;
  font-weight: 100; 
}
h3 {
  font-size: 25px;
  font-weight: 100; 
}

element.style {
}
.fc-button.fc-state-default.fc-next-button,
.fc-button.fc-state-default.fc-prev-button {
  padding:2px;
  
}

div .form-group {
  margin-bottom: 0px;
  padding: 2px 0px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.sn-div-btn {
  min-height: 30px;
  padding: 0px 2px;
  margin: 5px 0px 10px 0px;
  background: #68d1dc;
  width: 250px;
  display:inline-block;
  line-height:1.4;
  vertical-align: middle;
  border-radius: 4px;
  border: 1px solid transparent;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
div .form-group-borderless .form-group {
  border-top: none;
  border-bottom: none;
}
input, textarea, .select2-selection {
  border-radius:5px;
  border:1px solid #555 !important;
}
input:hover, textarea:hover, .select2-selection:hover {
  background-color: #ffe;
}
input.sn-footer-lowlight, textarea.sn-footer-lowlight  {
  background-color: #ddd;
}
input.sn-footer-lowlight:hover, textarea.sn-footer-lowlight:hover {
  background-color: #eee;
}

input.sn-footer-active, textarea.sn-footer-active,
.select2-container.sn-footer-active:not(.select2-container--disabled) .select2-selection {
  background-color: #eff;
}
input.sn-footer-active:hover, textarea.sn-footer-active:hover,
.select2-container.sn-footer-active:not(.select2-container--disabled) .select2-selection:hover {
  background-color: #ffe;
}

input.sn-footer-highlight, 
textarea.sn-footer-highlight,
span.sn-footer-highlight,
.select2-container.sn-footer-highlight:not(.select2-container--disabled) .select2-selection {
  background-color: #dfd;
}
input.sn-footer-highlight:hover,
textarea.sn-footer-highlight:hover,
span.sn-footer-highlight:hover,
.select2-container.sn-footer-highlight:not(.select2-container--disabled) .select2-selection:hover {
  background-color: #efe;
}
input.sn-footer-highlight:focus,
textarea.sn-footer-highlight:focus,
.select2-container.sn-footer-highlight:not(.select2-container--disabled) .select2-selection:focus {
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(180,190,60, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(180,190,60, 0.6);
  background-color: #ffb;
}
.navbar.navbar-inverse .select2-container.sn-footer-active:not(.select2-container--disabled) .select2-selection,
.navbar.navbar-inverse .select2-container.sn-footer-active:not(.select2-container--disabled) .select2-selection:hover,
.navbar.navbar-inverse .select2-container.sn-footer-highlight:not(.select2-container--disabled) .select2-selection,
.navbar.navbar-inverse .select2-container.sn-footer-highlight:not(.select2-container--disabled) .select2-selection:hover,
.navbar.navbar-inverse .select2-container.sn-footer-highlight:not(.select2-container--disabled) .select2-selection:focus {
  background-color: rgba(0,0,0,0.4);
}
input[type='checkbox'] {
    background: #fff;
}
input[type='checkbox']:hover {
  background-color: #ffe;
}
input[type='checkbox']:checked {
    background: #abd;
}
input[type='checkbox']:checked:hover {
    background: #cdf;
}

:not(.sn-required-red) > input.sn-footer-active.sn-footer-yellowlight,
:not(.sn-required-red) > input.sn-footer-yellowlight {
  background-color: #FFF0BC;
}
:not(.sn-required-red) > input.sn-footer-active.sn-footer-yellowlight:hover,
:not(.sn-required-red) > input.sn-footer-yellowlight:hover {
  background-color: #FFF3E0;
}

/* yellowlight takes precedence over highlight */
:not(.sn-required-red) > input.sn-footer-highlight.sn-footer-yellowlight, 
:not(.sn-required-red) > textarea.sn-footer-highlight.sn-footer-yellowlight {
  background-color: #FFF0BC;
}
:not(.sn-required-red) > input.sn-footer-highlight.sn-footer-yellowlight:hover, 
:not(.sn-required-red) > textarea.sn-footer-highlight.sn-footer-yellowlight:hover {
  background-color: #FFF3E0;
}


/* redlight takes precedence over highlight and yellowlight */
input.sn-footer-redlight, textarea.sn-footer-redlight {
  background-color: #ffc4c4;
}
input.sn-footer-redlight:hover, textarea.sn-footer-redlight:hover {
  background-color: #fee;
}


/* select2 */
.select2-trans .select2-container:not(.select2-container--disabled) .select2-selection {
  background-color: rgba(0,0,0,0.4) ;
}
.select2-trans .select2-container:not(.select2-container--disabled) .select2-selection:focus {
  background-color: rgba(0,0,0,0.2) ;
}
.select2-trans .select2-container:not(.select2-container--disabled) .select2-selection:hover {
  background-color: rgba(0,0,0,0.2) ;
}
.select2-trans  .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: white;
}

.input-blue input, .input-blue textarea,
.select2-blue .select2-container:not(.select2-container--disabled) .select2-selection {
  background-color:#ecfeff !important;
}
.input-yellow input, .input-yellow textarea,
.select2-yellow .select2-container:not(.select2-container--disabled) .select2-selection {
  background-color:lightyellow !important;
}

.sn-home-panel > div > h2 {
  border-bottom: 1px solid #ddd;
  margin:0px;
  font-size: 40px;
  font-weight: 300;
  color: #fee;
  padding-top:12px;
  padding-bottom:8px;
}

body.sn-body-style-red1 .sn-home-panel > div > h2 {
  background-color: #e99;
  background:linear-gradient(to bottom, #e99, #f88);
}

.sn-home-panel > div > div {
  margin-right:-6px;
  margin-left: -6px;
}

body[data-layout-domain=sc] .sn-home-panel > div > h2 {
  background:linear-gradient(to bottom, #a2c4ff, #6BA3FF);
  border-bottom: 1px solid #7A7791;
  background-color: #b3cfff;
  color: #EFF1FF;
}

body[data-layout-domain=sn] .sn-home-panel,
body.sn-body-style-red1 .sn-home-panel {
  background-color: #e5def2;
}

body[data-layout-domain=sc] .sn-home-panel {
  background-color: #b3cfff;
}

.sn-loadingbar-container {
  width: 100%;
  height: 100%;
  border: 1px solid #2980b9;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
  background-size: 28px 28px;
}

.sn-loadingbar {
  height: 100%;
  position: absolute;
  top: 0;
  left: -28px;
  width: 200%;
  background-image: 
    repeating-linear-gradient(
      -45deg,
      #9db9de,
      #9db9de 11px,
      #eee 10px,
      #eee 20px /* determines size */
    );
  background-size: 28px 28px;
  animation: loadingbar .5s linear infinite;
  z-index: 10;
}
.sn-loadingbar-text {
  height: 100%;
  position: absolute;
  top: 0;
  margin-top: 2px;
  left: 0;
  font-weight: bold;
  text-align: center;
  color: #535E68;
  width: 100%;
  z-index: 11;
}
@-webkit-keyframes loadingbar {
  0% {transform: translatex(0);}
  100% {transform: translatex(28px);}
}
@keyframes loadingbar {
  0% {transform: translatex(0);}
  100% {transform: translatex(28px);}
}
.popover {
  max-width: none;
}
.marquee {
  overflow: hidden;
  position: relative;
}
.marquee div {
  animation: marquee 15s linear infinite;
  -webkit-animation: marquee 15s linear infinite;
  animation-delay: -4s;
  -webkit-animation-delay: -4s;
  white-space: nowrap;
  width: fit-content;
  width: intrinsic;           /* Safari/WebKit uses a non-standard name */
  width: -moz-max-content;    /* Firefox/Gecko */
  width: -webkit-max-content; /* Chrome */
}

.marquee div:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

@-webkit-keyframes marquee {
  /* 600px is width of parent div */
  0% { transform: translateX(600px); }
  100% { transform: translateX(-100%); }
}

@keyframes marquee {
  /* 600px is width of parent div */
  0% { transform: translateX(600px); }
  100% { transform: translateX(-100%); }
}
body[data-layout-domain=sn] .navbar-inverse .navbar-nav>.active>a,
body[data-layout-domain=sn] .navbar-inverse .navbar-nav>.open>a,
body.sn-body-style-red1 .navbar-inverse .navbar-nav>.active>a, 
body.sn-body-style-red1 .navbar-inverse .navbar-nav>.open>a{
  background-image: -webkit-linear-gradient(top,#ff4343 0,#a21355 100%);
  background-image: -o-linear-gradient(top,#ff4343 0,#a21355 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#ff4343),to(#a21355));
}
body[data-layout-domain=sn] .navbar-inverse,
body[data-layout-domain=sn] .sn-home-panel > div > h2,
body.sn-body-style-red1 .navbar-inverse,
body.sn-body-style-red1 .sn-home-panel > div > h2 {
  background-image: -webkit-linear-gradient(top,#ff4343 0,#a21355 100%);
  background-image: -o-linear-gradient(top,#ff4343 0,#a21355 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#ff4343),to(#a21355));
}
body[data-layout-domain=sn] .navbar-inverse .navbar-nav>li>a,
body[data-layout-domain=sn] .navbar-inverse .navbar-brand,
body.sn-body-style-red1 .navbar-inverse .navbar-nav>li>a,
body.sn-body-style-red1 .navbar-inverse .navbar-brand,
body.sn-body-style-red1 .navbar-inverse .navbar-nav>li>button,
body.sn-body-style-red1 .navbar-inverse .navbar-nav>li>div>button,
body.sn-body-style-red1 .sn-home-panel > div > h2 {
  color: #ffc6c6;
}
.sn-required-red textarea, .sn-required-red input,
.sn-required-red .select2-container:not(.select2-container--disabled) .select2-selection {
  border-color: red;
  background-color: #ffe9e9;
}
.col-form-label {
  display: block;
}
textarea {
  overflow: hidden;
  resize: none;
}
.hidden {
  display: none;
}
.vis-item, .fc-event, .vis-item.vis-item-selected {
  color: white;
}
.fc-day-header :not(.fce-col-header) {
  font-size: 18px;
}
.cursor-wait * {
  cursor: wait !important;
}
.select2-results__options li:nth-child(2n){
  background-color:#e4ebef;
}
.select2-container--default .select2-results>.select2-results__options {
  max-height: 450px;
}
.gentabl-active {
  color: skyblue;
}

#toggleset button {
  margin: 30px 10px 10px 10px;
}

#notebook .fc-toolbar .fc-left {
  color: black;
  border: solid 1px #777;
  border-radius: 5px;
  padding: 0px 12px;
  margin-left:3px;
}

#calendar .fc-event-container, #notebook .fc-content, #notebook .fc-time-grid-event,
#sn_poinq_tbody, #sn_uhubuser_tbody, .cursor-pointer, #ndmodal .fc-slats .fc-widget-content:not(.fc-axis) {
  cursor: pointer;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.fc-unthemed * {
  border-color: #757575 !important;
}
#notebook .fc-view {
  border-left: solid 3px;
  border-right: solid 3px;
}
.fc-unthemed .fc-axis, .fc-unthemed .fc-widget-header {
  color: #348;
}

.list-group-item span {
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: -6px;
}

.sn-elps,
.text-overflow-ellipsis {
  max-width: 100%;
  text-overflow:ellipsis;
  overflow:hidden;
}

.nav .btn.active {
    background-image: -webkit-linear-gradient(top,#dbdbdb 0,#e2e2e2 100%);
    background-image: -o-linear-gradient(top,#dbdbdb 0,#e2e2e2 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#dbdbdb),to(#e2e2e2));
    background-image: linear-gradient(to bottom,#dbdbdb 0,#e2e2e2 100%);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 3px 9px rgba(0,0,0,.075);
    box-shadow: inset 0 3px 9px rgba(0,0,0,.075);
}

a:hover {
  cursor: pointer;
}
.fc-title, .fc-time {
  color:black;
}
#calendar .fc-event-count {
  font-weight: bolder;
  height:1px;
  font-family: sans-serif;
  font-size: 12px;
}
#calendar .fc-event-count span{
  color: #A517A5;
}

#notebook .fc-time-grid .fc-bgevent, #notebook .fc-time-grid .fc-event {
  margin-bottom: 4px;
  border-radius:0px;
  max-width: 200px;
}
    
#calendar .fc-event-count:hover span{
  color: #BC76BC;
}
#calendar .fc-body:hover * {
  cursor: pointer;
}
#notebook.singleBasicDay .fc-time {
  display: inline-block;
  padding-right: 6px;
  background-color: #eee;
  margin-right: 4px;
  border-right: double;
}
#notebook .fc-time-warn {
  background: repeating-linear-gradient(-45deg, #eee, orange 5px, orange 5px, #eee 10px);
}
#notebook .fc-view-container span {
  margin-bottom: 5px;
}
#notebook.singleBasicDay > .fc-view-container {
  max-height: 700px;
  overflow-y: scroll;
}
#notebook .fc-event-container {
  padding: 2px 6px;
}
#notebook .fc-content {
  padding-bottom: 1px;
  white-space: normal;
  line-height: 150%;
}
.po-status-C, .po-status-O, .po-status-R {
  border-radius: 9px;
  padding: 3px 5px;
}
.po-status-C {
  background-color: #e4cef8;
}

.po-status-R  {
  background-color: #bfe8ed;
}

.po-status-O {
  background-color: #afe1ad;
}

/* STATUS R */

.status-O  {
  background-color: #A5EFA0;
}

.status-req-O {
  background: repeating-linear-gradient(-45deg, #c2e8c0, #A5EFA0 5px, #A5EFA0 5px, #eee 10px);
}

.status-O:hover {
  background-color: #E0EFDE;
}

.status-req-O:hover {
  /* #c2e8c0 */
  background: repeating-linear-gradient(-45deg, #E0EFDE, #E0EFDE 5px, #E0EFDE 5px, #eee 10px);
} 

/* STATUS C */

.status-R {
  background-color: #8BCFE5;
}

.status-req-R {
  background: repeating-linear-gradient(-45deg, #8BCFE5, #8BCFE5 5px, #8BCFE5 5px, #eee 10px);
}

.status-R:hover {
  background-color: #D5E1E5;
}

.status-req-R:hover {
  background: repeating-linear-gradient(-45deg, #D5E1E5, #D5E1E5 5px, #D5E1E5 5px, #eee 10px);
}


/* STATUS C */

.status-C {
  background-color: #d1abf3;
}

.status-req-C {
  background: repeating-linear-gradient(-45deg, #d1abf3, #d1abf3 5px, #d1abf3 5px, #eee 10px);
}


.status-C:hover {
  background-color: #E7D9F4;
}

.status-req-C:hover {
  background: repeating-linear-gradient(-45deg, #E7D9F4, #E7D9F4 5px, #E7D9F4 5px, #eee 10px);
}

/* CSS transition */
.invisible {
  visibility: hidden;
}

.fadeIn {
  visibility: visible;
  opacity: 1;
  transition: opacity 2s linear;
}

.fadeOut {
  -webkit-transition: visibility 0s 2s, opacity 2s linear;  
  -moz-transition:visibility 0s 2s, opacity 2s linear;  
  -ms-transition: visibility 0s 2s, opacity 2s linear;  
  opacity: 0;
  visibility: hidden;
  -o-transition: visibility 0s 2s, opacity 2s linear;  
}

/* slider */

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  border-radius: 34px;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:hover {
  background-color: #ddc;
}

.slider:before {
  border-radius: 50%;
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input[type='checkbox'] {
    -webkit-appearance:none;
    width:20px;
    max-width:20px;
    height:20px;
    border-radius:3px;
    border:2px solid #555;
    cursor: pointer;
}

input:checked + .slider {
  background-color: #2196F0;
}

input:checked + .slider:hover {
  background-color: #4bf;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

label.switch input[type='checkbox'] {
    width: 0px;
    height: 0px;
    border: none;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus,
label.switch:focus-within {
    outline: 10px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.sn-footer-scroll {
  background-color:white;
  min-height:300px;
  max-height:550px;
  overflow-x:hidden;
  overflow-y:scroll;
  -webkit-overflow-scrolling: touch;
  width:100%;
  margin-bottom:10px;
  border-bottom:1px solid #ddd;
}

#sn-footer-background.loading:not(.loadingoff) {
  background: #e0e0e0;
}

#sn-footer-background.loading:not(.loadingoff) * {
  cursor: wait !important;
}

#sn-footer-background {
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.sn-footer-disabled-unsaved,
.sn-half-opacity {
  opacity: 0.65;
  cursor: default;
}

.sn-footer-disabled-unsaved:hover, .sn-footer-disabled-unsaved:focus, 
.sn-footer-disabled-unsaved:active,
.sn-half-opacity:hover, .sn-half-opacity:focus, .sn-half-opacity:active {
  cursor: default;
  background-position: unset;
  border-color: #ccc;
}

.btn-success.sn-footer-disabled-unsaved:hover,
.btn-success.sn-half-opacity:hover {
  border-color: #3e8f3e;
}

.btn-warning.sn-footer-disabled-unsaved:hover,
.btn-warning.sn-half-opacity:hover {
  border-color: #e38d13;
}

.btn-primary.sn-footer-disabled-unsaved:hover,
.btn-primary.sn-half-opacity:hover {
  border-color: #245580;
}

.btn-info.sn-footer-disabled-unsaved:hover,
.btn-info.sn-half-opacity:hover {
  border-color: #28a4c9;
}

.btn-danger.sn-footer-disabled-unsaved:hover,
.btn-danger.sn-half-opacity:hover {
  border-color: #b92c28;
}

.fit-content {
  max-width: 100%;
  width: fit-content;
  width: intrinsic;           /* Safari/WebKit uses a non-standard name */
  width: -moz-max-content;    /* Firefox/Gecko */
  width: -webkit-max-content; /* Chrome */
}

#sn-oguide-item-unit-div {
  width: 290px;
}

#notebook .fce-col-header {
  max-height: 50px;
  overflow:hidden;
}
@media (max-width: 900px) {
  #notebook .fce-col-header {
    font-size: 12px;
  }
}
#notebook .fc-toolbar .fc-left {
  color: black;
  border: solid 1px #777;
  border-radius: 5px;
  padding: 0px 12px;
  margin-left:3px;
  font-size:32px;
}
@media (min-width: 601px) and (max-width: 1000px) {
  #notebook h2 {
    font-size: 22px;
  }
}
@media (max-width: 600px) {
  #notebook h2 {
    font-size: 16px;
  }
}

@media screen {
  .sn-printonly {
    display: none;
  }
}

.sn-min-height {
  min-height:25px;
}

#sn-printonly-body .sn-min-height {
  min-height:15px;
}

#sn-printonly-body {
  overflow: visible;
}

.form-group {
  margin-bottom: 0px;
  padding: 2px 0px;
}


#sn-printonly-body td,
#sn-printonly-body th {
  font-size: 13px;
}

#sn-printonly-body .table-bordered td,
#sn-printonly-body .table-bordered th { 
    /* overrwrite the sn_compressed css border color of #ddd */
    border: 1px solid #999;
}

#sn-printonly-body .table>thead>tr>th {
  border-bottom: 2px solid #999;
}

#sn-printonly-body h2, 
#sn-printonly-body h3 {
  font-weight: 200;
}

@media print {
  #sn-printonly-body .table-bordered td,
  #sn-printonly-body .table-bordered th {
    /* Unfortunately, bootstrap makes #ddd border style important for print,
     * so we should use important here, too */
    border: 1px solid #999!important;
  }
}

@media print {
  a[href]:after {
    content: none !important;
  }
  
  .sn-footer-scroll {
    overflow-y: visible;
    width:calc(100% - 16px);
  }
  
  table.table-bordered {
    border-bottom: solid 0px;
  }
  
  table.table-bordered > tbody > tr > td{
    border-top-width: 2px;
  }
  
  
  .sn-printoff {
    display: none;
  }
}

/* Shrink and hide elements when viewing in mobile, at most 300 wide. */
@media only screen and (max-width: 480px) {  
  .hidden-xxs {
    display: none !important;
  }
}

.select2-results__option {
    /* padding: 3px; */
    /* 08/28/20 padding must 0px to accomodate the floating header row */
    padding: 0px;
}

#notebook .fc .fc-axis {
    padding: 1px;
    width: 34px !important;
    font-size: 12px;
}
.navbar li.dropdown {
  height: 50px;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  padding: 5px; /* instead of 8px */
}
  
@media (max-width: 767px) {  
  .navbar li.dropdown {
    height: 40px;
  }
}

/* remove bootstrap collapse*/
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #262626;
    background-color: #e8e8e8;
  }
  .navbar-nav>li {
    float:left;
  }
  
  .navbar-nav>li>a {
    padding-bottom: 10px;
    padding-top: 10px;
  }
  
  .navbar-nav .open .dropdown-menu {
    position: absolute;
    float: left;
    width: unset;
    margin-top: unset;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
  }
  .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
    padding: 3px 20px;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #333;
  }
  
  .navbar-nav .open .dropdown-menu>li>a {
    line-height: 1.42857143;
  }
}

.popover-content {
  padding: 8px;
}

.sn-footer-drag .sn-footer-drag-tr {
  cursor: move;
}

.sn-footer-drag .sn-footer-drag-border-top td {
  border-top: 6px solid #008;
}

.sn-footer-drag .sn-footer-drag-border-bottom td {
  border-bottom: 6px solid #008;
}

/* Begin sn-footer-detail-small */
/* @media (max-width: 799px) { */
/*
.sn-footer-detail-small .select2-results__options .sn-footer-detail-div-container {
  display: unset;
  table-layout: unset;
}
*/

.sn-footer-detail-small .select2-results__options .sn-footer-detail-div.sn-footer-detail-div-first {
  display: block;
  width: 100%;
}

.sn-footer-detail-small .select2-results__options .sn-footer-detail-div:not(.sn-footer-detail-div-first) {
  display: inline-block;
  max-width: 100%;
}

.sn-footer-detail-small .select2-results__options .sn-footer-detail-xs-0-25 { width:20px; }
.sn-footer-detail-small .select2-results__options .sn-footer-detail-xs-0-3 { width:20px; }
.sn-footer-detail-small .select2-results__options .sn-footer-detail-xs-0-35 { width:20px; }
.sn-footer-detail-small .select2-results__options .sn-footer-detail-xs-0-4 { width:20px; }
.sn-footer-detail-small .select2-results__options .sn-footer-detail-xs-0-5 { width:20px; }
.sn-footer-detail-small .select2-results__options .sn-footer-detail-xs-0-75 { width:30px; }
.sn-footer-detail-small .select2-results__options .sn-footer-detail-xs-1 { width:40px; }
.sn-footer-detail-small .select2-results__options .sn-footer-detail-xs-1-25 { width:50px; }
.sn-footer-detail-small .select2-results__options .sn-footer-detail-xs-1-5 { width:60px; }
.sn-footer-detail-small .select2-results__options .sn-footer-detail-xs-1-75 { width:70px; }
.sn-footer-detail-small .select2-results__options .sn-footer-detail-xs-2 { width:80px; }
.sn-footer-detail-small .select2-results__options .sn-footer-detail-xs-2-25 { width:90px; }
.sn-footer-detail-small .select2-results__options .sn-footer-detail-xs-2-5 { width:100px; }
.sn-footer-detail-small .select2-results__options .sn-footer-detail-xs-2-75 { width:110px; }
.sn-footer-detail-small .select2-results__options .sn-footer-detail-xs-3 { width:120px; }
.sn-footer-detail-small .select2-results__options .sn-footer-detail-xs-3-25 { width:130px; }
.sn-footer-detail-small .select2-results__options .sn-footer-detail-xs-3-5 { width:140px; }
.sn-footer-detail-small .select2-results__options .sn-footer-detail-xs-3-75 { width:150px; }
.sn-footer-detail-small .select2-results__options .sn-footer-detail-xs-4 { width:160px; }
.sn-footer-detail-small .select2-results__options .sn-footer-detail-xs-4-5 { width:170px; }
.sn-footer-detail-small .select2-results__options .sn-footer-detail-xs-5 { width:180px; }
.sn-footer-detail-small .select2-results__options .sn-footer-detail-xs-5-5 { width:190px; }
.sn-footer-detail-small .select2-results__options .sn-footer-detail-xs-6 { width:200px; }
/* end sn-footer-detail-small */

.select2-results__options .sn-footer-detail-div {
  vertical-align: top;
}

.select2-results__options .sn-footer-detail-div-container {
  width: 100%;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #73A0E2;
  color: inherit;
  filter: brightness(125%);
}

/* begin sn-footer-detail-large */
.select2-results__options .sn-footer-detail-div-container {
  display: table;
  table-layout: fixed;
}
.select2-results__options .sn-footer-detail-div {
  display: table-cell;
}
.select2-results__options .sn-footer-detail-div-first { width:40%; }
.select2-results__options .sn-footer-detail-xs-0 { width:0%; overflow: hidden;}
.select2-results__options .sn-footer-detail-xs-0-25 { width:2.0833333%; }
.select2-results__options .sn-footer-detail-xs-0-3 { width:2.5%; }
.select2-results__options .sn-footer-detail-xs-0-35 { width:2.9166666%; }
.select2-results__options .sn-footer-detail-xs-0-4 { width:3.3333333%; }
.select2-results__options .sn-footer-detail-xs-0-5 { width:4.1666666%; }
.select2-results__options .sn-footer-detail-xs-0-75 { width:6.25%; }
.select2-results__options .sn-footer-detail-xs-1 { width:8.33333333%; }
.select2-results__options .sn-footer-detail-xs-1-25 { width:10.4166666%; }
.select2-results__options .sn-footer-detail-xs-1-5 { width:12.5%; }
.select2-results__options .sn-footer-detail-xs-1-75 { width:14.5833333%; }
.select2-results__options .sn-footer-detail-xs-2 { width:16.6666667%; }
.select2-results__options .sn-footer-detail-xs-2-25 { width:18.75%; }
.select2-results__options .sn-footer-detail-xs-2-5 { width:20.8333333%; }
.select2-results__options .sn-footer-detail-xs-2-75 { width:22.9166667%; }
.select2-results__options .sn-footer-detail-xs-3 { width:25%; }
.select2-results__options .sn-footer-detail-xs-3-25 { width:27.0833333%; }
.select2-results__options .sn-footer-detail-xs-3-5 { width:29.1666667%; }
.select2-results__options .sn-footer-detail-xs-3-75 { width:31.25%; }
.select2-results__options .sn-footer-detail-xs-4 { width:33.3333333%; }
.select2-results__options .sn-footer-detail-xs-4-5 { width:37.5%; }
.select2-results__options .sn-footer-detail-xs-5 { width:41.6666667%; }
.select2-results__options .sn-footer-detail-xs-5-5 { width:45.8333333%; }
.select2-results__options .sn-footer-detail-xs-6 { width:50%; }

/* end sn-footer-detail-large */

@media (max-width: 499px) {
  .select2-results__options .sn-footer-detail-div {
    font-size:10px;
  }
  .select2-results__options .sn-footer-detail-div-first {
    font-size:12px;
  }
}

@media (min-width: 500px) {
  .select2-results__options .sn-footer-detail-div {
    font-size:11px;
  }
  .select2-results__options .sn-footer-detail-div-first {
    font-size:12px;
  }
}

@media (min-width: 800px) {
  .select2-results__options .sn-footer-detail-div {
    font-size:12px;
  }
  .select2-results__options .sn-footer-detail-div-first {
    font-size:13px;
  }
}

@media (min-width: 1100px) {
  .select2-results__options .sn-footer-detail-div-first {
    font-size:14px;
  }
  .select2-results__options .sn-footer-detail-div-first {
    width:60%;
  }
}

@media screen {
  /* hover over images */
  img.sn-init-hover-expand {
    /* CSS Animation */
    transform-origin: left 50%;
    transition: all .2s ease-in-out;
  }

  img.sn-init-hover-expand:hover {
    /* CSS Animation */
    transform: scale(2.8);
  }


  /* Keep the first and last images from overflowing outside of table */
  tr:last-of-type > td img.sn-init-hover-expand {
    transform-origin: left bottom;
  }
  tr:nth-of-type(-n+6) > td img.sn-init-hover-expand {
    transform-origin: left top;
  }
}

.sn-init-home-title-link {
  color:inherit;
  text-decoration: none;
}
.sn-init-home-title-link:hover {
  color: inherit;
  text-decoration: none;
}
.sn-home-panel .sn-init-home-title-link:hover  {
  color: #A5A5EF;
}

.float-right {
  float:right;
}

.sn-formdiv-search-span + input { text-indent: 20px;}
.sn-formdiv-search-span { 
  position: absolute;
  top: 10px;
  left: 10px;
}
.modal.fade .modal-dialog 
{
    -moz-transition: none !important;
    -o-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;

    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
}

.sn-page-title {
  margin-top: 5px;
  margin-bottom: 5px;
}

.modal-footer div+div {
    margin-bottom: 0;
    margin-left: 5px;
}

/* more readable alert colors */
.alert-success {
  color: #244524
}

.alert-danger {
  color: #832a29;
}

body.sn-body-style-blue1 .sn-home-panel > div > h2 {
  background-color: #e99;
  background:linear-gradient(to bottom, #9AC0ED, #89C0FF);
}

body.sn-body-style-blue1 .navbar-inverse .navbar-nav>.active>a,
body.sn-body-style-blue1 .navbar-inverse .navbar-nav>.open>a {
  background-image: -webkit-linear-gradient(top,#44B1FF 0,#1359A0 100%);
  background-image: -o-linear-gradient(top,#44B1FF 0,#1359A0 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#44B1FF),to(#1359A0));
}

body.sn-body-style-blue1 .navbar-inverse,
body.sn-body-style-blue1 .sn-home-panel > div > h2 {
  background-image: -webkit-linear-gradient(top,#44B1FF 0,#1359A0 100%);
  background-image: -o-linear-gradient(top,#44B1FF 0,#1359A0 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#44B1FF),to(#1359A0));
}

body.sn-body-style-blue1 .navbar-inverse .navbar-nav>li>a,
body.sn-body-style-blue1 .navbar-inverse .navbar-brand,
body.sn-body-style-blue1 .navbar-inverse .navbar-nav>li>button,
body.sn-body-style-blue1 .navbar-inverse .navbar-nav>li>div>button,
body.sn-body-style-blue1 .sn-home-panel > div > h2 {
  color: #C6E6FF;
}

body.sn-body-style-blue1 .sn-home-panel {
  background-color: #e5def2;
}



body.sn-body-style-blue2 .sn-home-panel > div > h2 {
  background-color: #e99;
  background:linear-gradient(to bottom, #9AC0ED, #89C0FF);
}

body.sn-body-style-blue2 .navbar-inverse .navbar-nav>.active>a,
body.sn-body-style-blue2 .navbar-inverse .navbar-nav>.open>a {
  background-image: -webkit-linear-gradient(top,#3EAFFF 0,#2368AF 100%);
  background-image: -o-linear-gradient(top,#3EAFFF 0,#2368AF 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#3EAFFF),to(#2368AF));
}

body.sn-body-style-blue2 .navbar-inverse,
body.sn-body-style-blue2 .sn-home-panel > div > h2 {
  background-image: -webkit-linear-gradient(top,#3EAFFF 0,#2368AF 100%);
  background-image: -o-linear-gradient(top,#3EAFFF 0,#2368AF 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#3EAFFF),to(#2368AF));
}

body.sn-body-style-blue2 .navbar-inverse .navbar-nav>li>a,
body.sn-body-style-blue2 .navbar-inverse .navbar-brand,
body.sn-body-style-blue2 .navbar-inverse .navbar-nav>li>button,
body.sn-body-style-blue2 .navbar-inverse .navbar-nav>li>div>button,
body.sn-body-style-blue2 .sn-home-panel > div > h2 {
  color: #E7F4FF;
}

body.sn-body-style-blue2 .sn-home-panel {
  background-color: #e5def2;
}


body.sn-body-style-blue3 .sn-home-panel > div > h2 {
  background-color: #e99;
  background:linear-gradient(to bottom, #9AC0ED, #89C0FF);
}

body.sn-body-style-blue3 .navbar-inverse .navbar-nav>.active>a,
body.sn-body-style-blue3 .navbar-inverse .navbar-nav>.open>a {
  background-image: -webkit-linear-gradient(top,#3E8BFF 0,#2352AF 100%);
  background-image: -o-linear-gradient(top,#3E8BFF 0,#2352AF 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#3E8BFF),to(#2352AF));
}

body.sn-body-style-blue3 .navbar-inverse,
body.sn-body-style-blue3 .sn-home-panel > div > h2 {
  background-image: -webkit-linear-gradient(top,#3E8BFF 0,#2352AF 100%);
  background-image: -o-linear-gradient(top,#3E8BFF 0,#2352AF 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#3E8BFF),to(#2352AF));
}

body.sn-body-style-blue3 .navbar-inverse .navbar-nav>li>a,
body.sn-body-style-blue3 .navbar-inverse .navbar-brand,
body.sn-body-style-blue3 .navbar-inverse .navbar-nav>li>button,
body.sn-body-style-blue3 .navbar-inverse .navbar-nav>li>div>button,
body.sn-body-style-blue3 .sn-home-panel > div > h2 {
  color: #E7F4FF;
}

body.sn-body-style-blue3 .sn-home-panel {
  background-color: #e5def2;
}


body.sn-body-style-red2 .sn-home-panel > div > h2 {
  background-color: #e99;
  background:linear-gradient(to bottom, #9AC0ED, #89C0FF);
}

body.sn-body-style-red2 .navbar-inverse .navbar-nav>.active>a,
body.sn-body-style-red2 .navbar-inverse .navbar-nav>.open>a {
  background-image: -webkit-linear-gradient(top,#CA5358 0,#81292B 100%);
  background-image: -o-linear-gradient(top,#CA5358 0,#81292B 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#CA5358),to(#81292B));
}

body.sn-body-style-red2 .navbar-inverse,
body.sn-body-style-red2 .sn-home-panel > div > h2 {
  background-image: -webkit-linear-gradient(top,#CA5358 0,#81292B 100%);
  background-image: -o-linear-gradient(top,#CA5358 0,#81292B 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#CA5358),to(#81292B));
}

body.sn-body-style-red2 .navbar-inverse .navbar-nav>li>a,
body.sn-body-style-red2 .navbar-inverse .navbar-brand,
body.sn-body-style-red2 .navbar-inverse .navbar-nav>li>button,
body.sn-body-style-red2 .navbar-inverse .navbar-nav>li>div>button,
body.sn-body-style-red2 .sn-home-panel > div > h2 {
  color: #EAD5D7;
}

body.sn-body-style-red2 .sn-home-panel {
  background-color: #e5def2;
}

body.sn-body-style-red3 .sn-home-panel > div > h2 {
  background-color: #e99;
  background:linear-gradient(to bottom, #9AC0ED, #89C0FF);
}

body.sn-body-style-red3 .navbar-inverse .navbar-nav>.active>a,
body.sn-body-style-red3 .navbar-inverse .navbar-nav>.open>a {
  background-image: -webkit-linear-gradient(top,#E86060 0,#A73B3B 100%);
  background-image: -o-linear-gradient(top,#E86060 0,#A73B3B 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#E86060),to(#A73B3B));
}

body.sn-body-style-red3 .navbar-inverse,
body.sn-body-style-red3 .sn-home-panel > div > h2 {
  background-image: -webkit-linear-gradient(top,#E86060 0,#A73B3B 100%);
  background-image: -o-linear-gradient(top,#E86060 0,#A73B3B 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#E86060),to(#A73B3B));
}

body.sn-body-style-red3 .navbar-inverse .navbar-nav>li>a,
body.sn-body-style-red3 .navbar-inverse .navbar-brand,
body.sn-body-style-red3 .navbar-inverse .navbar-nav>li>button,
body.sn-body-style-red3 .navbar-inverse .navbar-nav>li>div>button,
body.sn-body-style-red3 .sn-home-panel > div > h2 {
  color: #EAD5D7;
}

body.sn-body-style-red3 .sn-home-panel {
  background-color: #e5def2;
}



body.sn-body-style-red4 .sn-home-panel > div > h2 {
  background: #e99;
}

body.sn-body-style-red4 .navbar-inverse .navbar-nav>.active>a,
body.sn-body-style-red4 .navbar-inverse .navbar-nav>.open>a {
  background: #9A1D21;
}

body.sn-body-style-red4 .navbar-inverse {
  background: #9A1D21;
}

body.sn-body-style-red4 .sn-home-panel > div > h2 {
  background: #641112;
}

body.sn-body-style-red4 .navbar-inverse .navbar-nav>li>a,
body.sn-body-style-red4 .navbar-inverse .navbar-brand,
body.sn-body-style-red4 .navbar-inverse .navbar-nav>li>button,
body.sn-body-style-red4 .navbar-inverse .navbar-nav>li>div>button,
body.sn-body-style-red4 .sn-home-panel > div > h2 {
  color: #FFF;
}

body.sn-body-style-red4 .navbar-inverse .navbar-nav>li>a:hover,
body.sn-body-style-red4 .navbar-inverse .navbar-nav>li>button:hover,
body.sn-body-style-red4 .navbar-inverse .navbar-nav>li>div>button:hover,
body.sn-body-style-red4 .sn-home-panel > div > h2 > a:hover,
body.sn-body-style-red4 .navbar-inverse .navbar-nav>li>a:focus,
body.sn-body-style-red4 .navbar-inverse .navbar-nav>li>button:focus,
body.sn-body-style-red4 .navbar-inverse .navbar-nav>li>div>button:focus,
body.sn-body-style-red4 .sn-home-panel > div > h2 > a:focus
{
  color: #FFD759;
  text-decoration: none;
}

body.sn-body-style-red4 .sn-home-panel {
  background: #F2E2DB;
}




.select2-container--default .select2-results__option:not(.select2-results__option--highlighted)
.sn-footer-item-unit-container-disabled {
  color: #999;
}

.select2-container--default .select2-results__option.select2-results__option--highlighted 
.sn-footer-item-unit-container-disabled {
  color: #444;
}

.select2-container--default .select2-results__option[aria-disabled=true]  
.sn-footer-detail-fit-content,
.select2-container--default .select2-results__option 
.sn-footer-item-unit-container-disabled {
  opacity: 0.7;
}

.select2-container--default .select2-results__option .sn-footer-detail-fit-content {
  border-radius:5px;
  color:white;
  margin-left: 3px;
  width:auto;
  max-width:100%;
  display:inline-block;
  font-weight:500;
  padding:0px 3px;
}


.select2-container--default .select2-results__option.sn-footer-list-option-mutli-selected {
  background-color: #b5e3c9;
}

.select2-container--default .select2-results__option.sn-footer-list-option-mutli-selected:nth-child(2n){
  background-color: #abd5bd;
}

.sn-olines-is-sub {
  width:min-content;
  border:0.5px solid #4b8596;
  font-family: system-ui;
  border-radius:5px;
  background:#e9f4ff;
  margin-top:4px;
  padding:0px 4px;
  font-size:11.5px;
  margin-bottom:0px;
}

.sn-olines-will-sub {
  padding:4px;font-size:11.5px;margin-bottom:0px;
}

.sn-olines-sub-div {
  margin-top:8px;
  padding:0px 5px;
}

.sn-olines-sub-item-div {
  min-width:220px;
  width:min-content;
  border:0.5px solid #4b8596;
  border-radius:5px;
  background:#e9f4ff;
  margin-top:4px;
  padding:4px 4px 2px 4px;
  margin-bottom:2px;
  font-size:12.5px;
}

.sn-olines-sug-title {
  font-size:14px;
  margin-top:8px;
  margin-bottom:2px;
}

.sn-olines-sub-title {
  .font-size:14px;
  margin-bottom:2px;
}

.sn-olines-sub-button {
  max-width: 100%;
  text-overflow:ellipsis;
  overflow:hidden;
  margin:4px 4px 0px 4px;
  display:block;
  padding:0px 5px;
}

.sn-olines-sub-item-url {
  margin: -3px 12px 0px 0px;
  display:inline-block;
  padding: 0px 3px;
  font-size:13px;
}

.sn-ol-sub-nowrap {
  overflow: clip;
  max-width: 250px;
  white-space:nowrap;
  padding-right:8px;
}

.sn-ol-sub-nowrap4,
.sn-ol-sub-nowrap3,
.sn-ol-sub-nowrap1,
.sn-ol-sub-nowrap2 {
  white-space:nowrap;
}

.sn-ol-sub-nowrap1 > span:nth-child(2),
.sn-ol-sub-nowrap2 > span:nth-child(2) {
  padding: 1px 8px 0px 1px;
  display: inline-block;
}


.sn-ol-sub-nowrap1 > span:nth-child(2) {
  text-align: right;
}

.sn-ol-sub-nowrap3 > span:nth-child(1),
.sn-ol-sub-nowrap4 > span:nth-child(1) {
  font-weight: bold;
  display: inline-block;
  width: 30px;
}

.sn-ol-sub-nowrap1 > span:nth-child(1),
.sn-ol-sub-nowrap2 > span:nth-child(1) {
  font-weight: bold;
  display: inline-block;
}

.sn-ol-sub-nowrap1 > span:nth-child(2) {
  width: 44px;
}

.sn-ol-sub-nowrap2 > span:nth-child(2) {
  width: 75px;
  margin-right: 7px;
  overflow-x: clip;
}

.sn-ol-sub-nowrap1 > span:nth-child(1) {
  width: 38px;
}

.sn-ol-sub-nowrap2 > span:nth-child(1) {
  width: 38px;
}

.sn-ol-sub-nowrap4 > span:nth-child(1) {
  width: 30px;
}

.sn-ol-sub-nowrap3 > span:nth-child(1) {
  width: 30px;
}

.sn-olines-sub-select {
  margin-top:10px;
  width:205px;
  background:#b3b3b3;
  min-height:25px;
}

.sn-initcss-alert {
  width:auto;
  display:inline-block;
}

.sn-initcss-container-horizontal {
  padding:0px 5px;
}

.sn-initcss-container-vertical {
  text-align:left;
  overflow-y:auto;
  max-height: 130px;
}

.sn-initcss-alert-container {
  text-align:center;margin-bottom:5px;margin-top:5px;
}

.sn-initcss-alert {
  font-size: 15px;
  width:auto;
  display:inline-block;
}

.sn-initcss-alert-big {
  font-size: 20px;
}

.sn-og-img {
  max-height:60px;width:auto;max-width:100%;
}

.sn-og-cbox-label {
  font-size:12px;font-weight:normal;display:inline-flex;
}

.sn-og-w-title {
  padding: 3px 0px 0px 0px;font-size: 16px;
}

.sn-og-itm-btn {
  padding: 0px 5px;
}

.sn-og-sug-pricing {
  padding-left: 3px;
}

.sn-og-sub-btn {
  display:block;padding: 1px 3px; margin: 2px 0px 0px 0px;
}

.sn-schd-tm {
  white-space:nowrap;
}

.sn-schd-hond {
  padding-left:2px;font-size:0.6em;vertical-align:15%;color:green;
}

.sn-schd-hofu {
  padding-left:2px;font-size:0.6em;vertical-align:15%;color:orange;
}

.sn-schd-hopa {
  padding-left:2px;font-size:0.6em;vertical-align:15%;color:purple;
}

.sn-schd-hoor {
  padding-left:2px;font-size:0.6em;vertical-align:15%;color:red;
}

.sn-schd-dots {
  min-width:11px;
}

.sn-ar1-red1 {
  color: red;
}

.sn-label-as-success {
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  vertical-align: baseline;
  border-radius: 0.25em;
  background-color: #4da34d;
}

.sn-label-as-primary {
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  vertical-align: baseline;
  border-radius: 0.25em;
  background-color: #337ab7;
}

.text-italic {
  font-style: italic;
}

.sn-olines-qty-warn {
  font-size:11.5px;
  font-style: italic;
  font-weight:bold;
  padding-top: 2px;
  color:#832a29;
}

.sn-slct-hide-loading-results + span + span .loading-results {
  display:none;
}