/* Minification failed. Returning unminified contents.
(153,26): run-time error CSS1019: Unexpected token, found ':'
(153,26): run-time error CSS1042: Expected function, found ':'
(153,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */
/* Body Styles */
/* Modified the font-family*/
body {
    font-size: 75.7%;
    font-family: 'Open Sans', Abel, sans-serif;
    color: #232323;
    background-color: white;
    margin: 0;
    overflow-y: scroll;
    overflow-x: hidden;
}

.dvLoading {
    display: none;
    position: fixed;
    z-index: 1000;
    text-align: center;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url(../Content/Icons/rotate-ajax-loader.gif) 50% 50% no-repeat;
}

a {
    color: #af493e;
}

    a:hover {
        color: #666;
    }

form {
    margin: 0;
    padding: 0;
}

header, footer, nav, section, aside, header {
    display: block;
}

img {
    border: none;
}

/* Styles for validation helpers */
/* Modified the color for size of validation message*/
.field-validation-error {
    color: #DF2826;
    padding: 8px 0 4px 0;
    display: block;
    width: 100%;
    font-size: smaller;
}

.field-validation-valid {
    display: none;
}

/* Modified the color for validation message*/
.input-validation-error {
    border: 1px solid #DF2826;
    background-color: #ffeeee;
}

/* Modified the color for validation message*/
.validation-summary-errors {
    font-weight: bold;
    color: #DF2826;
    list-style-image: url(../Content/Icons/16-error.png);
}

.validation-summary-valid {
    display: none;
}

/* Logos, Icons, and Images */

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

.actionDelete {
    background: url(../Content/Icons/16-trash-can-delete.png) no-repeat top left;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px; /* hides the link text */
}

.documentUpload {
    background: url(../Content/Icons/42-document_blank.png) no-repeat top left;
    display: block;
    width: 42px;
    height: 42px;
}

.BEMSlogo {
    background: url(../Content/Branding/azdhs_BEMSTS_logo.PNG) no-repeat top left;
    display: block;
    width: 83px;
    height: 131px;
}

.AZ-ESAR-VHPlogo {
    background: url(../Content/Branding/az-esar-vhp-logo.jpg) no-repeat top left;
    display: block;
    width: 180.5px;
    height: 39.5px;
}

/* Modified the style for BEMSTS logo in the navigation bar*/
.BDMSlogo {
    display: block;
    clear: both;
    width: 57px;
    height: 92px;
    padding-left: 47px;
}

IMG.person-image {
    display: inline-block;
    margin: 5px;
    box-shadow: 2px 2px 5px rgb(156, 156, 156);
    -webkit-box-shadow: 2px 2px 5px rgb(156, 156, 156);
    -moz-box-shadow: 2px 2px 5px rgb(156, 156, 156);
}

img.sidebar-profile {
    max-height: 75px;
    max-width: 115px;
    clear: both;
    display: block;
    margin: 12px 5px 5px 37px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
}

/* File upload styles */

input.file {
    position: relative;
    text-align: right;
    width: 10px;
    height: 10px;
    -moz-opacity: 0;
    z-index: 2;
    filter: alpha(opacity: 0);
    opacity: 0;
}

