@font-face {
    font-family: 'FontAwesome';
    src: url('fonts/fontawesome-webfont.eot?v=4.0.1');
    src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.0.1') format('embedded-opentype'),
         url('fonts/fontawesome-webfont.woff?v=4.0.1') format('woff'),
         url('fonts/fontawesome-webfont.ttf?v=4.0.1') format('truetype'),
         url('fonts/fontawesome-webfont.svg?v=4.0.1#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*====================================================================
						Font-icons Rules
=====================================================================*/

.fonticon, .fa {
    font-family: "FontAwesome";
    color: #0B0;
    width: auto;
    height: auto;
    line-height: inherit;
    vertical-align: baseline;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
}

.fa{
    color:inherit;
}

.dataTable thead th{
    overflow: auto;
}
.dataTable thead th::before{
    font-family: "FontAwesome";
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    display: block;
    float: right;
    color: #000;
    content: "\f0dc";
}
.dataTable thead th[aria-sort="ascending"]::before {
    color: #FFF;
    content: "\f0de";
}
.dataTable thead th[aria-sort="descending"]::before {
    color: #FFF;
    content: "\f0dd";
}
.ui-li-desc {
    padding: 3px 0;
}
/* icons */
.chat::before {
    content: "\f075";
    font-size: 1.5em;
}

.dataTable thead th {
    padding-right: 10px;
}


.dataTable thead th[aria-sort] {
    background-color: #5e87b0;
    border: 1px solid #456f9a;
    color: #fff;
    font-weight: bold;
}

/*====================================================================
						Base Rules
=====================================================================*/

#desired-date:disabled,
#desired-date[disabled] {
    opacity: 0.8;
}

#header, #footer, #content {
    box-sizing: border-box;
}

html {
    -webkit-font-smoothing: antialiased;
}
h1,h2,h3,h4,h5,h6 {
    margin: 0 0 10px 0;
}
input::-ms-clear { 
    display: none; 
}
/* =Clear Floats
-------------------------------------------------------------- */
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    max-height: 0;
}

.clear{
    display: block;
}

/* labels should be clickable */
label.ui-btn { cursor: pointer; }

.ui-content {
    padding: 0;
    overflow-y: hidden;
}

.ui-body-va {
    padding: 5px 0 0 35px;
}
.left{
    text-align: left;
}
.center{
    text-align: center;
}
.right{
    text-align: right;
}
/*====================================================================
						Accordion and Data Tables
=====================================================================*/
div.accordion div.ui-collapsible-content {
    padding: 0 0 5px 0;
}

div.content-secondary div.collapsible-filter div.ui-collapsible-content {
    padding: 10px;
}

.dataTable, .dataTables_length, .dataTables_info {
    position: relative;
    padding: 7px 0;
    margin: 0;
    overflow: hidden;
}

.dataTables_length, .dataTables_info {
    display: block;
}

table.dataTable {
    border: none;
    padding: 0;
    width: 100%;
}

.dataTable thead th[aria-sort]{
    background-color: #A0D9EE;
    background-image: none;
    border: none;
    color: #000;
    text-shadow: none;
}
table.dataTable thead th {
    padding: 3px 10px;
    text-align: left;
    border: none;
    height: 40px;
}

.dataTable thead th:after{
    clear:both;
}

.dataTable thead th[aria-sort="decending"]::before,
.dataTable thead th[aria-sort]::before,
.dataTable thead th::before{
    color: #0077AA;
}

table.dataTable td {
    padding: 15px 10px;
}

table.dataTable tbody tr {
    border: none;
    border-bottom: 3px solid #FFF;
    background-image: none;
    margin: 0 0 5px 0;
    text-shadow: none;
}

table.dataTable tr.odd td.sorting_1, table.dataTable tr.odd, table.dataTable tr.odd td.sorting_2 {
    background: #bbb;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#bbb));
    background-image: -webkit-linear-gradient(#ddd, #bbb);
    background-image: -moz-linear-gradient(#ddd, #bbb);
    background-image: -ms-linear-gradient(#ddd, #bbb);
    background-image: -o-linear-gradient(#ddd, #bbb);
    background-image: linear-gradient(#ddd, #bbb);
}

table.dataTable tr.even td.sorting_1, table.dataTable tr.even td.sorting_2 {
    background: #fff;
}

table.dataTable tr.odd td.sorting_1, table.dataTable tr.odd, table.dataTable tr.even td.sorting_1, table.dataTable tr.even {
    color: #111;
    font-size: 13px;
    font-weight: normal;
    text-shadow: none;
}
.dataTables_length {
    display: table-cell;
}

table {
    width: 100%;
    border-collapse: collapse;
}

table .ui-bar {
    display: table-cell;
}

tr.ui-btn {
    display: table-row;
}

.ui-btn td, th.ui-bar {
    padding: .4em 10px;
    font-size: 12px;
}

.ui-btn td {
    font-weight: normal;
}

th.ui-bar {
    cursor: pointer;
}

th.ui-bar:last-child {
    border-right: 0;
}
#appointmentRequestTable {
    margin-top: 10px;
}
.varTable{
    overflow-x: auto;
}
.selected-active {
    background: #666666;
    border: none;
    font-weight: bold;
    color: #fff;
    cursor: default;
    text-shadow: none;
    text-decoration: none;
}
tbody tr.selected-active a.ui-link,
tbody tr.selected-active a.ui-link:hover,
tbody tr.selected-active a.ui-link:visited,
tbody tr.selected-active a.ui-link:active{
    color: #FFF;
}

tbody tr.selected-active td {
    color: #FFF;
}

.dataTables_info {
    text-align: right;
    font-size: 0.8em;
}

#appointmentRequestTable_length .ui-select{
    display: inline;
}

.record-count {
    display: inline-block;
    font-size: 0.9em;
}

.dataTables_paginate.server-paginate {
    display: inline-block;
    float: none;
}

#appointmentRequestTable_paginate{
    margin-top: 10px;
}

.paging_full_numbers button.paginate_button {
    background-color: #ddd;
}

.paging_full_numbers button {
    border: 1px solid #aaa;
    border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
    color: #333 !important;
}

a.paginate_button,
button.paginate_button {
    padding: 0 5px;
    cursor: pointer;
}

#waitlist-table_previous, #waitlist-table_next {
    color: #fff;
    float: none;
    font-size: 12px;
    text-shadow: none;
}

.paginate_disabled_next, .paginate_enabled_next, .paginate_disabled_previous, .paginate_enabled_previous {
    padding-top: 3px;
}

a.paginate_button_disabled,
button.paginate_button_disabled {
    opacity: .5;
}

.ui-popup.ui-body-d {
    border: 0 none;
}

.ui-popup .ui-header .ui-btn-right .ui-btn-inner {
    padding: .3em 10px;
}

.ui-popup .ui-header .ui-btn-right {
    font-size: inherit;
    padding: .3em 10px;
    width: inherit;
}

.ui-body-c {
    text-shadow: none;
}

.ui-btn-up-b,
.ui-popup div.ui-btn,
.ui-dialog div.ui-btn
{
    border: 2px solid #FC9632;
    background: #FCC850;
    color: #003f72;
    text-shadow: none;
}

.ui-dialog button.ui-btn,
.ui-popup button.ui-btn {
    font-size: 1em;
    padding: .6em 20px;
    width: 100%;
}

.ui-btn-up-b:visited, .ui-btn-up-b a.ui-link-inherit,
.ui-popup .ui-btn-up-c div.ui-link-inherit,
.ui-dialog .ui-btn-up-c div.ui-link-inherit
{
    color: #003f72;
}

.ui-btn-hover-b:hover,
.ui-popup div.ui-btn-hover-c,
.ui-popup div.ui-btn-hover-c:hover,
.ui-dialog button.ui-btn:hover,
.ui-dialog div.ui-btn-hover-c,
.ui-dialog div.ui-btn-hover-c:hover,
.ui-popup button.ui-btn:hover:not(:disabled)
{
    border: 2px solid #BEDFEE;
    background: #023157;
    color: #BEDFEE;
}
.ui-collapsible-heading-toggle .ui-btn-up-a{
    background: #333;
    background-image: none;
    border: 1px solid #111;
    color: #fff;
    font-weight: 700;
    text-shadow: none;
}

.ui-li-aside {
    width: 110px;
}

.accordion .ui-btn-inner .ui-btn-text {
    display: block;
}

/*====================================================================
						jQuery Mobile Overrides
=====================================================================*/
.ui-btn-up-c {
    text-shadow: none;
}
.ui-btn
.content-secondary {
    margin: 0;
    padding: 0;
    width: 35%;
}
.content-primary {
    -moz-box-shadow: -3px 4px 10px 0 #454445;
    -webkit-box-shadow: -3px 4px 10px 0 #454445;
    box-shadow: -3px 4px 10px 0 #454445;
    margin: 0;
    padding: 0;
    width: 65%;
}
#sub-header-right .ui-title {
    margin: .6em 5% .8em 1.5em;
    text-align: left;
}
#calendar-tabs li a{
    padding-bottom: 3px;
}
#calendar-tabs .ui-grid-a a.ui-disabled {
    opacity: 1;
    background: #B6D5E2;
}
#calendar-tabs .ui-grid-a .ui-btn-text{
    text-shadow: none;
}
#calendar-tabs .ui-grid-a a.ui-disabled .ui-btn-text{
    color: #445359;
}

