* {
    margin: 0;
    padding: 0;
}

    /* overriding foundation's default styles that are currently effecting/overriding Metis styles*/
    *,
    *::before,
    *::after {
        box-sizing: unset;
    }

table tbody th, table tbody tr, table tbody td {
    padding: 0px;
    background-color: white;
}

table {
    margin-bottom: 0px;
}

    table tbody tr:nth-child(even) {
        border-bottom: 0;
    }

/*****************************************/

html {
    width: 100%;
    /*    background: #BbBBbb;
*/
}

body {
    width: 100%;
    height: 100%;
    /* front settings from screen.css */
    font-size: 10.5pt;
    line-height: 20px;
    font-family: "Open Sans",sans-serif;
    background-color: #F8F8F8;
}

h2 {
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.563rem;
    /*    text-transform: uppercase;
*/ padding-bottom: 10px;
    text-shadow: none;
}

h3 {
    font-size: inherit;
    color: #676767;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 10px;
    text-shadow: none;
}

#container {
    width: 100%;
    height: auto;
}

#outerContainer {
    max-width: 1540px;
    margin: auto;
    padding: 0 20px 0 20px;
    position: relative;
    top: 25px;
}

#header {
    width: 100%;
    height: 85px;
    /*    background: white;
*/
    position: relative;
}

#headerline {
    float: left;
    height: 2px;
    width: 100%;
    /*default background if the browser is not compatible with css3 gradients*/
    background: #F2F2F2;
    /*Chrome and Safari*/
    background: -webkit-gradient(linear, left top, right top, from(#F2F2F2), to(#FFFFFF));
    /*Firefox*/
    background: -moz-linear-gradient(left, #FFFFFF, #F2F2F2);
    /*Internet Explorer*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#FFFFFF', GradientType=1);
    /*Opera*/
    background-image: -o-linear-gradient(left,rgb(242,242,242),rgb(255,255,255));
}

#logo {
    max-width: 1540px;
    position: relative;
    margin: auto;
}

    #logo img {
        width: 181px;
        position: relative;
        margin-top: 20px;
        margin-left: 20px;
    }

#main {
    float: left;
    background: white;
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0 4px 20px rgba(92,133,150,.25);
    -moz-box-shadow: 0 4px 20px rgba(92,133,150,.25);
    box-shadow: 0 4px 20px rgba(92,133,150,.25);
    padding-bottom: 25px;
}

#content {
    margin: 35px 30px 30px 30px;
}

/*
.landingPageContent {
    margin: 10px 20px 30px 32px;
}
*/

.landingPageContent > .row > .columns {
    margin: 25px;
}


#footer {
    max-width: 1540px;
    margin: auto 20px auto 20px;
    height: 70px;
    color: #676767;
    position: relative;
    font-size: 0.800em;
    font-weight: 600;
    top: 30px;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
}

    #footer a:link, #footer a:visited {
        color: #676767;
        font-weight: normal;
    }

#testtakerSite {
    float: right;
    text-align: right;
}

#copyright {
    float: left;
}

/*---- FROM OLD CSS ----*/

td.done {
    /*background-color: #4E78AA;/*Original*/
    /*background-color: #7E9197; /*Gray*/
    background-color: #3D7ABF; /*Blue*/
}

td.notdone {
    /*background-color: #DFECFC;/*Original*/
    background-color: #DBDCDD; /*Gray*/
    /*background-color: #A5C8EE; /*Blue*/
}

.ErrorMessage {
    color: red;
}

.CounterText {
    font-size: 16pt;
    font-weight: bold;
    font-family: "Myriad Pro", "Trebuchet MS", Arial;
    color: #4c5260;
    /*border: 1px solid #4c5260;*/
    margin: 1px 1px 1px 1px;
    padding: 0px 3px 0px 3px;
    line-height: normal;
}

.ItemsLeftText {
    font-weight: bold;
    color: #4c5260;
    line-height: normal;
}

/*---- FROM OLD CSS END----*/