.embedded-map {
    box-shadow: 2px 2px 5px rgb(156, 156, 156);
    -webkit-box-shadow: 2px 2px 5px rgb(156, 156, 156);
    -moz-box-shadow: 2px 2px 5px rgb(156, 156, 156);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

/* Application Element Styles */

DIV.application-segment {
    background-color: rgb(240,237,240);
    border: 1px solid Gray;
    padding: 15px;
    margin: 15px 5px 15px 5px;
    overflow: hidden;
}

    DIV.application-segment:hover {
        background: url(../Content/Icons/light_pink_tile.PNG) repeat top left;
        border: 1px solid rgb(156, 156, 156);
    }

DIV.active-application-segment {
    box-shadow: 2px 2px 5px rgb(156, 156, 156);
    -webkit-box-shadow: 2px 2px 5px rgb(156, 156, 156);
    -moz-box-shadow: 2px 2px 5px rgb(156, 156, 156);
    background-color: rgb(253, 250, 253);
    border: 1px solid rgb(156, 156, 156);
    padding: 15px;
    overflow: hidden;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    font-family: sans-serif;
}

DIV.is-true-and-complete {
    clear: both;
    display: inline-block;
    margin-top: 5px;
    padding: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    background-color: rgb(250, 247, 249);
    border: 1px solid rgb(250, 247, 249);
}

    DIV.is-true-and-complete:hover {
        border: 1px solid rgb(236,231,238);
    }

/* Fieldset & Legend Styles */

fieldset {
    background: rgb(240,237,240) url(../Content/Icons/ligh_pink_tile.PNG) repeat top left;
    border: 1px solid rgb(156, 156, 156);
    padding: 0 1.4em 1.4em 1.4em;
    box-shadow: 3px 3px 10px rgb(156, 156, 156);
    -webkit-box-shadow: 3px 3px 10px rgb(156, 156, 156);
    -moz-box-shadow: 3px 3px 10px rgb(156, 156, 156);
    margin-bottom: 15px;
}

    fieldset.report-date-model {
        width: 60%;
        display: block;
    }

/* Modified font-family and removed font-weight for Legends*/
legend {
    font-family: sans-serif;
    background-color: rgb(240,237,240);
    padding: 8px;
    position: relative;
    color: rgb(85, 85, 85);
    border: 1px solid rgb(156, 156, 156);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 1em;
}

/* Added font family to the h3, paragraph elements*/
.application-summary h3, .application-summary p {
    display: block;
    color: Gray;
    padding-top: 10px;
    background-color: rgb(240,237,240);
    border: 1px solid rgb(236,231,238);
    clear: both;
    padding: 5px;
    width: auto;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    font-family: sans-serif;
}

div.documentation-question {
    display: block;
    clear: both;
    float: right;
    font-size: 89%;
}

    div.documentation-question a, div.documentation-question span {
        display: inline-block;
    }

/* Button Styles */

div.button-group {
    display: block;
    clear: both;
    padding: 15px 0px 15px 0px;
}

div.button-group-right {
    display: block;
    clear: both;
    padding: 15px 0px 15px 0px;
    float: right;
}

    /* Modified font-family for buttons*/
    div.button-group a, div.button-group-right a, input[type=file] {
        display: inline-block;
        line-height: normal;
        padding: .4em 1em;
        margin-top: .7em;
        margin-left: 5px;
        text-align: center;
        text-decoration: none;
        font-weight: normal;
        font-size: 1.0em;
        font-family: sans-serif;
        border: 1px solid #d3d3d3;
        background: #e6e6e6 url(../Content/themes/custom-theme/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
        color: #555;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
    }

        div.button-group-right a:hover, div.button-group a:hover, input[type=file]:hover {
            border: 1px solid #999;
            background: #dadada url(../Content/themes/custom-theme/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
            color: #212121;
        }

div.add-phone {
    clear: both;
    display: block;
    padding: 10px;
    margin-top: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    background-color: rgb(250, 247, 249);
    border: 1px solid rgb(250, 247, 249);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
}

div.add-org {
    clear: both;
    display: block;
    padding: 10px;
    margin-top: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    background-color: rgb(250, 247, 249);
    border: 1px solid rgb(250, 247, 249);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
}

div.add-screenshot {
    clear: both;
    display: block;
    padding: 15px;
    margin-top: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    background-color: rgb(250, 247, 249);
    border: 1px solid rgb(250, 247, 249);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
}

div.add-org a.remove-ins, div.add-org a.remove-org, .remove-screenshot {
    float: right;
    display: inline-block;
}

div.add-org:hover, div.add-screenshot:hover, div.add-phone {
    border: 1px solid rgb(236,231,238);
}

div.email-sender {
    display: block;
    background-color: rgb(250, 247, 249);
    padding: 4px;
    color: rgb(123, 102, 123);
    width: 75%;
    overflow: auto;
    box-shadow: 2px 2px 6px rgb(236, 231, 238);
    -webkit-box-shadow: 2px 2px 6px rgb(236, 231, 238);
    -moz-box-shadow: 2px 2px 6px rgb(236, 231, 238);
    line-height: 24px;
}

    div.email-sender a {
        color: #af493e;
        text-decoration: none;
    }

        div.email-sender a:hover {
            text-decoration: underline;
        }

div.email-sender-pic {
    display: block;
    width: 100px;
    float: left;
}

div.email-sender-name {
    padding-top: 2px;
    display: block;
    float: left;
    margin-left: 5px;
}

div.add-recipient {
    display: inline-block;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    background-color: rgb(251, 229, 142);
    border: 1px solid rgb(251, 229, 142);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 1px;
}

    div.add-recipient a {
        float: right;
        display: inline-block;
    }

    div.add-recipient:hover {
        background-color: rgb(252,247,207);
        border: 1px solid White;
    }

div.email-attachments {
    display: block;
    clear: both;
    padding: 5px;
}

div.outline {
    display: block;
    border: 1px solid grey;
}

/* Datatables Styles */
/* Modified the font family and size*/
table.dataTable {
    border: 1px solid lightgrey;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
    font-size: 85%;
    width: 98%;
    color: rgb(85, 85, 85);
    font-family: 'Open Sans';
}

    table.dataTable select {
        font-size: 90%;
    }

    table.dataTable td {
        padding: 2px;
    }

    table.dataTable tr.odd {
        background-color: rgb(254, 251, 253);
        border: 1px solid lightgrey;
    }

        table.dataTable tr.odd:hover {
            background-color: rgb(251,246,245);
        }

    table.dataTable tr.even {
        background-color: rgb(251,249,249);
        border: 1px solid lightgrey;
    }

        table.dataTable tr.even:hover {
            background-color: rgb(246,241,248);
        }

.dataTables_filter label {
    display: block;
    padding: 10px;
    height: 25px;
    color: #666666;
    vertical-align: middle;
}

table.dataTable tfoot tr {
    border-top: 1px solid rgb(156, 156, 156);
}

/* table Styles */

table {
    border: 1px solid lightgrey;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
    font-size: small;
    width: 100%;
    color: rgb(85, 85, 85);
}

    table select {
        font-size: small;
    }

    table td {
        padding: 2px;
    }

    table tr.odd {
        background-color: rgb(254, 251, 253);
        border: 1px solid lightgrey;
    }

        table tr.odd:hover {
            background-color: rgb(251,246,245);
        }

    table tr.even {
        background-color: rgb(251,249,249);
        border: 1px solid lightgrey;
    }

        table tr.even:hover {
            background-color: rgb(246,241,248);
        }

    table.dataTable tfoot tr {
        border-top: 1px solid rgb(156, 156, 156);
    }

/*.weekTable table
{
    border-collapse: collapse;
}

.weekTable table, td, th
{   
    background-color: rgb(240,240,240); 
}*/

.search_init {
    color: rgb(156, 156, 156);
}

.public-emt-regulatory-actions {
    margin-left: 25px;
}

    .public-emt-regulatory-actions td, .public-emt-regulatory-actions th {
        padding-right: 20px;
        text-align: left;
    }

/* Textbox and Text Area Styles */

section.wrapper input[type=text]:focus, section.wrapper input[type=password]:focus {
    outline: none;
    border-color: rgb(236,231,238);
    box-shadow: 0 0 4px rgb(240,237,240);
    -webkit-box-shadow: 0 0 4px rgb(240,237,240);
    -moz-box-shadow: 0 0 4px rgb(240,237,240);
}

.placeholder {
    color: rgb(158, 158, 158);
}

div.div-rank-ticket {
    display: block;
}

a.up-rank-ticket {
    display: inline-block;
    width: 12px;
    padding-right: 5px;
    text-indent: 40px;
    text-decoration: none;
    height: 9px;
    background: url(../Content/Icons/green-up-arrow_bw.png) no-repeat top left;
}

    a.up-rank-ticket:hover {
        background: url(../Content/Icons/green-up-arrow.png) no-repeat top left;
    }

a.down-rank-ticket {
    display: inline-block;
    width: 12px;
    padding-left: 5px;
    text-indent: 40px;
    height: 9px;
    text-decoration: none;
    background: url(../Content/Icons/green-down-arrow_bw.png) no-repeat top left;
}

    a.down-rank-ticket:hover {
        background: url(../Content/Icons/green-down-arrow.png) no-repeat top left;
    }

.rank-ticket {
    width: 50%;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
}

textarea {
    min-height: 125px;
    width: 475px;
    font-family: Consolas, Tahoma, Arial;
    line-height: 20px;
    resize: none;
}

    textarea:hover {
        outline: none;
    }

    textarea:focus {
        outline: none;
        box-shadow: 0 0 4px rgb(240,237,240);
        -webkit-box-shadow: 0 0 4px rgb(240,237,240);
        -moz-box-shadow: 0 0 4px rgb(240,237,240);
    }


.wide-description {
    border: none;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
    padding: 5px;
    line-height: 20px;
}

    .wide-description:focus {
        border: none;
        box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
    }

.post-note {
    background-color: rgb(248, 246, 249);
    outline: none;
    border: 1px solid rgb(236, 231, 238);
    color: rgb(123, 102, 123);
    padding: 3px;
    line-height: 20px;
}

.comments-minimize {
    text-decoration: none;
}

.comments-maximize {
    text-decoration: none;
}

/* EMT Print Card Styles */

.emt-card {
    padding: 8px;
    color: Black;
    background: #D1E8FF url(../Content/Branding/bems-logo-print-93x157.png) no-repeat 370px 42px;
    display: block;
    width: 450px;
    height: 220px;
    border: 1px solid Black;
    font-family: Arial;
    box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.4);
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

    .emt-card img {
        border: 1px solid Black;
    }

    .emt-card h2, .emt-card h3 {
        margin-bottom: 2px;
    }

.emt-card-photo {
    margin-top: 10px;
    display: block;
    float: left;
    width: auto;
    text-align: center;
}

.emt-card-cert-template {
    float: left;
    margin-top: 10px;
    padding-left: 30px;
    text-align: left;
    display: block;
    font-style: normal;
    line-height: 19px;
}

.emt-card-cert-label {
    clear: both;
    display: block;
    float: left;
    width: 60px;
}

.emt-card-cert-field {
    display: block;
    float: left;
}

.color-certification {
    color: White;
    text-align: center;
    font-style: normal;
    font-weight: bold;
    min-width: 100px;
    margin-bottom: 2px;
    padding-top: 3px;
    padding-bottom: 2px;
}

/* Tabs Styles */

.tabs-upper-right {
    position: relative;
    padding-right: 6.5em;
    display: block;
    box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.4);
    margin-bottom: 2em;
    margin-top: 0.4em;
}

    .tabs-upper-right .ui-tabs-nav {
        position: absolute;
        right: 0.25em;
        top: 0.25em;
        bottom: 0.25em;
        width: 3em;
        padding: 0.2em 0.2em 0.2em 0em;
    }

        .tabs-upper-right .ui-tabs-nav li {
            width: 100%;
            border-left: none;
            border-bottom-width: 1px !important;
            -moz-border-radius: 0px 4px 4px 0px;
            -webkit-border-radius: 0px 4px 4px 0px;
            border-radius: 0px 4px 4px 0px;
            overflow: hidden;
        }

            .tabs-upper-right .ui-tabs-nav li a {
                width: 100%;
            }

            .tabs-upper-right .ui-tabs-nav li.ui-tabs-selected,
            .tabs-upper-right .ui-tabs-nav li.ui-state-active {
                left: -1px;
                border-left: 1px solid transparent;
            }

