.data-filters select, .GroupTab select, .checklist select, .data-filters .DropDown {
    width: auto;
    padding: 6px 12px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    font-family: Lato, Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.4;
    color: #555555;
}

.data-filters {
    background-color: #F5F5F5 !important;
    border: 1px solid #e3e3e3 !important;
    border-radius: 4px;
    padding: 19px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

    .data-filters td {
        padding: 5px;
    }

    .data-filters br {
        display: none;
    }

    .data-filters select {
        margin: 0px 2px;
    }

.spacer {
    display: inline-block;
    width: 1.4em;
    float: left;
}

form .heading {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.GroupTab, .checklist {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    background-color: #F5F5F5 !important;
    border: 1px solid #e3e3e3 !important;
    border-radius: 4px;
    padding: 19px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-top: 0px;
    margin-bottom: 20px;
    word-wrap: break-word;
}

.LocationHierarchyGroupTab {
    width: 650px;
    margin-left: auto;
    margin-right: auto;
    background-color: #F5F5F5 !important;
    border: 1px solid #e3e3e3 !important;
    border-radius: 4px;
    padding: 19px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-top: 0px;
    word-wrap: break-word;
    height: 500px;
    overflow-y: auto !important;
    overflow-x: hidden;
}

.HierarchyTreeContainer {
    padding-top: 20px;
    display: none;
    height: 280px;
    width: 600px;
    overflow: auto;
}

.SearchInputContainer .StandardTextBox {
    width: 250px !important;
    margin-left: 7px;
    margin-right: 3px;
    margin-top: 4px;
}

.ListButtonContainerHierarchies .StandardButton {
    background: url(/images/Listblue.svg);
    background-position: center;
    margin-bottom: 3px;
    margin-left: 3px;
    margin-right: 3px;
    width: 39px;
    height: 35px;
    border: none;
    border-radius: 4px;
}

.ListButtonContainer .StandardButton {
    margin-left: 5px;
    height: 35px;
    margin-bottom: 3px;
}

.HierarchyButtonContainer .StandardButton {
    background: url(/images/Treeblue.svg);
    background-position: center;
    margin-bottom: 3px;
    margin-left: 3px;
    margin-right: 3px;
    width: 39px;
    height: 35px;
    border: none;
    border-radius: 4px;
}

.LeftNavDiv {
    width: 240px !important;
    padding: 10px;
    padding-top: 20px;
}

.scene {
    width: 20px;
    padding-top: 150px;
    perspective: 600px;
}

.card.is-flipped {
    transform: rotateY(180deg);
}

.card {
    width: 100%;
    height: 100%;
    transition: transform 1s;
    transform-style: preserve-3d;
}

.card__face {
    position: absolute;
    height: 100%;
    width: 100%;
    backface-visibility: hidden;
}

.card__face--front {
    background: #F5F5F5;
}

.card__face--back {
    background: #F5F5F5;
    transform: rotateY( 180deg );
}

.card.is-flipped {
    transform: rotateY(180deg);
}

.FlexDiv {
    width: 640px !important;
    background-color: #F5F5F5 !important;
    border: 1px solid #e3e3e3 !important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-top: 0px;
}

.displayGif {
    margin-top: 14% !important;
    padding-left: 5px !important;
    overflow: hidden;
}

.GroupTab textarea, .checklist textarea {
    display: block;
    resize: vertical;
}

.MiniTab {
    font-family: Lato, Helvetica, Arial, sans-serif;
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

form .subheading,
form .default {
    font-family: Lato, Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.4;
    color: #333333;
}

form .subheading {
    font-weight: bold;
}

.StandardTextBox, .StandardDropDown, select.default {
    vertical-align: middle;
    height: 34px;
    width: 100%;
    padding: 6px 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    font-size: 14px;
    font-family: Lato, Helvetica, Arial, sans-serif;
    line-height: 1.42857143;
    color: #555;
}

    .StandardTextBox:focus, .StandardDropDown:focus, select.default:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

.data-form__help-toggle {
    margin-left: 10px;
}

.data-form__help-text {
    margin-bottom: 10px;
    border: 1px solid black;
    padding-left: 6px;
    width: 100%;
}

.navbar-collapse a {
    text-decoration: none;
}

/*
 * TODO: DE-IMPORTANT-IZE EVERYTHING
 */
table[data-gridid] {
    margin-top: 2em;
    background-color: #fff;
    border-collapse: collapse;
    border: 1px solid #DDDDDD !important;
}

    table[data-gridid] tr {
        background-color: #fff;
    }

    table[data-gridid] tbody tr:nth-child(odd) {
        background-color: #F9F9F9;
    }

    table[data-gridid] th, table[data-gridid] td {
        font-family: Lato, Helvetica, Arial, sans-serif !important;
        font-size: 14px !important;
        line-height: 1.4;
        padding: 5px !important;
        vertical-align: middle;
        border-right: 1px solid #DDDDDD;
    }

        table[data-gridid] th:last-child, table[data-gridid] td:last-child {
            border-right: none;
        }

    table[data-gridid] td {
        border-top: 1px solid #DDDDDD;
    }

    table[data-gridid] th {
        border-bottom: 2px solid #DDDDDD;
    }

    table[data-gridid] .tableheader th, table[data-gridid] .TableHeader th, table[data-gridid] a.tableheader, table[data-gridid] a.TableHeader {
        font-family: Lato, Helvetica, Arial, sans-serif !important;
        font-size: 14px !important;
        line-height: 1.4;
        color: #004972 !important;
        text-align: left;
        font-weight: bold;
    }

    table[data-gridid] a.tableheader, table[data-gridid] a.TableHeader {
        position: relative;
        color: #004972;
        text-decoration: underline;
    }

        table[data-gridid] a.tableheader:hover, table[data-gridid] a.TableHeader:hover {
            color: #009af2;
            text-decoration: underline;
        }

            table[data-gridid] a.tableheader:hover::after, table[data-gridid] a.TableHeader:hover::after {
                content: "";
                display: block;
                width: 0;
                height: 0;
                position: absolute;
                bottom: 2px;
                right: -12px;
                border: solid 4px transparent;
                border-top: solid 4px #009af2;
            }

#dgTable_Footer {
    font-family: Lato, Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.4;
    padding: 8px;
    color: #fff;
}

    #dgTable_Footer td {
        padding: 0 10px;
    }

    #dgTable_Footer a {
        color: #004972;
        text-decoration: none;
    }

        #dgTable_Footer a:hover {
            color: #009af2;
            text-decoration: underline;
        }

    div[id^="RivoDataGridInner_"] #DGPopUpMenuButton, #dgTable_Footer > tbody > tr > #DGPopUpMenuButton {
        display: none;
    }

