html *,
.weblink {
    /* Typefaces must be Acumin, or Arial where Acumin is not available. */
    font-family: 'Acumin-Pro', Arial;
}

.navbar-inverse.navbar-static-top {
    background-color: #4d5d68; /* 'Slate' */
}

    .divider-vertical,
    .navbar.navbar-static-top .menu-bar > .navbar-nav > .divider-vertical,
    .navbar-inverse.navbar-static-top .divider-vertical {
        height: 45px;
        margin-top: 2.5px;
        border-left: none;
        border-right: 1px solid #7f8d99; /* 'Graphite' */
    }

.navbar.navbar-static-top .menu-bar > .navbar-nav > li > a {
    /* Typefaces must be Acumin, or Arial where Acumin is not available. */
    font-family: 'AcuminProExtraCond-Black', Arial;
}

#logodiv {
    /* Give the logo clearance space. Distinguish the logo area with the main body of the page with a horizontal rule below it */
    border-bottom-color: #4d5d68; /* 'Slate' */
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-top: 20px; /* Space above the logo should be equal in size to one of the logo's bubbles */
    padding-right: 0px;
    padding-bottom: 20px; /* Padding between the logo and the line underneath should be equal to the height of the hole in the "b" of the logo */
    margin-left: 15px; /* Line underneath must be inline with the text below. */
}

#logodiv img {
    width: 150px; /* Digital guidelines: Set logo to 105px width. */
}

.body {
    /* Standard body copy should be in 'Slate' */
    color: #4d5d68
}

.heading {
    color: #4d5d68; /* 'Slate' */
    line-height: 1.2em !important;
    display: block;
    /* Headings should be set in Acumin Pro Extra Condensed Bold, or Arial where Acumin is not available. */
    font-family: 'Acumin-Pro-Extra-Condensed-Bold', Arial;
}

.HomeTile {
    /*background: #345b73 !important;*/
    font-size: 1.1em !important;
    line-height: 1.4em !important;
}

.HomeTitle a:hover img {
    text-decoration: none !important;
}

.containerTandC {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.panel-primary > .panel-heading {
    background-color: #0065BD;
    border-color: #0065BD;
}

td {
    padding: 10px;
}

@media(min-width:800px) {
    .containerTandC {
        width: 800px;
    }
}

@media(max-width:414px) {
    .containerTandC {
        width: 414px;
    }
}



#imgLevy, #imgGrant, #imgTD, #imgNR {
    max-width: 150px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#levyTextArea,
#grantTextArea,
#CITBPurpleTextArea,
#CITBGreenTextArea,
#CITBNavyTextArea,
#CITBBlueTextArea {
    text-align: center;
    margin: 20px 60px 20px 60px;
    border-top-style: solid;
    border-top-width: 1px;
}

#levyTextArea {
    border-top-color: #663763; /* 'CITB Purple' */
}

#grantTextArea {
    border-top-color: #286E71; /* 'CITB Green' */
}

#CITBPurpleTextArea {
    border-top-color: #663763;
}

#CITBGreenTextArea {
    border-top-color: #286E71;
}

#CITBNavyTextArea {
    border-top-color: #003366;
}

#CITBBlueTextArea {
    border-top-color: #0065BD;
}

#levyText,
#grantText,
#CITBPurpleText,
#CITBGreenText,
#CITBNavyText,
#CITBBlueText {
    text-transform: uppercase;
    font-weight: bold;
}

#levyText,
#grantText {
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: none !Important;
}

#CITBPurpleText {
    color: #663763;
}

#CITBGreenText {
    color: #286E71;
}

#CITBNavyText {
    color: #003366; /* 'CITB Navy' */
}

#CITBBlueText {
    color: #0065BD;
}

#levyText {
    color: #663763; /* 'CITB Purple' */ 
}

#grantText {
    color: #286E71; /* 'CITB Green' */
}

footer .footer-bottom {
    background-color: #4d5d68; /* 'Slate' */
    padding: 0px 0px;
}

/* "Ensure that all elements align where applicable" */
footer .list-inline li {
    padding-left: 0px;
}

    footer .list-inline li a {
        margin-left: 0px;
    }

