/*////////////////////////////////////////////////////// BEGIN RESPONSIVE //////////////////////////////////////////////////////*/

div.bhaReporting.root .headerInformation .leftSection {
  margin-bottom: 10px;
  min-width: auto !important;
  width: 18% !important;
  float: left !important; }
div.bhaReporting.root .headerInformation .buttonHeader {
    background-color: #f5f5f5 !important; }
div.bhaReporting.root .headerInformation .leftSection {
    background-color: #f5f5f5 !important; }

/*////////////////////////////////////////////////////// MIN 0 / MAX 1024 //////////////////////////////////////////////////////*/

@media (min-width: 0px) and (max-width: 1024px) {
  html {
    height: 100% !important;
    min-height: 100% !important;
    background: #fff;
    width: 100% !important;
    min-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0px !important;
    display: inline !important;
    position: relative !important;
    overflow: scroll !important; }

  body {
    background: #d9e0e7;
    color: #555555;
    font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    position: relative !important;
    display: contents !important;
    zoom: 1.0 !important; }

  .topbar-right > div, .primary-date-range, .primary-date-range + i, .comparison-date-range, .comparison-date-range + i {
    display: inline-block !important;
    vertical-align: top;
    cursor: pointer;
    margin-bottom: 10px; }

  #topbar .topbar-right {
    float: right !important;
    display: inline-block !important;
    position: relative !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    text-align: center !important; }

  #topbar.alt {
    height: auto !important;
    padding: 0 !important;
    display: block !important;
    position: relative !important;
    width: 100% !important;
    min-height: auto !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    min-height: 40px !important;
    padding: 15px !important; }

  .topbar-left h1 {
    margin: 0px !important; }

  .comparison-date-range + i, .primary-date-range + i {
    color: #61C994;
    font-size: 26px;
    line-height: 0 !important;
    margin-left: 0 !important;
    display: inherit !important;
    padding: 10px !important;
    padding: 10px !important; }

  .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after, #topbar:before, #topbar:after {
    content: " "; }

  /*-------------NAVBAR-----------*/
  .nav {
    margin: auto !important;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    list-style: none !important;
    /* float: left; */
    display: contents !important;
    position: relative !important; }

  .navbar {
    background: #1A262F !important;
    box-shadow: none !important;
    padding: 10px !important;
    min-height: 0px !important;
    display: inline !important;
    position: relative !important;
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0px !important; }

  .navbar .container > ul li {
    display: inline-block !important;
    position: relative !important;
    text-align: right !important;
    line-height: 14px !important;
    color: #fff;
    top: 0 !important;
    font-size: 16px !important;
    margin-right: 0 !important;
    padding-right: 10px !important;
    float: right !important;
    padding: 10px !important;
    padding-right: 0px !important; }

  .navbar .navbar-toggle {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 10px !important;
    color: #666 !important;
    font-size: 18px !important;
    border-color: none !important;
    display: none !important; }

  #helix-digital-navbar {
    display: inline-block !important;
    position: relative !important;
    text-align: center !important;
    height: auto !important;
    background-color: #2b333e !important;
    margin-left: -10px !important;
    margin-top: -10px !important;
    margin-right: 0px !important;
    padding: 0 !important;
    width: 105.5% !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    line-height: 25px !important; }

  #helix-digital-navbar > div {
    color: #91a7c6 !important;
    height: 100% !important;
    display: inline-block !important;
    position: relative !important;
    width: auto !important; }

  #helix-digital-navbar > div > a {
    margin: auto !important;
    display: inline-block !important;
    width: 100% !important;
    height: 100% !important;
    text-align: center !important;
    padding-top: 0px !important;
    color: #90A6c6 !important;
    z-index: 10000 !important;
    position: inherit !important; }

  #helix-digital-navbar > div.active {
    border-bottom: none !important; }

  /*------------Content/Containers------------------------*/
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12 {
    position: relative !important;
    display: block !important;
    min-height: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: auto !important; }

  #contentContainer.container {
    display: inline-block !important;
    position: relative !important;
    width: 100% !important;
    min-width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important; }

  #contentContainer.container > .content {
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0px !important;
    display: inline-block !important;
    position: relative !important;
    width: 100% !important; }

  /*CLASS w LOGO*/
  .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: 0 !important;
    margin-left: 0 !important;
    float: left !important;
    width: 100% !important;
    padding: 10px !important; }

  .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: 0 !important;
    margin-left: 0 !important;
    float: right !important;
    width: 40% !important;
    padding: 0px !important;
    display: block !important;
    position: relative !important; }

  #content {
    padding: 0 !important;
    display: inline-block !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important; }

  .container-fluid {
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 0 !important; }

  #container-fluid {
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 0 !important; }

  .sb-l-m #content_wrapper {
    left: 0 !important;
    right: 0 !important;
    text-align: center !important;
    display: block !important;
    position: relative !important; }

  .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
    display: block !important;
    position: relative !important;
    padding: 0 !important; }

  .mainbar .mainbar-nav {
    margin-top: 0 !important; }

  .mainbar .mainbar-toggle {
    background-color: transparent !important;
    background: transparent !important;
    display: inline-block !important;
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 15px !important;
    font-size: 25px !important; }

  .navbar-profile > button {
    padding: 25px !important;
    text-align: center !important;
    display: block !important;
    position: relative !important;
    margin: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border: 1px solid #333333 !important; }

  .footer {
    padding: 0 !important;
    padding-top: 15px !important;
    margin-top: 0 !important;
    background: transparent;
    border-top: none !important;
    box-shadow: none !important; }

  .navbar-brand > img {
    margin: 0 !important; }

  .fitch .btn-group, .fitch .btn-group-vertical {
    position: relative !important;
    display: inline-block !important;
    vertical-align: middle !important;
    width: 100% !important; }

  .fitch .admin-form label, .fitch .admin-form input, .fitch .admin-form button, .fitch .admin-form select, .fitch .admin-form textarea {
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #626262 !important;
    outline: none !important;
    width: 100% !important; }

  .fitch .admin-form .btn-info, .fitch .admin-form .btn-info:hover, .fitch .admin-form .btn-info:focus, .fitch .admin-form .btn-info:active {
    color: #ffffff !important;
    text-shadow: none !important;
    padding: 0 !important; }

  .fitch .row {
    margin-left: 0px !important;
    margin-right: 0px !important; }

  br-a {
    border: 1px solid #f2f2f2 !important; }

  .sb-l-m #content_wrapper {
    left: 0 !important;
    right: 0 !important;
    text-align: center !important;
    display: inline !important;
    position: relative !important; }

  #lightbox {
    position: absolute !important;
    top: 0 !important;
    left: 5% !important;
    width: 90% !important;
    background: #fff;
    display: none;
    border: 0px solid #0071bb;
    -moz-border-radius: 10px;
    border-radius: 4px;
    margin-bottom: 80px;
    padding-bottom: 15px !important;
    z-index: 10009 !important; }

  #lightbox .select2-dropdown, .select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block !important;
    position: absolute !important;
    left: -100000px;
    width: 100% !important;
    z-index: 10009 !important; }

  #lightbox-shadow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    background: #000;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
    z-index: 10005 !important;
    display: none; }

  .mainbar .mainbar-nav > li > a:hover, .mainbar .mainbar-nav > li > a:focus, .nav > li > a:hover, .nav > li > a:focus {
    color: #ffffff !important;
    background-color: transparent !important; }

  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 23px;
    color: #fff !important; }

  li.dropdown.open .fa {
    color: #ffffff !important; }

  .mainbar .fa {
    color: white;
    opacity: .8 !important; }

  .mainbar .mainbar-nav > li > a {
    font-weight: bold;
    text-align: center !important; }

  .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
    display: none; }

  .in {
    background: transparent !important; }

  .blueTitleBox, .titleBox {
    border-radius: 5px;
    border: 2px solid #00ace6;
    height: 220px;
    text-align: center;
    padding-top: 50px;
    box-sizing: border-box;
    font-size: 32px;
    margin: 5px !important; }

  .styles--container--1G6USTiQ {
    background: #fff;
    position: relative;
    padding: 5px !important;
    margin: 0;
    display: inline-block !important;
    text-align: left;
    font-size: 16px;
    height: 458px;
    overflow: hidden;
    min-width: 350px !important; }

  .force-only, .date-spinner, .compare-verb {
    padding: 0;
    line-height: 0;
    display: none !important; }

  .comparison-date-range + i, .primary-date-range + i {
    color: #61C994;
    font-size: 26px;
    line-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: text-bottom !important;
    padding-left: 10px !important; }

  .navbar-profile > button {
    display: none !important; }

  .navbar {
    background: #1A262F !important;
    box-shadow: none !important;
    padding: 10px !important;
    min-height: 0px !important;
    display: inline-block !important;
    position: relative !important;
    float: none !important;
    width: 101% !important;
    margin-left: 0;
    margin-right: -5px !important; }

  /*/// HIDE SCROLLBAR ON NAV SWIPE ///*/
  div.bhaReporting.root .mainMenu::-webkit-scrollbar {
    width: 0px !important;
    background: transparent !important;
    overflow-x: hidden !important;
    display: none !important; }

  div.bhaReporting.root .headerInformation .topHeadline {
    margin-top: 0 !important;
    font-size: 3rem !important;
    font-weight: 300 !important;
    display: inline-block !important;
    position: relative !important;
    width: 100% !important;
    float: left !important; }

  div.bhaReporting.root .flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important; }

  .content {
    display: block !important; }

  .content {
    display: inline !important;
    position: relative !important;
    border-radius: 0px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 0px !important;
    margin: auto !important;
    box-shadow: none !important;
    margin-top: 0px !important; }

  div.bhaReporting.root .mainMenu .menuItem {
    border-bottom: 2px solid #2C333D;
    text-transform: uppercase;
    font-weight: 300;
    text-align: center !important;
    line-height: 1.8rem;
    width: fit-content !important;
    padding: 15px !important;
    height: auto !important;
    display: inline-block !important; }

  .plainTable {
    width: 100% !important;
    margin: 0;
    background-color: transparent;
    border: none;
    padding: 0px;
    display: inline-block !important;
    position: relative !important;
    float: left !important; }

  .plainTable tr {
    border: none;
    padding: 0px;
    background-color: transparent;
    display: inline-block !important; }

  .plainTable td {
    border: none;
    padding: 0;
    background-color: transparent !important;
    color: #777777;
    display: inline-block !important;
    position: relative !important;
    width: 100% !important; }

  div.bhaReporting.root .headerInformation .topButtons {
    margin: 0 !important;
    padding: 0 !important;
    margin-top: 0 !important;
    margin-top: 20px;
    display: inline-block !important;
    position: relative !important;
    float: left !important;
    width: 100% !important; }

  div.bhaReporting.root .headerInformation .rightSection {
    margin-bottom: 10px; }

  div.bhaReporting.root .headerInformation .rightSection {
    display: inline-block !important;
    position: relative !important;
    width: 100% !important;
    margin-bottom: 0;
    margin-right: 0 !important;
    float: left !important;
    height: auto !important; }

  /* LOGO */
  .navbar-brand {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative !important;
    width: 100% !important;
    display: none !important; }

  .navbar > .container {
    display: inline-block !important;
    position: relative !important;
    padding-bottom: 0px !important;
    width: 100% !important; }

  article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: inline-flex !important;
    position: relative !important;
    width: 100% !important; }

  div.bhaReporting.root .d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
    width: auto !important;
    position: relative !important;
    margin-bottom: 0 !important; }

  div.bhaReporting.root .headerInformation .btn.buttonUpload {
    background-color: #65D186;
    padding: 20px !important; }

  div.bhaReporting.root .mainMenu {
    overflow: scroll !important;
    overflow-x: hidden !important; }

  div.bhaReporting.root .mainMenu {
    background-color: #2C333D;
    display: inline-block !important;
    position: relative !important;
    width: 100% !important;
    margin: 0px !important;
    padding: 0 !important;
    vertical-align: middle !important;
    height: auto !important;
    overflow: hidden !important;
    overflow-x: scroll !important; }
    