.btn-primary {
    margin: 0 2px !important;
    text-decoration: none;
    background: #0069A5 !important;
    border-color: #0069A5 !important;
    vertical-align: middle;
}

    .btn-primary:hover {
        background: #009af2 !important;
        border-color: #009af2 !important;
    }

.btn-default:hover {
    background-color: transparent !important;
}

.menu {
    background: white !important;
    border-radius: 4px;
    border: 1px solid;
    border-color: #ccc;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

    .menu table tbody tr td:hover {
        color: #fff !important;
        background-color: #848484 !important;
        border-color: transparent !important;
    }

    .menu .menuItem, .menu .disabledMenuItem, .menu tr[id^="menuLine"] {
        padding: 3px 20px;
    }

img[src$='graydot.gif'] {
    display: none;
}

.divider {
    height: 1px !important;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
    margin: 9px 0 !important;
    padding: 0 !important;
}

.fa-cog {
    display: inline-block !important;
    font-size: 18px !important;
    margin-left: 10px;
    margin-top: 10px;
}

.OptionsButton {
    background: none !important;
    border: 0px !important;
    padding: 0px !important;
}

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

    .OptionsButton a:focus {
        border-color: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

.heading, form .heading {
    display: none;
    border-bottom: 1px solid #eee;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-size: 26px;
    font-weight: 500;
    margin-top: 0;
}

#logon-body img#bg {
    /* Set rules to fill background */
    min-height: 100%;
    min-width: 100%;
    /* Set up proportionate scaling */
    width: 100%;
    height: auto;
    /* Set up positioning */
    position: fixed;
    top: 0;
    left: 0;
}

#logon-body .CompanyLogo {
    margin: 0;
}

#logon-body .logo {
    display: block;
    margin: 2em auto 0 auto;
}

#logon-body .line {
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
}

    #logon-body .line:before, #logon-body .line:after {
        background-color: rgba(0, 0, 0, 0.2);
        content: '\a0';
        flex-grow: 1;
        height: 1px;
        position: relative;
        top: 0.7em;
    }

    #logon-body .line:before {
        margin-right: 10px;
    }

    #logon-body .line:after {
        margin-left: 10px;
    }

#logon-body .notice {
    display: none;
}

    #logon-body .notice:target {
        display: block;
    }

#logon-body .form-group-text label {
    margin-bottom: .2em;
}

#logon-body .form-group-text {
    padding: .2em .7em;
    border-radius: .5em;
    display: inline-block;
    /* color: white;
  background: rgba(0, 0, 0, .6);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ac000000', endColorstr='#ac000000');*/
    /* IE */
}

#logon-body .form-group, #logon-body .form-control {
    /*  margin-bottom: 15px; */
}

#logon-body .form-group-text input[type="checkbox"] {
    position: relative;
    top: 2px;
    margin-right: .3em;
}

#logon-body .btn-default {
    text-decoration: none;
    border-radius: 0;
}

#logon-body #help {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    width: 100%;
    padding: 10px;
}

    #logon-body #help a {
        color: #004972 !important;
    }

        #logon-body #help a:hover {
            text-decoration: none;
        }

#logon-body #help-header {
    text-align: center;
}