footer .footer-bottom .list-inline li h4,
footer .footer-bottom .list-inline li:last-child h4 {
    padding-left: 0px;
    margin-top: 10.5px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #4d5d68; /* 'Slate' */
}

a {
    color: #0065BD; /* 'Azure' */
}

/* Toggle Styles */

#wrapper {
    padding-left: 0;
    -webkit-transition: left 0.6s ease;
    -moz-transition: left 0.6s ease;
    -o-transition: left 0.6s ease;
    transition: left 0.6s ease;
    transition: display 0 0.6s ease;
}

@media(min-width:800px) {
    #wrapper {
        padding-left: 220px;
        left: -768px;
    }
}

@media(max-width:414px) {
    #wrapper.toggled {
        padding-left: 0;
    }
}

#wrapper.toggled {
    padding-left: 800px;
}

@media(min-width:800px) {
    #wrapper.toggled {
        padding-left: 0;
    }
}

@media(max-width:414px) {
    #wrapper.toggled {
        padding-right: 60px;
    }
}

#helpcontent {
    /* Allow the menu image to protrude from the help area. */
    margin-right: 32px;
    background-color: white !Important;
    border: solid 2px #0065BD; /* 'Azure' */
    padding: 15px;
    overflow-y: auto;
    max-height: 350px;
    min-height: 100px;
    position: relative;
    top: -250px;
}

#helpcontentModal {
    /* Allow the menu image to protrude from the help area. */
    margin-right: 32px;
    background-color: white !Important;
    border: solid 2px #0065BD; /* 'Azure' */
    padding: 15px;
    overflow-y: auto;
    max-height: 350px;
    min-height: 100px;
    position: relative;
    top: -110px;
}

#helpTab {
    background-color: #0065BD; /* 'Azure' */
    width: 30px;
    height: 100px;
    position: relative;
    top: -350px;
    left: 368px;
    transition: left 0.6s ease;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

#helpcontentATOApplication {
    /* Allow the menu image to protrude from the help area. */
    margin-right: 32px;
    background-color: white !Important;
    border: solid 2px #0065BD; /* 'Azure' */
    padding: 15px;
    overflow-y: auto;
    max-height: 350px;
    min-height: 100px;
    position: relative;
    top: 0px;
}

#helpTabATOApplication {
    background-color: #0065BD; /* 'Azure' */
    width: 30px;
    height: 100px;
    position: relative;
    top: -100px;
    left: 368px;
    transition: left 0.6s ease;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

#helpcontentDefault {
    /* Allow the menu image to protrude from the help area. */
    margin-right: 32px;
    background-color: white !Important;
    border: solid 2px #0065BD; /* 'Azure' */
    padding: 15px;
    overflow-y: auto;
    max-height: 350px;
    min-height: 100px;
    position: relative;
    top: 0px;
}

#helpTabDefault {
    background-color: #0065BD; /* 'Azure' */
    width: 30px;
    height: 100px;
    position: relative;
    top: -100px;
    left: 368px;
    transition: left 0.6s ease;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

@media(min-width:800px) {
    #helpTab, #helpTabATOApplication {
        left: 768px;
    }
}

@media(max-width:414px) {
    #helpTab, #helpTabATOApplication {
        float: right;
        left: -2px;
    }

    #containerTandC {
        width: 414px;
    }
}

#menu-toggle {
    float: right;
    line-height: 100px;
    width: 30px;
    text-align: center;
    color: #fff;
    outline: none;
}

    #menu-toggle a:hover, #menu-toggle a:focus {
        color: #fff;
    }

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    /* left: 270px; */
    width: 400px;
    left: 0px;
    background-color: transparent;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    max-height: 50%;
}

@media(min-width:800px) {
    #sidebar-wrapper {
        width: 800px;
    }
}

@media(max-width:414px) {
    #sidebar-wrapper {
        width: 100%;
    }
}

#sidebar-wrapper a:hover {
    text-decoration: none;
}

#sidebar-wrapper .fa {
    font-size: 25px;
    padding-right: 5px;
}

#wrapper.toggled #sidebar-wrapper {
    left: -368px;
}

