/* DfT Old Style Styles */
/* 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;}


/* Styles ported over from _3.cfm */

.logoplacement {
  background-image: url(/images/scanclient/huron-logo.jpg) !important;
}


.secondary {
  background-color: #F9F9F9!important;
  color: #0a0a0a;
  border: 0;
}


.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
  background: #000;
  color: white;
}

.button {
  border-radius: 30px;
}

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

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

.menu li ul a {
  color: #000000;
}   

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

.button {
    background: #e6153c;
  border: 3px solid white;
}

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

.register-button {
  background-color: #E00039!important;
  border: 1px solid #999999; 
}

.register-button:hover {
  border: 3px solid #e6153c; 
  background: white!important; 
  color: #e6153c; 
  font-weight: 400; 
}  


.hover:hover {
  background: black; 
}

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

.colour1 {color: #0382FC; margin: 7px 0 0px 0;}
.colour2 {color: #e6153c; 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;
}

.no-margin {
  margin: 0;
}
.grey {
  background-image: none;
}

.button.hollow.success, .button.hollow.success.disabled, .button.hollow.success.disabled:focus, .button.hollow.success.disabled:hover, .button.hollow.success[disabled], .button.hollow.success[disabled]:focus, .button.hollow.success[disabled]:hover {
  border: 3px solid #e6153c;
  color: #e6153c;
  font-weight: 400;
    background: #ffffff;
}

.button.hollow.success:hover { 
  color:#e6153c;  
  border: 3px solid #000000;
  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: #ffffff;
} 
.top-bar, .top-bar ul {
  background-color: #ffffff;
}  

/* 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;
}

/* Buttons */
.mastheadBackground {background-image: none; background-repeat: no-repeat; background-position:center;}
.logoplacement {height: 94px; width:300px; background-image: url(/images/scanclient/huron-logo.jpg); background-repeat: no-repeat; cursor: pointer; margin-left: 0px;}

/* Default Link Styles */
a {
  color: #e6153c; } /* <<<<<< this } was missing and broke all of it! */

a:hover {
  color: #cccccc; } 
#main-grid .menu a {
    color: #e6153c;
}

#main-grid .menu a:hover {
  color: #e6153c;
}
  .top-bar-section ul li.active a {
    background: #e6153c; }
	
	
.panel.red {
    background: radial-gradient(ellipse at center center , #e6153c 0%, #8d984b 98%, #898700 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
}

.panel.midblue {
    background-color: #E5E5E5;
}

.panel.lightblue {
    background-color: #E5E5E5;
}

.panel.paleblue {
    background-color: #E5E5E5;
}

/* Top navigation bar */

.menu .active > a {background: #e6153c; color: #fff; }
.menu .is-active > a {
    background: #e6153c;
    color: #fefefe;
}

.input-group-label {
    background: #e6e6e6!important;
    
    }

.admin-index .callout {
font-family: 'Poppins', "Arial", sans-serif;
    font-size: .85rem;
    line-height: 1.5rem;
    background-color: #e6e6e6;
    border-style: solid;
    border-width: 1px;
    border-color: #d9d9d9;
}