#navigation input, #navigation button {
    font-size: 0.9em;
    line-height: 20px;
    padding: 1px 6px;
}

#Culture {
    /*margin: 10px 0 10px 0;*/
}

a.report {
    background: url(../Content/Images/document_16x16.png) no-repeat top left;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px; /* hides the link text */
}

table.response-list {
    border-collapse: collapse;
}

    table.response-list tr.row-0 {
        background: #fff;
    }

    table.response-list tr.row-1 {
        background: #f0f0f0;
    }

    table.response-list td {
        padding: 2px 4px;
    }

    table.response-list th {
        padding: 2px 4px;
        text-align: left;
    }

.ControlContainer {
    padding-top: 20px;
    float: left;
    margin: auto;
    font-family: "Montserrat", sans-serif !important;
    text-transform: uppercase;
    display: block;
    width: 100%;
}

p span {
    display: inline-block;
}

.ui-mobile .ui-page-active {
    overflow-x: unset;
}

.ui-select {
    min-width: 280px;
    float: left;
}

.ui-input-text {
    min-width: 280px;
}

.selectInputText {
    position: relative;
}

.ui-corner-all {
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

.ItemInput .ui-input-text {
    width: 10px !important;
}

.listH2 {
    margin: 0 !important;
    line-height: 1em;
    padding: 0 !important;
}

.liMargin {
    margin-left: 10px !important;
}

.reportDownloadDiv {
    min-width: 130px;
    position: relative;
    float: right;
    top: -30px;
}

.DownloadClick {
    top: 43px !important;
    position: relative !important;
}

.assessmentReportLi {
    position: relative;
    min-height: 90px;
}

    .assessmentReportLi a {
        /*height: 90px !important;*/
        width: 100%;
    }

.ListDiv {
    /*max-width: 700px;*/
    margin: auto;
    position: relative;
    margin-bottom: 10px;
    /*float: left;*/
}

.ListDivLeft350 {
    /*float: left;*/
    /*min-width: 550px;*/
}



.ListThumb40 {
    padding: 10px;
    width: 40px;
    height: 40px;
}

.standardButton {
    background-color: #5B6B72 !important;
    color: #FFFFFF !important;
    font-weight: 400 !important;
    font-size: 14px;
}

    .standardButton:hover {
        background-color: #39AECA !important;
    }

@media only screen and (max-width: 1320px) {
    #logo img {
        margin-left: 21px;
    }
}

.ui-checkbox input {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    margin: 0 !important;
    min-width: 36px !important;
}

.HealthBannerDiv {
    position: relative;
    margin: auto;
    text-align: center;
}

.HealthBannerTextSpan {
    position: relative;
    padding-left: 10px;
    font-family: "Montserrat",sans-serif;
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 700;
    padding-top: 14px;
}

@media screen and (min-width: 40px) {

    .StatusTextDiv {
        width: 400px;
    }

    .HealthStatusDiv {
        width: auto;
    }

    .OverallStatusDiv {
        width: auto;
        padding: 15px;
    }

    .HealthStatusOKDiv {
        width: auto;
    }

    .HealthStatusWrapperDiv {
        width: auto;
    }
}

@media screen and (min-width: 420px) {

    .StatusTextDiv {
        width: 170px;
    }

    .HealthStatusDiv {
        width: 400px;
    }

    .HealthStatusOKDiv {
        width: 400px;
    }
}

@media screen and (min-width: 475px) {
    .OverallStatusDiv {
        font-size: 20px;
    }

    .StatusTextDiv {
        width: 268px;
    }

    .HealthStatusDiv {
        width: 400px;
    }

    .HealthStatusOKDiv {
        width: 400px;
    }
}

@media screen and (min-width: 500px) {
    .OverallStatusDiv {
        font-size: 24px;
    }

    .StatusTextDiv {
        width: 295px;
    }

    .HealthStatusDiv {
        width: 400px;
    }

    .HealthStatusOKDiv {
        width: 400px;
    }
}