.tabs-upper-right-content {
    margin-right: 4em;
}

/* Template Styles */
/* Modified the font family and size*/
.display-label, .editor-label {
    margin: 0.5em 10px 0 0;
    width: 150px;
    float: left;
    display: block;
    clear: both;
    text-align: right;
    font-family: sans-serif;
}

/* Modified the font family*/
.display-field, .editor-field {
    margin: 0.5em 0 0 0;
    display: block;
    float: left;
    text-align: left;
    font-family: sans-serif;
}

.editor-template {
    overflow: auto;
}

.sameline-wrapper {
    clear: both;
    display: inline-block;
    overflow: auto;
    padding-bottom: 10px;
}

.yes-no-radio-buttons {
    width: 140px;
    display: inline-block;
    text-align: right;
    font-weight: bold;
    font-size: 95%;
    font-style: italic;
    padding-top: 12px;
    padding-right: 10px;
    vertical-align: top;
}

.yes-no-radio-label {
    display: inline-block;
    text-align: left;
    font-style: normal;
    padding-top: 17px;
    font-size: 95%;
    width: 400px;
    vertical-align: top;
}

.display-template {
    font-size: 100%;
    font-style: italic;
}

    .display-template label, .editor-template label {
        font-weight: bold;
        font-size: 95%;
        font-style: normal;
    }