#left-navigation-panel{
    min-height:0;
    top:56px;
    bottom:0px;
    margin-bottom:0px;
    height:auto;
    position:fixed;
}
#left-navigation-panel .ui-panel-inner{
    padding:0px;
}
#left-navigation-panel li .ui-btn {
    border: 0;
    color: #2f3e46;
    margin: 0;
    text-align: left;
}

#exit-popup .ui-header{
    padding: 0 38px 0 15px;
}
#exit-popup .ui-header .ui-title{
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

#exit-close-btn .ui-icon::after{
    content:"";
}
/*#exit-popup .ui-btn-close{
    top:5px;
    right:5px;
}*/

.ui-grid-a>:nth-child(n){
    margin-right: 0;
}
.ui-disabled {
    opacity: 1;
}

#availability-btn {
    margin: 0;
    padding: .6em 20px;
    width: 100%;
}

#availability-btn:disabled {
    opacity: 0.6;
}

#availability-btn .ok-button:disabled {
    opacity: 0.6;
}
#desired-date-ok-button .ok-button:disabled {
    opacity: 0.6;
}
#desired-date-ok-button .ok-button {
    padding: 0;
}
.ui-popup .ui-bar-b {
    border: none;
    background: #A0D9EE;
    background-image: none;
    color: #003f72;
    padding: 10px;
    text-align: center;
    text-shadow: none;
}

.ui-popup .ui-bar-c,
.ui-dialog .ui-bar-c,
.ui-bar-a {
    background: #0077AA;
    background-image: none;
    color: #FFF;
    text-shadow: none;
}
.ui-popup .ui-header .ui-title{
    margin: 0;
    padding: 10px;
}

.ui-listview-filter-inset {
    margin: 0 -5px;
}
.ui-listview .ui-bar-c{
    background-image:none;
    text-shadow: none;
}
.ui-bar-c .ui-shadow.ui-focus{
    -moz-box-shadow: inset 0 0 3px #387bbe,0 0 9px #387bbe;
    -webkit-box-shadow: inset 0 0 3px #387bbe,0 0 9px #387bbe;
    box-shadow: inset 0 0 3px #387bbe,0 0 9px #387bbe;
}

.ui-focus {
    z-index: 10;
}
.ui-listview .ui-btn-up-c{
    background: #FFF;
    background-image: none;
    text-shadow: none;
}
.ui-listview .ui-btn-hover-c{
    background: #E8E8E8;
    background-image: none;
    color: #000;
}

.ui-popup-container {
    min-width: 0;
}
.ui-popup-container .ui-btn-active{
    background: #DFDFDF;
}
.ui-popup-container .ui-btn-active a{
    color: #2F3E46;
}
.ui-overlay-c {
    border: 1px solid #aaa;
    color: #333;
    text-shadow: none;
    background: #f9f9f9;
    background-image: none;
}

#calendar-tabs .ui-btn-up-c{
    background: #0076AE;
    border: none;
    color: #FFF;
}
#calendar-tabs a:hover, #calendar-tabs a:hover{
    background: #5393C5;
    background-image: none;
    border: none;
    color: #FFF;
}
#calendar-tabs .ui-btn-up-c.ui-btn-active{
    background-color: rgb(5, 46, 95);
    background-image: none;
    border: none;
}
#after-specialty .ui-btn-up-c,
.ui-controlgroup .ui-btn-up-c,
.ui-controlgroup .ui-btn-hover-c {
    background: #FFF;
    background-image: none;
}


#after-specialty .ui-btn-hover-c{
    background: #E8E8E8;
}
.ui-shadow-inset{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.ui-icon-searchfield:after{
    left:0;
    margin-top: -18px;
}
.ui-icon-shadow {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.ui-body-a, .ui-overlay-a:not(.ui-dialog){
    background: #FFF;
}
.ui-body-b .ui-block-a{
    overflow: auto;
}
.ui-body-b .ui-block-a span:before{
    content: "\F023";
    font-family: "FontAwesome";
    font-size: 2.5em;
    margin: 0 15px 0 0;
    display: block;
    float: left;
}
.ui-selectmenu{
    overflow:hidden;
    padding: 0;
}
.ui-input-search .ui-input-clear{
    background: none;
    background-image:none;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;

}
.ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-mini .ui-btn-inner{
    font-size: inherit;
}

.ui-input-search .ui-input-clear .ui-btn-inner{
    font-size: 1.2em;
}
#search .ui-input-search .ui-icon-delete:after,
.ui-icon-delete:after{
    font-family: "FontAwesome";
    font-size: inherit;
    content: "\F057";
    background: none;
    background-image: none;
    border-radius: 0;
    left: 4px;
    position: absolute;
    top: 2px;
}
.ui-input-search .ui-input-clear.ui-focus .ui-btn-inner,
.ui-input-search .ui-input-clear.ui-btn-hover-c .ui-btn-inner{
    -moz-box-shadow: 0 0 9px #387BBE;
    -webkit-box-shadow: 0 0 9px #387BBE;
    box-shadow: 0 0 9px #387BBE;
}
.ui-bar-d{
    background: #A0D9EE;
    background-image: none;
    border: none;
    color: #000;
    text-shadow: none;
}
/* footer JQM */
.ui-navbar li .ui-btn-icon-top .ui-btn-inner {
    padding-top: 20px;
    padding-bottom: 20px;
    text-shadow: none;
}
.ui-input-search {
    margin: 0;
}
.ui-input-search .ui-icon, .ui-input-search .ui-icon-searchfield:after {
    background: none;
    border-radius: 0;
    color: rgba(0,0,0, .6);
}

.ui-body-va.ui-focus, .ui-body-va.ui-btn:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.ui-icon{
    background-color: rgba(0,0,0, .6);
}
/*====================================================================
						App Specific
=====================================================================*/

button.plain-btn {
    background: none;
    border: none;
}

.ui-dialog .ui-input-search,
.ui-block-sidebar .ui-input-search{
    background-color: #FFF;
    border-radius: 0;
    height: 35px;
    padding: 0 0 0 36px;
}
.ui-dialog .ui-icon-searchfield:after,
.ui-block-sidebar .ui-icon-searchfield:after{
    background: rgba(200, 200, 200, .4);
    background-image: none;
    border-radius: 0;
    opacity: 1;
}
.ui-dialog .ui-input-search:after,
.ui-block-sidebar .ui-input-search:after{
    background-image: none;
    color: #000;
    content: "\f002";
    font-family: "FontAwesome";
    text-align: center;
    padding: 9px;
}
.ui-dialog div.input-text,
.ui-block-sidebar div.ui-input-text{
    background: none;
    border: none;
    margin: 0;
}
.ui-dialog div.input-text.ui-focus,
.ui-block-sidebar div.ui-input-text.ui-focus{
    border-radius: 0;
}
.ui-dialog input.ui-input-text:first-child,
.ui-block-sidebar input.ui-input-text:first-child{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 35px;
    padding: .4em .5em .4em 1em;
}

#calendar-clinic-menu {
    max-height: 14em;
    overflow-y: auto;
}
#calendar-clinic-menu ul li .ui-li,
#calendar-clinic-menu ul li .ui-li.ui-field-contain{
    border-top-width: 0;
}

