/* HITS Custom Theme Elements */

/* GLOBALS */
/*  * { padding: 0; margin: 0; }  */

/* STRUCTURE */

/* TAGS */

/* CUSTOM CLASSES */

.dos-header-color-blue {
    background: #10274e; /* Old browsers */
    background: -moz-linear-gradient(top, #10274e 1%, #23334c 45%, #1271d0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #10274e 1%,#23334c 45%,#1271d0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #10274e 1%,#23334c 45%,#1271d0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10274e', endColorstr='#1271d0',GradientType=0 ); /* IE6-9 */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10274e+1,23334c+45,1271d0+100 */
}

.dos-header-color-dkgreen {
    background: #c9de96; /* Old browsers */
    background: -moz-linear-gradient(top, #c9de96 0%, #8ab66b 44%, #398235 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #c9de96 0%,#8ab66b 44%,#398235 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c9de96 0%,#8ab66b 44%,#398235 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#398235',GradientType=0 ); /* IE6-9 */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c9de96+0,8ab66b+44,398235+100 */
}

.dos-header-color-ltGreen {
    background: #deebbf; /* Old browsers */
    background: -moz-linear-gradient(top, #deebbf 0%, #b8d3a5 44%, #77c672 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #deebbf 0%,#b8d3a5 44%,#77c672 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #deebbf 0%,#b8d3a5 44%,#77c672 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deebbf', endColorstr='#77c672',GradientType=0 ); /* IE6-9 */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#deebbf+0,b8d3a5+44,77c672+100 */
}

.dos-header-color {
    background: rgb(245,246,246); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(245,246,246,1) 0%, rgba(219,220,226,1) 21%, rgba(184,186,198,1) 49%, rgba(221,223,227,1) 80%, rgba(245,246,246,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f6f6+0,dbdce2+21,b8bac6+49,dddfe3+80,f5f6f6+100;Grey+Pipe */
}

.centering {
    float: none;
    margin: 0 auto;
}


.row-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}

.col-height {
    display: table-cell;
    float: none;
    height: 100%;
}

.col-top {
    vertical-align: top;
}

.col-middle {
    vertical-align: middle;
}

.col-bottom {
    vertical-align: bottom;
}


/* ---- Font Awesome Icons ---- */
.faCheckCircle {
    position: relative;
}

    .faCheckCircle:before {
        content: "\f058";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        /*--adjust as necessary--*/
        /*--color: #73a839;--*/
        font-size: 17px;
        padding-right: 0.3em;
        position: relative;
        top: 1px;
        left: 0;
    }

.faFileExcel {
    position: relative;
}

    .faFileExcel:before {
        content: "\f1c3";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        /*--adjust as necessary--*/
        color: white;
        font-size: 17px;
        padding-right: 0.3em;
        position: relative;
        top: 1px;
        left: 0;
    }

.faPlusCircle {
    position: relative;
}

    .faPlusCircle:before {
        content: "\f055";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        /*--adjust as necessary--*/
        color: white;
        font-size: 17px;
        padding-right: 0.3em;
        position: relative;
        top: 1px;
        left: 0;
    }

    .faEdit {
    position: relative;
}

    .faEdit:before {
        content: "\f040";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        /*--adjust as necessary--*/
        color: black;
        font-size: 17px;
        padding-right: 0.3em;
        position: relative;
        top: 1px;
        left: 0;
    }

      .faSave {
    position: relative;
}

    .faSave:before {
        content: "\f0c7";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        /*--adjust as necessary--*/
        color: white;
        font-size: 17px;
        padding-right: 0.3em;
        position: relative;
        top: 1px;
        left: 0;
    }

/* ---- BANNER ---- */

.dsHeader {
    width: 100%;
    height: 31px;
    background-color: #10274e;
    border-bottom: 2px solid #10274e;
    position: relative;
}

.dsHeaderTrim {
    height: 1px;
    background-color: #FFF;
    position: relative;
    clear: both;
}

.dsBanner {
    width: 100%;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    margin: 0 auto;
}
/* ---- IMPORTANT: If required, can adjust "width" to match your application. For example, use a fixed width of 980px. ---- */

.dsLogoDSSeal {
    height: 31px;
    overflow: hidden;
    background: url(../ds-logo.jpg) 0 0 no-repeat;
    margin: 0 0 0 20px;
    padding: 8px 0 0 78px;
    float: left;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-variant: small-caps;
    color: #d2e0fa;
    text-align: left;
    font-weight: bold;
}

.dsBannerTop {
    padding: 8px 0 0 0;
    color: #fff;
    text-align: right;
    float: right;
    display: table;
    height: 23px;
    overflow: hidden;
}

    .dsBannerTop ul { /* use for additional items beyond "welcome user" (i.e., office, messages)  */
        padding: 1px 10px 0 0;
        margin: 0;
        overflow: hidden;
        display: inline;
        vertical-align: middle;
        list-style-type: none;
    }

    .dsBannerTop li { /* use for additional items beyond "welcome user" (i.e., office, messages)  */
        padding: 1px 10px 0 0;
        margin: 0;
        overflow: hidden;
        display: inline;
        vertical-align: middle;
    }

    .dsBannerTop a,
    .dsBannerTop a:link,
    .dsBannerTop a:visited {
        color: #b9cef1;
        text-decoration: underline;
        font-weight: bold;
    }

        .dsBannerTop a:hover,
        .dsBannerTop a:active {
            color: #ffffff;
            text-decoration: none;
        }

.dsSecBox { /* Classification Box in upper right */
    float: right;
    height: 31px;
    padding: 8px 10px 0 10px;
    margin: 0 20px 0 10px;
    text-align: center;
}

    .dsSecBox.blkFont { /* Used when background color is light, i.e. SCI and TEST */
        color: #000000;
    }

/* color codes for each classification level */
.dsSecBarSbu {
    background-color: #038939;
    color: #FFF;
}
/* green */
.dsSecBarSecret {
    background-color: #b22b2b;
    color: #FFF;
}
/* red */
.dsSecBarTest {
    background-color: #c5c6c6;
    color: #000000;
    font-weight: bold;
}
/* light grey */
.dsSecBarSci {
    background-color: #eff203;
    color: #000000;
    font-weight: bold;
}
/* yellow */
.dsSecBarTrain {
    background-color: #606367;
    color: #FFF;
}
/* dark gray */
.dsSecBarDev {
    background-color: #86027b;
    color: #FFF;
}
/* purple */
.dsSecBarLocalDev {
    background-color: #7b5108;
    color: #FFF;
}
/* brown */
.dsSecBarQa {
    background-color: #7f7544;
    color: #FFF;
}
/* gold */

/* END BANNER */

/* ---- FOOTER ---- */

.dsFooter {
    width: 100%;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    line-height: 1.5em;
    background-color: #10274e;
    border-top: 2px solid #10274e;
    position: relative;
    clear: both;
}

    .dsFooter a {
        color: #b9cef1;
        text-decoration: underline;
    }

        .dsFooter a:hover {
            color: #ffffff;
        }

.dsFooterTrim {
    height: 1px;
    background-color: #FFF;
}

.dsFooterborder {
    width: 100%; /* ---- IMPORTANT: If required, you can adjust "width" to match your application ---- */
    display: block;
    position: relative;
    margin: 0 auto;
}

.dsFootertextclassification {
    float: left;
    /*width: 30%;*/
    width: 33%;
    padding: 0;
    color: #ffffff;
    border: none;
    margin: 10px 0 20px 0;
    padding: 0 3% 0 3%;
    border-right: 1px solid #476989;
    min-height: 250px;
    height: auto !important;
    height: 250px;
}

    .dsFootertextclassification p,
    .dsFootertext p {
        color: #ffffff;
        padding: 0 0 10px 0;
    }

    .dsFootertextclassification h1,
    .dsFootertext h1 {
        font-size: 1.1em;
        color: #ffffff;
        padding: 12px 0 6px 0;
    }

.dsFootertext {
    float: left;
    /*width: 20%;*/
    width: 33%;
    padding: 0;
    color: #ffffff;
    margin: 10px 0 0 0;
    padding: 0 3% 0 3%;
    min-height: 250px;
    height: auto !important;
    height: 250px;
}

.dsSpacer {
    clear: both;
}

/* END FOOTER */

/** ******************************************************* */
@media print {
    /* things to hide during printing. */
    .dsHeaderTrim {
        display: none;
    }

    .dsBannerTop {
        display: none;
    }

    .dsFooter {
        display: none;
    }

    /* things to show during printing. */

    /* things to simplify during printing */
    .dsSecBarSbu, .dsSecBarSecret, .dsSecBarTest, .dsSecBarSci, .dsSecBarTrain, .dsSecBarDev, .dsSecBarLocalDev, .dsSecBarQa {
        background-color: #fff;
        color: #000000;
    }

    .dsHeader {
        background-color: #FFF;
        border-bottom: 2px solid #000000;
    }

    .dsLogoDSSeal {
        background: url(../images/ds-logo-print.jpg) 0 0 no-repeat;
        color: #666;
    }
}