.parallel-template {
    display: block;
    overflow: auto;
}

    .parallel-template label {
        font-weight: bold;
        font-size: 95%;
        font-style: normal;
    }

.parallel-label {
    margin: 0.5em 10px 0 0;
    width: 150px;
    float: left;
    display: block;
    text-align: right;
}

.parallel-field {
    margin: 0.5em 10px 0 0;
    display: block;
    float: left;
    text-align: left;
}

.nice-type-list {
    display: block;
    font-style: italic;
    margin: 10px 0 5px 0;
    padding: 5px 10px 3px 6px;
    color: rgb(85, 85, 85);
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    -moz-box-shadow: inset rgb(253, 250, 253) 0 0 20px;
    -webkit-box-shadow: inset rgb(253, 250, 253) 0 0 20px;
    box-shadow: inset rgb(253, 250, 253) 0 0 20px;
    background: rgb(240,237,240) url(../Content/Icons/ligh_pink_tile.PNG) repeat top left;
}

/* Header Styles */

/* Modified the color of the header*/
header {
    overflow: hidden;
    background-color: white;
    white-space: nowrap;
    height: 120px;
}

/* Modified the style of the header-wrapper*/
DIV#header-wrapper {
    display: block;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    height: 95px;
    width: 960px;
    margin: 10px 0 0 140px;
    padding-top: 10px;
    background: white;
}

DIV#title-motto-and-logo {
    display: block;
    margin-right: 10px;
    padding-left: 10px;
    height: 65px;
    vertical-align: top;
}

a#adhslogo {
    display: inline-block;
    height: 70px;
}

a#azgov-logo {
    display: inline-block;
    margin-left: 300px;
}

/* Miscellaneous Div Styles */

.newline {
    display: block;
    clear: both;
}

/* Main Site Search Styles */

/* Added for AZDHS Heading in the top of the website*/
DIV#azdhsLogoContainer {
    display: inline-block;
    height: 50px;
    position: relative;
    top: -4px;
}

