@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;1,300&display=swap');



body, html, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 , p , a {
    font-family: 'Raleway', sans-serif !important;
}
h6{
font-weight: 800;
    font-style: normal;
    font-size: 14pt;
    line-height: 1.5em;
}
.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a {
     font-family:   'Raleway', sans-serif !important;
}
#content-container .signinpage #external-login-heading {
    display: none
}

.redeempage #content #mainContent .form-horizontal .form-group .checkbox {
    display: none
}

.navbar-toggle .collapsed {

    margin-top: 6vh;

}
a:not(.btn) {
    text-decoration: none !important;
}

.btn-secondary{
    color: black;
    font-weight: 500;
    background-color: lightgray;
    border-color: lightgray;
}

.text-muted{
    display: none !important;
}


.crmEntityFormView, .entitylist, .modal-content, .popover-content {
    background-color:white!important;
    color: #000000;
    border: 1px solid #f2f2f2;
}

.form-horizontal .control-label {
    text-align: left;
    margin-bottom: 0;
    padding-top: 7px;
}
/* make error messages visible for login, register, signup */
.alert-danger {
    background-color:  #DB4C4C !important;    
    border-color: black !important;
    color: white !important;
}


.validation-summary a, h2 {
    color: white!important;
}
.validation-summary-errors a {
    color: white !important;
    font-family:   'Raleway', sans-serif !important;
}

@media all and (max-width: 750px) {
  .headerCustom{

    width:100% !important;
    padding:5px 0px 5px 0px !important;

  }  
  #logo{
    width: 145px !important;
  }


}

/* fixing style of the header to be the same like official site */

.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a

{   
    
    font-family: "Raleway" !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    font-style: normal !important;
    font-size: 14px !important;
    color: rgba(0,48,99,1) !important;
    text-transform:uppercase !important;
}
.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a:hover 
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a
{
    color:rgba(32,135,204,1) !important;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a
{ font-family: "Raleway" !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    font-style: normal !important;
    font-size: 14px !important;
    color: rgba(0,48,99,1) !important;
    text-transform:uppercase !important;
    height:44px;
    display: flex;
    align-items: center;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    background-color: #000000;
    color: #ffffff;
    text-decoration: Plain text;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    background-color: #000000;
    color:rgba(32,135,204,1) !important;
    
}

/* Style the search input box */
.input-group .query {
    background-color: #f2f2f2; /* light grey background color */   
    padding: 10px 20px; /* add padding for text input */
    font-size: 16px; /* increase font size for better readability */
    border-radius: 20px; /* round the edges of the search box */
    width: 280px; /* set a fixed width for the search box */
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2); /* add a subtle box shadow */
    transition: all 0.3s ease; /* add smooth transition */
    height:50px;
  }
  
  /* Style the search button */
  .input-group-btn .btn {
    background-color: #2e456b; /* green button background color */
    border: none; /* remove default border */
    color: white; /* white text color for better visibility */
    padding: 10px 20px; /* add padding for better button size */
    font-size: 16px; /* increase font size for better readability */
    border-radius: 20px; /* round the edges of the button */
    cursor: pointer; /* change cursor to pointer on hover */
    transition: all 0.3s ease; /* add smooth transition */
    height:50px;
  }
  
  /* Add hover effect on search button */
  .input-group-btn .btn:hover {
    background-color: #2087cc; /* dark green background color */
  }
  

  /* style pagination */
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
    border-color: transparent;
     border-radius: 0%; 
    border: solid 1px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover {
    background-color: #2e456b!important;
}