.mainmenu::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE and Edge */
.mainmenu {
  -ms-overflow-style: none;
}

  .container-fluid.table.sources {
    display: block !important; }

  div.bhaReporting.root .tableHeadline .tableHeaderText {
    height: 100% !important;
    padding-top: 0 !important;
    color: #2C333D;
    font-weight: 500;
    font-size: 2.5rem;
    width: 100% !important;
    display: table-cell !important;
    position: relative !important;
    min-width: 100% !important; }

  div.bhaReporting.root .tableHeadline .tableHeaderBackground {
    background-color: #E5E6E8;
    height: auto !important;
    width: 100% !important;
    vertical-align: middle !important;
    display: table-column !important; }

  #chartHelp {
    color: white;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    font-size: 2.5rem !important;
    cursor: help;
    z-index: 10001 !important;
    float: left !important;
    display: none !important; }

  .container-fluid.chartBackground {
    width: 100% !important;
    display: flex !important; }

  canvas#line-chart {
    display: flex !important;
    height: auto !important;
    width: 100% !important;
    overflow: hidden !important;
    overflow-x: scroll !important; }

  div.bhaReporting.root .tableContent .table .tableData {
    font-weight: 500;
    display: flex !important;
    text-align: left !important; }

  div.bhaReporting.root .tableContent .table .tableHead {
    background-color: #F1F2F4;
    font-weight: 600;
    width: 100% !important;
    display: inline-block !important;
    text-align: left !important; }

  div.bhaReporting.root .sourceLayout .cell {
    width: 180px !important;
    margin-left: 0 !important;
    padding: 10px !important;
    margin: 0px !important;
    float: left !important;
    display: inline-block !important;
    text-align: left !important; }

  div.bhaReporting.root .headerInformation .leftSection {
    float: left !important;
    margin-bottom: 10px;
    min-width: auto !important;
    width: 100% !important;
    display: inline-block !important;
    position: relative !important;
    text-align: center !important; }

  div.bhaReporting.root .sourceLayout .cell:first-child {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    padding: 10px !important;
    margin: 0px !important;
    float: left !important;
    text-align: center !important; }

  div.bhaReporting.root .headerInformation .buttonHeader {
    text-align: left;
    font-weight: 300;
    font-size: 1.5rem;
    text-align: center !important;
    margin-left: 0 !important;
    background-color: white;
    color: #353838; }

  section.headerInformation {
    display: inline !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    float: left !important;
    text-align: left !important;
    padding: 15px !important; }

  .select-updated {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    border: 1px solid #d6d6d6;
    border-top-color: #c2c2c2;
    border-radius: 2px;
    color: #555;
    display: inline-block !important;
    font-size: 13px;
    line-height: 1.42857143;
    height: 32px;
    overflow: hidden;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    background-position: right 5px center;
    background-color: #ffffff;
    margin-right: 10px !important;
    margin-left: 10px !important;
    float: left !important;
    z-index: 10000; }

  .btn {
    display: inline-block !important;
    font-weight: normal !important;
    text-align: center !important;
    vertical-align: middle !important;
    font-family: "Montserrat" !important;
    cursor: pointer !important;
    background-image: none !important;
    border: none !important;
    white-space: nowrap !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em;
    transition: 0.3s ease-out !important;
    font-size: 13px !important;
    line-height: 0 !important;
    border-radius: 0 !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    color: #777777;
    margin-right: 0 !important;
    margin-left: 0 !important;
    height: auto !important;
    width: 100% !important;
    padding: 15px !important;
    z-index: 10001 !important;
    margin-bottom: 25px !important; }

  .reportBug {
    cursor: pointer;
    float: none !important;
    position: relative;
    top: 0;
    right: 0;
    color: #7fcee1;
    margin-bottom: 15px !important;
    padding-bottom: 15px !important; }

  .svg-wrapper {
    display: inline-block !important;
    text-align: center !important;
    padding-bottom: 15px; }

  div.bhaReporting.root {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px !important;
    background-color: #ffffff;
    color: #2C333D;
    margin: 0 !important;
    padding: 0px !important;
    width: auto !important;
    display: inline !important;
    position: relative !important;
    z-index: 1; }

  div.bhaReporting.root .sources table {
    background-color: transparent;
    display: inline !important; }

  div.bhaReporting.root .tableContent .table.sources .cell.total, div.bhaReporting.root .tableContent .table.sources .cell.percent {
    width: 185px !important; }

  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: left !important;
    display: inherit !important; }

  div.bhaReporting.root .tableFooter .footerColorBar {
    height: 20px;
    margin: 10px -15px 0 -15px;
    display: block !important;
    position: relative !important;
    width: 100% !important; }

  .nav > li {
    position: relative !important;
    display: block !important; }

  /*NAV DROP DOWN*/
  .show {
    display: contents !important;
    padding-bottom: 20px !important;
    text-align: center !important;
    position: absolute;
    top: 0px;
    left: 0px;
    will-change: transform;
    transform: translate3d(0px, 0px, 0px) !important;
    z-index: 10009 !important;}

  ul.dropdown-menu.show {
    display: inline-block !important;
    position: fixed !important;
    float: left !important;
    width: 100% !important;
    z-index: 10009 !important;}

  #reportbug {
    cursor: pointer;
    float: right !important;
    position: relative !important;
    top: 15px !important;
    right: 16px;
    color: #7fcee1; }

  span#reportBug {
    cursor: pointer;
    display: inline-block;
    float: none !important;
    position: relative !important;
    top: 0px !important;
    right: 0px !important;
    color: #7fcee1;
    margin: 10px 0px 10px 0px !important;
    padding-bottom: 15px !important; }

  .mainbar > .container {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0px !important;
    /*padding-bottom: 25px !important;*/ }

  div.bhaReporting.root select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px);
    font-weight: 500;
    font-size: 1.5rem !important;
    z-index: 1000 !important;
    color: #AAAAAA !important;
    padding: 0px !important;
    width: 100% !important;
    margin: 0px !important; }

  div.bhaReporting.root select, div.bhaReporting.root select.form-control {
    -moz-appearance: menulist-button;
    -webkit-appearance: menulist-button !important;
    display: inline-block !important;
    position: relative !important;
    width: 100% !important;
    margin: 0px !important;
    padding: 15px !important;
    border: 1px solid #DDDDDD !important; }

  select#exampleFormControlSelect1 {
    padding: 10px !important;
    height: 50px !important; }

  .navbar {
    background: #1A262F !important;
    box-shadow: none !important;
    padding: 10px !important;
    height: auto !important;
    min-height: 95px !important;
    min-height: 0px !important;
    display: inline-block !important;
    position: relative !important;
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 0 !important;
    border: none;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    z-index: 501 !important; }

  .last-text {
    margin-top: 5px !important;
    font-size: 12px !important;
    display: block !important;
    width: auto !important; }

  div.bhaReporting.root .sources tr {
    background-color: transparent;
    display: flex !important;
    width: auto !important; }

  div.bhaReporting.root .sources .table {
    padding-left: 0px;
    padding-right: 0px;
    overflow-x: scroll !important;
    text-align: left !important;
    width: 100% !important;
    display: flex !important;
    position: relative !important; }

  .container-fluid.tableContainer {
    margin: 0 !important;
    display: flex !important;
    position: relative !important;
    width: 100% !important;
    overflow-x: scroll !important; }

  tr.table-head {
    background-color: #f5f5f5 !important; }

  .mainbar {
    border-bottom: 0 !important;
    background: #00ace6 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
    display: flex !important;
    position: relative !important;
    text-align: center !important; }

  .container {
    margin-right: auto;
    margin-left: auto;
    display: inline-block !important;
    padding-left: 30px;
    padding-right: 30px; }

  div.bhaReporting.root .sources td {
    background-color: transparent;
    display: flex !important;
    position: relative !important;
    min-width: 155px !important;
    width: 10vw !important; }

  section.headerInformation {
    display: inline !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    float: left !important;
    text-align: left !important;
    padding: 15px !important; }
.show {
    display: contents !important;
    padding-bottom: 20px !important;
    text-align: center !important;
    position: absolute;
    top: 0px;
    left: 0px;
    will-change: transform;
    transform: translate3d(0px, 90px, 0px) !important;
    z-index: 10009 !important;
}}



