#content_form {
    margin-bottom: 5px;
}

.open>.dropdown-menu{
    background-color: var(--portalThemeColor4, #ffffff);
}
.open>.dropdown-menu>li>a{
    color: var(--portalThemeOnColor9, #1276CE);
}


.open .dropdown-menu > li > a:hover,.dropdown-menu > .active > a:hover{
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, #1276CE);
    text-decoration: Underline;

}
.dropdown-menu>.active>a{
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, #1276CE);
    text-decoration: Underline;

}
.open .dropdown-menu>.active>a:focus{
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, #1276CE);
    text-decoration: Underline;

}

/*Custom Demo Code below*/
:root {
  --main-color: rgba(0, 37, 60, 1);
  --secondary-color: rgb(211,225,227);
  --btnhover-color: rgb(0, 126, 115);
}

/*Target the hero image on the home page*/
.page-copy:first-child
  .xrm-attribute-value
  > .row.sectionBlockLayout:first-of-type {
    height: 400px; 
}

/*Most popular articles landing text*/
.section-landing-mostpopular{
  
  /*Add a border around the text to make it more readable*/
  text-shadow:
    -1px -1px 0 #000,
     1px -1px 0 #000,
    -1px  1px 0 #000,
     1px  1px 0 #000;
  font-size: 26px !important;
}

@media screen and (min-width: 1199px)
{
  .section-landing-mostpopular {
      position: relative;
      top: -10px !important;
  }
}

@media screen and (min-width: 992px)
{
  .populararticle {
      position: relative;
      top: -3vh !important;
  }
}

/*Hide the OOTB Chatbot icon*/
.pva-floating-style {
  display: none !important;
}

/*Navbar top margin*/
ul.nav.navbar-nav.weblinks {
    margin-top: 15px;
}

/* Fixes search button issue on my support page*/
.input-group-btn > button.btn.btn-default.btn-hg {
  height: 35px;
}

.navbar-inverse .navbar-nav > li > a:hover {
  background-color: var(--secondary-color) !important;
  color: #000000 !important; 
}

footer .footer-bottom {
    background-color: var(--main-color) !important;
}

.readonly-look {
  background-color: #f3f3f3 !important;
  pointer-events: none;
  color: #6c757d !important;
  border: 1px solid #ccc !important;
  cursor: not-allowed;
}

.hiddenfield{
  display: none !important;
}

input.form-control.subject.case-deflection {
  height: 36.6px !important;
}



/*Buttons*/

.btn-primary {
  color: #ffffff;
  background-color: var(--main-color) !important;
  border-color: var(--main-color) !important; 
}
.btn-primary:hover {
    color: #ffffff;
    background-color: var(--btnhover-color) !important;
    border-color: var(--btnhover-color) !important; 
}
.btn-primary:active, .btn-primary.active {
    color: #ffffff;
    background-color: var(--btnhover-color) !important;
    border-color: var(--btnhover-color) !important; 
}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus {
    color: #ffffff;
    background-color: var(--btnhover-color) !important;
    border-color: var(--btnhover-color) !important; 
}
.btn-primary:focus, .btn-primary.focus {
    color: #ffffff;
    background-color: var(--btnhover-color) !important;
    border-color: var(--btnhover-color) !important; 
}

.btn-default {
  color: var(--main-color) !important;
  background-color: #ffffff;
  border-color: var(--main-color) !important; 
}
.btn-default:hover {
  color: var(--main-color) !important;
  background-color: #f2f2f2;
  border-color: var(--main-color) !important; 
}
.btn-default:active, .btn-default.active {
  color: var(--main-color) !important;
  background-color: #f2f2f2;
  border-color: var(--main-color) !important; 
}
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus {
  color: var(--main-color) !important;
  background-color: #f2f2f2;
  border-color: var(--main-color) !important; 
}
.btn-default:focus, .btn-default.focus {
  color: var(--main-color) !important;
  background-color: #f2f2f2;
  border-color: var(--main-color) !important; 
}

.button1:hover {
  background-color: rgb(255 255 255 / 100%) !important;
}

/*End of Buttons*/