body {
    min-width: 320px;
    min-width: 32rem;
}

.wrap 
{
    width: 100%;
}
.header 
{
    min-width: 319px;
    min-width: 31.9rem;
}
.logo 
{
    display: none;
}

.logoMobile {
    width: 66px;
    width: 6.6rem;
    height: 60px;
    height: 6rem;
    float: left;
    margin-right: 10px;
    margin-left: 1rem;
    z-index: 9999;
    position: absolute;
    display: inherit;
}

/* ========  HEADER ========*/

.brandContainer {
    display: none;
}

/* TODO */
.pageBrand {
    display: none;
}

/* HEADER */

.headerLinks {
    display: none;
}

.header {
    margin: 0;
}

/* NAVIGATION */

.navBar  
{
    display: inherit;
    width: 100%;
    height: 39px;
    height: 3.9rem;
    background: url('../../images/blue_gradient40.png') repeat-x;
    border: none;
    margin-top: 0;
}

.navBar:hover {
    cursor: pointer;
}

.navBar .hamburgerBox 
{
    display: inherit;
    width: 40px;
    width: 4rem;
    height: 39px;
    height: 3.9rem;
    border-left: 1px solid #154995;
    border-left: .1rem solid #154995;
    position: absolute;
    right: 0;
}

.navBar .hamburgerBoxIcon {
    background: url('../../images/nav-icon.png');
    content: ' ';
    position: absolute;
    top: 10px;
    top: 1rem;
    right: 10px;
    right: 1rem;
    width: 20px;
    width: 2rem;
    height: 20px;
    height: 2rem;
    z-index: 9999;
}

.navBar .hamburgerBox:hover 
{
    background-color: #547AB1;
}

.navBar a
{
    display: block;
    color: #575757;
    text-decoration: none;
}

.navBar #navigation
{
    display: none;
    position: absolute;
    top: 40px;
    top: 4rem;
}

.navBar ul {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 999;
    
}

.navBar li 
{
    display: block;
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 39px;
    line-height: 3.9rem;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #fff;
    border-bottom: .1rem solid #fff;
    float: none;
    display: block;
    text-align: left;
    text-indent: 20px;
    text-indent: 2rem;
    z-index: 9999;
}


.navBar ul li a 
{
    color: #fff;
    border-bottom: 1px solid #f2ece0;
    border-bottom: .1rem solid #f2ece0;
    text-decoration: none!important;
    text-align: left;
}

.navBar > ul > li {
    z-index: 9999;
    background: #154995;
    position: relative;
    }

.navBar > ul > li:hover {
    background: #154995;
}

.navBar ul li ul 
{
    display: none;
    position: relative; 
    background-color: #FAF7F2;
    top: 0;
    padding: 0;
    margin: 0;
    visibility: inherit;
}

.navBar ul li ul li
{
    background: #faf7f2;
    text-align: left;
    text-indent: 50px;
    text-indent: 5rem;
}

.navBar ul li ul li a
{
    color: #154995;
    font-weight: normal;
    font-size: 14px;
    font-size: 1.4rem;
    width: 100%;
}

.navBar ul li ul li a:hover
{
    color: #fff;
    cursor: pointer;
    background: none;
}

.navBar ul li:last-child ul 
{
    min-width: 100%;
    width: 100%;
}

.navBar ul li:nth-child(6n) ul {
    width: 100%;
}

.header h4 {
    display: none;
}

.header .nav ul li {
    display: none;
}

.logOutNavLink {
    display: inherit;
}

.myServNavLink {
    display: inherit;
}

.navBar ul li.contactUsLi ul {
    min-width: 0;
    width: 100%!important;
}

/* ==========   Footer Stuff   ========== */
.footer 
{
    min-width: 319px;
    min-width: 31.9rem;
}

.mobileOpinionLab {
    display: inherit;
    position: absolute;
    right: 30px;
    right: 3rem;
    top: 65px;
    top: 6.5rem;
    color: #FFF;
    font-size: 12px;
    font-size: 1.2rem;
}

.mobileOpinionLab a 
{
    text-decoration: none;
}

/* === header ==== */
div.pageTitle h1 {
    position: absolute;
    top: 12px;
    top: 1.2rem;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 25px 0 0;
    margin: 0 2.5rem 0 0;
}
.oo_feedback_float, .olUp, .olOver 
{
	display: none;
}

