﻿

@font-face {
    font-family: 'Avenir LT Std';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url('../fonts/AvenirLTStd-Light.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/AvenirLTStd-Light.ttf') format('truetype');
}


@font-face {
    font-family: 'AvenirMedium';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/AvenirMedium.ttf') format('truetype');
}

@font-face {
    font-family: 'AvenirLTStd-Black';
    src: url('../fonts/AvenirLTStd-Black.otf') format('opentype');
}

@font-face {
    font-family: 'AvenirLTStd-Book';
    src: url('../fonts/AvenirLTStd-Book.otf') format('opentype');
}

@font-face {
    font-family: 'AvenirLTStd-Heavy';
    src: url('../fonts/AvenirLTStd-Heavy.otf') format('opentype');
}

@font-face {
    font-family: 'AvenirLTStd-HeavyOblique';
    src: url('../fonts/AvenirLTStd-HeavyOblique.otf') format('opentype');
}

@font-face {
    font-family: 'AvenirLTStd-LightOblique';
    src: url('../fonts/AvenirLTStd-LightOblique.otf') format('opentype');
}

@font-face {
    font-family: 'AvenirLTStd-Medium';
    src: url('../fonts/AvenirLTStd-Medium.otf') format('opentype');
}

@font-face {
    font-family: 'AvenirLTStd-Roman';
    src: url('../fonts/AvenirLTStd-Roman.otf') format('opentype');
}
    /*Basic elements*/

.header {
    background-color: #980E7D;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 45px;
    font-family: 'Avenir LT Std', sans-serif;
    font-weight: 700;
    padding: 30px 40px 30px 40px;
    letter-spacing: 1px;
    margin-bottom: 25px;
    line-height: 60px;
    float: left;
    display: inline-flex;
}


html {
    overflow: scroll;
    background-color: #e2e2e2;
    margin: 0;
    padding: 0;
}

body {
    background-color: #fff;
    border-top: solid 12px #4c4c4c;
    color: #4c4c4c;
    font-size: 1.0em;
    line-height: 22px;
    font-family: 'Avenir LT Std', sans-serif;
    margin: 0 auto 0 auto;
    padding: 0;
    width: 1024px;
}


.logodiv {
    background-color: #407cc9;
    width: 400px;
    height: 200px;
    float: left;
}

.relClass {
    position: relative;
}


.instructions {
    background-color: #EBE1EA;
    padding: 30px;
}

.padMae {
  padding-right: 30px;
  padding-bottom: 20px;
  padding-left: 30px;

}


.logo {
    height: 60px;
    padding: 10px;
}


.tablerowalternate {
    background-color: #EBE1EA;
}


.textcellheader 
{
    width:350px;
    height:50%;
    text-align:left !important;
}


.numbercellheader
{
    width:150px;
    height:50%;
    text-align:center;
}


.fakiecell
{
    width:200px;
    height:22px;
    border:1px solid black;
    float:left;
    
}

.greenbar
{
    background-color:green;
    float:left;
    
    
}

.whitebar
{
    background-color:white;
    float:left;
}


.percentlabel
{
    font-size :0.7em;
}


.dash tr
{
    height:15px;
}

.show {
    display:normal;
}

.hide {
    display: none;
}

.dash td span{display:block; text-align:center; margin:0 auto;}


.padcellleft
{
    padding-left:20px;
}


.MargeLeft
{margin-left:10px;}

.resultsText
{
    font-size:1.5em;
    font-weight:bold;
}


.LeftJusty
{
    text-align:left;
}

.LeftJustyLarge
{
    text-align:left;
    font-size:1.2em;
}


.Centerinnerdiv {
    width: 50%;
    margin: 0 auto;
}


.CenterProgress {
    width: 250px;
    margin: 0 auto;
}


.CenterHeader {
    width: 450px;
    margin: 0 auto;
}

.surveycontent {
    width: 960px;
    margin: 0 auto 0 auto
}

.wideTable {
    margin:0 5px;
}

.clearMostBroad
{
    clear: both;
    margin-bottom:18px;
}

.clearMostBroadFrontPage
{
    clear: both;
    margin-bottom:14px;
}

.CenterJusty
{
    text-align:center;
}

.rightJusty
{
    text-align:right;
    margin-right:50px;
}

.rightJustyClean {
    text-align: right;
 
}

.CenterJustyLarge
{
    text-align:center;
    font-size:1.2em;
}

.masterfoot {
    clear: both;
    border-bottom: 25px solid #4c4c4c;
    text-align: center;
    margin: 0 auto 0 auto;
    padding: 10px 0 5px 0;
    font-size: .8em;
    color: #fff;
}

.hospbox {
    font-size: 0.8rem;
    height: 500px;
    width: 100%;
    min-width: 470px;
}

/*Validation Text*/

.ValidationText {
    color: #c22e34;
    font-size: 16px;
    font-weight:bold;
}