#calendar-clinic-listbox form {
    overflow: hidden;
}

#calendar-clinic-listbox .ui-icon.ui-icon-delete.ui-icon-shadow:after,
.datetime-picker .ui-icon.ui-icon-delete.ui-icon-shadow:after,
#confirmation .ui-icon.ui-icon-delete.ui-icon-shadow:after,
#error-calendar-clinic-listbox-popup .ui-icon.ui-icon-delete.ui-icon-shadow:after{
    content: "";
}
#calendar-clinic-listbox-popup div.ui-checkbox{
    background: #FFF;
    background-image: none;
    border: none;
    margin: 5px 20px;
}
#calendar-clinic-listbox-popup div.ui-checkbox:hover{
    background: #F5F5F5;
}
#calendar-clinic-listbox-popup div.ui-checkbox .ui-btn{
    border: none;
}
#calendar-clinic-listbox-popup div.ui-checkbox .ui-btn-text{
    color: #003f72;
}
/* Calendar view */

.calendar-title{
    display: inline;
}
.calendar-section .ui-btn{
    display: inline-block;
    margin: -6px 0 0 0;
}

.calendar-head .nom-switch {
    float: right;
    margin-top: -8px;
}
.nom-switch label {
    pointer-events: none;
}
.nom-switch .ui-slider {
    display: inline-block;
    vertical-align: middle;
}
.nom-switch .ui-btn-active {
    color: #000;
    background-color: #fff;
    -webkit-background-image: none;
    -moz-background-image: none;
    -ms-background-image: none;
    -o-background-image: none;
    background-image: none;
}
.nom-switch .ui-btn-active:not([style^="width: 0%"]) {
    margin-top: -2px;
    margin-left: -2px;
    border: 2px solid #3a87ad;
    border-radius: 1.1em;
}
.nom-switch .ui-btn-down-c {
    background-color: #dfdfdf;
    -webkit-background-image: none;
    -moz-background-image: none;
    -ms-background-image: none;
    -o-background-image: none;
    background-image: none;
}
.nom-switch .ui-btn-up-c, .nom-switch .ui-btn-hover-c {
    background-color: #f1f1f1;
    -webkit-background-image: none;
    -moz-background-image: none;
    -ms-background-image: none;
    -o-background-image: none;
    background-image: none;
}
.calendar-head .ui-btn.nomenclature {
    background-color: #3a87ad;
    border-color: #3a87ad;
    color: rgb(5, 46, 95);
}
.calendar-head .ui-btn{
    background-color: #3a87ad;
}
.legend-key{
    margin: 10px 0 0 0;
}
.legend{
    background: #FFF;
    border: 2px solid rgb(5, 46, 95);
    border-radius: 5px;
    color: #000;
    display: inline-block;
    height: 28px;
    margin-top: 5px;
    padding-right: 5px;
    vertical-align: top;
}

.clinic0 .icon-legend,
.clinic1 .icon-legend,
.clinic2 .icon-legend,
.clinic3 .icon-legend,
.clinic4 .icon-legend,
.legend.available .icon-legend,
.legend.patient-appt:before{
    border-right: 1px solid rgb(5, 46, 95);
    border-radius: 3px 0 0 3px;
    display: inline-block;
    margin-right: 5px;
    padding: 14px;
    vertical-align: middle;
}
.legend-text{
    display: inline-block;
    vertical-align: middle;
}

.legend.available .icon-legend{
    background: #FCCA32;
}

button.clinic0,
.overbooking-clinic.clinic0,
.clinic0 .icon-legend {
    background: url('../images/brickpattern.png') #FFF;
}

button.clinic1,
.overbooking-clinic.clinic1,
.clinic1 .icon-legend {
    background-color: #C1DDE7;
}

button.clinic2,
.overbooking-clinic.clinic2,
.clinic2 .icon-legend {
    background: url('../images/diagonal.png') #FFF;
}

button.clinic3,
.overbooking-clinic.clinic3,
.clinic3 .icon-legend{
    background: url('../images/dotsonsolid.png') #FFF;
}

button.clinic4,
.overbooking-clinic.clinic4,
.clinic4 .icon-legend{
    background: url('../images/stripes.png') #FFF;
}

.fc-event{
    background-color: #0076AE;
    border: 1px solid #3a87ad;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    border-bottom: none;
    box-sizing: border-box;
    cursor: pointer;
}

.fc-view-agendaDay .fc-event.superbooking.nomenclature:before {
    content: "\F05E";
}

.fc-view-agendaDay .nomenclature:before {
    background-color: #fff;
    border: 3px solid #3a87ad;
    border-radius: 10px;
    box-sizing: border-box;
    color: rgb(5, 46, 95);
    display: inline-block;
    font-family: FontAwesome;
    font-size: 1em;
    font-weight: bold;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: 6px;
    width: 40px;
}
.legend.nomenclature:after{
    content: attr(data-overbooks);
    display: inline-block;
    font-weight: bold;
    height: 25px;
    line-height: 20px;
    text-align: center;
    width: 40px;
}

.fc-view-agendaDay .nomenclature:before {
    content: attr(data-status);
}

.fc-view-agendaWeek .fc-event-inner,
.fc-view-agendaWeek .fc-event-bg{
    visibility: hidden;
}

.fc-event-bg{
    display: none;
}
.legend.patient-appt:before{
    content: "\F007";
    font-family: "FontAwesome";
    font-size: 1.6em;
    padding: 1px 5px;
}
#legend {
    margin-bottom: 1em;
}

#calendar{
    background: #F6F6F6;
    border: 3px solid #D9D9D9;
    border-radius: 10px;
    padding: 7px;
}
#calendar .fc-button{
    width: 4em;
}
#calendar .fc-state-default.fc-corner-left,
#calendar .fc-state-default.fc-corner-right{
    border-radius: 0;
}
#calendar .fc-state-disabled,
#calendar button:disabled {
    opacity: 0.35;
}

#calendar .fc-header{
    color: #626262;
    margin: 15px 0;
}
#calendar .fc-header td, #calendar .fc-header-title h2{
    white-space: normal;
}
#calendar .fc-header-left,
#calendar .fc-header-right{
    width: 35%;
}
#calendar .fc-border-separate th, #calendar .fc-border-separate td{
    color: #626262;
}
#calendar .fc-state-default {
    background: #FFF;
    background-image: none;
    box-shadow: none;
    color: #626262;
    margin: 0;
    text-shadow: none;
}
#calendar .fc-state-down, #calendar .fc-state-active{
    background-color: #646364;
    box-shadow: none;
    color: #FFF;
    margin: 0;
    text-shadow: none;
}
#calendar .fc-border-separate{
    background: #FFF;
}
#calendar td.available{
    background-color: #FCCA32;
    border: 3px solid #0076AE;
    cursor: pointer;
    text-shadow: none;
    position: relative;
}