nav.module-nav {
    border: none;
    border-radius: 0;
    background: #0069A5;
    /* Old browsers */
    min-height: 40px;
    margin-bottom: 10px;
}

    nav.module-nav a, nav.top-header li.active a, li.active a {
        font-family: Lato, Helvetica, Arial, sans-serif !important;
        font-size: 14px !important;
        line-height: 1.4;
        color: #fff;
    }

    nav.module-nav .dropdown-modules, nav.module-nav .dropdown-modules:focus {
        margin-right: 10px;
        border-bottom: 3px solid #fff;
    }

        nav.module-nav .dropdown-modules > a {
            background: transparent !important;
        }

.map-table td:first-of-type {
    padding-right: 20px;
}

.page-footer {
    min-height: 40px !important;
}

.footer-privacy-links {
    padding: 10px !important;
}

.footer-poweredby {
    padding: 5px !important;
}

nav.top-header {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    padding: 5px 0;
}

    nav.top-header img.brand-image {
        max-height: 70px;
        width: auto;
        margin: 10px 20px;
    }

    nav .top-header a:hover:not([id='hopscotch_logo']):not([id='client_logo']):not([id='hopscotch_user']):not([id='hopscotch_messages']), .navbar-white a:hover:not(.navbar-brand), nav.top-header a:focus:not([id='hopscotch_logo']):not([id='client_logo']):not([id='hopscotch_user']):not([id='hopscotch_messages']):not([href="/ChangeLocation.aspx"]):not([href="/Tools/Home/ChangePassword.aspx"]):not([href="/Tools/Home/EditUser.aspx"]):not([href="/Tools/Home/Preferences.aspx"]):not([href="/Tools/Home/Feedback.aspx"]):not([href="/logout.aspx"]), .navbar-white a:focus:not(.navbar-brand), nav.top-header a.active:not([id='hopscotch_logo']):not([id='client_logo']):not([id='hopscotch_user']):not([id='hopscotch_messages']):not([href="/ChangeLocation.aspx"]):not([href="/Tools/Home/ChangePassword.aspx"]):not([href="/Tools/Home/EditUser.aspx"]):not([href="/Tools/Home/Preferences.aspx"]):not([href="/Tools/Home/Feedback.aspx"]):not([href="/logout.aspx"]), .navbar-white a.active:not(.navbar-brand), nav.module-nav a:hover, nav.module-nav a:focus, nav.module-nav a.active, nav.module-nav .nav .open > a, nav.module-nav .nav .open > a:focus, nav.module-nav .nav .open > a:hover, nav.module-nav .dropdown-modules.open > a {
        color: #fff !important;
        background-color: transparent;
        border-bottom: 3px solid #fff !important;
        font-family: Lato, Helvetica, Arial, sans-serif !important;
        font-size: 14px !important;
        line-height: 1.4;
        color: #004972;
        text-decoration: none;
    }

nav.module-nav .navbar-nav > li > a:hover {
    background-color: transparent !important;
}

nav.top-header .menu-item a:hover {
    color: #fff !important;
    background-color: #244C7D !important;
}

.dropdown-menu > li > a:hover {
    background-color: #244C7D !important;
}

nav.top-header .menu-item {
    color: black !important;
    padding: 0px !important;
    margin: 0px !important;
}

nav.top-header .menu-item1 a:hover {
    color: #fff !important;
    background-color: #244C7D !important;
}

nav.top-header .menu-item1 {
    color: black !important;
    padding: 0px !important;
    margin: 0px !important;
}

.portal a, .portal td {
    font-family: Lato, Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.4;
}

.portal .table {
    margin: 2em 0;
    border-top: none !important;
}

    .portal .table > thead {
        display: none;
    }

    .portal .table > tbody > tr {
        background-color: white;
    }

.portal .btn-primary {
    background: #004972;
    text-decoration: none;
}

    .portal .btn-primary:hover {
        background: #004972;
    }

.TreeView-Current {
    font-weight: bold;
    background: #444;
    color: white !important;
    padding: 1px 4px 2px 0;
}

.data-filters select, .GroupTab select, .checklist select, .data-filters .DropDown {
    width: auto;
    padding: 6px 12px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    font-family: Lato, Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.4;
    color: #555555;
}

.report__container {
    padding: 0px -40px 0 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: stretch;
}

.report__panel {
    background-color: #F5F5F5 !important;
    border: 1px solid #e3e3e3 !important;
    border-radius: 4px;
    padding: 19px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    display: inline-block;
    float: left;
    margin-right: 40px;
    margin-bottom: 40px;
    width: 20% !important;
    min-width: 20rem;
}

.report__title {
    display: block;
    margin-bottom: 10px;
    font-family: Lato, Helvetica, Arial, sans-serif !important;
    font-size: 27px !important;
}

.report__panel a {
    color: #004972;
    text-decoration: underline;
    margin-bottom: 10px;
}

    .report__panel a:hover {
        color: #009af2;
        text-decoration: underline;
    }

