body {
    background-color: #FFFCED;
}

@media (min-width: 1200px) {
    .container{
        width: 1362px;
        max-width: 100%;
    }
}

.overviewitem {
    font-size: 85%;
    white-space: nowrap;
    line-height: 1.2em;
}

.overviewitem .glyphicon {
    font-size: 120%;
}

.overviewitem td {
    min-width: 0 !important;
}

.overview td {
    min-width: 120px;
}

.overview tr.data-table--labelled {
    height: 4em;
}

.showappointments #open .commited {
    background-color: #FCFB93;
}

.overview-commited {
    background-color: #FCFB93;
}

.less-width {
    width: 70% !important;
}

.v-space-between {
    padding-bottom: 0.5em;
}
.v-space-between:last-child() {
    padding-bottom: initial;
}

#map {
    height: 400px;
    width: 100%
}
.staticmapcontainer {
    height: 200px;
    width: 300px;
    margin-right: 10px;
}
#staticmap  {
    height:100%;
    cursor: pointer;
}

#mapmodal .modal-dialog {
  width: 90%;
}

#map {
  height: 580px;
}

.nobr {
    white-space:nowrap;
}

.inline-block {
    display: inline-block;
}

.toggle-group-all {
    cursor: pointer;
}

.negative-balance {
    font-weight: bold;
    color: red;
}

.zui-table tbody td {
    white-space: nowrap;
}
.zui-wrapper {
    position: relative;
}
.zui-scroller {
    margin-left: 175px;
    overflow-x: scroll;
    overflow-y: visible;
    padding-bottom: 5px;
    /*width: 90%;*/
}
.zui-table .zui-sticky-col {
    left: 0;
    position: absolute;
    top: auto;
    /*width: 120px;*/
}
th.zui-sticky-col, td.zui-sticky-col {
    background-color: #ffffff !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom: none !important;
    width: 175px;
}

.date-line th {background-color:#999999 !important; color:white;}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #EBEBEB;
}

.table-iframe thead th, .table-iframe thead td {
    background-color: #fff;
}
/*.table-iframe tr:nth-child(even) {*/
    /*background-color: #f7f7f7*/
/*}*/

.ui-datepicker-disabled { visibility: hidden; }


#inlinecalendar .disabled.ui-state-hover,
#inlinecalendar-details .disabled.ui-state-hover {
    border: none;
    background: none;
}

#inlinecalendar .ui-state-active,
#inlinecalendar-edit .ui-state-active,
#inlinecalendar-details .ui-state-active,
#inlinecalendar-overview .ui-state-active,
.ui-state-active .ui-state-highlight,
.user-calendar .ui-state-active{
    border: 1px solid #aaaaaa !important;
    background: rgb(171, 218, 98) !important;
}

.user-calendar .dummy_first {
    border: none !important;
    background: none !important;
}

#inlinecalendar .ui-datepicker-calendar .date-allocated,
#inlinecalendar-edit .ui-datepicker-calendar .date-allocated,
#inlinecalendar-details .ui-datepicker-calendar .date-allocated,
.user-calendar .ui-datepicker-calendar .date-allocated {
    /* background: rgb(217, 83, 79) !important; */
    background: rgb(240, 173, 87) !important;
}

#inlinecalendar .ui-datepicker-calendar .date-unavailable,
#inlinecalendar-edit .ui-datepicker-calendar .date-unavailable,
#inlinecalendar-details .ui-datepicker-calendar .date-unavailable,
.user-calendar .ui-datepicker-calendar .date-unavailable {
    background: rgb(217, 83, 79) !important;
}


.scrollable {
    height: 350px;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    padding-right: 0;
}

/*
* pharmacist chooser modal
*/
#set_pharmacist_modal ul,
#show_available_pharmacist_modal ul {
    list-style: none;
    background-color:#fff;
    margin-left: -40px;
}

#set_pharmacist_modal li,
#show_available_pharmacist_modal li {
    min-height: 50px;
    padding: 5px;
    cursor: pointer;
}

#set_pharmacist_modal li:hover,
#show_available_pharmacist_modal li:hover,
#set_pharmacist_modal li:hover .text-muted {
    color: #ffffff;
    background-color: #39b3d7;
}

.pharmacist-selected, .pharmacist-selected .text-muted {
    color: #ffffff;
    background-color: #3276b1;
}

div.ui-datepicker{
    font-size:10px;
}

li.busy,
li.busy .text-muted {
    color: rgb(208, 96, 92);
}

.available_pharmacists .icon-known,
.available_pharmacists .icon-unknown {
    display: inline-block;
    width: 24px;
}

.modal .footnotes {
    font-size: .8em;
}

label.checkbox {
    font-weight: normal;
}

th {
    vertical-align: bottom;
}

th > .rotate {
  /* Something you can count on */
  height: 80px;
  white-space: nowrap;
  vertical-align: top;
}