/* ======= Content Blocks ======*/
.leftColumn {
    width: auto;
    position: relative;
    padding: 20px;
    padding: 2rem;
    float: none;
}
.rightColumn {
    width: auto;
    padding: 20px;
    padding: 2rem;
    float: none;
}

/* Progress Bar */

.mobileProgress {
    display: inline;
}

.standardProgress {
    display: none;
}

.progressContainer {
    text-align: center;
    position: relative;
    line-height: 50%;
    background: none;
    width: 96%;
    margin-left: 2%;
    top: 0;
    
}

.progressThree p, .progressFour p {
    color: #333;
    top: 5%;
}

.progressContainer img {
    max-height: 100%;
    max-width: 100%;
}

.progressFour p.stepOne {
    position: absolute;
    width: 25%;
    text-align: left;
}

.progressFour p.stepTwo {
    position: absolute;
    width: 25%;
    left: 25%;
    text-align: center;
    text-indent: -5%;
}

.progressFour p.stepThree {
    position: absolute;
    width: 25%;
    left: 50%;
    text-align: center;
    text-indent: 5%;
}

.progressFour p.stepFour {
    position: absolute;
    width: 25%;
    left: 75%;
    text-align: right;
}

.progressThree p.stepOne {
    position: absolute;
    width: auto;
    text-align: left;
}

.progressThree p.stepTwo {
    position: absolute;
    width: 33%;
    left: 35%;
    text-align: center;
    text-indent: -5%;
}

.progressThree p.stepThree {
    position: absolute;
    width: 33%;
    left: 68%;
    text-align: right;
}

.boxOutline {
    padding: 10px;
    padding: 1rem;
}

/* input blocks */

.inputBlock  {
    clear: both;
    display: block;
    min-height: 30px;
    min-height: 3rem;
    margin: 0;
    font-family: Arial;
    padding-top: 20px;
    padding-top: 2rem;
}

.inputBlock .labelContainer {
    font-weight: bold;
}

.inputBlock .buttonContainer {
    min-height: 30px;
    min-height: 3rem;
    float: none;
    width: 100%;
}

.longLabel {
    float: none;
    width: 100%;
    margin-right: 10px;
    margin-right: 1rem;
    font-weight: bold;
    margin-bottom: 10px;
    margin-bottom: 1rem;
}
.longInput {
    float: left;
    width: 100%;
}

.inputBlock .labelContainerDouble {
    text-align: left;
    min-height: 30px;
    min-height: 3rem;
    width: 100%;
    float: none;
    margin-right: 0;
    color: #333;
    font-weight: bold;
}

.inputBlock .fieldContainerDouble {
    text-align: left;
    min-height: 30px;
    min-height: 3rem;
    width: 100%;
    float: none;
    margin-bottom: 20px;
    margin-bottom: 2rem;
}

.addMarginLeft {
    margin-left: 0;
}

/*=========== TABLES ===========*/
table.tabularData
{
    width: auto;
    display: block;
    margin: 0 auto;
    padding: 0;
}
table.tabularData thead
{
    display: none;
}
table.tabularData tbody
{
    display: block;
}
table.tabularData tr
{
    display: block;
    border: none;
    margin: 4px;
    margin: .4rem;
    padding: 5px 5px;
    padding: .5rem .5rem;
    background-color: #E2EDF3;
}
    
table.tabularData th
{
    display: inline-block;
    border: none;
    margin-left: 10px;
    margin-left: 1rem;
    font-weight: normal;
}

table.tabularData tr td  
{
    padding: 2px;
    padding: .2rem;
}
    
table.tabularData td
{
    width: 100%;
    padding: 2px;
    padding: .2rem;
    border: 0 black solid;
    display: block;
    text-align: left !important;
}
    
.tabularData td .linkToButton 
{
    display: inline-block;
    width: auto;
    padding: 5px;
    padding: .5rem;
    background-color: #154995;
    border-radius: 5px;
    border-radius: .5rem;
    color: #fff;
    text-align: center!important;
        
}
   
.sortTitle 
{
    display: inline-block;
    font-weight: normal;
    color: #154995;
    margin-right: 5px;
    margin-right: .5rem;
    width: 100%;
    text-align: center;
}
    
table.tabularData tr.headerTr 
{
    display: none;
        
}
    
.tabularLabel 
{
    display: inline-block;
    width: 70%;
    color: #333;
    font-weight: bold;
    padding-right: 20px; 
    padding-right: 2rem;
}
    
.gray 
{
    color: #333;
    width: auto;
}
    
.activeSort
{
    font-weight: bold;
}

.mobileSortContainer {
    display: inherit;
}