/* Modified for AZDHS Heading Sentences in the top of the website*/
DIV#azdhsContainer {
    display: inline-block;
    height: 50px;
    position: relative;
    top: -23px;
    padding-left: 15px;
}

/* Added for encapsulating the BEMSTS Heading in the right of the website*/
DIV#AzdhsSentenceHeader {
    height: 30px;
    position: absolute;
    top: 10px;
    left: 775px;
    text-decoration: none;
    color: black;
    font-weight: normal;
    list-style: none;
}

/* Added for style of the BEMSTS Heading Ul in the right of the website*/
#AzdhsSentenceHeader ul {
    list-style: none;
    font-size: 30px;
    font-family: 'Abel', sans-serif;
}

/* Added for encapsulating the BEMSTS logo in the right of header-wrapper of the website*/
/*DIV#BemstsContainer {
    display: inline-block;
    height: 50px;
    position: absolute;
    left: 1040px;
    top: 10px;
}*/

/* Modified the style of the search box container in the header*/
DIV#searchContainer {
    display: inline-block;
    height: 33px;
    position: absolute;
    top: 3.5px;
    left: 700px;
}

/* Added for encapsulating the AZ logo in the right of header-wrapper of the website*/
DIV#azLogoContainer {
    display: inline-block;
    height: 50px;
    position: absolute;
    left: 713px;
    top: 10px;
}

span#extended-search-box {
    display: block;
    border: 1px solid Gray;
    background-color: White;
}

#search-button {
    display: inline-block;
    vertical-align: middle;
    height: 27px;
}

.search-box {
    padding: 1px 3px 1px 3px;
    border: none;
    height: 20px;
    width: 250px;
}

    .search-box:focus {
        outline: 0;
    }

/* User Information Control Bar */

a#user-information-bar {
    display: block;
    width: 140px;
    padding-top: 5px;
    padding-left: 5px;
    height: 27px;
    color: rgb(85, 85, 85);
    border-bottom: 1px solid rgb(153, 153, 153);
    background-color: rgb(220, 217, 220);
    text-decoration: none;
}

    a#user-information-bar:hover {
        -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 0 5px;
        -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 0 5px;
        box-shadow: inset rgba(0, 0, 0, 0.4) 0 0 5px;
    }

IMG#ok-check {
    padding-right: 11px;
}

/* Added the font-family and removed the shadow. Modified the background and font-color.*/
DIV.Message {
    display: inline-block;
    width: 79.5%;
    background: #DF2826;
    height: 28px;
    padding-top: 8px;
    padding-left: 8px;
    color: white;
    margin-top: 1em;
    font-family: sans-serif;
    font-weight: bold;
}

/* Added the font-family and removed the shadow*/
DIV.message-nofade {
    display: inline-block;
    width: 100%;
    background: url(../Content/Icons/mauve_tile.PNG) repeat-x top left;
    height: 35px;
    padding-top: 8px;
    padding-left: 8px;
    color: #B2201E; /*#af493e*/
    margin-top: 1em;
    font-family: sans-serif;
}

/* Added to modify the color*/
a.message-nofade {
    color: #B2201E !important;
}

DIV.MsgPlaceholder {
    display: inline-block;
    width: 710px;
    color: inherit;
}

DIV.Error {
    display: inline-block;
    width: 72%;
    height: 35px;
    padding: 4px;
    color: #B2201E; /*#af493e*/
    font-weight: bold;
    font-family: sans-serif;
    margin-top: 1em;
}

DIV.UserName {
    display: inline-block;
    color: gray;
    height: 20px;
    font: bold .3em "Arial Narrow";
    font-size: 12px;
}

/* Hgroup Styles */

/* Modified the style of the Main Menu bar*/
DIV#azdhs-main-menu {
    width: 100%;
    height: 35px;
    background: #333;
    color: White;
    position: absolute;
    top: 100px;
    display: block;
    text-align: center;
    font-size: 7px;
}

hgroup.hgroup-azdhs {
    display: inline-block;
    width: 460px;
}

/* Modified the style of the AZDHS H1 banner*/
hgroup h1.banner {
    font-family: 'Abel', sans-serif;
    height: 10px;
    font-size: 1.7em;
    font-weight: 100;
    letter-spacing: 0.015em;
    word-spacing: .05em;
}

/* Modified the style of the AZDHS Health message H2*/
hgroup h2.motto {
    padding-top: 5px;
    font-family: 'Fira Sans', sans-serif;
    color: #790306;
    font-size: 1em;
    letter-spacing: .008em;
    font-weight: 400;
    font-style: oblique;
    display: block;
}

/* Navigation Menu Styles */

nav a {
    text-decoration: none;
}