@media (min-width: 1025px) and (max-width: 1075px) {
    div.bhaReporting.root .headerInformation .largeText {
    font-size: 3.5rem !important;
    font-weight: 300;
    color: #353838;
}
    div.bhaReporting.root .headerInformation .positiveLargeText {
    font-size: 3.5rem !important;
    font-weight: 300;
    color: #65D186;
}
    div.bhaReporting.root .headerInformation .negativeLargeText {
    font-size: 3.5rem !important;
    font-size: 3.5rem !important;
    font-weight: 300;
    color: #C2736F;
}
    
    div.bhaReporting.root .headerInformation .buttonHeader {
    text-align: center !important;
    font-weight: 300;
    font-size: 1.5rem !important;
    margin-left: 5px !important;
    background-color: #ffffff !important;
    color: #353838;
    width: 15.75% !important;
    float: left !important;
    align-content: space-between !important;
    display: inline-table !important;
}
    div.bhaReporting.root .headerInformation .leftSection {
    margin-bottom: 10px;
    min-width: auto !important;
    width: 17.5% !important;
    float: left !important;
    text-align: center !important;
    background-color: #ffffff !important;
}
    select#exampleFormControlSelect1 {
    height: 50px !important;
    margin-bottom: 25px !important;
    width: 45% !important;
    float: left !important;
}
}

/*////////////////////////////////////////////////////// MIN 1025px //////////////////////////////////////////////////////*/
 