@media screen and (min-width: 690px) {
    .OverallStatusDiv {
        font-size: 30px;
    }

    .StatusTextDiv {
        width: 365px;
    }

    .HealthStatusDiv {
        width: 400px;
    }

    .HealthStatusOKDiv {
        width: 400px;
    }

    .ListDiv {
        /*min-width: 550px;*/
    }
}

.StatusTextDiv {
    margin: auto;
}

.OverallStatusDiv {
    position: relative;
    /*padding-left: 10px;*/
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    width: 400px;
}

.HealthStatusDiv {
    position: relative;
    text-align: center;
    line-height: 50px;
    min-height: 50px;
    margin: auto;
    background-color: green;
    animation-name: statuscheck;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    color: white;
}

.HealthStatusOKDiv {
    margin-top: 20px;
    position: relative;
    text-align: center;
    line-height: 50px;
    min-height: 50px;
    margin: auto;
    background-color: green;
    color: white;
}

.HealthStatusErrorDiv {
    margin-top: 20px;
    position: relative;
    text-align: center;
    line-height: 50px;
    min-height: 50px;
    width: 400px;
    margin: auto;
    background-color: red;
    color: white;
}

@keyframes statuscheck {
    0% {
        background-color: green;
    }

    50% {
        background-color: yellow;
    }

    100% {
        background-color: green;
    }
}

.HealthStatusWrapperDiv {
    margin-top: 20px;
}

.HealthStatusGridDiv {
    display: table;
    width: 100%;
    margin-top: 40px;
}

.HealthStatusGridBodyDiv {
    display: table-row-group;
}

.HealthStatusGridRowDiv {
    display: table-row;
}

.HealthStatusGridWrapperDiv {
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1000px;
}

.HealthStatusGridCellDiv {
    display: table-cell;
    padding: 10px 10px;
    border-bottom: 1px solid black;
}

.HealthStatusGridCellCenteredDiv {
    display: table-cell;
    padding: 10px 10px;
    text-align: center;
    border-bottom: 1px solid black;
}

    .HealthStatusGridCellCenteredDiv img {
        top: 3px;
        position: relative;
    }

.HealthStatusIcon {
    width: 24px;
    height: 24px;
}

.HealthStatusEnvironment {
    float: right;
    position: relative;
    /*    top: -155px;
    left: 7px;
*/
    padding: 15px;
}

.EnvironmentLabel {
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

@media screen and (min-width: 1px) {
    .HealthStatusGridCellDiv span {
        font-size: 2.0vw;
    }

    .HealthStatusGridCellCenteredDiv span {
        font-size: 2.0vw;
    }
}

@media screen and (min-width: 805px) {
    .HealthStatusGridCellDiv span {
        font-size: 12px;
    }

    .HealthStatusGridCellCenteredDiv span {
        font-size: 12px;
    }
}

@media screen and (min-width: 880px) {
    .HealthStatusGridCellDiv span {
        font-size: 14px;
    }

    .HealthStatusGridCellCenteredDiv span {
        font-size: 14px;
    }
}

@media screen and (min-width: 955px) {
    .HealthStatusGridCellDiv span {
        font-size: 16px;
    }

    .HealthStatusGridCellCenteredDiv span {
        font-size: 16px;
    }
}

@media screen and (min-width: 1260px) {
    .HealthStatusGridCellDiv span {
        font-size: 18px;
    }

    .HealthStatusGridCellCenteredDiv span {
        font-size: 18px;
    }
}


#HealthStatus {
    border-radius: 8px;
}


.UpperCaseTitle {
    text-transform: uppercase;
}

/*************************************/

/*progress bar*/

.progress-bar-container {
    margin-bottom: 0px;
}

    .progress-bar-container .columns {
        padding-right: 0px;
        padding-left: 0px;
    }

.progress {
    /*    border-radius: 0px !important;
*/
    height: 20px !important;
}

