html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

a, h1, h2, h3, h4 {
    color: #004A86;
}

#accordian .panel .panel-default {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.text-danger.glyphicon.glyphicon-remove{
    cursor:pointer;
}

.move-vertical{
    cursor: ns-resize;
}

#mnuSharc {
    font: bold 14pt 'Montserrat' !important;
    position: relative;
    top: -2px;
    cursor: default;
    user-select: none;
}

.sharc {
    font-family: 'Montserrat' !important;
}

tr.odd {
  background-color:  #f9f9f9;
}

tr.changeup {
    border-top: 2px solid #d0d0d0;
}

.date-nav {
    font-weight: bolder;
}

.glyphicon.btn-success.clickable {
    color: #fff !important;
}

.modal-body {
    padding-top: 6px;
    padding-bottom: 4px;
}

.modal-footer {
    padding-top: 10px;
    padding-bottom: 10px;
}
.modal-header {
    padding-top: 8px;
    padding-bottom: 8px;
}

.deceased {
    text-decoration: line-through;
}

.index {
    margin-bottom: 0 !important;
}

.total-row {
    background-color: #ebe8e8;
    border-top: 2px solid #565454;
    font-weight: bold;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.table-condensed td {
    padding-left: 3px;
}

.row.odd {
    background-color: #f3f6ec;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 2px;
}

.panel-heading {
    padding: 6px 8px;
}

.ui-datepicker, .ui-datepicker-calendar {
    background: #fff;
    z-index: 5000 !important;
}

#PhotoViewer .modal-content {
    width: 848px !important;
}

.text-containor {
    min-height: 30px;
    border: 1px solid #b1b1b1;
    padding: 8px;
    width: 100%;
    border-radius: 6px;
    background-color: #fff;
}

.dhx_scale_hour {
    line-height: 1.5!important;
}

.req {
    box-shadow: 0px 0px 4px 2px rgba(13,181,52,0.41);
}

.text-muted a {
    color: #999;
}

.text-muted a.btn-success,
a.btn-danger,
a.btn-warning {
    color: #fff;
}

.modal-body .scrolling {
    border-top: none;
    border-left: none;
}

.clickable {
    text-decoration: underline;
    color: #2FA4E7;
    cursor: pointer!important;
}

.glyphicon.clickable {
    text-decoration: none;
}

.clickable.text-danger {
    color: #b94a48;
}

.btn-100 {
    width: 100px;
}

.btn-120 {
    width: 120px;
}

.btn-160 {
    width: 160px;
}

.btn-180 {
    width: 180px;
}

.click-row {
    cursor: default;
    user-select: none;
}

.dhx_cal_event, .dhx_title {
    cursor: pointer !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;
    font-size: 10pt !important;
}

.dhx_event_resize, .dhx_header {
    display: none !important;
}

.e-scheduledialog {
    border-radius: 8px;
}

.panel-heading {
    color: #004A86 !important;
}

body.modal-open-noscroll {
    margin-right: 0 !important;
    overflow: hidden;
}

input[type=radio] {
    margin-right: 5px;
}

.tab-content {
    border: 1px solid #dddddd;
    border-top: none;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 12px;
}

.text-bold {
    font-weight: bold;
}

.total-row {
    border-top: 3px solid #686868;
    padding-top: 8px;
}

.table-calendar tr {
    border-bottom: 1px solid #686868;
}

.table-calendar td {
    padding-left: 6px;
}

.calendar-cell {
    border: 1px solid #7ebdfb;
    padding: 2px;
    margin: 2px;
    background-color: #F9F9F9;
    cursor: default;
}

.calendar-cell:hover {
    border: 1px solid #3c3b3b;
    background-color: #808080;
}

.booked {
    border: 1px solid #ff6a00;
    height: 8px;
    padding: 2px;
    margin: 0px;
    cursor: default;
    background-color: #ff6a00;
}

.booking-text {
    position: absolute;
    width: 100%;
    top: 1px;
    left: 1px;
    color: #fff;
    padding-left: 2px;
    cursor: pointer;
    background-color: #ff6a00;
}

.highlight {
    background-color: #ddd;
}

glyphicon {
    cursor: default;
}

a.glyphicon {
    text-decoration: none !important;
    cursor: default;
}

.modal-open-noscroll .navbar-default, .modal-open .navbar-default {
    margin-right: 0 !important;
}

body.modal-open-noscroll .modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
    margin-right: 0 !important;
}

.row {
    margin-top: 6px;
}

.nowrap tbody td {
    white-space: nowrap;
}

small {
    color: #b1b1b1;
}

.scrolling thead, .scrolling-lg thead, .scrolling-short thead, .scrolling-full thead {
    color: #fff;
    background-color: #004A86;
    font-weight: normal !important;
}

.scrolling th, .scrolling-lg th, .scrolling-short th, .scrolling-full th {
    color: #fff;
    background-color: #004A86;
    font-weight: normal !important;
}

.scrolling {
    overflow: scroll;
    background-color: #fff;
    min-height: 180px;
    max-height: 450px;
    border: 1px solid #dddddd;
}

.scrolling-lg {
    overflow: scroll;
    background-color: #fff;
    min-height: 280px;
    max-height: 600px;
    border: 1px solid #dddddd;
}

.scrolling-full {
    overflow: scroll;
    background-color: #fff;
    height: 100%;
    border: 1px solid #dddddd;
}

.scrolling-full td {
    font-weight: bolder;
}

.scrolling-short {
    overflow: scroll;
    background-color: #fff;
    height: 180px;
    border: 1px solid #dddddd;
}

.dt-select {
    background: url(../images/calendar.png) no-repeat scroll 4px 3px;
    padding-left: 30px;
    background-color: #fff;
}

.input-group-txt.dt-select {
    background: url(../images/calendar.png) no-repeat scroll 3px 3px;
    padding-left: 30px;
    background-color: #fff;
}

.modal-body input, .modal-body select, .modal-body textarea {
    max-width: unset;
    width: 100%;
}

input[type=radio] {
    width: 12px;
    margin-top: 6px
}

.panel-body input[type=text],
.panel-body input[type=date],
.panel-body input[type=number],
.panel-body input[type=password],
.panel-body select, .panel-body textarea {
    max-width: 100%;
}

input[type=text],
input[type=date],
input[type=number],
input[type=password],
select, textarea {
    max-width: 100%;
}

.input[type=checkbox] {
    margin-right: 4px;
    width: unset;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    font-weight: bolder;
    color: #004A86;
}

.jumbotron {
    background-image: url('../images/bg.png');
    color: #fff;
}

/* Start animal annotations */

.vet-report-selected-images {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: start;
}

.selected-images {
    margin-top: 10px;
    margin-bottom: 0;
}

.selected-images td, .selected-images li {
    text-align: center;
    border: none !important;
    width: 20%;
}

.selected-images li {
    list-style: none;
}

.selected-images label {
    display: block;
}

.pointer {
    cursor: pointer;
}

.figure-row {
    border-top: 1px solid #ddd;
    padding: 13px 20px 5px;
    margin-left: 0;
    margin-right: 0;
}

.figure-row ul {
    list-style: circle;
    padding-left: 0;
    margin: 0;
}

.image-panel {
    width: 49%;
}

.image-panel-container {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* End animal annotations */

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}

@media print {
    .no-print {
        display: none;
    }
}

button.glyphicon {
    background: none;
    border: none;
    padding: 0;
}

a[disabled], button.glyphicon[disabled], div[disabled] {
    cursor: not-allowed;
    opacity: 0.65;
}

[data-custom-fields] label {
    display: block;
}