@media (min-width: 1025px) {
  div.bhaReporting.root .headerInformation .topButtons {
    margin-top: 0px !important;
    display: inline-block !important;
    width: 100% !important; }

  div.bhaReporting.root .headerInformation .leftSection {
    margin-bottom: 10px;
    min-width: auto !important;
    width: 18% !important;
    float: left !important; }

  div.bhaReporting.root select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px);
    font-weight: 500;
    font-size: 1.5rem !important;
    height: 50px !important;
    margin-top: 25px;
    margin-bottom: 25px;
    display: inline-block !important;
    position: relative !important;
    float: left !important; }

  form.ng-pristine.ng-valid {
    height: 50px;
    display: inline-block !important;
    position: relative !important;
    width: auto !important; }

  .form-group {
    position: relative !important;
    height: 50px !important;
    display: inline-block !important;
    margin-top: 10px !important; }

  div.bhaReporting.root .headerInformation .btn {
    color: #FFFFFF;
    font-weight: 300;
    font-size: 1.8rem !important;
    text-transform: uppercase;
    padding: 0px 20px;
    margin-right: 8px;
    margin-left: 8px;
    height: 50px !important;
    margin-top: 0px !important;
    margin-bottom: 20px !important;
    min-width: 125px !important; }

  div.bhaReporting.root .headerInformation .buttonHeader {
    text-align: center !important;
    font-weight: 300;
    font-size: 1.5rem !important;
    margin-left: 5px !important;
    background-color: white;
    color: #353838;
    width: 7% !important;
    float: left !important;
    align-content: space-between !important;
    display: inline-table !important; }

  div.bhaReporting.root select, div.bhaReporting.root select.form-control {
    -moz-appearance: menulist-button;
    -webkit-appearance: menulist-button !important;
    height: 50px !important;
    min-width: 150px !important;
    width: auto !important;
    border: 1px solid #efefef !important;
    padding-left: 10px !important;
    margin-bottom: 25px !important; }

  select, select.form-control {
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 0;
    padding-right: 10px !important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMV…3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=);
    -webkit-background-size: 13px 13px;
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font-size: 16px;
    line-height: 1.5; }

  .last-text {
    margin-top: 5px !important;
    font-size: 12px !important;
    display: block !important;
    width: auto !important; }

  div.bhaReporting.root .sources td {
    background-color: transparent;
    display: flex !important;
    position: relative !important;
    width: auto !important; }

  div.bhaReporting.root .sources tr {
    background-color: transparent;
    display: flex !important;
    width: auto !important; }

  div.bhaReporting.root .sources .table {
    padding-left: 0px;
    padding-right: 0px;
    overflow-x: scroll !important;
    text-align: left !important;
    width: 100% !important;
    display: flex !important;
    position: relative !important; }

  .container-fluid.tableContainer {
    margin: 0 !important;
    display: flex !important;
    position: relative !important;
    width: 100% !important;
    overflow-x: scroll !important; }

  tr.table-head {
    background-color: #f5f5f5 !important; }

  .mainbar {
    border-bottom: 0 !important;
    background: #00ace6 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
    display: flex !important;
    position: relative !important;
    text-align: center !important; }
  .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 30px !important;
    padding-right: 30px !important; }

  .mainbar .mainbar-nav {
    float: none;
    margin-top: 17px !important;
    margin-bottom: 17px !important;
    /*padding-bottom: 25px !important;*/ }

  div.bhaReporting.root .sources td {
    background-color: transparent;
    display: flex !important;
    position: relative !important;
    min-width: 155px !important;
    width: 10vw !important; }
    
.form-group {
    position: relative !important;
    height: 50px !important;
    display: inline-block !important;
    margin-top: 0px !important;
}
    
select#exampleFormControlSelect1 {
    height: 50px !important;
    margin-bottom: 0px !important;
}
    
.form-group {
    position: relative !important;
    height: 50px !important;
    display: block !important;
    margin-top: 0px !important;
    margin-right: 15px;
    margin-bottom: 0px;
    top: 0px;
}
form.ng-pristine.ng-valid {
    height: 50px;
    display: block !important;
    position: relative !important;
    width: auto !important;
    float: left;
}
    
select#exampleFormControlSelect1 {
    height: 50px !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}
.clientTitle {
    width: 75px !important;
    padding-right: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 25px !important; }
.plainTable {
    width: 40% !important;
    margin: 0;
    background-color: transparent;
    border: none;
    padding: 0px;
    display: block;
    position: relative;
    float: left !important;
    }
    div.bhaReporting.root .headerInformation .buttonHeader {
    text-align: center !important;
    font-weight: 300;
    font-size: 1.5rem !important;
    margin-left: 5px !important;
    background-color: #ffffff !important;
    color: #353838;
    width: 15.75% !important;
    float: left !important;
    align-content: space-between !important;
    display: inline-table !important;
}
    div.bhaReporting.root .headerInformation .leftSection {
    margin-bottom: 10px;
    min-width: auto !important;
    width: 18% !important;
    float: left !important;
    text-align: center !important;
    background-color: #ffffff !important;
}
span#bhaForm.right {
    height: auto;
    width: 50% !important;
    display: inline-block;
    position: relative;
    float: right !important;
}
span#bhaForm.left {
    height: auto;
    width: 50% !important;
    display: inline-block;
    position: relative;
    float: left !important; }
/* 12-10-19 */
.clientForm {
    display: block !important;
    position: relative !important;
    width: 45% !important; }
select#changeClientAgain {
    width: 100% !important;
    float: left; }
.plainTable {
    width: 45% !important;
    margin: 0;
    background-color: transparent;
    border: none;
    padding: 0px;
    display: block;
    position: relative;
    float: left !important; }
.plainTable td {
    border: none;
    padding: 0;
    background-color: transparent !important;
    color: #777777;
    position: relative !important;
    text-align: left !important; }
div.bhaReporting.root .headerInformation .leftSection {
    margin-bottom: 10px;
    min-width: auto !important;
    width: 18% !important;
    float: left !important;
    text-align: center !important; }
div.bhaReporting.root .headerInformation .buttonHeader {
    text-align: center !important;
    font-weight: 300;
    font-size: 1.5rem !important;
    margin-left: 5px !important;
    background-color: white;
    color: #353838;
    width: 15.75% !important;
    float: left !important;
    align-content: space-between !important;
    display: inline-table !important; }
select#exampleFormControlSelect1 {
    height: 50px !important;
    margin-bottom: 25px !important;
    width: 95% !important;
    float: left !important; }
.plainTable {
    width: 100% !important;
    margin: 0;
    background-color: transparent;
    border: none;
    padding: 0px;
    display: block;
    position: relative;
    float: left !important;
}
span#bhaForm.left {
    height: auto;
    width: 40% !important;
    display: inline-block;
    position: relative;
    float: left !important;
}
span#bhaForm.right {
    height: auto;
    width: 60% !important;
    display: inline-block;
    position: relative;
    float: right !important;
}