.progress-meter {
    /*    border-radius: 0px !important;
*/
    background-color: #3D7ABF !important;
    height: 20px !important;
}

.header-row {
    display: block;
    text-align: center;
    height: 41px;
}

.input-container input {
    margin-left: 33% !important;
    margin: -7px 0px 0px 0px;
}

.custom-row {
    height: 30px;
    margin-top: -7px;
    line-height: 1.5;
    margin-bottom: 7px;
}


/*Tables*/

.rating-tr {
    background-color: white !important;
}


    .rating-tr > td {
        border-top: 1px dotted lightgray;
    }

.rating-thead > .rating-td {
    border-top: none;
}

.rating-table {
    /*width: 65%;*/
    margin: auto;
}

/* medium devices */
@media screen and (max-width: 970px) {
    .rating-table {
        width: 100%;
    }
}


.rating-table .rating-td {
    padding: 0px;
}

.rating-table tr:nth-child(even) {
    background-color: white;
}

.rating-thead .rating-td {
    padding: 0px;
}

.btn-original-size {
    width: 86px;
}

.rotation-hint-container {
    display: none;
}

.generic-error-message {
    display: none;
    color: #E00000;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
}

.master-trademarks-footer {
    display: block;
}

/* Medium screens*/
@media screen and (min-width: 1025px) {
    .input-container label {
        display: none;
    }
}

/*Target only iOS devices stop remove this, which fixed thead landscape BRIGHT issue*/
@supports (-webkit-overflow-scrolling: touch) {
    .input-container label {
        display: block;
    }
}

/* max-width 639px, desktop browser styles */
@media screen and (max-width: 1024px) {
    .rating-table, .rating-tbody, .rating-tr, .rating-th, .rating-td {
        display: block;
        /*text-align: left;*/
    }

    .rating-thead {
        display: none;
    }

    .ItemHorizontalSelectOptionEven, .ItemHorizontalSelectOptionOdd {
        height: 32px !important;
        background: none !important;
    }

    .ItemHorizontalSelectText, ItemHorizontalSelectTextError {
        /*font-size: 13pt;*/
        background-color: #3D7ABF;
        color: white;
        padding-left: 5px;
        white-space: unset !important;
        /*height: auto;
        min-height: 28px;
        padding: 0.7% 1.5% 1.3% 1.5% !important;*/
    }

    .rating-tr {
        border: 1px solid #3D7ABF !important;
        padding: 0px 0px 20px 0px;
        margin: 10px 0px !important;
        height: auto;
        background-color: white !important;
        width: 100% !important;
    }

    .rating-td .ui-radio input {
        top: -30px !important;
    }

    .rating-td .ui-btn {
        font-weight: normal !important;
        background-color: white;
        padding-bottom: .3em;
    }

    .rating-td .ui-btn {
        border-width: 0px !important;
    }

        .rating-td .ui-btn:hover {
            background-color: #2ba6cb;
        }

    #content {
        margin: 10px 5px 5px 5px;
    }

    .landingPageContent {
        /*margin: 10px 5px 5px 32px;*/
    }

    #outerContainer {
        padding: 0 5px 0 5px;
        top: 5px;
    }

    .progress-bar-container {
        margin-right: 10px;
    }

    .ControlContainer {
        /*padding-top: 0px;*/
        float: none;
    }

    .ItemInput .ui-input-text {
        width: 100% !important;
    }

    .ui-select {
        min-width: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        float: none;
        width: 100%;
    }

    .ItemHeader, TD.ItemHeader {
        padding-bottom: 0px !important;
        padding-top: 10px !important;
    }

    .btn-original-size {
        width: auto;
    }

    .rating-tr-error {
        border: 2px solid #E00000 !important;
    }

    td .InvalidEntryStyle {
        border-left: solid 0px #E00000 !important;
        margin-left: 0px;
        /*background-color: #3D7ABF !important;*/
        color: white;
        height: auto;
    }

    .rating-td .InvalidEntryStyle {
        border-left: solid 0px #E00000 !important;
        margin-left: 0px !important;
        background-color: #3D7ABF !important;
        color: white;
        height: auto;
        min-height: 28px;
        padding: 6px 0px 4px 5px !important;
    }

    .ItemErrorMessage, .PageFooterErrorMessage {
        /*display: none !important;*/
    }

    .master-trademarks-footer {
        display: none !important;
    }

    #footer {
        top: 35px;
        position: relative;
        clear: both;
    }

    #copyright {
        float: none;
        text-align: center;
    }

    #testtakerSite {
        float: none;
        text-align: center;
    }

    #footer p {
        line-height: 0.3 !important;
    }

    .ui-radio:after {
        content: "";
        position: absolute;
        z-index: 2;
        top: -9%;
        bottom: 49px;
        left: 20px;
        border-left: 2px dotted lightgray;
        transform: translate(-50%);
    }

    .rating-tr .ItemHorizontalSelectText + .rating-td .ui-radio:after {
        top: 10px !important;
    }
}