th > .rotate > div {
  -webkit-transform: translate(25px, 51px) rotate(315deg);
  -ms-transform: translate(25px, 51px) rotate(315deg);
  -o-transform: translate(25px, 51px) rotate(315deg);
  -moz-transform: translate(25px, 51px) rotate(315deg);
  transform: translate(25px, 51px) rotate(315deg);
  width: 20px;
  margin-left: -20px;
}
th > .rotate > div > span {
  /*border-bottom: 1px solid #ccc;*/
  padding: 5px 10px;
}

/* Bootstrap timepicker */
/*
.bootstrap-datetimepicker-widget.dropdown-menu {
    width: 10em !important;
}
.bootstrap-datetimepicker-widget table td span {
    height: 24px !important;
    line-height: 24px !important;
}
.bootstrap-datetimepicker-widget table td {
    height: 24px !important;
    line-height: 24px !important;
    width: 24px !important;
    padding: 0 !important;
}
.bootstrap-datetimepicker-widget a[data-action] {
    padding: 0 !important;
}
*/

@media (min-width: 768px) {
  .form-inline .form-control {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
  }
}

.form-control {
    padding: 6px 6px;
    height: unset;
}
.form-control tr {
    height: 2em;
}

@media screen and (max-width: 767px) {
    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        padding: 8px 3px;
        font-size:90%;
    }
    .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
        white-space: normal;
    }
}

.brand img {
    max-width:100%;
}

.paginated-content {
    min-height: 100px;
}

#show_offers_modal .modal-body {
    min-height: 250px;
}

.header-table {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.header-cell {
    display: table-cell;
    vertical-align: bottom;
    float: none;
}

.header-cell h2 {
    margin-bottom: 0;
}

table tr.align-top {
    vertical-align: top;
}

.no-padding-left {
    padding-left: 0;
}
.no-padding-right {
    padding-right: 0;
}

#stickyinfo {
    bottom: 100px;
    right: 50px;
    width: 220px;
    /*height: 115px;*/
    position: fixed;
    background-color: white;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    z-index: 999;
    opacity: 0.85;
}

.mark-disabled {
    color: #d5d5d5 !important;
}

.top20 {
    margin-top: 20px;
}

hr.compressed {
    margin-top: 10px;
    margin-bottom: 10px;
}

hr.mini {
    margin-top: 5px;
    margin-bottom: 5px;
}

tbody.noborder > tr > td {
    border-top: none;
    border-bottom: none;
}

.pharmacist-erp .erp-0 {
    color: silver;
}
.pharmacist-erp .erp-1 {
    color: silver;
}
.pharmacist-erp .erp-2 {
}
.pharmacist-erp .erp-3 {
    font-weight: bold;
}

.hide-unknown-column .row div:nth-child(2) {
    display: none;
}

.valign-bottom {
    vertical-align: bottom !important;
}

.valign-center {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.thumbnail-container {
    height: 200px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.card-read-more {
    border-top: 1px solid #D4D4D4;
}
.card-read-more a {
    text-decoration: none !important;
    padding: 10px 10px 5px 10px;
    font-weight:600;
    text-transform: uppercase;
}

.monthpicker {
    font-size: 16px;
    cursor: pointer;
}
input.monthpicker {
    background-color:transparent !important;
    border: transparent;
    width: 120px;
    text-align: right;
    margin-right: 10px;
}

a.monthpicker {
    color: #333;
}

.erp-info {
    padding-top: 7px;
    margin-bottom: 0;
}

.pagination-row {
    position: sticky;
    bottom: 0px;
    right: 0px;
}

.breadcrumb {
    background-color: rgba(0, 0, 0, 0.05);
}

.tab-pane.active table {
    background-color: white;
}

.navbar-default {
    background-color: rgba(0, 0, 0, 0.04); /*#f8f8f8;*/
    border-color: rgba(0, 0, 0, 0.07);
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: rgba(0, 0, 0, 0.07);
}

.infotooltip {
    cursor: help;
}

ul.typeahead.dropdown-menu {
    max-height: 250px;
    overflow: auto;
}

.nobold label {
    margin-bottom: 0;
    font-weight: normal;
    min-width: 50px;
}

.hidden-block {
    display: none;
}

/* Looks like a button but does not behave like one. */
.btn-fake {
    opacity: inherit !important;
    background: transparent !important;
    cursor: inherit !important;
    user-select: inherit;
}

.col-offset-left {
    margin-left: 26px;
}

.text-bottom {
    vertical-align: text-bottom;
}

.known_pharmacists {
    column-count: 2;
}

.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right: 0;
}

.vuetify-wrapper {
    font-family: Roboto, sans-serif;
    margin-block-start: initial;
    margin-block-end: initial;
    margin-top: initial;
    margin-bottom: initial;
}

html {
    /**
    Corrects the font size in vueitify-wrapper components, as
    weirdly bootstrap manages to overwrite html.font-size to 10px;
    */
    font-size: initial;
}