form.ng-pristine.ng-valid {
    height: 50px;
    display: inline-block !important;
    position: relative !important;
    width: auto !important;
    float: none;
}
div.bhaReporting.root .headerInformation .btn {
    color: #FFFFFF;
    font-weight: 300;
    font-size: 1.8rem !important;
    text-transform: uppercase;
    padding: 0px 20px;
    margin-right: 8px;
    margin-left: 8px;
    height: 50px !important;
    margin-top: 0px !important;
    margin-bottom: 20px !important;
    min-width: 125px !important;
    vertical-align: top !important;
}
span#bhaForm.left {
    height: auto;
    width: 35% !important;
    display: inline-block;
    position: relative;
    float: left !important;
}
span#bhaForm.right {
    height: auto;
    width: 55% !important;
    display: inline-block;
    position: relative;
    float: right !important;
    text-align: right;
}
table.plainTable {
    display: inline-block !important;
    position: relative;
    width: 100% !important;
    float: left;
    margin-right: 25px;
}
.form-group {
    position: relative !important;
    height: 50px !important;
    display: inline-block !important;
    margin-top: 0px !important;
    margin-right: 15px;
    margin-bottom: 0px;
    width: 100% !important;
    top: 0px;
}
}


/* TEST */
@media (min-width: 1188px) {
span#bhaForm.left {
    height: auto;
    width: 35% !important;
    display: inline-block;
    position: relative;
    float: left !important;
}
span#bhaForm.right {
    height: auto;
    width: 55% !important;
    display: inline-block;
    position: relative;
    float: right !important;
    text-align: right;
}
table.plainTable {
    display: inline-block !important;
    position: relative;
    width: 100% !important;
    float: left;
    margin-right: 25px;
}
}
/*////////////////////////////////////////////////////// MIN 1143px //////////////////////////////////////////////////////*/

@media (min-width: 1143px) {
  div.bhaReporting.root .headerInformation .buttonHeader {
    text-align: center !important;
    font-weight: 300;
    font-size: 1.5rem !important;
    margin-left: 5px !important;
    background-color: white;
    color: #353838;
    float: left !important;
    align-content: space-between !important;
    display: inline-table !important;
    height: auto !important;
    width: 15% !important; }

  .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 30px !important;
    padding-right: 30px !important; }

  .mainbar .mainbar-nav {
    float: none;
    margin-top: 17px !important;
    margin-bottom: 17px !important; }

  div.bhaReporting.root .sources td {
    background-color: transparent;
    display: flex !important;
    position: relative !important;
    min-width: 155px !important;
    width: 10vw !important; }}

/*////////////////////////////////////////////////////// MIN 1298px //////////////////////////////////////////////////////*/

@media screen and (min-width: 1298px) {
  div.bhaReporting.root .headerInformation .buttonHeader {
    text-align: center !important;
    font-weight: 300;
    font-size: 1.5rem !important;
    margin-left: 5px !important;
    background-color: white;
    color: #353838;
    float: left !important;
    align-content: space-between !important;
    display: inline-table !important;
    height: auto !important;
    width: 16% !important; }

  .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 30px !important;
    padding-right: 30px !important; }

  .mainbar .mainbar-nav {
    float: none;
    margin-top: 17px !important;
    margin-bottom: 17px !important; }

  div.bhaReporting.root .sources td {
    background-color: transparent;
    display: flex !important;
    position: relative !important;
    min-width: 155px !important;
    width: 10vw !important; }}

/*////////////////////////////////////////////////////// MAX 1920px //////////////////////////////////////////////////////*/

@media (max-width: 1920px) {
  div.bhaReporting.root .mainMenu {
    background-color: #2C333D;
    overflow: scroll !important;
    overflow-x: hidden !important;
    display: block !important;
    position: relative !important;
    width: 100% !important;
    margin: 0px !important;
    padding: 0 !important; }

  /*/// HIDE SCROLLBAR ON NAV SWIPE ///*/
  div.bhaReporting.root .mainMenu::-webkit-scrollbar {
    width: 0px !important;
    background: transparent !important;
    overflow-x: hidden !important;
    display: none !important; }

  nav.site-navigation {
    overflow-x: scroll !important; }

  div.bhaReporting.root .headerInformation .rightSection {
    margin-bottom: 10px;
    margin-right: 0 !important;
    float: left !important;
    width: 100% !important;
    display: inline-block !important; }

  .mainbar {
    background: #00ace6 !important; }

  .last-text {
    margin-top: 5px !important;
    font-size: 12px !important;
    display: block !important;
    width: auto !important; }

  div.bhaReporting.root .sources td {
    background-color: transparent;
    display: flex !important;
    position: relative !important;
    width: auto !important; }

  div.bhaReporting.root .sources tr {
    background-color: transparent;
    display: flex !important;
    width: auto !important; }

  div.bhaReporting.root .sources .table {
    padding-left: 0px;
    padding-right: 0px;
    overflow-x: scroll !important;
    text-align: left !important;
    width: 100% !important;
    display: flex !important;
    position: relative !important; }

  .container-fluid.tableContainer {
    margin: 0 !important;
    display: flex !important;
    position: relative !important;
    width: 100% !important;
    overflow-x: scroll !important; }

  tr.table-head {
    background-color: #f5f5f5 !important; }

  .mainbar {
    border-bottom: 0 !important;
    background: #00ace6 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
    display: flex !important;
    position: relative !important;
    text-align: center !important; }

  div.bhaReporting.root .sources td {
    background-color: transparent;
    display: flex !important;
    position: relative !important;
    min-width: 155px !important;
    width: 10vw !important; }}


/*////////////////////////////////////////////////////// RANDOM CLASS ADJUSTMENTS //////////////////////////////////////////////////////*/

.mainbar {
  background: #00ace6 !important; }

.last-text {
  margin-top: 5px !important;
  font-size: 12px !important;
  display: block !important;
  width: auto !important; }

div.bhaReporting.root .sources td {
  background-color: transparent;
  display: flex !important;
  position: relative !important;
  width: auto !important; }

div.bhaReporting.root .sources tr {
  background-color: transparent;
  display: flex !important;
  width: auto !important; }

div.bhaReporting.root .sources .table {
  padding-left: 0px;
  padding-right: 0px;
  overflow-x: scroll !important;
  text-align: left !important;
  width: 100% !important;
  display: flex !important;
  position: relative !important; }

.container-fluid.tableContainer {
  margin: 0 !important;
  display: flex !important;
  position: relative !important;
  width: 100% !important;
  overflow-x: scroll !important; }

tr.table-head {
  background-color: #f5f5f5 !important; }

.mainbar {
  border-bottom: 0 !important;
  background: #00ace6 !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  height: auto !important;
  display: flex !important;
  position: relative !important;
  text-align: center !important; }

.navbar-nav > li > .dropdown-menu {
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  z-index: 10001 !important; }

.sources tbody {
  width: 100% !important;
  display: inline-block !important; }

div.bhaReporting.root .sources tr {
  background-color: transparent;
  display: flex !important;
  width: auto !important;
  width: 100% !important; }

.mainbar .mainbar-nav {
  float: none;
  margin-top: 17px !important;
  margin-bottom: 17px !important; }

div.bhaReporting.root .sources td {
  background-color: transparent;
  display: flex !important;
  position: relative !important;
  min-width: 155px !important;
  width: 10vw !important; }

div.bhaReporting.root .sources tr {
  background-color: transparent;
  display: inline-flex !important;
  background-color: transparent;
  width: auto !important; }

/*Buttons and Forms Updates*/
div.bhaReporting.root select, div.bhaReporting.root select.form-control {
  height: 50px !important;
  margin-bottom: 25px !important; }

select#exampleFormControlSelect1 {
  height: 50px !important;
  margin-bottom: 25px !important; }

.btn {
  height: 50px !important;
  margin-bottom: 25px !important; }

div.bhaReporting.root .btn {
  background-image: none !important;
  background-color: #5394E6;
  min-width: 200px !important;
  width: auto !important;
  height: 50px !important;
  margin-right: 15px !important;
  text-align: center !important; }

div.bhaReporting.root select, div.bhaReporting.root select.form-control {
  height: 50px !important;
  margin-bottom: 25px !important; }

.plainTable td {
    border: none;
    padding: 0;
    background-color: transparent !important;
    color: #777777;
    position: relative !important;
    text-align: left !important;
}

div.bhaReporting.root .tableContent .bullet {
    padding-right: 10px;
    padding-top: 7px !important;
}

div.bhaReporting.root .mainMenu::-webkit-scrollbar {
    width: 0px !important;
    background: transparent !important;
    overflow-x: hidden !important;
    display: none !important; }

div.bhaReporting.root .tableHeadline .tableHeaderText {
    padding-left: 15px; }

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    min-width: 250px !important;
    width: auto !important;
    max-width: 450px !important;
    top: 50px !important;
    z-index: 10002 !important;
}

/* Big Icons */

.mainbar .mainbar-nav > li > a > i {
    font-size: 25px !important;
    opacity: 0.6 !important;
    padding-bottom: 7px !important; }
i.fa.fa-film {
    font-size: 25px !important; }
#loginFiltersButton {
    display: none !important; }
.mainbar .mainbar-collapse {
    /*display: block;*/
    width: auto;
    border-top: 0;
    box-shadow: none; }
#bhaForms {
    display: inline-block;
    position: relative;
    height: auto !important; }