nav.horizontal-navigation {
    width: 100%;
    margin-left: 140px;
}

    nav.horizontal-navigation ul {
        list-style: none;
    }

    nav.horizontal-navigation > ul > li {
        float: left;
        display: inline-block;
        padding-right: 40px;
    }

        nav.horizontal-navigation > ul > li > ul {
            padding-left: 150px;
            color: rgb(255, 255, 255);
            color: rgba(255, 255, 255, 0.7);
        }

/* Removed the shadow*/
.banner-phs {
    font-size: 14px;
    font-weight: 100;
}

.banner-bemsts {
    font-size: 12px;
}

a.paragraph-link {
    font-size: 10pt;
    text-decoration: none;
    color: #232323;
    font-weight: bold;
}

/* Modified color and removed background-color*/
a.paragraph-link-highlight {
    font-size: 9pt;
    text-decoration: none;
    padding: 3px;
    margin: 3px;
    color: #DF2826;
    font-weight: bold;
    border: 1px dotted lightgrey;
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px rgb(143, 133, 169);
}

a.paragraph-link:hover {
    text-decoration: underline;
}

a.paragraph-link-highlight:hover {
    text-decoration: underline;
    border: 1px dotted grey;
}

a.logout {
    color: yellow;
}

/*Thulaitharan - Modified for the style of navigation list*/
nav.horizontal-navigation > ul > li a {
    font-size: 15px;
    text-decoration: none;
    color: rgb(255, 255, 255);
    color: white;
    background-color: transparent;
}

/* Modified color*/
nav.horizontal-navigation ul li a:hover {
    color: rgba(255, 255, 255, 0.7);
}

/*Thulaitharan - Added for centering the profile name*/
.go-to-profile-style {
    text-align: center;
}

/*Thulaitharan - Modified for the style of navigation list*/
nav#categories A {
    font: 1.1em Abel;
    display: block;
    text-decoration: none;
    padding: .6em;
    width: 132px;
    border-bottom: 1px solid #B92928;
    color: black;
}

    /* Modified the style of submenus' for Non IT and Non Bureau users*/
    nav#categories A:hover {
        background-color: #B92928;
        color: white;
    }

/* Modified the style of the side menu bar*/
DIV.sidebar {
    display: block;
    width: 150px;
    padding: 0 2px 0 0;
    display: inline-block;
    float: left;
}

/* Section styles */
/* Modified the style of the section for changes associated to new logo*/
section.wrapper {
    display: block;
    background: #F6F6F6 url(../Content/Icons/Silver.png) repeat-y top left;
    min-height: 750px;
    width: 960px;
    padding-top: 1em;
    padding-bottom: 3em;
    margin-left: 140px;
    overflow: hidden;
}

/* Modified the width of the content section*/
section.content {
    display: inline-block;
    width: 770px;
    padding-top: 1em;
}

/* Modified the style of the section for changes associated to new logo*/
section.steps-tracked {
    display: inline-block;
    border: 1px solid Gray;
    background-color: white;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    margin-top: 1.3em;
    width: 100%;
}

    section.steps-tracked h3 {
        padding: 8px;
        color: Gray;
        background-color: rgb(246,244,247);
        border: 1px solid rgb(156, 156, 156);
        display: block;
    }

    section.steps-tracked ul {
        display: block;
        padding-left: 40px;
        font-size: 90%;
    }

        section.steps-tracked ul li.incomplete-segment {
            color: Gray;
            list-style-image: url(../Content/Icons/16-error.png);
        }

        section.steps-tracked ul li.current-segment {
            list-style-image: url(../Content/Icons/16-okCheck.gif);
            font-weight: bold;
        }

section.display-segment {
    display: inline-block;
    border: 1px solid Gray;
    background-color: rgb(253, 250, 253);
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    margin-top: 1.3em;
    margin-bottom: 1em;
    width: 70%;
    padding: 10px 10px 10px 20px;
    color: Gray;
}


/* Footer styles */
/* Modified the style of the footer for changes associated to new logo*/
div.footer-separator {
    display: inline-block;
    background-color: rgba(51, 51, 51, 1);
    clear: both;
    height: 50px;
    padding-left: 225px;
    margin-top: -3px;
    width: 735px;
    margin-left: 140px;
    font-family: Abel;
    font-size: 93%;
    color: white;
    line-height: 50px;
    /*text-indent: 10px;*/
}

/* Modified the color of the footer*/
footer {
    clear: both;
    background-color: white;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    height: 45px;
    width: 960px;
    top: -5px;
    margin: -20px 0 10px 140px;
    padding: 20px 0 10px 0;
    position: relative;
    z-index: -2;
}

/* Address Styles */
/* Modified the style of the address in contact*/
address.contact-address {
    font-size: 12px;
    font-family: sans-serif;
    font-style: normal;
}

/*  Alert for application approval */