#calendar .patient-appt-icon:after,
#calendar .fc-view-agendaWeek button.patient-appt:before,
#calendar .fc-view-agendaDay button.patient-appt .fc-event-title:before {
    content: "\F007";
    color: #000;
    font-family: "FontAwesome";
    font-size: 1.25em;
}
#calendar .fc-view-agendaWeek button.patient-appt:before,
#calendar .fc-view-agendaDay button.patient-appt .fc-event-title:before{
    color: #FFF;
}

#calendar .patient-appt-icon:after,
#calendar .fc-view-agendaWeek button.patient-appt:before {
    position: absolute;
}

#calendar .fc-view-agendaWeek button.patient-appt:before {
    top: 0;
}

#calendar .fc-view-agendaWeek button.patient-appt .fc-event-title {
    font-size: 0;
}

#calendar button.patient-appt .fc-event-inner {
    position: absolute;
    top: 5px;
}

#calendar .fc-view-agendaDay button.patient-appt .fc-event-title:before {
    padding-right: 10px;
}
ul.ui-listview.ui-shadow.ui-corner-all{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}
.ui-listview .ui-shadow{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;

}
.ui-listview ul{
    border: 2px solid #E0E9EC;
}
.ui-listview .ui-li-static.ui-li{
    background: #F6F5F5;
    overflow: hidden;
    padding: 0;
}

.ui-listview .fieldname {
    background: #DAEEF3;
    color: #003F6F;
    padding: 10px 10px 1000px 10px;
    text-align: center;
}
.ui-listview .fieldvalue{
    background: #F6F5F5;
    color: #003F6F;
    padding-left:25px;
    width: 50%;
}
.fieldname, .fieldvalue{
    padding: 10px 0 1000px 0;
    margin-bottom: -990px;
}
.VAAC-right .ui-listview .ui-btn-up-c,
.details .ui-listview .ui-btn-up-c{
    background-image: none;
    border: none;
    box-shadow: none;
    text-shadow: none;
}
.details h3:first-child {
    margin-top: 15px;
}
.msg-text {
    text-shadow: none;
}
.msg-box {
    background: #0077AA;
    background-image: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 5px;
    box-shadow: none;
    color: #FFF;
    margin-left: 30px;
    overflow: visible;
    padding: 5px 20px;
    position: relative;
}
.msg-box:before {
    content: '';
    position: absolute;
    top: 29%;
    left: -5px;
    width: 26px;
    height: 26px;
    -webkit-transform: scale(.9) rotate(225deg);
    -moz-transform: scale(.9) rotate(225deg);
    -ms-transform: scale(.9) rotate(225deg);
    -o-transform: scale(.9) rotate(225deg);
    transform: scale(.9) rotate(225deg);
    background: #0077AA;
    -moz-box-shadow:
        2px -2px 0 1px #0077AA,
        3px -3px 0 1px #0077AA;
    -webkit-box-shadow:
        2px -2px 0 1px #0077AA,
        3px -3px 0 1px #0077AA;
    box-shadow:
        2px -2px 0 1px #0077AA,
        3px -3px 0 1px #0077AA;
    border-radius: 0 5px 0 50px;
    border-top: none;
}

.scrollable {
    height: 100%;
    overflow-y: auto;
}

#list-view {
    width: 40em;
    max-height: 30em;
    padding: 1em;
}

#list-view h3 {
    display: inline-block;
    position: absolute;
    right: 1em;
    top: 1em;
    font-size: 16px;
}

#available-slots {
    max-height: 21em;
    padding: 0;
    margin: 0;
}

#available-slots li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-bottom: 0.5em;
}

#available-slots li input {
    margin-right: 1em;
}

#available-slots li span {
    text-align: left;
    display: inline-block;
}

#available-slots li .slotTime {
    width: 10em;
}

#available-slots li .clinic,
#available-slots li .provider {
    width: 12em;
}

.available {
    text-shadow: none;
    cursor: pointer;
}

.available a {
    text-decoration: none;
    color: #000;

}

.hidden {
    display: none;
}

.invisible {
    visibility: hidden;
}

.transparent,
button.transparent {
    background: none;
    border: 0 none;
}

.fa-refresh-icon{
    margin:0 10px;
}

.fa-refresh-icon:hover{
    color:#676767;
    cursor:pointer;
}

.fa-refresh-icon:after {
    content: "\f021";
    font-size: 15px;
}

#calendar-clinics,
#service-specialty,
#patient-list {
    margin: -5px 0 10px 0;
    border-radius: 0;
}

#after-specialty {
    margin: 20px 0;
}

#after-specialty .ui-btn, #after-specialty label {
    margin: 0;
}

#desired-date-ok-button {
    margin: 0 20px;
    bottom:0;
}

.search-error {
    padding: 0.7em 15px;
}
.error-message-text{
    color: rgb(5, 46, 95);
    padding: 0 10px;
}

.patient-search-wrapper{
    display: inline-block;
    margin-right: 25px;
    position: relative;
    width: 75%;
}
.patient-search-text{
    width: 100%;
    position: relative;
}
.patient-search-text > div:before{
    content: "\F007";
    font-family: "FontAwesome";
    font-size: 1.4em;
    position: absolute;
    top: 5px;
    left: 7px;
}
.patient-search-text .ui-icon, .patient-search-text .ui-icon-searchfield:after{
    background: none;
}

#patient-search-results{
    border: 1px;
    margin: 0 auto;
    position: absolute;
    max-height: 400px;
    overflow-y: scroll;
    width: 100%;
    box-shadow: black 0 5px 17px;
    z-index: 5;
}
#patient-search-results.ui-listview .ui-btn-hover-c{
    border: 0;
}

#patient-search-results .section-list-item {
    border: 1px;
    margin: 0;
}

.patient-results {
    border: 1px solid #ccc;
}
.ui-collapsible-heading{
    color: #FFF;
}
.accordion .ui-collapsible-heading a,
.accordion .ui-collapsible-heading a:hover,
.ui-collapsible-heading .ui-collapsible-heading-toggle {
    border: none;
    background: #0077AA;
    color: #FFF;
}

.ui-collapsible-heading a:visited {
    color: #FFF;
}

.ui-collapsible-heading .ui-btn-text {
    text-transform: uppercase;
}

.ui-collapsible-heading .ui-btn-text .ctn-count {
    text-transform: none;
}

#sub-header .ui-block-sidebar, #sub-header .ui-block-content {
    height: 48px;
}

#sub-header .ui-block-sidebar h3 {
    display: inline-block;
    margin: 12px 0 0 24px;
    color: #ffffff;
    text-shadow: none;
    padding-bottom: 0.7em;
}

#sub-header .ui-block-sidebar h3.ui-subHeader-info {
    margin-left: 1.5em;
}
#sub-header .ui-block-sidebar{
    background: rgb(5, 46, 95);
    vertical-align: top;
}

#content-primary .ui-header .ui-title {
    margin-right: 0;
}

#content-primary #sub-header-right .subHeader-info {
    margin-right: 5em;
    margin-left: 0;
    min-height: 0;
    width: auto;
}

#consult-actions .ui-btn {
    width: 47%;
    margin-left: 0.3em;
    margin-right: 0.3em;
}

/* VAR details view styles */
.new-message {
    position: relative;
}

.new-message:after {
    bottom: -20px;
    content: attr(data-balance);
    position: absolute;
    right: 4px;
}

.new-message + div {
    margin-top: 20px;
}

.messages {
    border-width: 0 1px 1px 1px;
    overflow: hidden;
    position: relative;
}