input[type="file"] {
    font-family: Lato, Helvetica, Arial, sans-serif;
    color: #333333;
}

input.StandardTextBox[onkeypress][id^='ObjectChooser_'] {
    margin-bottom: 5px;
}

#logon-body div.default {
    color: #333 !important;
}

nav.module-nav .navbar-nav > li > a {
    padding: 7px;
    border-bottom: 3px solid transparent;
}

nav.module-nav .nav > li > a:focus {
    background-color: transparent;
}

.report__panel {
    width: 298px;
    overflow: visible;
    z-index: 255;
}

    .report__panel table.default td:first-of-type {
        vertical-align: middle;
    }

    .report__panel table.default td:last-of-type {
        padding-left: 5px;
    }

    .report__panel a {
        font-family: Lato, Helvetica, Arial, sans-serif !important;
        font-size: 14px !important;
        line-height: 1.4;
    }

.report__title {
    margin-bottom: 20px;
}

/*
  TODO: REMOVE UNNEEDED (?) STYLING PROPERTIES SURROUNDING DATATABLE
*/
body > div[id^="RivoDataGrid_"],
body > div[id^="RivoDataGrid_"] div[id^="RivoDataGridInner_"] {
    width: auto !important;
    height: auto !important;
}

.Checklist > div[id^="RivoDataGrid_"] div[id^="RivoDataGridInner_"] > .table {
    width: auto !important;
    height: auto !important;
}

img.col-div, #SearchColumnHelpText, #BlankTableCell {
    display: none !important;
}

.OptionsText {
    display: none !important;
}

.OptionsTextShow {
    color: #000000;
    padding-left: 10px;
}

.DownArrow {
    padding-right: 0 !important;
}

#DGPopUpMenuButton {
    float: right;
}

.menu .menuItem, .menu .disabledMenuItem, .menu tr[id^="menuLine"] {
    font-family: Lato, Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.4;
}

.menu#theMenu {
    margin-top: 10px;
}

.ExportButtonTableCell {
    width: 5%;
}

.data-filters label {
    font-family: Lato, Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.4;
}

.data-filters td {
    padding: 19px;
}

.data-filters-row td {
    vertical-align: middle;
}

.data-filters-row-checkbox-container {
    width: 32px;
    padding: 0px !important;
    text-align: center;
}

.data-filters-row-text-container {
    padding: 0px !important;
}

.data-filters div[id^="PK_Filter_"] {
    top: auto !important;
}

.data-filters .DropDown {
    height: 34px !important;
    width: auto !important;
}

/* RAG colours */
.bg-red {
    background-color: #e74c3c !important;
}

.bg-amber {
    background-color: #f39c12 !important;
}

.bg-green {
    background-color: #2ecc71 !important;
}

.bg-blue {
    background-color: #009af2 !important;
}

.bg-gold {
    background-color: #ffd700 !important;
}

.red-green-circle {
    display: inline-block;
    transform: rotate(90deg);
}

.right-red {
    height: 10px;
    width: 20px;
    border-radius: 90px 90px 0 0;
    background: #e74c3c;
}

.left-green {
    height: 10px;
    width: 20px;
    border-radius: 0 0 90px 90px;
    background: #2ecc71;
}

/*
  TODO: DATA TABLE MAPPING - REMOVE / IMPROVE; TIDY UP INNER TABLES
*/
table[data-gridid] td {
    width: auto !important;
    margin-left: 0px !important;
}

    table[data-gridid] td a:not([class]) {
        color: #004972;
        text-decoration: underline;
    }

        table[data-gridid] td a:not([class]):hover {
            color: #009af2;
            text-decoration: underline;
        }

table[data-gridid] table tr {
    background-color: transparent !important;
}

table[data-gridid] table td {
    border: none;
}

li.active a {
    background-color: #004972 !important;
    background-image: none !important;
}

/*
  TODO: DASHBOARD PANEL: DISPLAY-FLEX ON A CONTAINER DIV; USE CLASSES FOR SELECTOR
*/
/*body[onload*="TabChangeNoHref('Home')"] {
  @extend %dashboard;
  position: relative;
  right: 15px;
  bottom: 15px;
  width: calc(100% + 30px) !important;
  overflow-x: hidden;

  .homescreen-panel {
    margin: 15px 15px;
    width: 22% !important;
  }

  > a {
    display: none;
  }

  > font {
  display: none;
  }

  > div,
  > font {
    @extend %dashboard__panel;
    position: static !important;
    height: auto !important;

    font[style*="font-size: 18px"],
    font[style*="font-size: 20px"],
    font[style*="font-size:18px"],
    font[style*="font-size:20px"] {
      @extend %dashboard__panel-heading;
      @include link--default();

      > font {
        color: $font-color-default;
      }
    }

    font,
    span {
      display: block;
    }
    br {
      display: none;
    }

    font[style*="font-size: 11px"],
    font[style*="font-size:11px"] {
      @extend %dashboard__panel-explanation;
    }

    div {
      position: static !important;

      &[style*="width: 220px"],
      &[style*="width: 170px"],
      &[style*="width:220px"],
      &[style*="width:170px"] {
        width: initial !important;
      }
    }

    a {
      @extend %dashboard__link;
    }

    .progress-bar {
      @extend %progress-bar;

      [style*="background-color: #cc0000"],
      [style*="background-color:#cc0000"] {
        @extend %progress-bar__progress;
      }

      [style*="font-size: 10px"],
      [style*="font-size:10px"] {
        @extend %progress-bar__progress-percentage;
      }
    }
  }

  > font > div {
    background-color: transparent !important;
    border: none !important;
  }
}*/
img[src^="/images/homepage/"] {
    display: none;
}

