/**/

/* Remove the up/down arraos from number fields */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

.ui-datepicker-trigger{
  display: none;
}

ons-page {
  max-width: 900px;
  margin: 0 auto;
}

@media (min-width: 900px) {
  body {
    background-color:#222;
  }
}

.bigButton {
  background-color: red;
  text-align: center;
  width: 90%;
}

.bigButton:hover{
  background-color: red;
}

.bigButtonGreen {
  background-color: green;
  text-align: center;
  width: 90%;
}

.bigButtonGreen:hover{
  background-color: green;
}

.whiteBar{
    background-color: white;
}

.blackText{
    color: black;
}

.centerText{
    text-align: center;
}

.back-button--material__icon{
    fill: #4383cd;
}

.backButtonColor {
    color: #4383cd;
}

.defaultRedButton {
  background-color: #ff3333;
  width: 100%;
  margin-top: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  border-radius: 10px;
  moz-border-radius: 10px;
  webkit-border-radius: 10px;
  /*font-weight: bold;*/
  text-align: center;
  color: white;
}

.defaultRedButton:hover{
  background-color: #ff3333;
}

.defaultButton {
  background-color: #4383cd;
  width: 100%;
  margin-top: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  border-radius: 14px;
  moz-border-radius: 14px;
  webkit-border-radius: 14px;
  /*font-weight: bold;*/
  text-align: center;
  color: white;
}

.defaultButton:hover{
  background-color: #4383cd;
}

.defaultButtonOrange {
  background-color: #FFA500;
  width: 100%;
  margin-top: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  border-radius: 14px;
  moz-border-radius: 14px;
  webkit-border-radius: 14px;
  /*font-weight: bold;*/
  text-align: center;
  color: white;
}

.defaultButtonOrange:hover{
  background-color: #FFA500;
}

.inputField {
    width: 98%;
    height: 30px;
    padding: 0 0 0 2%;
    margin-top: 4px;
    margin-bottom: 4px;
    border-radius: 14px;
    moz-border-radius: 14px;
    webkit-border-radius: 14px;
}

.inputFieldSmall {
    height: 30px;
    padding: 0 0 0 2%;
    margin-top: 4px;
    margin-bottom: 4px;
    border-radius: 14px;
    moz-border-radius: 14px;
    webkit-border-radius: 14px;
}

.selectField {
    width: 100%;
    height: 30px;
    padding: 0;
    margin-top: 4px;
    margin-bottom: 4px;
    border-radius: 14px;
    moz-border-radius: 14px;
    webkit-border-radius: 14px;
    background-color: white;
}

.selectFieldSmall {
    height: 30px;
    padding: 0;
    margin-top: 4px;
    margin-bottom: 4px;
    border-radius: 14px;
    moz-border-radius: 14px;
    webkit-border-radius: 14px;
    background-color: white;
}

.addButton {
    border-radius: 10px;
    border: 2px solid #4383cd;
    padding: 10px;
    margin-right: 2px;
    margin-left: 2px;
    text-align: center;
    color: #4383cd;
}

.addButtonGreen {
    border-radius: 10px;
    border: 2px solid green;
    padding: 10px;
    margin-right: 2px;
    margin-left: 2px;
    text-align: center;
    color: green;
}

.addButtonGrey {
    border-radius: 10px;
    border: 2px solid grey;
    padding: 10px;
    margin-right: 2px;
    margin-left: 2px;
    text-align: center;
    color: grey;
}

input[type='checkbox'] {
    -webkit-appearance:none;
    width:30px;
    height:30px;
    background:white;
    border-radius:5px;
    border:2px solid #555;
    vertical-align: middle;
}
input[type='checkbox']:checked {
    background: #555;
}

/* Calendar */
.event a {
    background-color: #42B373 !important;
    background-image :none !important;
    color: #ffffff !important;
}

.eventRed a {
    background-color: red !important;
    background-image :none !important;
    color: #ffffff !important;
}

/* Slick */
.slick-prev:before {
  color: black;
}
.slick-next:before {
  color: black;
}