.messages .center {
    margin: 10px auto 5px;
}

.sent::before,
.received::before {
    clear:both;
    content:"";
    display: block;
}

.sent,
.received {
    border-radius:12px;
    border: 1px solid rgba(0, 0, 0, 0.49);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
    display:inline-block;
    opacity: 1;
    max-width: 70%;
    text-align: left;
    width: auto;
    word-wrap: break-word;
    height: auto;
    padding: 0 10px;
    margin: 10px 0;
}

.sent {
    background: #8fd13e;
    float: right;
}

.sent p::before {
    border-color: transparent  #000 #000 transparent;
    border-width: 5px;
    right: -1px;
}
.sent p::after {
    border-color: transparent  #8fd13e #8fd13e transparent;
    border-width: 4px;
    right: 0;
}

.received {
    background: #e0e0e0;
    float: left;
}

.received p::before {
    border-color: transparent transparent transparent #000;
    border-width: 10px 0 0 10px;
    left: -1px;
}
.received p::after {
    border-color: transparent transparent transparent #e0e0e0;
    border-width: 8px 0 0 8px;
    left: 0;
}

.messages span {
    clear: both;
    display: block;
    margin: 0 auto 10px;
    text-align: center;
}

.messages p {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 20px;
    display: inline-block;
    max-width: 100%;
    text-align: left;
    text-shadow: none;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.messages p::before,
.messages p::after {
    border-style: solid;
    content: "";
    height:0;
    position:absolute;
    width:0;
}

/* Sets Bubble Arrow Border Black */
.messages p::before {
    top: -10px;
}

.messages p::after {
    top: -8px;
}
#messaging{
    margin-top: 20px;
}
.new-message textarea{
    padding: 5px 10px;
    resize: none;
    max-height: 75px;
}

.messages-section {
    padding-top: 20px;
}

.messages-section .left, .messages-section .right{
    display: inline-block;
}
.messages-section .right{
    float: right;
}

/* Grids */
.ui-grid-header, .ui-grid-content {
    overflow: visible;
    position: relative;
}

.ui-grid-header {
    border-bottom: 1px solid #f2f5f6;
    height: 48px;
}

.ui-grid-content {
    border-top: 1px solid #b8bac6;
    padding: 0;
}

/* Blocks */

.ui-block-sidebar, .ui-block-content {
    border: 0 solid rgba(0, 0, 0, 0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    display: inline-block;
    height: 100%;
    vertical-align: top;
}

.ui-block-sidebar {
    min-height: 45px;
    width: 38.8%;
}

.ui-block-content {
    width: 61.2%;
}

.ui-block-content .ui-inner-block {
    background-color: #FFF;
    border: 2px solid rgb(146, 197, 222);
    border-radius: 3px;
    margin: 10px 25px;
    min-height: 500px;
    padding: 20px;
}
.no-calendar-outer {
    width: 100%;
}
.no-calendar-inner {
    font-size: 1.3em;
    color: #0077AA;
    text-align: center;
}

.no-calendar-inner:after{
    content: "\F073";
    display: block;
    font-weight: normal;
    font-family: "FontAwesome";
    font-size: 7em;
    margin: 30px;

}
.section-inner-wrapper .ui-inner-block > h3{
    margin-top: 0;
}
.section-inner-wrapper .ui-block-b .ui-btn .ui-btn-text {
    white-space: normal;
}
.section-inner-wrapper .ui-body-b{
    background: rgb(5, 46, 95);
    background-image: none;
    border: none;
    color: #FFF;
    text-shadow: none;
}
.ui-inner-block {
    background: #FFF;
    margin: 10px;
    padding: 10px;
}

.filter,
.var-view
{
    background: #F6F6F6;
    padding: 15px 5px;
}
.var-view .ui-input-search{
    margin-top: 10px;
}
.var-view label[for="vaac-results-per-page"].ui-select {
    display: inline-block;
    padding-top: 16px;
    vertical-align: top;
}
.var-view div.ui-select{
    display: inline-block;
}
.ui-form-wizard {
    border-top: 1px solid #b8bac6;
    margin: .5em 0;
    padding: .75em 0;
}

/* Modules */
#calendar-tabs {
    width: 100%;
}

#calendar-tabs li .ui-btn {
    height: 45px;
    margin: 0;
}

#calendar-tabs .ui-btn-inner {
    font-size: 1.2em;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 1.2em;
    padding-top: 0.55em;
}

/* Elements */
.el-brd-rad5 {
    border-radius: 5px;
}

/* Helpers */

.full {
    height: 100%;
    overflow-y: scroll;
}

.bdr-right {
    border-right: 1px solid #b8bac6;
}

/* Typography */

.ui-btn-inner, label.ui-input-text {
    font-size: 0.875em;
}

label.ui-input-text {
    line-height: 1.1;
    margin: 0 0 .3em .2em;
}

#footer li > a {
    background: #003F6F;
    border: none;
    color: #FFF;
}
#footer .ui-btn-hover-a{
    background: #0077AA;
    border: none;
}
#footer .ui-btn-active {
    background: #0077AA;
}
#footer .ui-icon, #footer .ui-icon-searchfield:after{
    background: none;
    background-image: none;
    border-radius: 0;
    opacity: 1;
}
#footer-menu-popup ul {
    border-radius: .6em;
}

/* Bar backgrounds */
.ctn-sub-header {
    background: rgb(146, 207, 236);
}

.ctn-grey {
    background: #B6D5E1;

}

.clr-fix {
    clear: both;
}

.ctn-count {
    padding: 0 2%;
    position: absolute;
    right: 0;
}

.ctn-details-view {
    margin: 0 auto;
    width: 95%;
}

.ctn-padding5 {
    padding: .5em;
}

.txt-info {
    font-size: 18px;
}

.ui-loader-verbose {
    border: 1px solid #000;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
}

/* similiar to jqm right arrow icon */
/* recommend removing styles repetitive icons */
.dataTable td:last-child:after {
    content: "\F054";
    font-family: "FontAwesome";
    font-size: 1.3em;
    position: absolute;
    right: 1px;
}

.dataTable tbody a.ui-link,
.dataTable tbody a.ui-link:visited,
.dataTable tbody a.ui-link:hover
{
    background: none;
    color: #222;
    font-weight: inherit;
    text-decoration: none;
}

.dataTable tbody a:focus,
.dataTable tbody a:active {
    text-decoration: underline;
}
.dataTable tbody tr:not(.selected-active):hover {
    background: #dfdfdf;
}
a.paginate_button,
a.paginate_active,
button.paginate_button,
button.paginate_active {
    font-size: .75em;
}
.paging_full_numbers a.paginate_active,
.paging_full_numbers button.paginate_active {
    background-color: #A0D9EE;
}
.pagination-controls{
    margin: 5px 0;
}

.server-paginate button {
    width: inherit;
}

.details-text {
    font: normal .85em/1.4 Arial, Helvetica, sans-serif;
}

/* ALERTS */

[class^="alert"] {
    cursor: pointer;
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    text-align: center;
}

.selected-active td .alert-past {
    font-weight: normal;
}

.alert-past {
    background-image: url(../images/C-24.png);
    color: rgb(255, 255, 255);
}

.alert-on {
    background-image: url(../images/B-24.png);
}

.alert-near {
    background-image: url(../images/A-24.png);
}

#calendar-tabs .ui-btn:active .ui-btn-text
#calendar-tabs .ui-btn:focus .ui-btn-text,
#calendar-tabs .ui-btn:hover .ui-btn-text {
    border-bottom: 1px solid #FFF;
}

.ui-btn-active {
    cursor: default;
}

.ui-selectmenu {
    max-width: 350px;
}

.ui-dialog label {
    font-size: 1em;
}