.mobileSortContainer a img{
    margin-left: 3px;
    margin-left: .3rem;
    margin-right: 8px;
    margin-right: .8rem;
}

/*=================================*/

/* TABS */

.tabHeader {
    height: 40px;
    height: 4rem;
    width: 100%;
    font-size: 16px;
    font-size: 1.6rem;
    color: #333;
    font-weight: bold;
    float: none;
    background: linear-gradient(#FFFFFF, #F2F2F2) repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    border: .1rem solid #CCCCCC;
    text-shadow: 0 1px 0 #FFFFFF;
    text-shadow: 0 .1rem 0 #FFFFFF;
    line-height: 40px;
    line-height: 4rem;
    position: relative;
    margin: 0;
    padding: 0;
    text-indent: 20px;
    text-indent: 2rem;
}

.tabContent 
{
    width: 100%;
    background-color: #FFF;
    z-index: 900;
    position: relative;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
}

.tabContent iframe {
    max-width: 90%;
    max-height: 200px;
    max-height: 20rem;
}

.chevronUp {
    background: url('../../images/ic_chevron_up.png');
    width:12px;
    width: 1.2rem;
    height: 7px;
    height: .7rem;
    position: absolute;
    display: inherit;
    right: 20px;
    right: 2rem;
    top: 20px;
    top: 2rem;
}

.chevronDown {
    background: url('../../images/ic_chevron_down.png');
    width:12px;
    width: 1.2rem;
    height: 7px;
    height: .7rem;
    position: absolute;
    display: inherit;
    right: 20px;
    right: 2rem;
    top: 20px;
    top: 2rem;
}

/* ACCORDION */

.accordionChevronUp 
{
    background: url('../../images/white-arrow-expanded.png');
    width:17px;
    width: 1.7rem;
    height: 17px;
    height: 1.7rem;
    position: absolute;
    display: inherit;
    right: 20px;
    right: 2rem;
    top: 10px;
    top: 1rem;
}

.accordionChevronDown 
{
    background: url('../../images/white-arrow-collapsed.png');
    width:17px;
    width: 1.7rem;
    height: 17px;
    height: 1.7rem;
    position: absolute;
    display: inherit;
    right: 20px;
    right: 2rem;
    top: 10px;
    top: 1rem;
}

.accordionHeader {
    cursor: pointer;
}

.accordionBody {
    display: none;
}

.active {
    display: inherit;
}

.activeTab {
    background-color: #fff;
    color: #333;
}

/* Confirmation Page */

.confirmationSuccess 
{
    width: 80%;
    float: right;
    margin-bottom: 20px;
    margin-bottom: 2rem;
}

.appointmentDetailsLeft {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
    margin-bottom: 2rem;
}

.appointmentDetailsLeft span {
    display: block;
}

.appointmentDetailsRight {
    width: 100%;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    float: none;
}

.appointmentDetailsRight span {
    display: block;
}

.appointmentLabel {
    font-weight: bold;
    width: 100%;
    float: none;
    margin-right: 20px;
    margin-right: 2rem;
    clear: none;
    margin-bottom: 0;
}

.exitLink {
    font-size: 16px;
    font-size: 1.6rem;
    margin-right: 10px;
    margin-right: 1rem;
}

.exitLink {
    width: 80%;
    margin-left: 10%;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    display: block;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
}

/* ========= BUTTONS ==============*/

.buttonContainer {
    text-align: center;
}

input.file {
    width: 78%;
    top: -60px;
    top: -6rem;
    left: 0;
    display: block;
    margin: 20px auto;
    margin: 2rem auto;
    height: 30px;
    height: 3rem;
    -moz-opacity: 0;
    filter: alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
    cursor: pointer;    
}

.disabledFloatLeft {
    margin: 0;
    float: none;
}

.disabledFloatRight {
    float: none;
}

.disabledFloatLeftMargin, .disabledFloatRightMargin {
    float: none;
    margin-top: 20px;
    margin-top: 2rem;
}

/* ========= REPORT LOSS ==========*/

.pictureButton
{
    padding: 0;
    margin: 0;
    display: block;
    text-align: inherit;
    width: 100%;
    height: 50px;
    height: 5rem;
    font-size: 16px;
    font-size: 1.6rem;
    color: white;
    background-color: #446DAA;
    float: none;
    font-weight: bold;
    position: relative;
    margin-bottom: 5px;
    margin-bottom: .5rem;
}
.pictureButtonClicked
{
    padding: 0;
    margin: 0;
    display: block;
    text-align: inherit;
    width: 100%;
    height: 50px;
    height: 5rem;
    font-size: 16px;
    font-size: 1.6rem;
    color: white;
    float: none;
    font-weight: bold;
    position: relative;
    margin-bottom: 5px;
    margin-bottom: .5rem;
    background-color: #31589A;
    
}

.pictureButtonGrayed
{
    padding: 0;
    margin: 0;
    display: block;
    text-align: inherit;
    width: 100%;
    height: 50px;
    height: 5rem;
    font-size: 16px;
    font-size: 1.6rem;
    color: #31589A;
    background-color: #F2F0EC;
    float: none;
    font-weight: bold;
    position: relative;
    margin-bottom: 5px;
    margin-bottom: .5rem;
}

.pictureButton:hover
{
    cursor: pointer;
    color: white;
    background-color: #698ABB;
}

.pictureButton:hover > .pictureButtonArrow
{
    background: none;
}

.pictureButtonClicked:hover
{
    cursor: pointer;
}
.whatHappened
{
    margin-right: 20px;
    margin-right: 2rem;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    padding: 0;
    
}

.whatHappened label
{
    font-size: 16px;
    font-size: 1.6rem;
    display: block;
    height: auto;
}

.whatHappened-Title
{
    font-size: 20px;
    font-size: 2rem;
}

.whatHappened input
{
    margin-right: 10px;
    margin-right: 1rem;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    float: left;
    clear: left;
}

.pictureButtonArrow
{
    background: none;
    display: none;
}

#partTwo
{
    height: 300px;
    height: 30rem;
    margin-top: 20px;
    margin-top: 2rem;
}

.radioLeft
{
    float: left;
}

.labelBlock
{
    float: right;
    width: 85%;
    margin-bottom: 5px;
    margin-bottom: .5rem;
}

legend
{
    margin-bottom: 20px;
    margin-bottom: 2rem;
}

.lossReportButtons
{
    margin: 0 auto;
}

.imageButton {
    height: 46px;
    height: 4.6rem;
    width: 46px;
    width: 4.6rem;
    left: 5px;
    left: .5rem;
    top: 2px;
    top: .2rem;
    padding: 0;
    margin: 0;
    position: absolute;
}

.whatHappenedType {
    width: auto;
    text-align: center;
    float: none;
    position: relative;
    left: 0;
    top: 15px;
    top: 1.5rem;
    text-align: center;
    clear: both;
}

.inputBlock .fieldContainer {
    text-align: left;
    min-height: 30px;
    min-height: 3rem;
    width: 100%;
    float: left;
}

.data .labelContainer span {
    font-weight: bold;
}

#partTwo {
    height: auto;
}