html {
    height: 100%;
}

    html body {
        height: 100%;
    }

        html body > .container-fluid {
            height: 100%;
        }

.FeedbackHelpText {
    padding-top: 20px !important;
    padding-left: 20px !important;
}

.profileForm {
    width: 33%;
}

    .profileForm .SaveButton {
        margin-left: 17% !important;
    }

    .profileForm td {
        padding-right: 5px;
    }

div[id$="_CalendarDiv"] {
    height: auto !important;
}

    div[id$="_CalendarDiv"] span[id^="theDate"], div[id$="_CalendarDiv"] img {
        top: auto !important;
    }

.formButtons {
    margin-left: 1% !important;
    display: inline;
}

#theForm, #theFrame {
    padding-bottom: 15px;
}

/* Commented the below out as it was compiling a BOM charecter */
/*input[type="button"], input[type="submit"], button {
  @extend %button;
}*/
input[type="button"], input[type="submit"], button {
    background: #0069A5;
    color: #fff;
    display: inline-block;
    padding: 6px 12px;
    margin: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #0069A5;
    border-radius: 4px;
}

    input[type=button]:hover, input[type=submit]:hover, button:hover {
        background: #009af2;
    }

    input[type=button].element-red, input[type=submit].element-red, button.element-red {
        background: #dd655c;
        border: 1px solid #dd655c !important;
    }

        input[type=button].element-red:hover, input[type=submit].element-red:hover, button.element-red:hover {
            background: #eaa19b;
        }

    input[type=button].element-yellow, input[type=submit].element-yellow, button.element-yellow {
        background: #dddd22;
        border: 1px solid #dddd22 !important;
        color: black;
    }

        input[type=button].element-yellow:hover, input[type=submit].element-yellow:hover, button.element-yellow:hover {
            background: #e7e764;
        }

    input[type=button].element-green, input[type=submit].element-green, button.element-green {
        background: #33bb44;
        border: 1px solid #33bb44 !important;
    }

        input[type=button].element-green:hover, input[type=submit].element-green:hover, button.element-green:hover {
            background: #65d573;
        }

    input[type=button][disabled], input[type=submit][disabled], button[disabled] {
        cursor: not-allowed;
        background: #009af2;
    }

        input[type=button][disabled].element-red, input[type=submit][disabled].element-red, button[disabled].element-red,
        input[type=button][disabled].element-red:hover, input[type=submit][disabled].element-red:hover, button[disabled].element-red:hover {
            background: #eaa19b;
        }

        input[type=button][disabled].element-yellow, input[type=submit][disabled].element-yellow, button[disabled].element-yellow,
        input[type=button][disabled].element-yellow:hover, input[type=submit][disabled].element-yellow:hover, button[disabled].element-yellow:hover {
            background: #e7e764;
        }

        input[type=button][disabled].element-green, input[type=submit][disabled].element-green, button[disabled].element-green,
        input[type=button][disabled].element-green:hover, input[type=submit][disabled].element-green:hover, button[disabled].element-green:hover {
            background: #65d573;
        }

/*
    Workflow help block
*/
.workflow-helpBlock {
    width: 80%;
    margin: 12px 0;
    padding: 6px 12px;
    border: 1px solid #bbbbbb;
}

.workflow-helpBlock_title {
    font-weight: bold;
}

.workflow-helpBlock_option {
    color: #fff;
    padding: 2px 6px;
}

.workflow-helpBlock_listItem {
    margin: 6px 0;
}

/*
    Element colors
*/
.element-green {
    background: #33bb44;
    border: 1px solid #65d573;
}

    .element-green:hover,
    .element-green:disabled {
        background: #65d573;
    }

.element-yellow {
    background: #dddd22;
    border: 1px solid #e7e764;
    color: #000;
}

    .element-yellow:hover,
    .element-yellow:disabled {
        background: #e7e764;
    }

.element-red {
    background: #dd655c;
    border: 1px solid #eaa19b;
}

    .element-red:hover,
    .element-red:disabled {
        background: #eaa19b;
    }

#DebugButton {
    display: none;
}

.Default, .default {
    font-size: 14px;
    font-family: Lato, Helvetica, Arial, sans-serif;
    color: #333333;
}