#divApprove {
    display: none;
}

/*  "Out of time frame applications list" datatable font size */
#timeframe-app-table {
    font-size: 10.5px;
}

/* Added for "side menu" in layout page*/
/*Code credit: http://bootsnipp.com/snippets/5lapE
    http://stackoverflow.com/questions/12444958/drop-down-menu-cuts-off-or-appears-behind-div 
    https://csscreator.com/topic/submenu-quickly-disappears-mouse-out */

.navUl {
    padding: 0;
    margin: 0;
    list-style: none;
}

#navwrap {
    font-size: 11.5px;
    position: relative;
    width: 150px;
    height: 400px;
    margin: auto;
}

    #navwrap ul li {
        position: relative;
        top: -.5px;
    }

#nav ul {
    background-color: #DBDBDB;
    border-bottom: 1px solid #B92928 !important;
    color: white;
    width: 150px;
    position: absolute;
    right: -9999em;
    z-index: 999;
}

#nav a {
    display: block;
    padding: 5px;
    margin: 0 0 -1px;
}

#nav li:hover ul {
    text-align: center;
    left: 0;
    position: relative;
}

/* Added to set the submenu's background and text colors when loading*/
.sublistInitialDisplay {
    background-color: #DBDBDB !important;
    color: black !important;
    border-bottom: 1px solid #B92928 !important;
}

/* Added to display an element with no background color and border*/
.paragraph-with-no-color {
    color: #DF2826 !important;
    padding: 0 !important;
    background-color: inherit !important;
    border: none !important;
    clear: both;
    width: auto;
    text-align: center;
}

/*Thulaitharan - Added to remove border shades for tables*/
/*Code credit for using "important": http://stackoverflow.com/questions/13117126/how-to-overwrite-css-style*/
.garTables {
    border: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    font-size: small;
    width: 100% !important;
    color: rgb(85, 85, 85) !important;
    font-family: sans-serif !important;
}

/* Added style for Question Symbol in "Report Problem/ Ask Questions"*/
.QuestionSymbol {
    display: block;
    float: left;
    padding-left: 3px;
    padding-top: 3px;
    padding-right: 4px;
    width: 18px;
    height: 18px;
}

/* Added for modifying the jQuery table's style"*/
/*Code credit: http://www.fbloggs.com/2009/12/30/how-to-correct-font-size-problem-with-tables-in-jquery-ui-widgets/ */
.ui-widget table, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: sans-serif !important;
}

/* Added for modifying the jQuery autocomplete's style"*/
/*Code credit: http://stackoverflow.com/questions/19824820/jquery-autocomplete-suggestions-small-font-list*/
.ui-autocomplete.ui-widget {
    font-family: sans-serif !important;
    font-size: 12px;
    line-height: 23px;
    width: 400px;
}

/* Added for modifying the jQuery-tabs's style"*/
.ui-tabs .ui-tabs-nav li a {
    font-family: sans-serif !important;
}

/* Added style for login credentials*/
.login-credentials {
    margin: 0.5em 0 0 0;
    display: block;
    float: left;
    text-align: left;
    width: 20px !important;
}

/* Added style for button*/
.SubmitButton, .SubmitButton a {
    font-size: 11px;
    font-family: sans-serif !important;
}

/* Added style for "Div - login button"*/
div.Login-button {
    display: block;
    clear: both;
    padding: 15px 0 0 316px;
}

/* Added style for login button*/
.Login-button {
    font-size: 11px;
    font-family: sans-serif !important;
    width: 80px;
}

/* Added style for login button*/
.Login-button-style {
    color: white !important;
    font-size: 9pt !important;
    font-weight: bold !important;
    background: #DF2826 !important;
    height: 30px;
}

    /* Added style for login button hovering*/
    .Login-button-style:hover {
        color: white !important;
        background: #B2201E !important;
    }

/* Added style for login button*/
.Login-editor-field {
    margin: 0.5em 0 0 0;
    display: block;
    float: left;
    text-align: left;
    font-family: sans-serif;
    width: 151px;
    padding-right: 25px;
}

/* For modifying font-style of all controls*/
select, input, textarea, button {
    font-family: sans-serif !important;
    font-size: 12px !important;
}

/* For modifying font-style of jQuery datatables*/
.dataTables_wrapper {
    font-family: sans-serif;
}

/* For modifying font-style of jQuery datatables*/
.add-new-theme-color {
    color: #B2201E !important;
}

/* For mandatory fields*/
.mandate-field {
    color: #DF2826 !important;
}

/* For downtime fields*/
.downtime-notice {
    color: #DF2826;
    font-size: 17px;
    font-weight: bold;
    font-family: Abel !important;	
}

/* For downtime fields*/
.jquery-datatable-align-center {
    text-align: center
}