.paiment-actions .paiment-actions-remove{
  float:right;
  padding-right:7px;
  padding-left:7px;
  margin-left:5px;
  line-height:24px;
  color:#cb2431;
  cursor:pointer;
}

.paiment-actions form{
  display:inline;
}

.btn-link{
  display:inline-block;
  padding:0;
  font-size:inherit;
  color:#0366d6;
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  background-color:transparent;
  border:0;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}
.btn-link:hover{
  text-decoration:underline;
}
.btn-link:disabled,.btn-link:disabled:hover{
  color:rgba(88,96,105,0.5);
  cursor:default;
}

.paiment-header{
  box-sizing:border-box;
  font-size:24px;
  flex:1 1 auto;
  display:flex;
  padding-bottom:8px;
  margin-bottom:16px;
  border-bottom:1px #e1e4e8 solid;
  flex-flow:row wrap;
}


.paiment-h2 {
  font-size:24px;
}

.paiment-h4 {
  margin-top:0;
  margin-bottom:8px;
  font-size:16px;
  font-weight:600;
}

.paiment-input {
  overflow:visible;
  box-sizing:border-box;
  min-height:34px;
  padding:6px 8px;
  font-size:16px;
  line-height:20px;
  color:#24292e;
  vertical-align:middle;
  background-color:#fff;
  background-repeat:no-repeat;
  background-position:right 8px center;
  border:1px solid #d1d5da;
  border-radius:3px;
  outline:none;
  box-shadow:inset 0 1px 2px rgba(27,31,35,0.075);
  background-color:#fafbfc;
  width:440px;
  max-width:100%;
  margin-right:5px;

  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAAAXNSR0IArs4c6QAAAUBJREFUOBGVVE2ORUAQLvIS4gwzEysHkHgnkMiEc4zEJXCMNwtWTmDh3UGcYoaFhZUFCzFVnu4wIaiE+vvq6+6qTgthGH6O4/jA7x1OiCAIPwj7CoLgSXDxSjEVzAt9k01CBKdWfsFf/2WNuEwc2YqigKZpK9glAlVVwTTNbQJZlnlCkiTAZnF/mePB2biRdhwHdF2HJEmgaRrwPA+qqoI4jle5/8XkXzrCFoHg+/5ICdpm13UTho7Q9/0WnsfwiL/ouHwHrJgQR8WEwVG+oXpMPaDAkdzvd7AsC8qyhCiKJjiRnCKwbRsMw9hcQ5zv9maSBeu6hjRNYRgGFuKaCNwjkjzPoSiK1d1gDDecQobOBwswzabD/D3Np7AHOIrvNpHmPI+Kc2RZBm3bcp8wuwSIot7QQ0PznoR6wYSK0Xb/AGVLcWwc7Ng3AAAAAElFTkSuQmCC");
  background-attachment: scroll;
  background-size: 16px 18px;
  background-position: 98% 50%;
  cursor: auto;
}

.paiment-input:focus {
  border-color:#2188ff;
  outline:none;
  box-shadow:inset 0 1px 2px rgba(27,31,35,0.075),0 0 0 0.2em rgba(3,102,214,0.3);
  background-color:#fff;
}

.paiment-header{
  box-sizing:border-box;
  font-size:24px;
  flex:1 1 auto;
  display:flex;
  padding-bottom:8px;
  margin-bottom:16px;
  border-bottom:1px #e1e4e8 solid;
  flex-flow:row wrap;
}


.paiment-h2 {
  font-size:24px;
}

.paiment-h4 {
  margin-top:0;
  margin-bottom:8px;
  font-size:16px;
  font-weight:600;
}