/*for mobile devices, tablets and phones*/
/*639*/
@media screen and (max-device-width: 1024px) {
    .rating-table, .rating-tbody, .rating-tr, .rating-th, .rating-td {
        display: block;
        text-align: left;
    }

    .rating-thead {
        display: none;
    }

    .ItemHorizontalSelectOptionEven, .ItemHorizontalSelectOptionOdd {
        height: 32px !important;
        background: none !important;
    }

    .ItemHorizontalSelectText, ItemHorizontalSelectTextError {
        font-size: 13pt;
        white-space: normal !important;
        background-color: #3D7ABF !important;
        color: white;
        height: auto;
        min-height: 28px;
        padding: 0.7% 1.5% 1.3% 1.5% !important;
    }

    .rating-tr {
        border: 1px solid #3D7ABF !important;
        padding: 0px 0px 20px 0px;
        margin: 10px 0px !important;
        height: auto;
        background-color: white !important;
        width: 100% !important;
    }

    .rating-td .ui-radio input {
        top: -30px !important;
    }

    .rating-td .ui-btn {
        font-weight: normal !important;
        background-color: white;
        padding-bottom: .3em;
    }

    .rating-td .ui-btn {
        border-width: 0px !important;
    }

        .rating-td .ui-btn:hover {
            /*background-color: #2ba6cb;*/
        }

    #content {
        margin: 10px 5px 5px 5px;
    }

    .landingPageContent {
        /*margin: 10px 5px 5px 32px;*/
    }

    #outerContainer {
        padding: 0 5px 0 5px;
        top: 5px;
    }

    .progress-bar-container {
        margin-right: 10px;
    }

    .ControlContainer {
        /*padding-top: 0px;*/
        float: none;
    }

    .ItemInput .ui-input-text {
        width: 100% !important;
    }

    .ui-select {
        min-width: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        float: none;
        width: 100%;
    }

    .ItemHeader, TD.ItemHeader {
        padding-bottom: 0px !important;
        padding-top: 10px !important;
    }

    .btn-original-size {
        width: auto;
    }

    .rating-tr-error {
        border: 2px solid #E00000 !important;
    }

    td .InvalidEntryStyle {
        border-left: solid 0px #E00000 !important;
        margin-left: 0px;
        background-color: #3D7ABF !important;
        color: white;
        height: auto;
    }

    .rating-td .InvalidEntryStyle {
        border-left: solid 0px #E00000 !important;
        margin-left: 0px !important;
        background-color: #3D7ABF !important;
        color: white;
        height: auto;
        min-height: 28px;
        padding: 6px 0px 4px 5px !important;
    }

    .ItemErrorMessage, .PageFooterErrorMessage {
        display: none !important;
    }

    .master-trademarks-footer {
        display: none !important;
    }

    #footer {
        top: 15px;
        display: inline-table;
        margin: auto;
        width: 100%;
    }

    #copyright {
        float: none;
        text-align: center;
    }

    #testtakerSite {
        float: none;
        text-align: center;
    }

    #footer p {
        line-height: 0.3 !important;
    }

    .rating-tr .ui-radio:after {
        content: "";
        position: absolute;
        z-index: 2;
        top: -9%;
        bottom: 49px;
        left: 20px;
        border-left: 2px dotted lightgray;
        transform: translate(-50%);
    }

    .rating-tr .ItemHorizontalSelectText + .rating-td .ui-radio:after {
        top: 10px !important;
    }
}