#bhaForms.left {
    float: left !important;
    width: 40% !important; }

#bhaForms.right {
    float: right !important;
    width: 60% !important; }

/* UPDATE 12-04-19*/
.plainTable {
    width: 40% !important;
    margin: 0;
    background-color: transparent;
    border: none;
    padding: 0px;
    display: block;
    position: relative;
    float: left !important; }
select#changeClientAgain {
    width: 100% !important; }

/* 12-06-19 */
div.bhaReporting.root p {
    font-size: 1.75rem !important;
    font-weight: 300 !important;
    color: #353838 !important;
    margin-top: -1rem !important;
}


/*////////////////////////////////////////////////////// MAX 1393 //////////////////////////////////////////////////////*/


@media screen and (max-width: 1393px) {

    /* FORM CONTAINER */
    
.formContainerLeft {
    width: 100%;
    display: inline-block !important;
    position: relative !important;
    float: left !important; }
.formContainerRight {
    width: 100%;
    display: inline-block !important;
    position: relative !important;
    float: left !important; }
div.bhaReporting.root .headerInformation .buttonHeader {
    text-align: center !important;
    font-weight: 300;
    font-size: 1.5rem !important;
    margin-left: 5px !important;
    background-color: white;
    color: #353838;
    width: 15.75% !important;
    float: left !important;
    align-content: space-between !important;
    display: inline-table !important; }}


/*////////////////////////////////////////////////////// MIN 1076 - MAX 1182 //////////////////////////////////////////////////////*/

@media (min-width: 1076px) and (max-width: 1182px) {
    select#exampleFormControlSelect1 {
    height: 50px !important;
    margin-bottom: 25px !important;
    float: left !important;
    text-align: left;
    width: 100% !important;
}
    form.ng-pristine.ng-valid {
    height: 50px;
    display: block !important;
    position: relative !important;
    width: 50% !important;
    float: left;
}
div.bhaReporting.root .headerInformation .buttonHeader {
    text-align: center !important;
    font-weight: 300;
    font-size: 1.5rem !important;
    margin-left: 5px !important;
    background-color: white;
    color: #353838;
    width: 15.75% !important;
    float: left !important;
    align-content: space-between !important;
    display: inline-table !important;
}
}

/*////////////////////////////////////////////////////// MIN 1076 - MAX 1280 //////////////////////////////////////////////////////*/

@media (min-width: 1076px) and (max-width: 1280px) {
    
div.bhaReporting.root .headerInformation .buttonHeader {
    text-align: center !important;
    font-weight: 300;
    font-size: 1.5rem !important;
    margin-left: 5px !important;
    background-color: white;
    color: #353838;
    width: 15.75% !important;
    float: left !important;
    align-content: space-between !important;
    display: inline-table !important;
}
div.bhaReporting.root .headerInformation .positiveLargeText {
    font-size: 3.5rem !important;
    font-weight: 300;
    color: #65D186;
}
div.bhaReporting.root p {
    font-size: 1.75rem !important;
    font-weight: 300 !important;
    color: #353838 !important;
    margin-top: -1rem !important;
}
div.bhaReporting.root .headerInformation .negativeLargeText {
    font-size: 3.5rem !important;
    font-weight: 300;
    color: #C2736F;
}
div.bhaReporting.root .headerInformation .largeText {
    font-size: 3.5rem !important;
    font-weight: 300;
    color: #353838;
}
div.bhaReporting.root .headerInformation .positiveLargeText {
    font-size: 3.5rem !important;
    font-weight: 300;
    color: #65D186;
}
}

/*////////////////////////////////////////////////////// MIN 1025 - MAX 1182 //////////////////////////////////////////////////////*/


@media (min-width: 1025px) and (max-width: 1182px) {
.plainTable tr {
    border: none;
    padding: 0px;
    background-color: transparent;
    width: 100% !important;
    display: inline-block;
    position: relative; }
td.clientTitle {
    float: left !important;
    width: 55px !important;
    display: inline-block !important;
    position: relative !important; }
table.plainTable {
    display: inline-block !important;
    position: relative;
    width: 35% !important;
    float: left;
    margin-right: 25px; }
div.bhaReporting.root .headerInformation .leftSection {
    margin-bottom: 10px;
    min-width: auto !important;
    width: 18% !important;
    float: left !important;
    text-align: center !important; }
form.ng-pristine.ng-valid {
    height: 50px;
    display: block !important;
    position: relative !important;
    width: 40% !important;
    float: left;
    margin-left: 25px; }
    table.plainTable {
    display: inline-block !important;
    position: relative;
    width: 100% !important;
    float: left !important;
    margin-right: 25px; }}

/*////////////////////////////////////////////////////// MAX 1024 //////////////////////////////////////////////////////*/

@media (min-width: 0px) and (max-width: 1024px) {
.plainTable {
    width: 100% !important;
    margin: 0;
    background-color: transparent;
    border: none;
    padding: 0px;
    display: block;
    position: relative;
    float: left !important; }
table.plainTable {
    display: inline-block !important;
    position: relative;
    width: 100% !important;
    float: left;
    margin-right: 25px;
}}