@media(min-width:800px) {
    #wrapper.toggled #sidebar-wrapper {
        left: -768px;
    }
}

@media(max-width:414px) {
    #wrapper.toggled #sidebar-wrapper {
    }
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 10px;
}

@media(min-width:800px) {
    #page-content-wrapper {
        padding: 20px;
        position: relative;
    }
}

@media(max-width:414px) {
    #page-content-wrapper {
        padding: 5px;
        position: relative;
    }
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-left: -250px;
}

@media(min-width:800px) {
    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}

@media(max-width:414px) {
    #wrapper.toggled #page-content-wrapper {
        position: absolute;
        margin-right: 60px;
    }
}

.card-block {
    color: #4d5d68; /* 'Slate' */
}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    right: 15px;
    width: 800px;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .sidebar-nav li {
        text-indent: 20px;
        line-height: 40px;
    }

        .sidebar-nav li a {
            display: block;
            text-decoration: none;
            color: #999999;
        }

            .sidebar-nav li a:hover {
                text-decoration: none;
                color: #fff;
                background: #312A25;
            }

            .sidebar-nav li a:active,
            .sidebar-nav li a:focus {
                text-decoration: none;
            }

    .sidebar-nav > .sidebar-brand {
        height: 65px;
        font-size: 18px;
        line-height: 60px;
    }

        .sidebar-nav > .sidebar-brand a {
            color: #999999;
        }

            .sidebar-nav > .sidebar-brand a:hover {
                color: #fff;
                background: none;
            }

@media(max-width:414px) {
    #wrapper.toggled span {
        visibility: visible;
        position: relative;
        left: 70px;
        bottom: 13px;
    }

    #wrapper span {
        visibility: hidden;
    }

    #wrapper.toggled i {
        float: right;
    }

    #wrapper i {
        float: right;
    }
}

/* Portal Web Form style updates*/
.progress-numeric {
    box-shadow: none !important;
    border: none !important;
    background: none;
    margin: 0 auto;
}

    .progress-numeric .number {
        /* 'Azure' */
        background-color: #0065BD !Important;
    }

.crmEntityFormView .section-title.show-bar {
    background-color:;
    color: white;
    padding: 5px;
    font-weight: bold;
}

.crmEntityFormView .section-title h3{
    color: white !important;
}

.crmEntityFormView .section-title {
    /* 'Azure' */
    background-color: #00b1eb;
    padding: 7px 10px 7px 10px;
    font-size: 20px
}

.crmEntityFormView .tab-title {
    color: #4d5d68; /* 'Slate' */
}

a.btn.btn-primary.pull-right.action.create-action {
    background-color: #0065BD; /* 'Azure' */
    border-color: #0065BD; /* 'Azure' */
}

input#PreviousButton {
    color: #000;
    border-color: #0065BD; /* 'Azure' */
}

input#NextButton {
    background-color: #0065BD; /* 'Azure' */
    border-color: #0065BD; /* 'Azure' */
}

input#InsertButton {
    background-color: #0065BD; /* 'Azure' */
    border-color: #0065BD; /* 'Azure' */
}

input#UpdateButton {
    background-color: #0065BD; /* 'Azure' */
    border-color: #0065BD; /* 'Azure' */
}

a.btn.btn-info.pull-right.action {
	background-color: #0065BD; /* 'Azure' */
    border-color: #0065BD; /* 'Azure' */
}

#.btn-info {
    background-color: #0065BD; /* 'Azure' */
    border-color: #0065BD; /* 'Azure' */
}

.btn-info {
    background-color: #0065BD; /* 'Azure' */
    border-color: #0065BD; /* 'Azure' */
}

.btn-primary {
    color: #fff;
    background-color: #0065BD;
    border-color: #0065BD;
}

/* Border around search input */
input.query.form-control {
    border: 0.616667px;
    border-style: solid;
    border-color: #3366FF;
    padding-bottom: 7.5px;
    padding-left: 12px;
	padding-right: 12px;
	font-size: 16px;
    padding-top: 10px;
}

.progress glyphicon glyphicon-ok{
    float: left;
    margin-right: 10px; 
}

/* END - Portal Web Form style updates*/