/** Provide hint or information message asking user to rotate the device to landcape mode*/
@media screen and (max-width: 639px) and (max-device-width: 639px) and (orientation : portrait) {
    .rotation-hint-container {
        background-color: darkgray;
        position: absolute;
        opacity: 0.8;
        top: 0;
        left: 0;
        bottom: 0;
        width: 150vh;
        height: 100vh;
        display: block;
        overflow: hidden;
        z-index: 999;
    }

    .rotation-hint {
        position: absolute;
        font-weight: bold;
        top: 0;
        bottom: 60%;
        left: 0;
        right: 50%;
        width: 35%;
        height: 100px;
        margin: auto;
        background-color: white;
        opacity: 1;
        vertical-align: middle;
        text-align: center;
    }
}

@media screen and (max-width: 560px) and (max-device-width: 560px) and (orientation : portrait) {
    .rotation-hint {
        right: 55%;
        height: 120px;
    }
}
/*iphone 6 plus*/
@media screen and (max-width: 414px) and (max-device-width: 414px) and (orientation : portrait) {
    .rotation-hint {
        right: 63%;
        height: 120px;
        width: 25%;
    }
}
/*iphone 6*/
@media screen and (max-width: 375px) and (max-device-width: 375px) and (orientation : portrait) {
    .rotation-hint {
        right: 62.5%;
        height: 120px;
        width: 25%;
    }
}
/*iphone 5*/
@media screen and (max-width: 320px) and (max-device-width: 320px) and (orientation : portrait) {
    .rotation-hint {
        right: 65%;
        width: 20%;
        height: 125px;
    }
}


.boxed-security-policy {
    float: right;
    margin: 14px 14px 7px 0px;
    width: 250px;
    background-color: #f2f2f2;
    border: 1px solid #bbb;
    padding: 10px;
    position: relative;
    z-index: 1;
    word-break: break-word;
}

@media screen and (max-width: 639px) {
    .boxed-security-policy {
        width: auto;
        margin: 2px 2px 20px 2px;
        float: none;
    }
}

.closePolicyLink {
    position: absolute;
    top: 2px;
    right: 2px;
}

.indexSectionTitleLi {
    background-color: #3D7ABF !important;
    margin-top: 10px;
}

    .indexSectionTitleLi h2 {
        color: white;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center;
    }

.assessmentTitleLi {
    background-color: #3D7ABF !important;
    margin-top: 10px;
    border-color: #3D7ABF !important;
}

    .assessmentTitleLi h2 {
        color: white;
        margin: 0 !important;
        padding: 0 !important;
        /*        text-align: center;
*/
    }

.fullNameDiv {
    position: relative;
    background-color: #3D7ABF !important;
    width: 100%;
}

    .fullNameDiv h2 {
        color: white;
        margin: 0px 0px 0px 0px !important;
        text-align: center;
    }

/*.fullNameLeftDiv {
    position: absolute;
    background: url('./Images/AssetCollection.png') 0 0;
    width: 33px;
    height: 35px;
}

.fullNameRightDiv {
    position: relative;
    background: url('./Images/AssetCollection.png') 40px 0;
    width: 33px;
    height: 35px;
    float: right;
    top: -45px;
}*/

.ConsentTextDiv {
    position: relative;
    margin-bottom: 15px;
    /*display: inline-block;*/
}

    .ConsentTextDiv:after {
        clear: both;
    }

.ConsentText {
    float: left;
    width: calc(100% - 104px);
    margin: 10px;
}