#partTwo td {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    margin-bottom: 1rem;
}

#partTwo legend {
    font-weight: bold;
    margin-bottom: 10px;
    margin-bottom: 1rem;
}

div.errorMessages 
{
    width: 100%;
    height: auto;
    display: block;
}

fieldset {
    width: 100%;
}

#partTwo {
    min-height: 0;
}

/* Hide Damage Selector for Mobile views */

.txtLossDisplay {
    visibility: hidden;
    display: none;
}

#lnkTextVersion 
{
    display: none;   
}

#lnkImageVersion {
    display: block;
}

#pnlTextVersion {
    display: block !important;
}

#pnlImageVersion {
    display: none !important;
}

.lossReportMask {
    position: fixed; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    overflow: hidden; 
    margin: 0 0; 
    filter: alpha(opacity=50); 
    opacity: 0.5; 
    width: 100%; 
    height: 100%; 
    background-color: #000;
    z-index: 999998;
}

/*-- Modal --*/
.modal .modal-overlay{
  background-color: #000;
  opacity: 0.8;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.lossReportModal {
    max-height: 460px;
    max-height: 46rem;
    position: fixed;
    left: 2%;
    top: 0;
    margin-bottom: 25%;
    height: auto;
    margin-top: 20%;
    width: 85%;
    margin-left: 0;
    background-color: white;
    border: 1px solid #000000;
    filter: alpha(opacity=100);
    padding: 20px;
    padding: 2rem;
    opacity: 1;
    z-index: 999999;
    overflow-y: scroll;
}

/* Hover items */

.hoverTip {
    width: 270px;
    width: 27rem;
    max-height: 250px;
    max-height: 25rem;
    overflow-y: auto;
    padding: 15px;
    padding: 1.5rem;
    border: 1px solid #333;
    border: .1rem solid #333;
    -moz-box-shadow: 2px 2px 3px #333;
    -moz-box-shadow: .2rem .2rem .3rem #333;
    -webkit-box-shadow: 2px 2px 3px #333;
    -webkit-box-shadow: .2rem .2rem .3rem #333;
    box-shadow: 2px 2px 3px #333;
    box-shadow: .2rem .2rem .3rem #333;
    margin-left: 10px;
    display: none;
    z-index: 9999;
    background-color: #fff;
    position: absolute;
    font-size: 14px;
    font-size: 1.4rem;
    left: 10px;
    left: 1rem;
}

.rightToCenter {
    text-align: center;
}


/* ==========  SPINNER ============*/

#loading {
    width: 90%;
    min-height: 185px;
    min-height: 18.5rem;
    background-color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    border-radius: 3px;
    border-radius: .3rem;
    padding-top: 15px;
    padding-top: 1.5rem;
    z-index: 1000;
    text-align: center;
    left: 5%;
    right: 5%;
    margin-left: 0;
}