.paiment-input {
  overflow:visible;
  box-sizing:border-box;
  min-height:34px;
  padding:6px 8px;
  font-size:16px;
  line-height:20px;
  color:#24292e;
  vertical-align:middle;
  background-color:#fff;
  background-repeat:no-repeat;
  background-position:right 8px center;
  border:1px solid #d1d5da;
  border-radius:3px;
  outline:none;
  box-shadow:inset 0 1px 2px rgba(27,31,35,0.075);
  background-color:#fafbfc;
  width:440px;
  max-width:100%;
  margin-right:5px;

  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAAAXNSR0IArs4c6QAAAUBJREFUOBGVVE2ORUAQLvIS4gwzEysHkHgnkMiEc4zEJXCMNwtWTmDh3UGcYoaFhZUFCzFVnu4wIaiE+vvq6+6qTgthGH6O4/jA7x1OiCAIPwj7CoLgSXDxSjEVzAt9k01CBKdWfsFf/2WNuEwc2YqigKZpK9glAlVVwTTNbQJZlnlCkiTAZnF/mePB2biRdhwHdF2HJEmgaRrwPA+qqoI4jle5/8XkXzrCFoHg+/5ICdpm13UTho7Q9/0WnsfwiL/ouHwHrJgQR8WEwVG+oXpMPaDAkdzvd7AsC8qyhCiKJjiRnCKwbRsMw9hcQ5zv9maSBeu6hjRNYRgGFuKaCNwjkjzPoSiK1d1gDDecQobOBwswzabD/D3Np7AHOIrvNpHmPI+Kc2RZBm3bcp8wuwSIot7QQ0PznoR6wYSK0Xb/AGVLcWwc7Ng3AAAAAElFTkSuQmCC");
  background-attachment: scroll;
  background-size: 16px 18px;
  background-position: 98% 50%;
  cursor: auto;
}

.paiment-input:focus {
  border-color:#2188ff;
  outline:none;
  box-shadow:inset 0 1px 2px rgba(27,31,35,0.075),0 0 0 0.2em rgba(3,102,214,0.3);
  background-color:#fff;
}

.paiment-box {
  background-color:#fff;
  border:1px solid #d1d5da;
  border-radius:3px;
  width:440px;
  max-width:95%;
  margin-right:5px;
  -webkit-padding-start: 0px;
}
.paiment-box-row{
  padding-left:10px;
  padding-right:10px;
  padding-top:16px;
  padding-bottom:10px;

  margin-top:-1px;
  list-style-type:none;
  border-top:1px solid #e1e4e8;

  display:inline-block;
  width:440px;
  max-width:95%;
  margin-right:5px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  vertical-align:top;
}
.paiment-box-row:first-of-type{
  border-top-color:transparent;
  border-top-left-radius:2px;
  border-top-right-radius:2px;
}
.paiment-box-row:last-of-type{
  border-bottom-right-radius:2px;
  border-bottom-left-radius:2px;
}

.list-style-none{
  list-style:none!important;
}

.clearfix::before{
  display:table;
  content:"";
}
.clearfix::after{
  display:table;
  clear:both;
  content:"";
}

.paiment-actions .paiment-actions-remove{
  float:right;
  padding-right:7px;
  padding-left:7px;
  margin-left:5px;
  line-height:24px;
  color:#cb2431;
  cursor:pointer;
}

.paiment-actions form{
  display:inline;
}

.btn-link{
  display:inline-block;
  padding:0;
  font-size:inherit;
  color:#0366d6;
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  background-color:transparent;
  border:0;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}
.btn-link:hover{
  text-decoration:underline;
}
.btn-link:disabled,.btn-link:disabled:hover{
  color:rgba(88,96,105,0.5);
  cursor:default;
}

