html *,
.weblink {
    /* Typefaces must be Acumin, or Arial where Acumin is not available. */
    font-family: 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: 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: Arial;
}

.HomeTile {
    font-size: 1.1em !important;
    line-height: 1.4em !important;
}

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

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

#levyTextArea,
#grantTextArea,
#trainingDirectoryTextArea,
#trainingRegisterTextArea,
#grantClaimTextArea,
#grantReportTextArea,
#ClaimInfoTextArea,
#grantStatementTextArea {
    text-align: center;
    margin: 20px 60px 20px 60px;
    border-top-style: solid;
    border-top-width: 1px;
}

#levyText,
#grantText,
#trainingDirectoryText,
#trainingRegisterText,
#grantClaimText,
#grantReportText,
#ClaimInfoText,
#grantStatementText {
    text-transform: uppercase;
    font-weight: bold;
}

/* Home Page */
#levyTextArea {
    border-top-color: #663763; /* 'CITB Purple' */
}
#grantTextArea {
    border-top-color: #286E71; /* 'CITB Green' */
}
#trainingDirectoryTextArea {
    border-top-color: #003366; /* 'CITB Navy' */
}
#trainingRegisterTextArea {
    border-top-color: #0065BD; /* 'CITB Blue' */
}
#levyText {
    color: #663763; /* 'CITB Purple' */
}
#grantText {
    color: #286E71; /* 'CITB Green' */
}
#trainingDirectoryText {
    color: #003366; /* 'CITB Navy' */
}
#trainingRegisterText {
    color: #0065BD; /* 'CITB Blue' */
}

/* Grant Page */
#grantClaimTextArea {
    border-top-color: #B1006E; /* 'Raspberry' */
}
#grantReportTextArea {
    border-top-color: #00A5C0; /* 'Teal' */
}
#grantStatementTextArea {
    border-top-color: #6561a9; /* 'Violet' */
}
#ClaimInfoTextArea {
    border-top-color: #00b1eb; /* 'Azure' */
}
#grantClaimText {
    color: #B1006E; /* 'Raspberry' */
}
#grantReportText {
    color: #00A5C0; /* 'Teal' */
}
#grantStatementText {
    color: #6561a9; /* 'Violet' */
}
#ClaimInfoText {
    color: #00b1eb; /* 'Azure' */
}

footer .footer-bottom {
    background-color: #4d5d68; /* 'Slate' */
    padding: 20px 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, h4, h5, h6, .h1, .h2, .h4, .h5, .h6 {
    color: #4d5d68; /* 'Slate' */
}

h3, .h3 {
color: #ffffff; /* 'white' */
    margin-top: 1px;
   }
a {
    color: #00b1eb; /* '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 #00b1eb; /* 'Azure' */
    padding: 15px;
    overflow-y: auto;
    max-height: 350px;
    min-height: 100px;
}

#helpTab {
    background-color: #00b1eb; /* '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;
}
@media(min-width:800px) {
    #helpTab {
        left: 768px;
    }
}
@media(max-width:414px) {
    #helpTab {
        float: right;
        left: -2px;
    }
}

#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;
    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: 350px;
}
@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*/

/*.info {
    background-color: #00b1eb; /* 'Azure' * /
    color: white;
    padding: 5px;
    font-weight: bold;
    height: 31px;
}*/

.btn-default {
    border-color: #00b1eb; /* 'Azure' */
}

.btn-primary {
    background-color: #00b1eb; /* 'Azure' */
    border-color: #00b1eb; /* 'Azure' */
}

.progress-numeric {
    box-shadow: none !important;
    border: none !important;
    background: none;
    margin: 0 auto;
}

.progress-numeric .number {
    /* 'Azure' */
    background-color: #00b1eb !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' */
}

/* Hide the hidden fields before JS loads */
table[data-name=Hidden] {
    display: none;
}

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

input#PreviousButton {
    color: #000;
    border-color: #00b1eb; /* 'Azure' */
}

input#NextButton {
    background-color: #00b1eb; /* 'Azure' */
    border-color: #00b1eb; /* 'Azure' */
}

input#InsertButton {
    background-color: #00b1eb; /* 'Azure' */
    border-color: #00b1eb; /* 'Azure' */
}

input#UpdateButton {
    background-color: #00b1eb; /* 'Azure' */
    border-color: #00b1eb; /* 'Azure' */
}

/*hide remove value button on ALL look ups - #1180*/
button.btn.btn-default.pull-right.remove-value {
    display: none;
}
/* END - Portal Web Form style updates */