/* CONTAINERS */

.mobileContainer {
    width: 90%;
    margin-left: 5%;
    padding-top: 20px;
    padding-top: 2rem;
    padding-bottom: 20px;
    padding-bottom: 2rem;
}

.responsiveHide {
    display: none;
}

/* CONFIRMATION PAGE */

div.locationLabelCol
{
    float: none;
    width: 100%;
    font-weight: bold;
    margin-bottom: 5px;
    margin-bottom: .5rem;
}
div.locationDataCol
{
    float: none;
    width: 100%;
    margin-bottom: 20px;
    margin-bottom: 2rem;
}
div.dateTimeLabelCol
{
    float: none;
    width: 100%;
    font-weight: bold;
}
div.dateTimeDataCol
{
    float: none;
    width: 100%;
}

.appointmentData {
    font-weight: normal;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    margin-top: 10px;
    margin-top: 1rem;
    display: block;
}

.appointmentDateTimeBlock {
    float: none;
    width: 100%;
}

/* REPAIR STATUS ACCORDION */

.accordionContainer {
    position: relative;
}
          
.accordionHeaderLB {
    background-color: #e2edf3;
    height: 50px;
    height: 5rem;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    position: relative;
}
   
.repairStatusHeader {
    line-height: 50px;
    line-height: 5rem;
    display: inline-block;
    float: left;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 50px;
    line-height: 5rem;
    margin-right: 5px;
    margin-right: .5rem;
}
        
.repairStatusStepNumber {
    margin-right: 5px;
    margin-right: .5rem;
    display: inline-block;
    float: left;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 50px;
    line-height: 5rem;
    padding-left: 5px;
    padding-left: .5rem;
    font-weight: bold;
            
}
        
.repairStatusProgress {
    font-size: 15px;
    font-size: 1.5rem;
    display: inline-block;
    float: left;
    line-height: 50px;
    line-height: 5rem;
    margin-right: 20px;
    margin-right: 2rem;
}
        
.repairStatusCheckmark {
    width: 32px;
    width: 3.2rem;
    height: 32px;
    height: 3.2rem;
    display: inline-block;
    float: left;
	margin-left: 30px;
    background: url('../../images/checkmark_32x32.png');
    position: relative;
    top: 9px;
    top: .9rem;
}
        
.repairStatusChevronUp {
    position: absolute;
    right: 20px;
    right: 2rem;
    width: 16px;
    width: 1.6rem;
    height: 4px;
    height: .4rem;
    background: url('/resources/images/MinusBlue.png');
    top: 21px;
    top: 2.1rem;
}
        
.repairStatusChevronDown {
    position: absolute;
    right: 20px;
    right: 2rem;
    width: 16px;
    width: 1.6rem;
    height: 16px;
    height: 1.6rem;
    background: url('/resources/images/PlusBlue.png');
    top: 17px;
    top: 1.7rem;
}
        
.repairStatusChevronUpWhite {
    position: absolute;
    right: 20px;
    right: 2rem;
    width: 16px;
    width: 1.6rem;
    height: 4px;
    height: .4rem;
    background: url('/resources/images/Minus.png');
    top: 21px;
    top: 2.1rem;
}
        
.repairStatusChevronDownWhite {
    position: absolute;
    right: 20px;
    right: 2rem;
    width: 16px;
    width: 1.6rem;
    height: 16px;
    height: 1.6rem;
    background: url('/resources/images/Plus.png');
    top: 17px;
    top: 1.7rem;
}
           