@media (min-width: 0px) and (max-width: 1024px) {

div.bhaReporting.root .btn {
    display: inline-block !important;
    position: relative !important;
    background-image: none !important;
    background-color: #5394E6;
    min-width: 200px !important;
    width: 55% !important;
    height: 50px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    left: 22%;
}

.plainTable tr {
    border: none;
    padding: 0px;
    background-color: transparent;
    width: 100% !important;
    display: inline-block !important; }
.plainTable tbody {
    display: inline-block;
    position: relative;
    width: 100% !important;
    float: left; }
.plainTable td {
    border: none;
    padding: 0;
    background-color: transparent !important;
    color: #777777;
    display: inline-block !important;
    position: relative !important;
    width: 100% !important;
    text-align: left !important; }
.mainbar .mainbar-toggle {
    background-color: transparent !important;
    background: transparent !important;
    display: inline-block !important;
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0px !important;
    font-size: 25px !important; }

.navbar-nav>li>a {
    padding: 0px !important;
    line-height: 0;
}
    
.nav > li {
    position: relative !important;
    /*display: block !important;*/
    vertical-align: middle;
    padding: 0px !important;
}
    
.svg-wrapper {
    display: inline-block !important;
    text-align: center !important;
    padding-bottom: 0px;
}
    
.navbar-nav > .nav > li {
    position: relative !important;
    /*display: block !important;*/
    vertical-align: middle;
    padding: 20px !important;
    /*border: 1px solid #ffffff;*/
    margin: 10px;
    border-radius: 5px; }
/* FORM CONTAINER */
.formContainerLeft {
    width: 100%;
    display: inline-block !important;
    position: relative !important;
    float: left !important;
}
.formContainerRight {
    width: 100%;
    display: inline-block !important;
    position: relative !important;
    float: left !important;
}
.mainbar .mainbar-nav > li {
    margin-right: 10px;
    width: 100%;
}
.mainbar .mainbar-nav > li > a {
    font-weight: bold;
    text-align: center !important;
    padding: 20px !important;
    /*border: 1px solid #ffffff;*/
    margin: 10px;
}
.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100% !important;
    z-index: 10002 !important;
    font-weight: bold;
    text-align: center !important;
    padding: 20px !important;
    /*border: 1px solid #ffffff;*/
    margin: 10px;
}
    
div.bhaReporting.root .headerInformation .leftSection {
    float: left !important;
    margin-bottom: 10px;
    min-width: auto !important;
    width: 100% !important;
    display: inline-block !important;
    position: relative !important;
    text-align: center !important;
    border: 1px solid #efefef;
    border-radius: 7px;
}

div.bhaReporting.root .headerInformation .buttonHeader {
    font-weight: 300;
    font-size: 1.5rem;
    text-align: center !important;
    margin-left: 0 !important;
    background-color: white;
    color: #353838;
    display: inline-block;
    position: relative;
    width: 100%;
    border: 1px solid #efefef;
    border-radius: 7px;
    margin-top: 10px;
    margin-bottom: 10px;
}
div.bhaReporting.root .headerInformation .leftSection .smallText {
    font-size: 1.75rem;
    font-weight: 300;
    color: #353838;
    margin-top: -1rem;
}
div.bhaReporting.root p {
    font-size: 1.75rem !important;
    font-weight: 300 !important;
    color: #353838 !important;
    margin-top: -1rem !important;
}

#lightbox {
    position: absolute !important;
    top: 0 !important;
    width: 90% !important;
    height: auto;
    background: #fff;
    /*display: inline !important;*/
    border: 0px solid #0071bb;
    -moz-border-radius: 10px;
    border-radius: 4px;
    margin-bottom: 0px !important;
    padding-bottom: 15px !important;
    z-index: 10005 !important;
}
#lightbox .plainTable tr {
    border: none;
    padding: 0px;
    background-color: transparent !important;
    width: 100% !important;
    display: inline-table !important;
}
#lightbox select#lbChangeUCID {
    width: 100% !important;
    display: inline-block !important;
    position: relative !important;
    height: 50px !important;
    z-index: 10007 !important;
}
#lightbox .select2-container {
    box-sizing: border-box;
    display: inline-block !important;
    margin: 0 !important;
    position: relative !important;
    vertical-align: middle !important;
    z-index: 10009 !important;
}
#lightbox span.select2-container.select2-container--default.select2-container--open {
    left: 13px !important;
    z-index: 10009 !important;
    width: auto !important;
    margin-left: auto !important;
    margin-right: auto !important; }  
.svg-wrapper {
    display: inline-block !important;
    text-align: center !important;
    padding-bottom: 0px !important; }
/* */
li.dropdown.show.open {
    top: 0px;
    margin: 0px !important;
    padding: 0px !important;
    z-index: 10009 !important; }
.mainbar .mainbar-nav > .open > a, .mainbar .mainbar-nav > .open > a:hover, .mainbar .mainbar-nav > .open > a:focus {
    color: #fff;
    z-index: 10009 !important; }
.mainbar .mainbar-nav > li > a:hover, .mainbar .mainbar-nav > li > a:focus, .nav > li > a:hover, .nav > li > a:focus {
    color: #ffffff !important;
    /*background-color: transparent !important;*/
    z-index: 10009 !important; }
.mainbar .mainbar-nav > li > a {
    font-weight: bold;
    text-align: center !important;
    padding: 20px !important;
    border: 0px;
    border-radius: 7px;
    margin: 10px;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10008 !important; }
.mainbar .mainbar-nav > li > a > i {
    font-size: 25px !important;
    opacity: 0.6 !important;
    padding-bottom: -7px !important;
    z-index: 10009 !important; }
#bugIcon {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    margin-top: 0px !important; }
/* TEST NAV 11-21-19 */
.mainbar .mainbar-nav > li > a {
    font-weight: bold;
    text-align: center !important;
    padding: 20px !important;
    border: 0px;
    border-radius: 7px;
    margin: 10px;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10008 !important; }
/*  */
.show {
    display: contents !important;
    padding-bottom: 20px !important;
    text-align: center !important;
    position: absolute;
    top: 0px;
    left: 0px;
    will-change: transform;
    transform: translate3d(0px, 65px, 0px) !important;
    z-index: 10009 !important; }
.open>.dropdown-menu {
    display: block !important;
    background-color: transparent !important; }
.close>.dropdown-menu {
    display: none !important;
    background-color: transparent !important; }
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none !important;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 13px;
    text-align: left;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 3px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
.nav>li>a {
    position: initial !important;
    display: block !important;
    padding: 10px 15px; }
li.dropdown.show.open {
    top: 0px;
    margin: 0px !important;
    padding: 0px !important;
    height: auto !important;
    display: contents !important;
    z-index: 10009 !important; }
li.dropdown.show.close {
    top: 0px;
    margin: 0px !important;
    padding: 0px !important;
    height: auto !important;
    display: none !important;
    z-index: 10009 !important; }
.mainbar .mainbar-nav > .open > a, .mainbar .mainbar-nav > .open > a:hover, .mainbar .mainbar-nav > .open > a:focus {
    color: #fff !important;
    z-index: 10009 !important;
    font-weight: bold;
    text-align: center !important;
    padding: 20px !important;
    border: 0px;
    border-radius: 7px;
    margin: 10px !important;
    background-color: rgba(0, 0, 0, 0.2) !important;
    z-index: 10008 !important;
    height: auto; }
li.dropdown.show.open {
    top: 0px;
    margin: 0px !important;
    padding: 0px !important;
    height: auto !important;
    display: inherit !important;
    z-index: 10009 !important;
    position: relative !important; }
.open>ul.dropdown-menu {
    position: absolute;
    will-change: transform;
    top: 0px;
    left: 0px;
    transform: translate3d(0px, 64px, 0px) !important;
    display: inherit !important; }
.show {
    display: contents !important;
    padding-bottom: 20px !important;
    text-align: center !important;
    position: absolute;
    top: 0px;
    left: 0px;
    will-change: transform;
    transform: translate3d(0px, 0px, 0px) !important;
    z-index: 10009 !important; }
