.alert-container {
        margin-top: -20px;
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: 5px;
        padding: 10px;
    }

    /* Pagination */
    .pagination-page-info {
        padding: .6em;
        padding-left: 0;
        width: 40em;
        margin: .5em;
        margin-left: 0;
        font-size: 12px;
    }
    .pagination-page-info b {
        color: black;
        background: #6aa6ed;
        padding-left: 2px;
        padding: .1em .25em;
        font-size: 150%;
    }

    .inherit-div {
      height: inherit;
      width: inherit;
      overflow: hidden;
      box-sizing: border-box;
    }

    .pagination {
        text-align: center;
        padding: 0.3em;
        cursor: default; 
    }

    .pagination ul li{
        display: inline;
    }

    .pagination a, .pagination span, .pagination em {
        padding: 0.2em 0.5em;
    }

    .pagination li.active a{
        background-color: #0063dc;
        color: white;
        filter:alpha(opacity=50); /* IE */
        opacity: 0.5; /* Safari, Opera */
        -moz-opacity:0.50; /* FireFox */
    }

    .pagination .disabled {
        color: #aaaaaa;
    }

    .pagination .current {
        font-style: normal;
        font-weight: bold;
        color: #ff0084;
    }

    .pagination a {
        border: 1px solid #dddddd;
        color: #0063dc;
        text-decoration: none;
    }

    .pagination a:hover, .pagination a:focus {
        border-color: #003366;
        background: #0063dc;
        color: white;
    }

    .pagination .page-info {
        color: #aaaaaa;
        padding-top: 0.8em;
    }

    .pagination .previous-page, .pagination .next-page {
        border-width: 2px;
    }

    .pagination .previous-page {
        margin-right: 1em;
    }

    .pagination .next-page {
        margin-left: 1em;
    }

    .responsive {
      width: 100%;
      height: auto;
    }

    .no-padding {
        padding: 0px;
    }

    .invisible {
        display: none;
    }

    .overflow-y-auto {
        overflow-y: auto;
        overflow-x: hidden;
    }

    .overflow-x-auto {
        overflow-x: auto;
        overflow-y: hidden;
    }

    /* Turns off dotted outline on link click */
    a {
        outline: none;
    }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
    #body {
        height: 100%;
        background: #fff;
    }

    #page {
        height: 100%;
        padding: 0px;
        padding-right: 20px;
    }

    #header {
        padding-right: 20px;
    }

    #main {
        height: 100vh;
        width: 100%;
        padding: 20px;
        margin-top: -54px;
        padding-top: 74px;
        background: #f2f4f5;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    /* Top Navigation Styling */
    #header .navbar {
        background: #fff;
        color: #051a37;
        padding: 0px;
        box-shadow: 1px 0 7px rgba(0,0,0,.05);
    }

    #header .header-logo {
        background: #2c3e50;
        padding-right: 0px;
        min-width: 300px;
    }

    #header .header-logo img {
        padding-left: 10px;
        padding-top: 10px;
        height: 45px;
    }

    .img-container {
        text-align: center;
        display: block;
    }

    .navbar a.navbar-brand {
        padding-left: 25px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .navbar a.navbar-brand img {
        height: 35px;
    }

    .navbar a.error {
        color: #ed0a0a;
    }

    .navbar a.error:hover {
        color: #ed0a0a;
    }

    .navbar a {
        color: #051a37;
        padding: 15px;
    }

    #header .navbar .dropdown-menu {
        background: #fff;
        color: #051a37;
        border-radius: 0px;
        border: none;
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .dropdown-menu a.dropdown-item {
        padding: 12px;
    }

    .dropdown-menu a.dropdown-item:hover {
        border-radius: 0px;
    }

    .dropdown-menu a.dropdown-item i {
        padding-right: 5px;
    }

    /* Side Navigation Styling */
    #side-navigation-wrapper {
        height: calc(100vh - 54px);
        overflow: hidden;
        box-shadow: 1px 0 10px rgba(0,0,0,.08);
        padding-right: 0px;
        overflow-y: auto;
        background: #2c3e50;
        min-width: 300px;
    }

    #side-navigation {
        height: 100%;
        padding-top: 15px;
        margin: 0px;
    }

    #side-navigation li {
        color: #051a37;
    }

    #side-navigation li:hover {
        color: #051a37;
    }

    #side-navigation li a {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 25px;
        padding-right: 15px;
        color: #abb2b9;
        display: block;
        text-decoration: none;
    }

    #side-navigation li a i {
        padding-right: 8px;
        width: 26px;
        text-align: center;
    }

    #side-navigation li a:hover {
        background: #273746;
        border-left: 2px solid #ed0a0a;
        padding-left: 23px;
        color: #fff;
    }

    #side-navigation li a.active {
        background: #273746;
        border-left: 2px solid #ed0a0a;
        padding-left: 23px;
        color: #fff;
    }

    li.side-navigation-heading-item {
        padding-left: 20px;
    }

    li.side-navigation-heading-item p {
        padding-left: 10px;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 5px;
        margin: 0px;
        border-bottom: 1px solid #dee2e6;
    }

    li.side-navigation-sub-item a {
        padding-left: 40px !important;
    }

    li.side-navigation-sub-item a:hover {
        padding-left: 38px !important;
    }

    li.side-navigation-sub-item a.active {
        padding-left: 38px !important;
    }

    /* Breadcrumbs Styling */
    nav.breadcrumbs {
        margin-top: -10px;
        margin-left: -10px;
        margin-right: -20px;
        font-size: 10px;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    nav.breadcrumbs ol.breadcrumb {
        background-color: inherit;
        border-radius: 0px;
        margin: 0px;
        padding: 10px;
        padding-left: 20px;
    }

    /* Changes the seperator between breadcrumbs to > from / */
    nav.breadcrumbs li + li.breadcrumb-item:before {
        content: "> ";
    }

    nav.breadcrumbs a {
        color: #051a37;
    }

    nav.breadcrumbs a.disabled {
        color: #666666;
    }

    nav.breadcrumbs a.disabled:hover {
        text-decoration: none;
    }

    /* Moves the dropdown caret to the right */
    .dropdown-toggle::after {
        float: right;
        margin-top: 10px;
        margin-right: 10px;
    }

    /* Adds badge-outline functionality */
    .badge-outline {
        color: black;
        border: 1px solid #999;
        background-color: transparent;
    }

    .badge-outline.badge-primary {
        border-color: #007bff;
        color: #007bff;
        font-weight: normal;
    }

    .badge-outline.badge-secondary {
        border-color: #6c757d;
        color: #6c757d;
        font-weight: normal;
    }

    .badge-outline.badge-success {
        border-color: #28a745;
        color: #28a745;
        font-weight: normal;
    }

    .badge-outline.badge-danger {
        border-color: #dc3545;
        color: #dc3545;
        font-weight: normal;
    }

    .badge-outline.badge-warning {
        border-color: #ffc107;
        color: #ffc107;
        font-weight: normal;
    }

    .badge-outline.badge-info {
        border-color: #17a2b8;
        color: #17a2b8;
        font-weight: normal;
    }

    .badge-outline.badge-light {
        border-color: #f8f9fa;
        color: #f8f9fa;
        font-weight: normal;
    }

    .badge-outline.badge-dark {
        border-color: #343a40;
        color: #343a40;
        font-weight: normal;
    }

    /* Boolean Form Re-Formatting */
    ul.form-check {
        list-style-type: none;
        padding-left: 0px;
    }

    ul.form-check li {
        display: inline-block;
        padding-right: 20px;
        text-transform: capitalize;
    }

    /* Heading Styles */
    .card-heading {
        font-size: 24px;
        padding-bottom: 10px;
        padding-top: 6px;
        padding-left: 16px;
        display: block;
        color: #051a37;
    }

    .card-heading:after {
        content: "";
        background-color: #ed0a0a;
        width: 4px;
        height: 50px;
        border-radius: 0px;
        display: block;
        position: absolute;
        top: 0px;
        left: 15px;
    }

    .card-subheading {
        display: block;
        margin-top: -15px;
        margin-left: 18px;
        font-size: 10px;
    }

    .font-size-sm{
        font-size: 10px;
    }

    .heading {
        font-size: 24px;
        padding-bottom: 10px;
        border-bottom: 1px solid #dee2e6;
        display: block;
        width: 100%;
        color: #051a37;
        text-transform: capitalize;
    }

    .heading:after {
        content: "";
        background-color: #ed0a0a;
        width: 25px;
        height: 4px;
        border-radius: 0px;
        display: block;
        position: absolute;
        bottom: -3px;
        left: 15px;
    }

    .sub-heading {
        font-size: 18px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #dee2e6;
        display: block;
        margin-bottom: 20px;
        margin-top: 10px;
        color: #051a37;
        text-transform: capitalize;
    }

    .sub-heading:after {
        content: "";
        background-color: #ed0a0a;
        width: 25px;
        height: 1px;
        border-radius: 0px;
        display: block;
        position: absolute;
        bottom: 20px;
        left: 15px;
    }

    .sub-heading-2 {
        font-size: 18px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #dee2e6;
        display: block;
        margin-bottom: 20px;
        margin-top: 10px;
        color: #051a37;
        text-transform: capitalize;
    }

    /* Content Containers */
    div.card-container {
        padding: 20px;
    }

    /* Table Styling */
    table.table-hover thead th {
        border-top: 0px;
    }

    table.table-striped thead th {
        border-top: 0px;
    }

    tr.linkrow:hover{
        cursor: pointer;
    }

    /* Alert Styling */
    .alert-sm {
        padding: 5px;
        padding-left: 10px;
        margin-bottom: 5px;
    }

    #map {
        height: 425px;
    }
    .error {
    color: red;
    }
    .error li{
        clear:left;
    }

    .overlay {
      position: fixed; /* Stay in place */
      z-index: 1; /* Sit on top */
      padding-top: 100px; /* Location of the box */
      left: 0;
      top: 0;
      width: 100%; /* Full width */
      height: 100%; /* Full height */
      overflow: auto; /* Enable scroll if needed */
      background-color: rgb(0,0,0); /* Fallback color */
      background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    }

    .popup {
      background-color: #fefefe;
      margin: auto;
      padding: 20px;
      border: 1px solid #888;
      width: 80%;
    }

    /* Style the accordion panel. Note: hidden by default */
    .panel {
      padding: 0 18px;
      background-color: white;
      display: none;
      overflow: hidden;
    }

    /* Card things */
    .content-card {
        background: #fff;
        margin-bottom: 30px;
    }

    .card-heading-content {
        padding: 10px;
        padding-right: 26px;
        text-align: right;
    }

    /* Accordion */
    .accordion {
        background-color: inherit;
        cursor: pointer;
        transition: 0.1s;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
    }

    .accordion:hover {
        background-color: inherit;
    }

    .accordion:after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
        float: right;
        margin-top: -30px;
        margin-right: 10px;
    }

    .accordion-hover:hover {
        background-color: #f2f4f5;
    }

    .background-color-gray {
        background-color:rgba(0, 0, 0, 0.13)!important;
    }

    .background-color-green {
        background-color:rgba(152, 251, 152, 0.12)!important;
    }

    .background-color-light-gray {
        background-color:rgba(255, 255, 0, 0.12)!important;
    }

    .background-color-magenta {
        background-color:rgba(255, 0, 255, 0.12)!important;
    }

    .background-color-red {
        background-color: rgba(255, 0, 0, 0.6)!important;
    }

    .background-color-teal {
        background-color: rgba(0, 255, 255, 0.12)!important;
    }

    .display-block {
        display: block;
    }

    .display-inline-block {
        display: inline-block;
    }

    .display-none {
        display: none;
    }

    .hover-target {
      display: none;
    }

    .hover-text:hover ~ .hover-target {
      display: block;
    }

    #checkboxlist_input li{
      list-style-type: none;
    }

    #question_response_to_compare_checkboxlist li{
      list-style-type: none;
    }

    .margin-bottom-minus-10 {
        margin-bottom: -10px;
    }

    .margin-top-minus-20 {
        margin-top: -20px;
    }

    .margin-top-minus-60 {
        margin-top: -60px;
    }

    .height-stage-bar-top {
      -moz-box-sizing: border-box;
      height: 26px;
      display:flex;/*CSS3*/
      align-items:center;/*Vertical align*/
      justify-content:center;/*horizontal align*/
    }

    .height-180 {
        height: 180px;
    }

    .height-400 {
        height: 400px;
    }

    .height-480 {
        height: 480px;
    }

    .max-height-300 {
        max-height: 300px;
    }

    .max-height-330 {
        max-height: 330px;
    }

    .max-height-500 {
        max-height: 500px;
    }

    .max-height-600 {
        max-height: 600px;
    }

    .max-height-600 {
        max-height: 600px;
    }

    .max-height-900 {
        max-height: 600px;
    }

    .min-height-200 {
        min-height: 200px;
    }

    .min-height-500 {
        min-height: 500px;
    }

    .min-height-700 {
        min-height: 700px;
    }

    .min-height-900 {
        min-height: 900px;
    }

    .min-height-1200 {
        min-height: 1200px;
    }

    .min-height-1300 {
        min-height: 1300px;
    }

    .panel-hover {
        border-bottom: 1px solid #f2f4f5;
    }

    .visibility-hidden {
        visibility: hidden;
    }

    .progress-bar-width-0 {
        width: 0%;
    }

    .progress-bar-width-25 {
        width: 25%;
    }

    .progress-bar-width-50 {
        width: 50%;
    }

    .progress-bar-width-75 {
        width: 75%;
    }
    .progress-bar-width-100 {
        width: 100%;
    }

    .short-br{
        height:5px;
        visibility:hidden;
    }

    .text-large {
      font-size: 150%;
    }

    .width-3 {
        width: 3rem;
    }

    .width-24 {
        width: 24rem;
    }

    .width-36 {
        width: 36rem;
    }

    .width-15 {
        max-width: 15px;
    }

    .width-25-pct {
        width: 25%;
    }

    .width-50-pct {
        width: 50%;
    }

    .width-100-pct {
        width: 100%;
    }

    .width-100 {
        width: 100px;
    }

    .width-250 {
        width: 250px;
    }

    .width-300 {
        width: 300px;
    }

    .max-width-375 {
        max-width: 375px;
    }

    .min-width-300 {
        min-width: 300px;
    }

    .min-width-600 {
        min-width: 600px;
    }

    nav-header {
      padding: 0px 0 0px 0;
      clear: both;
      vertical-align: top;
      margin: auto 0 auto 0;
    }

    li.drag-sort-active {
      background: transparent;
      color: transparent;
      border: 1px solid #4ca1af;
    }

    text-align-right {
        text-align: right;
    }

    .grayed-out {
        background-color: white;
        filter:alpha(opacity=50); /* IE */
        opacity: 0.5; /* Safari, Opera */
        -moz-opacity:0.50; /* FireFox */
        z-index: 20;
        height: 100%;
        width: 100%;
        top: 0px;
        left: 0px;
    }

    .tooltip-inner {
        max-width: 500px !important;
    }

    @media (min-width: 768px) {
        .modal-xl {
            max-width:1600px;
        }
    }