div[id^="DisablingDiv"] {
    cursor: not-allowed;
    width: 100% !important;
    max-width: 1420px;
}

.table-responsive {
    overflow-x: inherit !important;
}

/* NEW LOGIN PAGES AND NAV FOOTER - 09/09/2016*/
body {
    padding-top: 0;
    padding-bottom: 55px;
}

@media (min-width: 1200px) {
    .login.container {
        width: 1350px;
    }
}

.CompanyLogo {
    margin: 10px 0 10px 0;
}

.logo {
    max-width: 200px;
    width: 50%;
    height: auto;
    text-align: center;
}

#logon-body {
    background: #f6f6f6;
    padding-top: 1.6em;
}

    #logon-body .logo {
        display: block;
        margin: 2em auto 2em auto;
        width: auto;
        max-width: 100%;
    }

.container-login {
    min-height: 0;
    color: #333333;
    padding: 0;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.container-login > section {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 10px;
}

#top-bar {
    display: inherit;
}

.nav-tabs.nav-justified {
    border-bottom: 0 none;
    width: 100%;
}

    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
        float: none;
    }

.container-login .nav-tabs.nav-justified > li > a,
.container-login .nav-tabs.nav-justified > li > a:hover,
.container-login .nav-tabs.nav-justified > li > a:focus {
    background: #fff;
    border-radius: 0;
    border: 1px solid #dd655c;
    color: #dd655c;
    margin-bottom: 0;
    margin-right: 0;
    border-radius: 0;
}

.container-login .nav-tabs.nav-justified > .active > a,
.container-login .nav-tabs.nav-justified > .active > a:hover,
.container-login .nav-tabs.nav-justified > .active > a:focus {
    background: #fff !important;
    color: #333333 !important;
}

.tabs-login {
    border: 1px solid #ddd;
    background: #fff;
    padding: 15px 30px;
    margin-bottom: 1.5em;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
}

@media (max-width: 768px) {
    .tabs-login {
        border: none;
        background: transparent;
        padding: 0;
        -webkit-box-shadow: 0 0 0 transparent;
        box-shadow: 0 0 0 transparent;
    }

    .page-footer {
        border-top: none !important;
        background: #f6f6f6 !important;
    }
}

.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #333333;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.container-login .checkbox {
    margin-top: -15px;
}

.container-login .login-button {
    background-color: #0069A5;
    border-color: #0069A5;
    color: #fff;
    border-radius: 0;
    font-size: 18px;
    line-height: 1.33;
    padding: 10px 16px;
    width: 100%;
    margin: 0 0px !important;
}

.container-login button:hover,
.container-login button:focus {
    background: #009af2 !important;
    border-color: #009af2;
}

.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}

.container-login input.reset-button {
    background-color: #0069A5 !important;
    border-color: #0069A5;
    color: #fff;
    border-radius: 0;
    line-height: 1.33;
}

.nav-img {
    width: 120px;
    padding-left: 10px;
}

.page-footer {
    background: #fff;
    border-top: 1px solid #cdcdcd !important;
}

    .page-footer a {
        color: #333;
    }

.nav > li > a:focus, .nav > li > a:hover {
    background-color: transparent;
}

.mt-xs-5 {
    margin-top: 5px;
}

#breadcrumbContainer {
    margin-bottom: 10px;
    height: 30px;
}

.breadcrumb {
    margin-bottom: 10px !important;
    margin-right: 10px !important;
    border-radius: 0 !important;
    padding: 5px 15px !important;
}

#hopscotch_modules, #hopscotch_modules:hover, #hopscotch_modules:active, #hopscotch_modules:focus {
    border-bottom: none !important;
}

#modulePages > li > ul > li > a:hover, #modulePages > li > ul > li > a:active, #modulePages > li > ul > li > a:focus, .dropdown-menu li a:hover, .dropdown-menu li a:active, .dropdown-menu li a:focus {
    background-color: #004972 !important;
    background-image: none !important;
    border: none !important;
    color: #fff !important;
}

.cursornotallowed {
    cursor: not-allowed !important;
    overflow-y: visible;
}

.UploadFrame_ie_minheight {
    min-height: 90px !important;
}

.homescreen-panel {
    margin: 15px 15px 0 0;
    width: 22% !important;
    position: static !important;
    height: auto !important;
    min-height: 349px;
    background-color: #F5F5F5 !important;
    border: 1px solid #e3e3e3 !important;
    padding: 19px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    display: inline-table;
    float: left;
    min-width: 20rem;
}

.generic {
    margin-left: 15px;
    margin-top: 0px;
    padding-top: 0px;
    position: relative;
    right: 15px;
    bottom: 15px;
    width: calc(100% + 30px) !important;
    overflow-x: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: stretch;
}

div.homescreen-panel:nth-of-type(n+6) {
    height: 139px !important;
    min-height: 0;
}

