.clickable-row {
  cursor: pointer;
}

.glyphicon.spinning {
  animation: spin 1s infinite linear;
  -webkit-animation: spin2 1s infinite linear;
}

@keyframes spin {
  from { transform: scale(1) rotate(0deg); }
  to { transform: scale(1) rotate(360deg); }
}

.with-background {
  position: fixed;
  top: 0;
  bottom: 0;
  overflow: auto;
  left: 0;
  right: 0;
  background-size: cover;
  margin-top: 50px;
}


.plain-link, .plain-link:hover, .plain-link:active, .plain-link:visited {
  color: inherit;
  text-decoration:none;
}

.clickable {
  cursor: pointer;
}

.alert-notice {
  background-color: grey;
}

.gray {
  color: gray;
}

.top-buffer {
  margin-top: 20px;
}

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

.left-buffer-10 {
  margin-left: 10px;
}

.bottom-buffer-10 {
  margin-bottom: 10px;
}

.content {
  margin-top: 53px;
}

.alert-container {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  z-index: 1;
}

.alert {
  position: relative;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  /* margin-top: -2px;
  height: 40px;
  position: absolute;
  right: 0;
  left: 0; */
}

.alert .close {
  position: absolute;
  top: 5px;
  right: 10px;
}

.alert .alert-message {
  font-size: 20px;
  text-align: center;
  margin-top: -8px;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -5px;
  display: none;
  z-index: 1050;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropdown-menu > li > a {
  display: block;
  padding: 5px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  font-size: 14px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.navbar {
  z-index: 2;

  @media screen and (min-width: 1700px) {
    .d-lg-flex {
      display: none !important;
    }

    .d-md-flex {
      display: flex !important;
    }
  }

  @media screen and (max-width: 1699px) {
    .d-md-flex {
      display: none !important;
    }

    .d-lg-flex {
      display: flex !important;
    }
  }
}

.home .align-content {
  text-align: center;
}

.home .content-aligned {
  display: inline-block;
}

.home {
  margin-top: 50px;
}

.home .btn {
  width: 100%;
}

.signup input, textarea, select, .uneditable-input {
  border: 1px solid #bbb;
  width: 100%;
  margin-bottom: 15px;
}

.signup input {
  height: auto;
}

.hubble-verify .order_number {
  height: 74px;
}
.hubble-verify .order_number input {
  margin-top: 20px;
  height: 45px;

}

.hubble-verify #message-link {
  float: right;
}

.hubble-verify #play-message {
  background-color: gray;
  color: white;
}

.hubble-verify .verify-result-success {
  background-color: green;
  color: white;
}

.hubble-verify .verify-result-failure {
  background-color: red;
  color: white;
}

.hubble-verify .startblock {
  font-size: 14px;
  font-weight: bold;
}

.hubble-verify .startblock.selected {
  background: lightgray;
}

.hubble-verify button:focus {outline:0 !important;}

.docs .dropdown {
  border: 1px rgb(118, 118, 118) inset;
  border-radius: 2px;
  padding: 3px 2px;
  margin: 0;
}

.docs-edit .form-label {
  font-weight: bold;
}

.docs-edit .dropdown {
  height: 46px;
}

.docs-edit .day-label {
  font-size: 16px;
  color: gray;
}

.docs-edit .hours {
  display: none;
}

.docs-edit .big-button {
  margin-top: 10px; margin-bottom: 10px;
}