.paiment-button:focus{
  outline:none;
}
.paiment-button,[type="submit"]{
  -webkit-appearance:button;
}
.paiment-button::-moz-focus-inner,[type="submit"]::-moz-focus-inner{
  border-style:none;
  padding:0;
}
.paiment-button:-moz-focusring,[type="submit"]:-moz-focusring{
  outline:1px dotted ButtonText;
}
.paiment-button{
  margin:0;
  overflow:visible;
  text-transform:none;
  cursor:pointer;
  border-radius:0;

  margin-right:8px!important;

  position:relative;
  display:inline-block;
  padding:6px 12px;
  font-size:14px;
  font-weight:600;
  line-height:20px;
  white-space:nowrap;
  vertical-align:middle;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  background-repeat:repeat-x;
  background-position:-1px -1px;
  background-size:110% 110%;
  border:1px solid rgba(27,31,35,0.2);
  border-radius:0.25em;
  -webkit-appearance:none;
  moz-appearance:none;
  appearance:none;

  color:#24292e;background-color:#eff3f6;background-image:linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%);
}
.paiment-button:hover{
  text-decoration:none;
  background-repeat:repeat-x;
  background-color:#e6ebf1;
  background-image:linear-gradient(-180deg, #f0f3f6 0%, #e6ebf1 90%);
  background-position:-.5em;
  border-color:rgba(27,31,35,0.35);
}
.paiment-button:focus{
  outline:0;
  box-shadow:0 0 0 0.2em rgba(3,102,214,0.3);
}
.paiment-button:disabled{
  cursor:default;
  background-position:0 0;
  color:rgba(36,41,46,0.4);
  background-color:#eff3f6;
  background-image:none;
  border-color:rgba(27,31,35,0.2);
  box-shadow:none;
}
.paiment-button:active{
  background-color:#e9ecef;
  background-image:none;
  border-color:rgba(27,31,35,0.35);
  box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15);
}

/* green */
.paiment-button-green:focus{
  outline:none;
}
.paiment-button-green,[type="submit"]{
  -webkit-appearance:button;
}
.paiment-button-green::-moz-focus-inner,[type="submit"]::-moz-focus-inner{
  border-style:none;
  padding:0;
}
.paiment-button-green:-moz-focusring,[type="submit"]:-moz-focusring{
  outline:1px dotted ButtonText;
}
.paiment-button-green{
  margin:0;
  overflow:visible;
  text-transform:none;
  cursor:pointer;
  border-radius:0;

  margin-right:8px!important;

  position:relative;
  display:inline-block;
  padding:6px 12px;
  font-size:14px;
  font-weight:600;
  line-height:20px;
  white-space:nowrap;
  vertical-align:middle;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  background-repeat:repeat-x;
  background-position:-1px -1px;
  background-size:110% 110%;
  border:1px solid rgba(27,31,35,0.2);
  border-radius:0.25em;
  -webkit-appearance:none;
  moz-appearance:none;
  appearance:none;

  color: #fff;
  background-color: #28a745;
  background-image: linear-gradient(-180deg, #34d058 0%, #28a745 90%);
}
.paiment-button-green:hover{
  text-decoration:none;
  background-repeat:repeat-x;
  background-color:#269f42;
  background-image:linear-gradient(-180deg, #2fcb53 0%, #269f42 90%);
  background-position:-.5em;
  border-color:rgba(27,31,35,0.5);
}
.paiment-button-green:focus{
  outline:0;
  box-shadow:0 0 0 0.2em rgba(52,208,88,0.4);
}
.paiment-button-green:disabled{
  cursor:default;
  background-position:0 0;
  color:rgba(255,255,255,0.75);
  background-color:#94d3a2;
  background-image:none;
  border-color:rgba(27,31,35,0.2);
  box-shadow:none;
}
.paiment-button-green:active{
  background-color:#279f43;
  background-image:none;
  border-color:rgba(27,31,35,0.5);
  box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15);
}

.paiment-button-pay{
  color:#fff;
  background-color:#28a745;
  background-image:linear-gradient(-180deg, #34d058 0%, #28a745 90%);
}
.paiment-button-pay:focus{
  box-shadow:0 0 0 0.2em rgba(52,208,88,0.4);
}
.paiment-button-pay:hover{
  background-color:#269f42;
  background-image:linear-gradient(-180deg, #2fcb53 0%, #269f42 90%);
  background-position:-.5em;
  border-color:rgba(27,31,35,0.5);
}
.paiment-button-pay:active{
  background-color:#279f43;
  background-image:none;
  border-color:rgba(27,31,35,0.5);
  box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15);
}
.paiment-button-pay:disabled{
  color:rgba(255,255,255,0.75);
  background-color:#94d3a2;
  background-image:none;
  border-color:rgba(27,31,35,0.2);
  box-shadow:none;
}

.paiment-button-del{
  color:#cb2431;
  background-color:#fafbfc;
  background-image:
  linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%);
}
.paiment-button-del:focus{
  box-shadow:0 0 0 0.2em rgba(203,36,49,0.4);
}
.paiment-button-del:hover{
  color:#fff;
  background-color:#cb2431;
  background-image:linear-gradient(-180deg, #de4450 0%, #cb2431 90%);
  border-color:rgba(27,31,35,0.5);
}
.paiment-button-del:active{
  color:#fff;
  background-color:#b5202c;
  background-image:none;
  border-color:rgba(27,31,35,0.5);
  box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15);
}
.paiment-button-del:disabled{
  color:rgba(203,36,49,0.4);
  background-color:#eff3f6;
  background-image:none;
  border-color:rgba(27,31,35,0.2);
  box-shadow:none;
}

.paiment-select{
  margin:0;
  text-transform:none;
  min-height:34px;
  padding:6px 8px;
  padding-right: 24px;
  font-size:14px;
  line-height:20px;
  color:#24292e;
  vertical-align:middle;
  background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC") no-repeat right 8px center;
  background-size: 8px 10px;
  border:1px solid #d1d5da;
  border-radius:3px;
  outline:none;
  box-shadow:inset 0 1px 2px rgba(27,31,35,0.075);
  display:inline-block;
  max-width:560px;
  width:560px;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}
.paiment-select:focus{
  border-color:#2188ff;
  outline:none;
  box-shadow:inset 0 1px 2px rgba(27,31,35,0.075),0 0 0 0.2em rgba(3,102,214,0.3);
}


.bleed-flush{
  height:0;
  margin:15px 0;
  overflow:hidden;
  background:transparent;
  border:0;
  border-bottom:1px solid #dfe2e5;
}
.bleed-flush::before{
  display:table;
  content:"";
}
.bleed-flush::after{
  display:table;
  clear:both;
  content:"";
}

.paiment-Subhead{
  display:flex;
  padding-bottom:8px;
  margin-bottom:16px;
  border-bottom:1px #e1e4e8 solid;
  flex-flow:row wrap;
}
.paiment-Subhead--spacious{
  margin-top:40px;
}
.paiment-h2-Subhead-heading{
  font-size:24px;
  font-weight:normal;
  flex:1 1 auto;
}


/* Cal icon for time off */

time.icon
{
  font-size: 1em; /* change icon size */
  display: block;
  position: relative;
  width: 7em;
  height: 7em;
  background-color: #fff;
  margin: 2em auto;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0deg) skewY(0deg);
  -webkit-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
}

