<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/** Some unattractive but distinctive input &amp; button styles 
 * Paul Kirkaas Fev 2019 */

/* Opening Hours Format */

.sched-wrap {
  color: #888;
  font-size: 14px;
}
ul.soc-link-enable-0 {
  display: inline-block;
}
.soc-link-enable-0 {
  background-color: #ddd;
  opacity: .3;
}

.sched {
  min-width: 1em;
  display: inline-block;
}

.tac {
  text-align: center !important;
}
.mt-12 {
  margin-top: -12px !important;
}

.sched.sday {
     width: 50px;
    font-weight: bold;
    color:#333;
}


.sched.rarrow {
  margin: 0 4px;
  text-align: center;
  
}
/*
.sched.sfrom {
  width: 2.5em;
}

.sched.sstart {
  padding-right: 5px;
}

.sched.sto {
  width: 1.5em;
  text-align: center;
}

.sched.sstart,
.sched.sendt {
  width: 5em;
  text-align: right;
}
*/
div.package-dv {
  display: inline-block;
  padding: .2em .8em;
  color: #4bb2c9!important;
  background: #fff;
  border: solid #ddd 1px;
  border-radius: 0em;
}

div.package-dv-button {
  display: none;
  
}

div.package-dv-button .btn {
  padding: 0px 12px !important;
}

.has-this-dress,
.add-to-360-link {
  /*
  display: inline-block;
  */
  display: block;
  color: #00a;
  text-align: center;
}
.has-this-dress {
  color: #400;
}
.add-360-wrap {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.no-add-360 {
  font-weight: bold;
  color: #400;
}

.add-360-blink {
  border: solid #ccc 1px;
  border-radius: 5px;
  margin-left: 1em;
  margin-right: 1em;
  padding: .5em;
  background: #eef;
}






.pk-lbl {
  color: #44a;;
}

.pk-val {
  color: #88a;
}

.pk-inp-wrap {
  border: solid blue 1px;
}


div input[type=checkbox].pk-inp.z1 { zoom: 1.5; }
div input[type=checkbox].pk-inp.z2 { zoom: 2; }

/*
$input-font-size: 14px !default;
*/
select.pk-inp,
textarea.pk-inp,
input.pk-inp {
  padding: 2px;
  /*
   *  @extend .form-control; 
  //font-weight: bold;
  //font-family: 'Times New Roman', serif;
  //font-family: 'Roboto', verdana;
  */
  font-family: 'Montserrat', arial;
  color: #300;
  background-color: white;
}
select.pk-inp:hover,
select.pk-inp:focus,
textarea.pk-inp:hover,
textarea.pk-inp:focus,
input.pk-inp:hover,
input.pk-inp:focus {
    box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, .75); 
  }
select.pk-inp,
input.pk-inp {
  display: inline-flex;
}


/*
// Some button styling, also for divs, and menus?
*/
  body .pkmvc-button:focus,
  body .pkmvc-button:visited,
  body .pkmvc-button {
    font: bold 1rem/1 "helvetica neue", helvetica, arial, sans-serif;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    background-image: linear-gradient(to top, #759ae9, #376fe0);
    border-top: 1px solid #1f58cc;
    border-right: 1px solid #1b4db3;
    border-bottom: 1px solid #174299;
    border-left: 1px solid #1b4db3;
    border-radius: .3em;
    box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
    color: #fff;
    padding: .5em ;
    margin: .5em;
    text-shadow: 0 -1px 1px #1a5ad9;
  }
  body .pkmvc-button:focus a,
  body .pkmvc-button:visited a,
  body .pkmvc-button a {
    color: #fff;
    text-decoration: none;
  }

  body .pkmvc-button:hover,
  body .pkmvc-button:hover a {
      text-decoration: none;
      color: #ffe;
  }
  body .pkmvc-button:hover {
      background-image: linear-gradient(to top, #557ac9, #174fc0);
      cursor: pointer; 
  }

  body .pkmvc-button:active {
      border-top: 1px solid #1b4db3;
      border-right: 1px solid #174299;
      border-bottom: 1px solid #133780;
      border-left: 1px solid #174299;
      box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee;
  }

/* For Mobile Phones Portrait or Landscape View */
@media screen and (max-width: 640px) {
  div.package-dv-button {
    display: inline-block;
    
  }
}



</pre></body></html>