.ui-dialog .appt-info li {
    padding: 5px 0;
    margin: 0;
    position: relative;
    font-size: 1em;
}

.ui-dialog .appt-info ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.ui-dialog .ui-content > h3:first-child {
    text-align: left;
}

.ui-dialog .ui-content > h3 {
    text-align: left;
    margin-top: 2em;
}

.ui-dialog .appt-info h3 {
    margin-top: 0;
}

.ui-dialog .appt-info {
    position: relative;
}
.ui-dialog-contain .ui-icon.ui-icon-delete.ui-icon-shadow:after {
    content: "";
}
.ui-dialog textarea, .ui-dialog input{
    background: #FFF;
}

.ui-popup .ui-btn-up-c.ui-focus {
    -moz-box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
    -webkit-box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
    box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
}

.ui-popup .ui-btn-up-c,
.ui-dialog .ui-btn-up-c,
.ui-popup .ui-btn-up-a {
    background: #FFF;
    background-image: none;
    border: 1px solid rgb(204, 204, 204);
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,.3);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3);
    box-shadow: 0 1px 0 rgba(255,255,255,.3);
}

.ui-popup .ui-btn-up-a {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f1f1f1));
    background-image: -webkit-linear-gradient(#fff,#f1f1f1);
    background-image: -moz-linear-gradient(#fff,#f1f1f1);
    background-image: -ms-linear-gradient(#fff,#f1f1f1);
    background-image: -o-linear-gradient(#fff,#f1f1f1);
    background-image: linear-gradient(#fff,#f1f1f1);
}

.ui-popup .ui-btn-hover-a {
    background: #dfdfdf;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#e0e0e0));
    background-image: -webkit-linear-gradient(#f6f6f6,#e0e0e0);
    background-image: -moz-linear-gradient(#f6f6f6,#e0e0e0);
    background-image: -ms-linear-gradient(#f6f6f6,#e0e0e0);
    background-image: -o-linear-gradient(#f6f6f6,#e0e0e0);
    background-image: linear-gradient(#f6f6f6,#e0e0e0);
    border: 1px solid #bbb;
}

.ui-controlgroup .ui-btn-hover-c,
#after-specialty .ui-btn-hover-undefined,
.ui-select .ui-btn-hover-c,
.ui-select .ui-btn-hover-undefined {
    background: #E8E8E8;
    background-image: none;
}

.ui-dialog .ui-btn-active:visited,
.ui-dialog .ui-btn-active:hover,
.ui-dialog .ui-btn-active a.ui-link-inherit,
.ui-popup .ui-btn-active:visited,
.ui-popup .ui-btn-active:hover {
    color: #2F3E46;
}

.book-dialog-btns {
    width: 100%;
}

.VAAC-requests {
    margin-top: 10px;
}

.wait-list-item,
.VAAC-request-results,
.VAAC-request-item {
    border: 3px solid #0077AA;
    padding: 0 10px;
    border-radius: 5px;
    margin: 10px 0;
}
.ui-dialog .wait-list-item h3,
.ui-dialog .VAAC-request-item h3,
.ui-dialog .VAAC-request-results h3 {
    margin-top: 10px;
}
.wait-list-item > div,
.VAAC-request-results > div {
    display: inline-block;
}

.wait-list-item > div {
    width: 24%;
}

.VAAC-request-results > div {
    vertical-align: top;
    width: 32%;
}

.wait-list-item > div > span,
.VAAC-request-results > div > span {
    display: block;
    margin-bottom: 10px;
}

.VAAC-request-results > div > span {
    text-align: center;
}

.VAAC-request-item > div {
    margin: 1em 0;
}

.VAAC-request-item > div > span {
    display: inline-block;
}

.wait-list-item > div > span:first-child,
.VAAC-request-results > div > span:first-child{
    font-weight: bold;
}

.VAAC-request-item > div > span:first-child {
    margin: 0 2% 0 0;
    width: 20%;
}

.ui-listview .ui-li.error-message,
p.error-message {
    background-color: rgb(5, 46, 95);
    color: #fff;
    padding: 5px 0;
}

.error-message .alert-icon {
    display: table-cell;
    line-height: normal;
    position: relative;
    vertical-align: middle;
    width: 50px;
}

.error-message span:not(.alert-icon) {
    font-weight: bold;
    vertical-align: middle;
    display: table-cell;
    padding: 10px 10px 10px 5px;
}

.appt-details{
    border: 3px solid #0077AA;
    border-radius: 5px;
    padding: 10px;

}
.appt-details h4.current-status{
    margin-top: 0;
}

.book-dialog-btns .ui-btn, .ui-dialog .appt-info {
    box-sizing: border-box;
    width: 45%;
    display: inline-block;
}

.book-dialog-btns .ui-btn:nth-child(2) {
    float: right;
}

.book-input-fields {
    margin: 15px 0;
}

.ui-dialog textarea {
    resize: none;
    min-height: 60px;
    max-height: 80px;
}

div .message-ok-btn {
    text-align: center;
}

#message-for-user {
    min-width: 430px;
    max-width: 575px;
    text-align: center;
}

#message-for-user .ui-content {
    padding: 15px;
    position: relative;
}

#message-for-user h4 {
    margin: 0 0 15px 0;
}

#message-for-user .ui-content h3:not(.popup-alert) {
    margin: 0.5em 0 1em 0;
}

#message-for-user .server-message {
    max-height: 100px;
    overflow-y: auto;
}

#message-for-user ul {
    margin-top: 0;
    padding-left: 15px;
    text-align: left;
}

.patient-details .popup-alert {
    left: 0;
    top: 0;
    width: auto;
}

.patient-details .popup-alert span:first-child {
    width: 40px;
}

.patient-details .popup-alert span {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

.patient-details .popup-alert span p {
    margin: 0 0 0 5px;
}

.popup-alert {
    background-color: rgb(5, 46, 95);
    color: #fff;
    left: -15px;
    margin: 0;
    padding: 5px 15px;
    position: relative;
    top: -15px;
    width: 100%;
    font-size: 1em;
}

.popup-alert span {
    display: inline-block;
    vertical-align: middle;
    width: 93%;
}

.popup-alert span p {
    margin: 0 0 0 3%;
    text-align: left;
}

.popup-alert span:first-child {
    width: 5%;
}

.alert-icon:before,
.alert-success:before {
    font-family: FontAwesome;
    font-size: 2em;
}

.alert-icon:before {
    content: "\f071";
}

.alert-success:before {
    content: "\f00c";
}

.buttons-2 {
    position: relative;
    text-align: center;
    width: 100%;
}

.buttons-2 .ui-btn {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 48%;
}

.buttons-2 .ui-btn:nth-child(2) {
    margin-left: 1%;
}

.available button {
    background: none;
    border: 0 none;
    padding: 0;
    width: 100%;
}

.fc-event .fc-event-time {
    display: none;
    font-size: 0;
}
.fc-event-vert.fc-event-end, .fc-event-vert.fc-event-end{
    border-radius: 0;
}

.fc-view-agendaDay .fc-agenda-slots tr {
    height: 40px;
}

.fc-agenda-slots td {
    padding: 0;
    margin: 0;
}

.ui-dialog .ui-selectmenu-list {
    max-height: 12em;
    overflow: auto;
    max-width: none;
}

.ui-dialog .ui-selectmenu-list li {
    max-width: none;
    min-width: 310px;
}

#book-appointment .ui-dialog-contain {
    max-width: 750px;
}
.rebook-warning {
    overflow: auto;
}
.rebook-warning p {
    font-size: 0.85em;
    float: right;
    width: 77%;
    margin: 0;
}

.warning {
    font-weight: bold;
    margin-left: 22%;
}

.counter {
    margin-left: 22%;
    margin-top: 2em;
}

.counter:after {
    content: attr(data-balance);
}

#dialog-screen {
    opacity: 0.5;
    filter: Alpha(Opacity=50);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1099;
    border: 1px solid #bbb;
    background: #fff;
}

#calendar-clinic-menu div.ui-disabled {
    opacity: 1;
    filter: Alpha(Opacity=100);
}

#calendar-clinic-menu div.ui-checkbox.ui-disabled .ui-btn-inner {
    opacity: 0.5;
}

