/* New style */
/* Set the background color of body to tan */

.loginbox {
  width: 400px; float: right;
}

/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px) {
  .loginbox {
   width: 400px; float: right;
  }
}

/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
  .loginbox  {
   width: 350px; float: left;
  }
      .float-right  {
   width: 350px; float: none;
        
  }
}

.float-right  {
   margin-top: 35px;
}

@media screen and (max-width: 992px) {
  .float-right  {
   margin-top: 35px;
  }
}

@media screen and (max-width: 600px) {
  .float-right  {
   margin-top: 35px;
  }
      .float-right  {
  margin-top: 10px;
        
  }
}
.backgroundcolor {background: #ffffff;}
.client-background-colour {background: #031B40;}

/* Styles ported over from _3.cfm */

.logoplacement {
  background-image: url(/images/logos/st-logo-large.png) !important;
}

body#newdesign .item-wrapper h6.bullet {
    background-repeat: no-repeat;
    padding-left: 0px!important;
    font-size: 1.4em!important;
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 400!important;
}

body#newdesign h6.item-wrapper {
    border-bottom: 1px solid #ececed!important;
    margin: 5px 0 18px 0;
    padding: 5px 0 10px 0;
}

.secondary {
  background-color: #F9F9F9!important;
  color: #0a0a0a!important;
  border: 0;
}
.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
  background: #031B40;
  color: white;
}

.button {
  border-radius: 30px;
}

.is-dropdown-submenu-item a { 
  color: white;
  background:  #031B40;
}

.dropdown.menu>li.is-active>a {
  color: #ffffff;
}

/* .menu li ul a {
  color: #ffffff;
}  */ 

.button.alert {
  border: 3px solid #D720C4; 
  background-color: #D720C4;
}

.button {
  border: 3px solid white;
}

.button.alert:hover {
  border: 3px solid #409bf3; 
  background: white; 
  color: #409bf3; 
  font-weight: 400; 
}   
.button:hover {
  border: 3px solid #409bf3; 
  background: white; 
  color: #409bf3; 
  font-weight: 400; 
}  


.hover:hover {
  background: black; 
}

.toolsblocks {
  color: white; 
  background: #031b40; 
  padding: 15px; 
  border-radius: 20px; 
  text-align: center; 
  border: 5px solid #0382FC;   
  height: 130px;   
  margin-bottom: 20px;    
  font-size: 13px; 
  padding-top: auto; 
  padding-bottom: auto; 
}

.colour1 {color: #409bf3; margin: 7px 0 0px 0;}
.colour2 {color: #10c71d; margin: 7px 0 0px 0;}
.colour3 {color: #FF9901; margin: 7px 0 0px 0;}
.colour4 {color: #fd389b; margin: 7px 0 0px 0;}
.colour5 {color: #FF0CFF; margin: 7px 0 0px 0;}
.colour6 {color: #FFDD28; margin: 7px 0 0px 0;}

#new-buttons h4 {
  color: white; 
  font-weight: 400; 
  font-size: 1.1em; 
  margin-bottom: 10px; 
  margin-top: 5px;
}

.bullet {
  background-repeat: no-repeat;
  padding-left: 0px;
  font-size: 24px;
  font-family: 'Inter', Arial, sans-serif;
}
.no-margin {
  margin: 0;
}
.grey {
  background-image: none;
}

.button.hollow.success, .button.hollow.success.disabled{
  border: 3px solid #fff;
  color: #fff;
  font-weight: 400;
}

.button.hollow.success:hover { 
  color:#e7e7e7;  
  border: 3px solid #0382FC;
  font-weight: 400;
}

#scans-grid .card {
  color:#0382FC;  
  border: 3px solid #dadada; 
  border-radius: 20px;
  font-weight: 400; 
  text-align: center; 
  /* font-size: 18px; */
}

.client-background-colour {
  background-color: #031B40;
} 


/* Search button */
#mainSearchForm input[type=submit] {
  height: auto;
}
#mainSearchForm input[type=search] {
  height: 45px;
  border-radius: 20px;
} 

/* new action buttons */
.row-1 {
  z-index:10;
}

.row-2 {
  display: none;
  /* position: absolute; */
  z-index:20;
}

.toolsblocks a:hover {
  font-weight: bold;
}

.str-very-high {
    font-size: 30px;
}

.str-high {
    font-size: 30px;
}

.str-medium {
    font-size: 30px;
}

.str-very-low {
    font-size: 30px;
}

.str-low {
    font-size: 30px;
}

.challenges-grid-image {
  width:280px;
  height:127px;
  object-fit:cover;
}

.challenges-grid-text {
  margin-bottom: 0px!important; 
  margin-top:1.3rem;
  text-align: center; 
  font-size: 16px; 
  padding-right: 3px !important;
}

.scans-grid-text {
  margin-bottom: 0.5px!important; 
  margin-top:0;
  text-align: center; 
  font-size: 16px; 
}

.scans-back {
  background-color:#031b40;
}