/* Additional info - reason*/
.additional-info-comments {
    color: #DF2826 !important;
    font-weight: bold !important;
    text-align: left !important;
}

/* Important header*/
.important-header {
    color: #DF2826 !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}

/* Additional info - section - display segment - without "width" */
section.display-segment-additional-info {
    display: inline-block;
    border: 1px solid Gray;
    background-color: rgb(253, 250, 253);
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    margin-top: 1.3em;
    margin-bottom: 1em;
    padding: 10px 10px 10px 20px;
    color: Gray;
}

.home-page-font-style {
    font-family: sans-serif !important;
    line-height: 1.7em !important;
}

/* To set the row height of jQuery Datatable data rows as twenty */
.dataTableRowHeight20 td {
    height: 20px !important;
}

/* Notice section */
 /*#website-notice-section { 
    background-color: yellow !important; 
    margin-top: .5rem;
    margin-left: 9.5rem;
    margin-right: .5rem;
    border-radius: .3rem;
} */
.dropzone,.dropzone *{box-sizing:border-box}.dropzone{position:relative}.dropzone .dz-preview{position:relative;display:inline-block;width:120px;margin:0.5em}.dropzone .dz-preview .dz-progress{display:block;height:15px;border:1px solid #aaa}.dropzone .dz-preview .dz-progress .dz-upload{display:block;height:100%;width:0;background:green}.dropzone .dz-preview .dz-error-message{color:red;display:none}.dropzone .dz-preview.dz-error .dz-error-message,.dropzone .dz-preview.dz-error .dz-error-mark{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{display:block}.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark{position:absolute;display:none;left:30px;top:30px;width:54px;height:58px;left:50%;margin-left:-27px}

.dropzone,.dropzone .dz-preview.dz-image-preview{background:#fff}@-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-moz-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes pulse{0%,20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}}@-moz-keyframes pulse{0%,20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulse{0%,20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:2px solid rgba(0,0,0,.3)}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:.5}.dropzone .dz-preview.dz-file-preview .dz-details,.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-message{text-align:center;margin:16em 0}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:5px 210px 5px 15px;height:90px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:5px;width:330px}.dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-ms-transition:opacity .2s linear;-o-transition:opacity .2s linear;transition:opacity .2s linear}.dropzone .dz-preview .dz-remove{font-size:12px;text-align:right;display:block;margin-right:-200px;margin-bottom:50px;color:#B92928;cursor:pointer;text-decoration:none;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:-16px;left:-5px;opacity:0;font-size:10px;min-width:100%;max-width:100%;padding:2.4em 1em;text-align:center;color:rgba(0,0,0,.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:11px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,.8);color:#fff;font-size:12px;background-color:#B92928}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,.4);padding:0 .4em;border-radius:3px}.dropzone .dz-filename span{background-color:rgba(255,255,255,.4);border-radius:3px}.dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05);-webkit-filter:blur(8px);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:250px;height:50px;border:thin solid #DCDCDC;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(.77,0,.175,1);-moz-animation:passing-through 3s cubic-bezier(.77,0,.175,1);-ms-animation:passing-through 3s cubic-bezier(.77,0,.175,1);-o-animation:passing-through 3s cubic-bezier(.77,0,.175,1);animation:passing-through 3s cubic-bezier(.77,0,.175,1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(.77,0,.175,1);-moz-animation:slide-in 3s cubic-bezier(.77,0,.175,1);-ms-animation:slide-in 3s cubic-bezier(.77,0,.175,1);-o-animation:slide-in 3s cubic-bezier(.77,0,.175,1);animation:slide-in 3s cubic-bezier(.77,0,.175,1)}.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}.dropzone .dz-preview .dz-error-mark svg,.dropzone .dz-preview .dz-success-mark svg{display:block;width:54px;height:54px}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity .4s ease-in;-moz-transition:opacity .4s ease-in;-ms-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;-moz-animation:pulse 6s ease infinite;-ms-animation:pulse 6s ease infinite;-o-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:13px;left:100%;top:26%;margin-top:-14px;width:200px;margin-left:-40px;background:rgba(255,255,255,.9);-webkit-transform:scale(1);border-radius:3px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#f1a165;background:linear-gradient(to right,#f0a3a3,#DF2826);position:relative;top:0;left:0;bottom:0;width:0;-webkit-transition:width .3s ease-in-out;-moz-transition:width .3s ease-in-out;-ms-transition:width .3s ease-in-out;-o-transition:width .3s ease-in-out;transition:width .3s ease-in-out}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-ms-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;border-radius:8px;font-size:13px;top:70px;left:-10px;width:300px;background:#be2626;background:linear-gradient(to bottom,#be2626,#a92222);padding:.5em 1.2em;color:#fff}.dropzone .dz-preview .dz-error-message:after{content:'';position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #be2626}