.SuccessText {
    color: #408740;
    font-size: 13px;
}

.noleftborder {
    border-left: none;
}


.WorkListDesc {
    width: 90%;
    margin-top: 10px;
    font-size: 1em;
}


.boldLabel {
    font-family: 'AvenirLTStd-Heavy';
    font-size: .90em;
}


.boldLabelreg {
    font-weight: bold;
}

.leftrightmargin {
    margin-left: 5px;
    margin-right: 5px;
}

.other-rightaligned-wrapper1 {
    margin: 0px 0px 0px 384px;
    height: 70px;
}

.other-rightaligned-wrapper2 {
    margin: 0px 0px 0px 440px;
    height: 70px;
}

.textarea-wrapper {
    margin: 0px 0px 0px 0px;
    height: 110px;
}

.padcellleft50
{
    padding-left: 50px;
    padding-right: 60px;
    text-align: right;
}



.ModifiedItem
{
    background-color:lavender;
}


.NewItem
{
    background-color:yellow;
}

.GridLinedandSpaced {  background-color: #fff; margin: auto; border: solid 1px #525252; border-collapse:collapse;  line-height:normal}
    .GridLinedandSpaced td {
        padding-bottom: 4px;
        padding-top: 4px;
        padding-right: 10px;
        padding-left: 10px;
        border: solid 1px #c1c1c1;
        background: #EBE1EA;
        color: #000000;
        font-size: 0.85em;
        line-height: normal;
        text-align: center
    }
    .GridLinedandSpaced th {
        vertical-align: bottom;
        padding: 2px 7px 2px 7px;
        color: #FFF;
        background: #980E7D;
        border-left: solid 1px #525252;
        font-size: 0.85em;
        line-height: normal
    }

.GridLinedandSpaced .alt td {  padding-bottom: 4px; padding-top: 4px; padding-right: 10px; padding-left: 10px; background: #FFF; line-height:normal}
.GridLinedandSpaced .pgr {background: #666; border: 0;}
.GridLinedandSpaced .pgr table { margin: 0; border: 0; }
.GridLinedandSpaced .pgr td { border: 0; padding: 0;   color: #fff; background: #666; font-weight: bold;  font-size: 0.85em; }   
.GridLinedandSpaced .pgr a { color: #fff; text-decoration: none; }
.GridLinedandSpaced .pgr a:hover { color: #fff; text-decoration: none; }


.GridLinedandSpacedleft {  background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse;  line-height:normal}
.GridLinedandSpacedleft td { padding-bottom: 4px; padding-top: 4px; padding-right: 10px; padding-left: 10px; border: solid 1px #c1c1c1; color: #000000; font-size: 0.85em; line-height:normal; text-align:left; margin:5px;}
    .GridLinedandSpacedleft th {
        vertical-align: bottom;
        padding: 2px 7px 2px 7px;
        color: #000;
        background: #EBE1EA;
        border-left: solid 1px #525252;
        font-size: 0.85em;
        line-height: normal;
        margin: 5px;
    }

    .GridLinedandSpacedleft .alt td {
        padding-bottom: 4px;
        padding-top: 4px;
        padding-right: 10px;
        padding-left: 10px;
        background: #EBE1EA;
        line-height: normal
    }
.GridLinedandSpacedleft .pgr {background: #666; border: 0;}
.GridLinedandSpacedleft .pgr table { margin: 0; border: 0; }
.GridLinedandSpacedleft .pgr td { border: 0; padding: 0;   color: #fff; background: #666; font-weight: bold;  font-size: 0.85em; }   
.GridLinedandSpacedleft .pgr a { color: #fff; text-decoration: none; }
.GridLinedandSpacedleft .pgr a:hover { color: #fff; text-decoration: none; }




.NoBorder
{
    border:none;
}


.auto-style1 {
    text-align: left !important;
}


.font-weight-bold {
    font-family: 'AvenirLTStd-Heavy' !important;
}


.ValidationText {
    color: #c22e34;
    font-family: 'AvenirLTStd-Heavy' !important;
    font-size: 1.0rem;
}


b, strong {
    font-family: 'AvenirLTStd-Heavy' !important;
}

i {
    font-style: italic;
}



.dashUL {
    list-style-type: '- ';
}

.floatLeft {
    float: left;
}

.RadioLabelWidth {
    width: 700px;
    text-align: left;
    margin-left: 10px;
}


.yesnoBorder {
    border: 1px black solid;
    line-height: 2;
    padding-right: 10px;
    padding-left: 10px;
}

.yesnoAlt {
    background-color: #EBE1EA;
}

.clearB {
    clear: both;
}

h4 {
    color: #980E7D;
    font-family: AvenirLTStd-Heavy;
}

.OthBump {
    width: 98%;
    margin-left: 5px;
}

.Thankyouse{
    min-height:600px;
}