.ui-title {
    color: #0069A5;
    display: block;
    margin-bottom: 20px;
    font-family: Lato, Helvetica, Arial, sans-serif !important;
    font-size: 27px !important;
}

    .ui-title font {
        cursor: pointer;
        cursor: hand;
    }

        .ui-title font:first-of-type {
            text-decoration: underline;
        }

.ui-title-tag {
    font-family: Lato, Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.4;
    color: #333333;
    position: relative;
}

.ui-content {
    font-family: Tahoma;
    font-size: 14px;
    left: 20px;
    margin-bottom: 2px;
    margin-top: 15px;
}

    .ui-content table {
        width: 100%;
    }

    .ui-content a, .ui-incompletechecklists a {
        color: #0069A5;
        text-decoration: underline;
        margin-bottom: 10px;
    }

.progress-bar {
    height: 20px !important;
    margin: 10px 0 20px !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    width: 100% !important;
    background-color: lightgray !important;
    cursor: pointer;
    cursor: hand;
}

    .progress-bar div:first-of-type {
        position: relative !important;
        border-radius: 4px;
        height: 20px !important;
    }

.progress-bar-inner {
    height: 19px;
    width: 100%;
    margin-top: 3px;
    margin-bottom: 0px;
    font-family: tahoma, arial, helvetica, sans-serif;
    text-align: left;
    text-indent: 3px;
    font-weight: normal;
    color: #fff !important;
    font-size: 12px !important;
    text-shadow: 1px 1px black;
    line-height: 12px;
    position: relative;
    bottom: 20px;
}

label {
    font-weight: 400 !important;
}

input[type=checkbox], input[type=radio] {
    margin: 5px 5px 0 !important;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    margin-left: -20px !important;
}

/*Uploaded attachments*/
.btn-danger {
    border-color: #d43f3a !important;
}

.btn-info {
    border-color: #5bc0de !important;
}

.modal.and.carousel {
    position: fixed;
}

.carousel-control {
    top: 50% !important;
    bottom: 50% !important;
}

.modal-dialog.large {
    width: 60%;
}

.modal-header .close {
    margin-top: -20px !important;
}

div.table {
    display: table;
}

    div.table .file-row {
        display: table-row;
    }

        div.table .file-row:nth-child(odd) {
            background: #f3f3f3;
        }

        div.table .file-row > div {
            display: table-cell;
            vertical-align: top;
            border-top: 1px solid #ddd;
            padding: 8px;
        }

/*Links icons form documents*/
.link-icon:before,
.link-icon.link-file[data-content]:before {
    content: "\f016";
    /* generic file icon */
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    width: 20px;
    text-align: right;
    margin-right: 10px;
}

[data-content$=".txt"].link-icon:before,
.link-icon.link-text[data-content]:before {
    content: "\f0f6";
    /*Text*/
}

[data-content$=".pdf"].link-icon:before,
.link-icon.link-pdf[data-content]:before {
    content: "\f1c1";
    /*PDF*/
}

[data-content$=".doc"].link-icon:before,
[data-content$=".docx"].link-icon:before,
.link-icon.link-word[data-content]:before {
    content: "\f1c2";
    /*Word*/
}

[data-content$=".xls"].link-icon:before,
[data-content$=".xlsx"].link-icon:before,
.link-icon.link-excel[data-content]:before {
    content: "\f1c3";
    /*Excel*/
}

[data-content$=".ppt"].link-icon:before,
[data-content$=".pptx"].link-icon:before,
.link-icon.link-powerpoint[data-content]:before {
    content: "\f1c4";
    /*Powerpoint*/
}

[data-content$=".gif"].link-icon:before,
[data-content$=".jpg"].link-icon:before,
[data-content$=".jpeg"].link-icon:before,
[data-content$=".png"].link-icon:before,
[data-content$=".bmp"].link-icon:before,
[data-content$=".tif"].link-icon:before,
.link-icon.link-image[data-content]:before {
    content: "\f1c5";
    /*Image*/
}

[data-content$=".zip"].link-icon:before,
[data-content$=".zipx"].link-icon:before,
[data-content$=".rar"].link-icon:before,
[data-content$=".tar"].link-icon:before,
[data-content$=".gz"].link-icon:before,
[data-content$=".dmg"].link-icon:before,
[data-content$=".iso"].link-icon:before,
.link-icon.link-archive[data-content]:before {
    content: "\f1c6";
    /*Archive*/
}