.ConsentTextWarningLeft {
    position: relative;
    width: 32px;
    height: 32px;
    margin-top: 13px;
    margin-left: 10px;
}

.ConsentAcceptDiv {
    display: block;
    position: relative;
    cursor: pointer;
    margin: auto;
    margin-bottom: 20px;
    margin-top: 15px;
}

.ConsentAcceptDivError {
    display: block;
    position: relative;
    cursor: pointer;
    margin: auto;
    margin-bottom: 20px;
    margin-top: 15px;
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
}

.ListDivDisabled {
    opacity: 0.1;
    filter: alpha(opacity=60);
    background-color: #000000;
    z-Index: 1000;
    -webkit-transition: opacity 2s; /* For Safari 3.1 to 6.0 */
    transition: opacity 2s;
}

.ListDivOverlay {
    margin-right: 20px;
}

.WarningImage {
    position: relative;
    margin-top: 4px;
    float: left;
    margin-right: 10px;
}

@-webkit-keyframes glowing {
    0% {
        background-color: #B20000;
        -webkit-box-shadow: 0 0 3px #B20000;
    }

    50% {
        background-color: #FF0000;
        -webkit-box-shadow: 0 0 40px #FF0000;
    }

    100% {
        background-color: #B20000;
        -webkit-box-shadow: 0 0 3px #B20000;
    }
}

@-moz-keyframes glowing {
    0% {
        background-color: #B20000;
        -moz-box-shadow: 0 0 3px #B20000;
    }

    50% {
        background-color: #FF0000;
        -moz-box-shadow: 0 0 40px #FF0000;
    }

    100% {
        background-color: #B20000;
        -moz-box-shadow: 0 0 3px #B20000;
    }
}

@-o-keyframes glowing {
    0% {
        background-color: #B20000;
        box-shadow: 0 0 3px #B20000;
    }

    50% {
        background-color: #FF0000;
        box-shadow: 0 0 40px #FF0000;
    }

    100% {
        background-color: #B20000;
        box-shadow: 0 0 3px #B20000;
    }
}

@keyframes glowing {
    0% {
        background-color: #B20000;
        box-shadow: 0 0 3px #B20000;
    }

    50% {
        background-color: #FF0000;
        box-shadow: 0 0 40px #FF0000;
    }

    100% {
        background-color: #B20000;
        box-shadow: 0 0 3px #B20000;
    }
}

@supports (-webkit-overflow-scrolling: touch) {
    /* CSS specific to iOS devices */
    *,
    *::before,
    *::after {
        clear: both;
    }
}

.PinCodeContainerDiv {
    /*max-width: 850px;*/
    background-color: white;
    padding: 10px;
    padding-top: 45px;
    margin: auto;
}

.ButtonHover {
    cursor: pointer;
}

.PinCodeColumn {
    top: 20px;
    position: relative;
}

.PinHelpIcon {
    margin-right: 7px;
}

.PinHR {
    margin-top: 45px;
}

.PinCodeTextBox {
    padding-top: 7px;
    padding-left: 5px;
}

.dashboardAssessmentNameUl {
    list-style-type: none;
    font-weight: 400;
    font-size: small;
}

.dashboardAssessmentNameLi {
}

.leftColNameContainer {
    display: inline-block;
}

    .leftColNameContainer h2 {
        display: contents !important;
    }

    .leftColNameContainer p {
        display: contents !important;
    }

.testStatusIcon {
    padding-top: 0px;
    padding-right: 0;
    width: 30px;
    height: 30px;
    top: -5px;
    position: relative;
}

.rightCol {
    left: -15px;
    position: relative;
}

.dashboardDownloadButton {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
}

.dashboardNoResultsContainer {
    margin: auto;
    display: table;
}

.dashboardNoResults {
    display: table-cell;
    padding: 10px;
    background-color: #f2f2f2;
    box-shadow: 2px 2px 6px -2px;
}

.upArrow {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.downArrow {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

img {
    pointer-events: none;
}

* {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}