.accordionBodyLB
{
    position: relative;
    margin-top: 20px;
    margin-top: 2rem;
    display: none;
            
}
        
.accordionContentLB {
    padding-left: 35px;
    padding-left: 3.5rem;
    background: url('/resources/images/trackerArrowTop.png') repeat-y;
}
           
.accordionArrowCap
{
    position: relative;
    width: 27px;
    width: 2.7rem;
    height: 21px;
    height: 2.1rem;
    margin: 0;
    padding: 0;
    bottom: 18px;
    bottom: 1.8rem;
    background: url('/resources/images/trackerArrowBottom.png') no-repeat;
}
        
.show {
    display: inherit;
}
        
.activeLB {
    background-color: #154995;
    color: #FFF;
}

/* end repair status accordion */

/* Appointment Scheduling */

.shop {
    height: 79px;
    height: 7.9rem;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #CCCCCC;
    border-bottom: 1rem solid #CCCCCC;
    padding: 5px 0;
    padding: 5rem 0;
    position: relative;
}

.shop .shopARX {
    width: 60px;
    width: 6rem;
    min-width: 60px;
    min-width: 6rem;
    text-align: center;
    line-height: 7px;
    line-height: .7rem;
    position: absolute;
    right: 0;
    top: 20px;
    top: 2rem;
}

.listAppointment {
    float: left;
    width: 200px;
    width: 20rem;
}

.shopList table {
    width: 100%;
}

.shopList {
    width: 100%;
}

/* end */


/* medical page */

caption {
    display: block;
}

modalTable {
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 0;
}

.modalTable tbody {
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 0;
}

.modalTable tbody tr {
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 0;
}

.modalTable tbody tr td {
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 0;
    word-wrap: break-word;
    overflow: hidden;
}
        
/* end */

/* medical page */

.imagePDF {
    width: auto;
    height: auto;
    background: inherit;
}

.imageDocument {
    width: auto;
    height: auto;
    background:inherit
}

.medBillText {
    display: inherit;
}


/* titles */

/* auto scheduling */

.appointmentType {
    float:none;
    border-right: none; 
    width:100%;
    padding: 10px;
    padding: 1rem;
    height:150px;
    height: 15rem;
}


.dayOfWeek {
    float:none; 
    border-right: none; 
    width:100%; 
    padding: 10px; 
    height:150px;
}

.timeOfDay {
    float:none; 
    border-right: none; 
    width:100%; 
    padding: 10px; 
    height:150px;
}

.distance {
    float:none; 
    padding: 10px;
    padding: 1rem;
    height:150px;
    height: 15rem;
    width: 100%;
}

.tabularLabel 
{
    display: inline-block;
    width: 50%;
    font-weight: bold;
    padding-right: 20px; 
}
/*=========== TABLES ===========*/
table.tabularData
{
    width: auto;
    display: block;
    margin: 0 auto;
    padding: 0;
}
table.tabularData thead
{
    display: none;
}
table.tabularData tbody
{
    display: block;
}
table.tabularData tr
{
    display: block;
    border: none;
    margin: 4px;
    padding: 5px 5px;
    background-color: #f2f0ec!important;
}
    
table.tabularData th
{
    display: inline-block;
    border: none;
    margin-left: 10px;
    font-weight: normal;
}

table.tabularData tr td  
{
    padding: 2px;
    width: 100%!important;
}
    
table.tabularData td
{
    width: 100%!important;
    padding: 2px;
  
    display: block;
    text-align: left !important;
}
    
.tabularData td .linkToButton 
{
    display: inline-block;
    width: auto;
    padding: 5px;
    background-color: #154995;
    border-radius: 5px;
    color: #fff;
    text-align: center!important;
        
}

.mobileSortContainer {
    display: inherit;
}

.mobileSortContainer a img{
    margin-left: 3px;
    margin-right: 8px;
}

.largeOnly {
    display:none
}
.smallOnly {
     display: inherit;
}

/* /////////////////////////////////////////////////////////////////////
//  List Column
//  - Fix numbers/names being covered up by the card in mobile view
/////////////////////////////////////////////////////////////////////*/
ul.list.list--two-column li .list-column-one,
ol.list.list--two-column li .list-column-one{
    width: 35%
}
ul.list.list--two-column li .list-column-two,
ol.list.list--two-column li .list-column-two {
    width: 65%
}

#splashModal .card .card-content .content-wrapper{
    width: 337px;
    height: 250px;
}