#bhaForms {
    display: inline-block !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important; }
#bhaForms.left {
    float: none !important;
    display: inline-block !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important; }
#bhaForms.right {
    float: left !important;
    width: 100% !important;
    text-align: left !important;
    margin-left: auto;
    margin-right: auto !important; }
form.ng-pristine.ng-valid {
    height: 50px;
    display: block !important;
    position: relative !important;
    width: 100% !important;
    float: none !important; }
div.bhaReporting.root .headerInformation .btn {
    color: #FFFFFF;
    font-weight: 300;
    font-size: 1.8rem !important;
    text-transform: uppercase;
    padding: 0px 20px;
    margin-right: 8px !important;
    margin-left: 8px !important;
    height: 50px !important;
    margin-top: 0px !important;
    margin-bottom: 20px !important;
    width: 25% !important;
    float: left !important;
    min-width: 75px !important; }
select#exampleFormControlSelect1 {
    height: 50px !important;
    margin-bottom: 25px !important;
    background-color: white !important;
    width: 100% !important; }
form.ng-pristine.ng-valid {
    height: 50px;
    display: block !important;
    position: relative !important;
    width: 25% !important;
    float: left !important; }
div.bhaReporting.root .headerInformation .buttonHeader {
    font-weight: 300;
    font-size: 1.5rem;
    text-align: center !important;
    margin-left: 0 !important;
    background-color: white;
    color: #353838;
    display: inline-block;
    position: relative;
    width: 100% !important;
    border: 1px solid #efefef;
    border-radius: 7px;
    margin-top: 10px;
    margin-bottom: 10px; }
div.bhaReporting.root .headerInformation .buttonHeader {
    font-weight: 300;
    font-size: 1.5rem;
    text-align: center !important;
    margin-left: 0 !important;
    background-color: white;
    color: #353838;
    display: inline-block;
    position: relative;
    width: 100% !important;
    border: 1px solid #efefef;
    border-radius: 7px;
    margin-top: 10px;
    margin-bottom: 10px; }
form.ng-pristine.ng-valid {
    height: 50px;
    display: block !important;
    position: relative !important;
    width: auto !important;
    float: left !important; }
    table.plainTable {
    display: inline-block !important;
    position: relative;
    width: 35% !important;
    float: left;
    margin-right: 25px; }
div.bhaReporting.root .headerInformation .leftSection {
    margin-bottom: 10px;
    min-width: auto !important;
    width: 100% !important;
    float: left !important;
    text-align: center !important; }
div.bhaReporting.root .headerInformation .buttonHeader {
    text-align: center !important;
    font-weight: 300;
    font-size: 1.5rem !important;
    margin-left: 5px !important;
    background-color: white;
    color: #353838;
    width: 100% !important;
    float: left !important;
    align-content: space-between !important;
    display: inline-table !important; }
.nav > li {
    position: relative !important;
    display: contents !important; }
.navbar-nav .dropdown-menu:before {
    content: '';
    position: relative;
    z-index: 10601;
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    position: relative;
    top: -7px;
    left: 8px;
    width: 100% !important;
    height: auto; }
.plainTable {
    width: 100% !important;
    margin: 0;
    background-color: transparent;
    border: none;
    padding: 0px;
    display: block;
    position: relative;
    float: left !important; }
table.plainTable {
    display: inline-block !important;
    position: relative;
    width: 100% !important;
    float: left;
    margin-right: 0px;
}
form.ng-pristine.ng-valid {
    height: 50px;
    display: block !important;
    position: relative !important;
    width: 100% !important;
    float: left !important;
    margin-right: 0px !important;
    margin-bottom: 25px;
}
}

/* TOGGLE MAINBAR */

.mainbar .mainbar-toggle {
    background-color: transparent !important;
    background: transparent !important;
    display: inline-block !important;
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0px !important;
    font-size: 25px !important;
}

.mainbar .mainbar-toggle {
  position: relative !important;
  float: right !important;
  margin-right: 0px !important;
  padding: 10px 10px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  border-radius: 3px;
}
.mainbar .mainbar-toggle:focus {
  outline: 0;
}
.mainbar .mainbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 1025px) {
  .mainbar .mainbar-toggle {
    display: none !important;
  }
    .mainbar-collapse.collapse {
    display: inline !important;
    height: 300px !important;
    padding-bottom: 0;
    overflow: auto !important;
}
}
@media (max-width: 1024px) {
  .mainbar .mainbar-toggle {
    display: inline-block !important;
  }
    /*TEST 01-2020*/
}
.mainbar-nav {
  margin: 10.25px -15px !important;
}
.mainbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 23px;
}
@media (max-width: 1024px) {
  .mainbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .mainbar-nav .open .dropdown-menu > li > a,
  .mainbar-nav .open .dropdown-menu .dropdown-header {
    padding: 10px 15px 5px 25px !important;
  }
  .mainbar-nav .open .dropdown-menu > li > a {
    line-height: 23px;
  }
  .mainbar-nav .open .dropdown-menu > li > a:hover,
  .mainbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none !important;
  }
.mainbar-collapse.collapse {
    padding-bottom: 0;
    overflow: auto !important;
}
    
/*.mainbar-collapse.collapse {
    display: none !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: hidden !important;
}*/
    

.mainbar-collapse.show {
  display: contents !important;
  position: relative !important;
    width: 100% !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: hidden !important;
}
.mainbar-collapse.in {
  overflow-y: auto; 
}}
.mainbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}

.mainbar-collapse.in {
    overflow-y: auto;
    display: block !important;
}
@media (min-width: 1024px) {
  .mainbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .mainbar-collapse.collapse {
    display: inline-block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: hidden !important;
  }
  .mainbar-collapse.in {
    overflow-y: visible;
  }
  .mainbar-fixed-top .mainbar-collapse,
  .mainbar-static-top .mainbar-collapse,
  .mainbar-fixed-bottom .mainbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
    .mainbar-collapse.collapse {
    display: inline !important;
    height: 300px !important;
    padding-bottom: 0;
    overflow: auto !important;
}
}
.mainbar-fixed-top .mainbar-collapse,
.mainbar-fixed-bottom .mainbar-collapse {
  max-height: 340px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
  .mainbar-fixed-top .mainbar-collapse,
  .mainbar-fixed-bottom .mainbar-collapse {
    max-height: 200px;
  }
}

/* HELIX CSS WW */

button.ui-multiselect.ui-widget.ui-state-default.ui-corner-all {
  margin-top: 25px !important;
}

#apply-child-ucids {
  margin-top: 25px !important;
}

#child-ucid-selector + .ui-multiselect {
  min-height: 50px !important;
  padding-left: 10px !important;
}

.select2-container--default .select2-selection--single {
  min-height: 50px !important;
}

.select2-container .select2-selection--single {
  min-height: 50px !important;
  padding-top: 10px !important;
  padding-left: 10px !important;
}

.select2-container--open .select2-dropdown--below {
  top: 0px !important;
}

.special-filter-thingy.row {
  display: block !important;
  position: relative !important;
  height: auto !important;
  padding-bottom: 75px !important;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
  min-height: 50px !important;
}
/*////////////////////////////////////////////////////// END RESPONSIVE //////////////////////////////////////////////////////*/