#calendar-clinic-menu div.ui-disabled .ui-icon {
    background-color: #f7f7f7;
}

#calendar-clinic-menu div.ui-checkbox .ui-btn-text:focus {
    -moz-box-shadow: inset 0 0 3px 		#387bbe /*{global-active-background-color}*/, 0 0 9px 		#387bbe /*{global-active-background-color}*/;
    -webkit-box-shadow: inset 0 0 3px 	#387bbe /*{global-active-background-color}*/, 0 0 9px 		#387bbe /*{global-active-background-color}*/;
    box-shadow: inset 0 0 3px 			#387bbe /*{global-active-background-color}*/, 0 0 9px 		#387bbe /*{global-active-background-color}*/;
}
#calendar-clinic-menu div.ui-checkbox .ui-icon{
    background-color: #777;
}
#calendar-clinic-button{
    width: 100%;
    font-size: 1em;
}

.dataTable .ui-icon-refresh {
    width: 18px;
    height: 18px;
    padding: 2px;
    background-color: rgb(5, 46, 95);
}

.dataTable .ui-icon-refresh:before {
    content: " A ";
    color: transparent;
}

/*====================================================================
						VAAC Collapsible
=====================================================================*/
#below-filter {
    margin-top: 30px;
}

#VAAC-request-content .compose-message .ui-btn {
    width: 100%;
}

#VAAC-request-content .ui-li {
    border: 0 none;
}

.ui-listview .ui-listview {
    border: 0 none;
    padding: 5px 0;
}

.ui-listview .ui-listview .ui-li {
    color: #003F6F;
    padding: 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#below-filter .ui-collapsible-content {
    background-color: #FFF;
    border: 2px solid rgb(146, 197, 222);
    border-radius: 0 0 3px 3px;
    border-top: 0 none;
}

#below-filter .ui-collapsible-content.details {
    border-top: 2px solid rgb(146, 197, 222);
    margin: 0;
}

.ui-collapsible-heading .ui-collapsible-heading-toggle {
    border-radius: 0;
}

.overbooking-header {
    height: 45px;
    overflow: hidden;
}

.overbooking-header td {
    overflow: hidden;
    position: relative;
}

.overbooking-header h3 {
    text-align: center;
}

.overbooking-clinic {
    border: 2px solid #D9D9D9;
    box-sizing: border-box;
    height: 40px;
    position: absolute;
    text-align: center;
}
#about-dialog .ui-dialog-contain{
    max-width: 800px;
}
.inline-btns a {
    display: inline-block;
    font-size: 1em;
    height: 37px;
    width: 48%;
}
#done-btn {
    display: inline-block;
    float: right;
    vertical-align: top;
    width: 48%;
}
#cancel-btn {
    display: inline-block;
    float: left;
    vertical-align: top;
    width: 48%;
}
.about-wrapper {
    margin-bottom: 20px;
    overflow-y: auto;
}

/*====================================================================
					    Patient Safety
=====================================================================*/

#header {
    top: 0;
    padding-top: 0;
}

#header button,
#header div,
#header span {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.patient-simple-details:not(.ui-block-content) {
    color: rgb(5,46,95);
    float: right;
    padding-right: 2em;
    font-size: .8rem;
}

.patient-simple-details.ui-block-content {
    background-color: #fff;
    border: 2px solid rgb(146, 207, 236);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.patient-simple-details:not(.ui-block-content) span,
.patient-simple-details:not(.ui-block-content) strong {
    margin-right: 5px;
}

.patient-simple-details:not(.ui-block-content) span {
    margin-left: 5px;

}
.header {
    height: 54px;
    overflow: hidden;
}

.header button {
    background-color: #0077AA;
    border: 0 none;
    color: #fff;
    display: inline-block;
    height: 45px;
    margin: 4px 5px 5px 5px;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 45px;
}

.header button:hover {
    background-color: #5393C5;
    cursor: pointer;
}

.header button:focus {
    background-color: #5393C5;
    -moz-box-shadow: 0 0 12px #fff;
    -webkit-box-shadow: 0 0 12px #fff;
    box-shadow: 0 0 12px #fff;
    outline: 0;
}

.header button span {
    display: block;
    height: 45px;
    left: 0;
    position: relative;
    text-align: center;
    top: 0;
    width: 45px;
}

.icon-nav, .icon-search {
    background-image: url('../images/icons-lv-36-white.png');
    background-repeat: no-repeat;
}

.icon-nav {
    background-position: -428px 10px;
}

.icon-search {
    background-position: -883px 5px
}

.header button .icon-folder,
.header button .icon-clear {
    font-family: FontAwesome;
    height: auto;
    width: auto;
}

.header button .icon-clear {
    margin: 7px 0 10px 0;
}

.header button .icon-folder {
    margin: 5px 0 10px 0;
}

.icon-folder:before {
    content: "\f07b";
    font-size: 35px;
}

.icon-clear:before {
    content: "\f057";
    font-size: 30px;
}

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

.patient-info-container {
    background-color: rgb(5, 46, 95);
    border: 2px solid rgb(5, 46, 95);
    color: #fff;
    display: inline-block;
    height: 54px;
    overflow: hidden;
    padding: 2px 5px;
}

.patient-info,
.clear-context {
    display: inline-block;
}

.header .clear-context {
    background-color: rgb(5, 46, 95);
    margin: 0;
}

.patient-info p {
    font-size: 13px;
    margin: 0;
}

.patient-details .ui-listview {
    margin: 0;
}

.patient-details .ui-listview .fieldvalue {
    box-sizing: border-box;
    padding-left: 5px;
    width: 60%;
}

span.patient-address {
    display: block;
}

.desired-date {
    margin: 15px 5px;
}

.desired-date label {
    color: #000;
    display: block;
    font-size: 1em;
    margin-bottom: 5px;
    margin-left: 0;
    text-shadow: none;
}

.desired-date .ui-input-text {
    border-radius: 0;
    display: inline-block;
    vertical-align: top;
}

.desired-date div.ui-input-text {
    margin: 5px 5px 5px 0;
}

.ui-block-sidebar .desired-date div.ui-input-text {
    background: #fff;
    border: 1px solid #aaa;
    margin: 5px 5px 5px 0;
    padding: 0;
}

.desired-date .date-picker-btn {
    background: transparent;
    border: 0 none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: rgb(5, 46, 95);
    display: inline-block;
    height: 45px;
    overflow: hidden;
    width: 45px;
}

.desired-date input:focus,
.datetime-picker .cancel:focus {
    -moz-box-shadow: 0 0 12px #387bbe;
    -webkit-box-shadow: 0 0 12px #387bbe;
    box-shadow: 0 0 12px #387bbe;
    outline: 0;
}

.filter .desired-date {
    color: #000;
    margin: 15px 0;
    text-align: left;
}

.filter .desired-date label {
    display: block;
    font-size: 1em;
    font-weight: normal;
    margin-bottom: 5px;
    text-shadow: none;
}

.filter .desired-date div.ui-input-text {
    border-radius: 0;
    display: inline-block;
    margin: 5px 0;
    vertical-align: top;
}

.hide-text {
    position: absolute;
    left: -200px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.ui-block-sidebar .desired-date div.ui-input-text {
    background: #fff;
    border: 1px solid #aaa;
    margin: 5px 5px 0 0;
    padding: 0;
}

.filter .desired-date .date-picker-btn {
    background: transparent;
    border: 0 none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: rgb(5, 46, 95);
    display: inline-block;
    overflow: hidden;
}

.icon-calendar {
    display: block;
    font-family: FontAwesome;
    font-size: 35px;
    height: 40px;
    width: 40px;
}

.icon-calendar:before {
    content: '\f073';
}

.datetime-picker .cancel.ui-btn-right {
    box-sizing: content-box;
    left: -9px;
}

.datetime-picker .columns {
    box-shadow: inset 0 45px 50px -20px rgba(200, 200, 200, .66), inset 0 -45px 50px -20px rgb(200, 200, 200);
}

.datetime-picker {
    background-color: #f9f9f9;
    background-image: none;
    border-color: rgb(170, 170, 170);
}

.datetime-picker ul {
    border-color: #f9f9f9;
}

.datetime-picker button {
    color: rgb(5, 46, 95);
}

/*====================================================================
						Patient Search
=====================================================================*/
#search {
    min-height: 0;
    height: 100%;
}

#search .ui-btn-left {
    background: none transparent;
    border: 1px solid #0077AA;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

#search .ui-btn-left .ui-btn-inner {
    border-top: 1px solid #0077AA;
}