.reset {
  animation : none;
  animation-delay : 0;
  animation-direction : normal;
  animation-duration : 0;
  animation-fill-mode : none;
  animation-iteration-count : 1;
  animation-name : none;
  animation-play-state : running;
  animation-timing-function : ease;
  backface-visibility : visible;
  background : 0;
  background-attachment : scroll;
  background-clip : border-box;
  background-color : transparent;
  background-image : none;
  background-origin : padding-box;
  background-position : 0 0;
  background-position-x : 0;
  background-position-y : 0;
  background-repeat : repeat;
  background-size : auto auto;
  border : 0;
  border-style : none;
  border-width : medium;
  border-color : inherit;
  border-bottom : 0;
  border-bottom-color : inherit;
  border-bottom-left-radius : 0;
  border-bottom-right-radius : 0;
  border-bottom-style : none;
  border-bottom-width : medium;
  border-collapse : separate;
  -o-border-image : none;
     border-image : none;
  border-left : 0;
  border-left-color : inherit;
  border-left-style : none;
  border-left-width : medium;
  border-radius : 0;
  border-right : 0;
  border-right-color : inherit;
  border-right-style : none;
  border-right-width : medium;
  border-spacing : 0;
  border-top : 0;
  border-top-color : inherit;
  border-top-left-radius : 0;
  border-top-right-radius : 0;
  border-top-style : none;
  border-top-width : medium;
  bottom : auto;
  box-shadow : none;
  box-sizing : content-box;
  caption-side : top;
  clear : none;
  clip : auto;
  color : inherit;
  -moz-columns : auto;
       columns : auto;
  -moz-column-count : auto;
       column-count : auto;
  -moz-column-fill : balance;
       column-fill : balance;
  -moz-column-gap : normal;
       column-gap : normal;
  -moz-column-rule : medium none currentColor;
       column-rule : medium none currentColor;
  -moz-column-rule-color : currentColor;
       column-rule-color : currentColor;
  -moz-column-rule-style : none;
       column-rule-style : none;
  -moz-column-rule-width : none;
       column-rule-width : none;
  -moz-column-span : 1;
       column-span : 1;
  -moz-column-width : auto;
       column-width : auto;
  content : normal;
  counter-increment : none;
  counter-reset : none;
  cursor : auto;
  direction : ltr;
  display : inline;
  empty-cells : show;
  float : none;
  font : normal;
  font-family : inherit;
  font-size : medium;
  font-style : normal;
  font-variant : normal;
  font-weight : normal;
  height : auto;
  -webkit-hyphens : none;
          hyphens : none;
  left : auto;
  letter-spacing : normal;
  line-height : normal;
  list-style : none;
  list-style-image : none;
  list-style-position : outside;
  list-style-type : disc;
  margin : 0;
  margin-bottom : 0;
  margin-left : 0;
  margin-right : 0;
  margin-top : 0;
  max-height : none;
  max-width : none;
  min-height : 0;
  min-width : 0;
  opacity : 1;
  orphans : 0;
  outline : 0;
  outline-color : invert;
  outline-style : none;
  outline-width : medium;
  overflow : visible;
  overflow-x : visible;
  overflow-y : visible;
  padding : 0;
  padding-bottom : 0;
  padding-left : 0;
  padding-right : 0;
  padding-top : 0;
  page-break-after : auto;
  page-break-before : auto;
  page-break-inside : auto;
  perspective : none;
  perspective-origin : 50% 50%;
  position : static;
  /* May need to alter quotes for different locales (e.g fr) */
  quotes : '\201C' '\201D' '\2018' '\2019';
  right : auto;
  -moz-tab-size : 8;
    -o-tab-size : 8;
       tab-size : 8;
  table-layout : auto;
  text-align : inherit;
  -moz-text-align-last : auto;
       text-align-last : auto;
  text-decoration : none;
  text-decoration-color : inherit;
  text-decoration-line : none;
  text-decoration-style : solid;
  text-indent : 0;
  text-shadow : none;
  text-transform : none;
  top : auto;
  transform : none;
  transform-style : flat;
  transition : none;
  transition-delay : 0s;
  transition-duration : 0s;
  transition-property : none;
  transition-timing-function : ease;
  unicode-bidi : normal;
  vertical-align : baseline;
  visibility : visible;
  white-space : normal;
  widows : 0;
  width : auto;
  word-spacing : normal;
  z-index : auto;
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}

.pager {
  float: right;
}

.pager .next-prev {
  width: 100px;
}

.pager .pagenum {
  width: 20px;
  border: none;
  margin-left: -3px;
}

.pager .disabled {
  color: lightgrey;
}

ul.pagination {
  float: right;
}

ul.pagination .disabled {
  visibility: hidden;
}

ul.pagination {
  color: lightblue;
}

ul.pagination .selected {
  color: white;
  background-color: lightblue;
}

.reports .verifies .disabled {
  visibility: hidden;
}

.reports .verifies .pagination {
  float: right;
}

.reports .pagination .selected {
  color: white;
  background-color: lightblue;
}

.btn.red {background-color: red; border-color: red; }
.btn.green {background-color: green; border-color: green; }
.btn.btn-primary:visited { color: #fff!important; }
.no-border { border: none; }


.reports .verifies .time_interval {
  cursor: pointer;
}

.table-row--error {
  color: #FF0000;
}

.table-row--info {

}

tr.unfulfillable {
  background-color: #34b4eb;
}

.changelog-event {
  color: red;
  text-align: left;
}

.danger_vcs_start_present {
  background: orange;
}

._vcs_start_present {
  background: rgba(252, 215, 114, 1);
}

.frame-status-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: auto;
}

.frame-lab-status-ul {
  list-style: none;
}

.frame-show-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.manual-order {
  h4, h6 {
    margin: 0;
  }

  .select {
    color: #555;
    background-color: #f5f5f5;
    border-color: #e3e3e3;
  }

  .manual_order_form {
    margin-bottom: 20px;
  }

  fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
  }

  .well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  }

  label {
    display: flex;
    align-items: center;
    height: 34px;
    margin: 0;
    font-weight: 400;
  }

  .label-text {
    font-size: 16px;
    font-weight: 400;
    padding-left: 15px;
    margin-bottom: 0;
    padding-bottom: 0;
    display: flex;
    align-items: center;
    height: 34px;
  }

  .form-group {
    height: 34px;
  }

  .select-accessory {
    height: auto !important;
    padding-left: 0.99px;
  }

  .toggle-switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
    margin-top: 4.8px;
    margin-right: 10px;
  }

  .toggle-switch input[type="checkbox"] {
    opacity: 0;
    width: 0;
    height: 0;
  }

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

  .toggle-slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: transform 0.4s;
    border-radius: 50%;
  }

  .toggle-switch input[type="checkbox"]:checked + .toggle-slider {
    background-color: #2196F3;
  }

  .toggle-switch input[type="checkbox"]:checked + .toggle-slider:before {
    transform: translateX(20px);
  }

  .accessories-ul {
    list-style-type: none;
    padding-left: 15px;
    font-size: small;
  }
}

#prescription_is_visibly {
  box-shadow: none !important;
}