time.icon *
{
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

time.icon strong
{
  position: absolute;
  top: 0;
  padding: 0.4em 0;
  color: #fff;
  background-color: #fd9f1b;
  border-bottom: 1px dashed #f37302;
  box-shadow: 0 2px 0 #fd9f1b;
}

time.icon em
{
  position: absolute;
  bottom: 0.3em;
  color: #fd9f1b;
}

time.icon span
{
  width: 100%;
  font-size: 2.8em;
  letter-spacing: -0.05em;
  padding-top: 0.8em;
  color: #2f2f2f;
}

time.icon:hover, time.icon:focus
{
  -webkit-animation: swing 0.6s ease-out;
  animation: swing 0.6s ease-out;
}

@-webkit-keyframes swing {
  0%   { -webkit-transform: rotate(0deg)  skewY(0deg); }
  20%  { -webkit-transform: rotate(12deg) skewY(4deg); }
  60%  { -webkit-transform: rotate(-9deg) skewY(-3deg); }
  80%  { -webkit-transform: rotate(6deg)  skewY(-2deg); }
  100% { -webkit-transform: rotate(0deg)  skewY(0deg); }
}

@keyframes swing {
  0%   { transform: rotate(0deg)  skewY(0deg); }
  20%  { transform: rotate(12deg) skewY(4deg); }
  60%  { transform: rotate(-9deg) skewY(-3deg); }
  80%  { transform: rotate(6deg)  skewY(-2deg); }
  100% { transform: rotate(0deg)  skewY(0deg); }
}