#search .ui-btn-left .ui-icon-search {
    background: none transparent;
    color: #fff;
}

#search .ui-btn-left .ui-icon-search:before {
    content: '\f002';
    font-family: 'FontAwesome';
    font-size: 1.2em;
    font-weight: normal;
}

#search .filter {
    padding: 0;
}

.ui-dialog .ui-input-search {
    margin: 0;
}

.ui-dialog .ui-input-search .ui-input-clear {
    border: 1px solid #fff;
}

#patient-list, #search form {
    margin: 0;
}

#confirmation {
    background: #fff;
    padding: 15px 10px 5px 10px;
}

#confirmation .data-list {
    color: rgb(5, 46, 95);
    font-size: 13px;
    font-weight: bold;
    list-style: none;
    margin: 0;
    min-width: 15em;
    padding: 0;
}

#confirmation .data-list li {
    margin: -0.5em 0 0.6em 0;
    padding-left: 4em;
}

#confirmation .data-list li .label {
    display: inline-block;
    margin-left: -4em;
    padding-right: 0.5em;
    width: 3.5em;
    font-weight: normal;
}

#confirmation .data-list .aside {
    float: right;
    clear: right;
    margin-top: -1.77em;
}

#confirmation .ui-btn-close {
    background-color: #fff;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 1em;
    box-shadow: 0 1px 0 rgba(255,255,255,.3);
}

#confirmation .ui-btn-close.ui-btn-hover-b {
    border: 1px solid #bbb;
    background: #dfdfdf;
    font-weight: 700;
    color: #222;
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#e0e0e0));
    background-image: -webkit-linear-gradient(#f6f6f6,#e0e0e0);
    background-image: -moz-linear-gradient(#f6f6f6,#e0e0e0);
    background-image: -ms-linear-gradient(#f6f6f6,#e0e0e0);
    background-image: -o-linear-gradient(#f6f6f6,#e0e0e0);
    background-image: linear-gradient(#f6f6f6,#e0e0e0);
}

#confirmation .ui-btn:focus,
#patient-list .ui-link-inherit:focus {
    -moz-box-shadow: inset 0 0 3px #387bbe,0 0 9px #387bbe;
    -webkit-box-shadow: inset 0 0 3px #387bbe,0 0 9px #387bbe;
    box-shadow: inset 0 0 3px #387bbe,0 0 9px #387bbe;
}

#confirmation .ui-btn:not(.ui-btn-close):hover {
    border: 2px solid #BEDFEE;
    background: #023157;
    color: #BEDFEE;
}

.ui-mobile-viewport.ui-overlay-a {
    border: 0 none;
}

#search .ui-content {
    overflow: visible;
    overflow-x: hidden;
}

#search .ui-footer {
    border-color: #0077AA;
}

#search .ui-dialog-contain {
    margin-top: 0;
    top: 0;
}

.ui-listview .ui-li-static.ui-li.ui-li-no-items-message {
    padding: .7em 15px;
}

/* defaults over-ridden on media query */
.hide-pane-when-tablet {
    visibility: visible;
}

.slide-btn {
    display: none;
}


/*====================================================================
                        Refresh widget
=====================================================================*/

/*.refresh-container{
    display:table;
    background:inherit;
    float:right
}

.refresh-container-white{
    background:#fff;
}

.refresh-container-corners{
    border:2px solid #333;
    border-radius: 10px;
}

.refresh-container div{
    display:table-cell;
    vertical-align:middle;
    padding:5px;
    box-sizing:border-box;
}

.refresh-container span{
    display:inline-block;
    margin-right:5px;
}

.refresh-container div:first-of-type{
    height: 100%;
    font-size: 27px;
    padding-top: 10px;
}

.refresh-container div:first-of-type:hover,
.refresh-container div.active:first-of-type {
    cursor: pointer;
    background:rgb(5, 46, 95);
    color: #fff;
}

.refresh-container div.active:first-of-type:hover{
    cursor: default;
}

@media all and (max-width:350px){
    .refresh-container .label{
        display:block;
    }
}

@media all and (max-width: 245px){
    .refresh-container div:last-of-type{
        display:none;
    }
    .refresh-container div:first-of-type{
        border:none;
    }
}*/



/*====================================================================
						Media Queries
=====================================================================*/

@media (min-width: 769px) and (max-width: 919px) {
    .ui-block-sidebar {
        width: 48%;
    }

    .ui-block-content {
        width: 52%;
    }
    .ui-block-sidebar.VAAC-left{
        width: 56%;
    }
    .ui-block-content.VAAC-right{
        width: 44%;
    }

}

@media (min-width: 920px) and  (max-width: 999px) {
    .ui-block-sidebar {
        width: 45%;
    }

    .ui-block-content {
        width: 55%;
    }
    .ui-block-sidebar.VAAC-left{
        width: 56%;
    }
    .ui-block-content.VAAC-right{
        width: 44%;
    }

}

@media (max-width: 999px) {
    .veteran-request-details .ui-grid-a .ui-block-b,
    .veteran-request-details .ui-grid-a .ui-block-a,
    .veteran-request-details .ui-grid-a button {
        clear: both;
        float: none;
        width: 100%;
    }

    .veteran-request-details .ui-grid-a button {
        margin: 0.5em 0;
    }
}

@media (min-width: 1000px) {
    .ui-block-sidebar {
        width: 42%;
    }

    .ui-block-content {
        width: 58%;
    }
    .ui-block-sidebar.VAAC-left{
        width: 50%;
    }
    .ui-block-content.VAAC-right{
        width: 50%;
    }
}

@media (max-width: 768px) {
    .ui-block-sidebar {
        display: block;
        width: 90%;
        z-index: 1000;
    }

    .ui-block-content {
        width: 100%;
        left: 90%;
        position: absolute;
        top: 0;
        z-index: 1000;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    #sub-header .ui-block-content.patient-simple-details {
        background-color: #fff;
    }

    #sub-header .ui-block-content {
        background-color: rgb(146, 207, 236);
    }

    #inner-content .ui-block-content {
        background-color: #fff;
        z-index: 10;
    }

    .closed {
        background: #fff;
        display: block;
        z-index: 100;
    }

    .hide-pane-when-tablet {
        visibility: hidden;
    }

    .slide-btn {
        background: #0077AA;
        cursor: pointer;
        display: inline;
        left: 18px;
        position: absolute;
        top: 0;
        z-index: 1000;
    }

    .ui-btn-up-a, .ui-btn-hover-a{
        border: none;
    }
}

button {
    font-size: 1em;
}
