.wrap 
{
    width: 768px;
    width: 76.8rem;
    position: relative;
}
.logo 
{
    display: none;   
}

.logoMobile 
{
    display: inherit;
    position: absolute;
    width: 70px;
    width: 7rem;
    left: 0;
    z-index: 9999;
}

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

.brandContainer {
    display: none;
}

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

div.pageTitle h1 {
    position: relative;
    z-index: 1;
    padding-left: 20px;
    padding-left: 2rem;
}
/* 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;
}

/* ======= Content Blocks ======*/

.leftColumn {
    width: 548px;
    width: 54.8rem;
    float: left;
}

.rightColumn {
    width: 200px;
    width: 20rem;
    float: right;
}

/* Progress Bar */

.mobileProgress {
    display: none;
}

.progressContainer {
    text-align: center;
    position: relative;
    line-height: 50%;
    height: 40px;
    height: 4rem;
    width: 767px;
    width: 76.7rem;
}

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

.progressThree p {
    width: 33%;
    text-align: center;
    position: relative;
    float: left;
    line-height: 40px;
    line-height: 4rem;
    bottom: 35px;
    bottom: 3.5rem;
    color: #FFF;
    font-weight: bold;
}

.progressFour p {
    width: 25%;
    text-align: center;
    position: relative;
    float: left;
    line-height: 40px;
    line-height: 4rem;
    bottom: 35px;
    bottom: 3.5rem;
    color: #FFF;
    font-weight: bold;
}

/* input blocks */

.inputBlock .labelContainer {
    width: 180px;
    width: 18rem;
}

.inputBlock .fieldContainer {
    width: 290px;
    width: 29rem;
}

.inputBlock .fieldContainerDouble {
    text-align: left;
    min-height: 30px;
    min-height: 3rem;
    width: 190px;
    width: 19rem;
    float: left;
}

.longLabel {
    float: left;
    width: 500px;
    width: 50rem;
    margin-right: 10px;
    margin-right: 1rem;
    font-weight: bold;
}
.longInput {
    float: left;
    width: 500px;
    width: 50rem;
}

/* 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: #f2f0ec!important;
}
    
table.tabularData th
{
    display: inline-block;
    border: none;
    margin-left: 10px;
    margin-left: 1rem;
    font-weight: normal;
}
    
table.tabularData td
{
 
    padding: 2px;
    padding: .2rem;
    /*border: 0 black solid;*/
    display: block;
    text-align: left !important;
}

table.tabularData tr td  
{
    width: 100%!important;
    padding: 2px;
    padding: .2rem;
}
    
.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;
    display: none;
}
    
table.tabularData tr.headerTr 
{
    display: none;
        
}
    
.tabularLabel 
{
    display: inline-block;
    width: 40%;
    color: #333;
    font-weight: bold;
}
    
.gray 
{
    color: #333;
    width: auto;
}
    
.activeSort
{
    font-weight: bold;
}

.mobileSortContainer {
    display: inherit;
}

.mobileSortContainer a img{
    margin-left: 10px;
    margin-left: 1rem;
    margin-right: 10px;
    margin-right: 1rem;
}

/* Tabs */

.tabHeader {
    height: 40px;
    height: 4rem;
    border-right: 2px #F2ECE0 solid;
    border-right: .2rem #F2ECE0 solid;
    padding-left: 20px;
    padding-left: 2rem;
    padding-right: 20px;
    padding-right: 2rem;
    font-size: 16px;
    font-size: 1.6rem;
    color: #333;
    float: left;
    background-color: #BAB4AB;
    line-height: 40px;
    line-height: 4rem;
    position: relative;
    font-weight: bold;
}

.activeTab {
    background-color: #02356A;
    color: #FFF;
}

.tabContent {
    background-color: #FFF;
    z-index: 900;
    position: absolute;
    top: 40px;
    top: 4rem;
    width: 508px;
    width: 50.8rem;
}

.chevronUp {
    display: none;
}

.chevronDown {
    display: none;
}

/* Confirmation Page */

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

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

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

.appointmentLabel {
    font-weight: bold;
    width: 150px;
    width: 15rem;
    float: left;
    margin-right: 20px;
    margin-right: 2rem;
    clear: both;
}

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

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

.pictureButton
{
    padding: 0;
    margin: 0 15px 0 0;
    margin: 0 1.5rem 0 0;
    display: inline-block;
    text-align: center;
    width: 108px;
    width: 10.8rem;
    height: 200px;
    height: 20rem;
    font-size: 16px;
    font-size: 1.6rem;
    color: white;
    background-color: #446DAA;
    float: left;
    font-weight: bold;
    position: relative;
}
.pictureButtonClicked
{
    padding: 0;
    margin: 0 15px 0 0;
    margin: 0 1.5rem 0 0;
    display: inline-block;
    text-align: center;
    width: 108px;
    width: 10.8rem;
    height: 200px;
    height: 20rem;
    font-size: 16px;
    font-size: 1.6rem;
    color: white;
    background-color: #31589A;
    float: left;
    font-weight: bold;
    position: relative;
}

.pictureButtonGrayed
{
    padding: 0;
    margin: 0 15px 0 0;
    margin: 0 1.5rem 0 0;
    display: inline-block;
    text-align: center;
    width: 108px;
    width: 10.8rem;
    height: 200px;
    height: 20rem;
    font-size: 16px;
    font-size: 1.6rem;
    color: #31589A;
    background-color: #F2F0EC;
    float: left;
    font-weight: bold;
    position: relative;
}

.imageButton
{
    width: 90px;
    width: 9rem;
    padding-bottom: 5px;
    padding-bottom: .5rem;
    margin-top: 10px;
    margin-top: 1rem;
}

.pictureButton:hover
{
    cursor: pointer;
    color: white;
    background-color: #698ABB;
}
.pictureButtonClicked:hover
{
    cursor: pointer;
}
.whatHappened
{
    margin-right: 20px;
    margin-right: 2rem;
    display: none;
}

.whatHappened label
{
    font-size: 16px;
    font-size: 1.6rem;
}

.whatHappened-Title
{
    font-size: 24px;
    font-size: 2.4rem;
}

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

.pictureButtonArrow
{
    width: 30px;
    width: 3rem;
    height: 20px;
    height: 2rem;
    display: none;
    position: absolute;
    background: url('../../../resources/images/ReportLoss/secondaryPress.png');
    bottom: 0;
    left: 42px;
    left: 4.2rem;
}

/*.pictureButton:hover > .pictureButtonArrow
{
  background: url('../../../resources/images/ReportLoss/secondaryRollover.png');
}*/

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

.radioLeft
{
    float: left;
}

.labelBlock
{
    float: left;
    width: 200px;
    width: 20rem;
    margin-bottom: 5px;
    margin-bottom: .5rem;
}

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

.lossReportButtons
{
    margin: 0 auto;
}

#partTwo fieldset {
    width: 230px;
    width: 23rem;
}

legend {
    font-weight: bold;
}


/* AUTO SCHEDULING */

.timeSlotContainer {
    width: 420px;
    width: 42rem;
}

/* end */

/* medical page */

caption {
    display: block;
}
/* end */

/* medical page */

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

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

.medBillText {
    display: inherit;
}



.tabularLabel 
{
    display: inline-block;
    width: 90%;
    color: #333;
    font-weight: bold;
}

.mobileSortContainer {
    display: inherit;
}

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

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