[data-content$=".wav"].link-icon:before,
[data-content$=".mp3"].link-icon:before,
[data-content$=".fla"].link-icon:before,
[data-content$=".flac"].link-icon:before,
[data-content$=".ra"].link-icon:before,
[data-content$=".rma"].link-icon:before,
[data-content$=".aif"].link-icon:before,
[data-content$=".aiff"].link-icon:before,
[data-content$=".aa"].link-icon:before,
[data-content$=".aac"].link-icon:before,
[data-content$=".aax"].link-icon:before,
[data-content$=".ac3"].link-icon:before,
[data-content$=".au"].link-icon:before,
[data-content$=".ogg"].link-icon:before,
[data-content$=".avr"].link-icon:before,
[data-content$=".3ga"].link-icon:before,
[data-content$=".flac"].link-icon:before,
[data-content$=".mid"].link-icon:before,
[data-content$=".midi"].link-icon:before,
[data-content$=".m4a"].link-icon:before,
[data-content$=".mp4a"].link-icon:before,
[data-content$=".amz"].link-icon:before,
[data-content$=".mka"].link-icon:before,
[data-content$=".asx"].link-icon:before,
[data-content$=".pcm"].link-icon:before,
[data-content$=".m3u"].link-icon:before,
[data-content$=".wma"].link-icon:before,
[data-content$=".xwma"].link-icon:before,
.link-icon.link-audio[data-content]:before {
    content: "\f1c7";
    /*Audio*/
}

[data-content$=".avi"].link-icon:before,
[data-content$=".mpg"].link-icon:before,
[data-content$=".mp4"].link-icon:before,
[data-content$=".mkv"].link-icon:before,
[data-content$=".mov"].link-icon:before,
[data-content$=".wmv"].link-icon:before,
[data-content$=".vp6"].link-icon:before,
[data-content$=".264"].link-icon:before,
[data-content$=".vid"].link-icon:before,
[data-content$=".rv"].link-icon:before,
[data-content$=".webm"].link-icon:before,
[data-content$=".swf"].link-icon:before,
[data-content$=".h264"].link-icon:before,
[data-content$=".flv"].link-icon:before,
[data-content$=".mk3d"].link-icon:before,
[data-content$=".gifv"].link-icon:before,
[data-content$=".oggv"].link-icon:before,
[data-content$=".3gp"].link-icon:before,
[data-content$=".m4v"].link-icon:before,
[data-content$=".movie"].link-icon:before,
[data-content$=".divx"].link-icon:before,
.link-icon.link-video[data-content]:before {
    content: "\f1c8";
    /*Video*/
}

[data-content$=".css"].link-icon:before,
[data-content$=".js"].link-icon:before,
[data-content$=".py"].link-icon:before,
[data-content$=".git"].link-icon:before,
[data-content$=".py"].link-icon:before,
[data-content$=".cpp"].link-icon:before,
[data-content$=".h"].link-icon:before,
[data-content$=".ini"].link-icon:before,
[data-content$=".config"].link-icon:before,
.link-icon.link-code[data-content]:before {
    content: "\f1c9";
    /*code*/
}

[data-content$=".exe"].link-icon:before,
[data-content$=".jar"].link-icon:before,
[data-content$=".dll"].link-icon:before,
[data-content$=".bat"].link-icon:before,
[data-content$=".pl"].link-icon:before,
[data-content$=".scr"].link-icon:before,
[data-content$=".msi"].link-icon:before,
[data-content$=".app"].link-icon:before,
[data-content$=".deb"].link-icon:before,
[data-content$=".apk"].link-icon:before,
[data-content$=".jar"].link-icon:before,
[data-content$=".vb"].link-icon:before,
[data-content$=".prg"].link-icon:before,
[data-content$=".sh"].link-icon:before,
.link-icon.link-exe[data-content]:before {
    content: "\f085";
    /*Executable*/
}

[data-content$=".com"].link-icon:before,
[data-content$=".net"].link-icon:before,
[data-content$=".org"].link-icon:before,
[data-content$=".edu"].link-icon:before,
[data-content$=".gov"].link-icon:before,
[data-content$=".mil"].link-icon:before,
[data-content$="/"].link-icon:before,
[data-content$=".html"].link-icon:before,
[data-content$=".htm"].link-icon:before,
[data-content$=".xhtml"].link-icon:before,
[data-content$=".jhtml"].link-icon:before,
[data-content$=".php"].link-icon:before,
[data-content$=".php3"].link-icon:before,
[data-content$=".php4"].link-icon:before,
[data-content$=".php5"].link-icon:before,
[data-content$=".phtml"].link-icon:before,
[data-content$=".asp"].link-icon:before,
[data-content$=".aspx"].link-icon:before,
[data-content$=".cfm"].link-icon:before,
[data-content*="?"].link-icon:before,
[data-content*="#"].link-icon:before,
.link-icon:not([data-content*='.']):before,
.link-icon.link[data-content]:before {
    content: "\f0c1";
    /*link*/
}

.editdocdesc {
    background-color: transparent !important;
    overflow: hidden;
}

.docDescription {
    background-color: transparent !important;
    box-shadow: 0 0px 0px transparent !important;
    border: 0 !important;
}

.gridButton {
    position: sticky;
    top: 100%;
    right: 100%;
}

.maxImgDocWidth {
    max-width: 200px;
}

#viewDocuments th {
    border-top: 1px solid black;
}

.modal-body .img-responsive {
    width: 50%;
}

#viewDocuments td[colspan="5"] {
    border-color: #f5f5f5;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.validator-danger {
    color: #d43f3a;
    font-size: 12px;
}