/* 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/rf-logo.png) !important;
    height: 93px; width:450px!important; margin-top: 15px; 
}


.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 #4c93d7; 
  background-color: #4c93d7;
}

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

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


.hover:hover {
  background: black; 
}

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

.colour1 {color: #0382FC; 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: 20px!important;
    font-size: 12px!important;
    font-family: 'Inter', Arial, sans-serif;
}

.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 #4c93d7;
  color: #4c93d7;
  font-weight: 400;
    background: #ffffff;
}

.button.hollow.success:hover { 
  color:#4c93d7;  
  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: #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 */
body {color: #555;}
p {color: #555;}
	.mastheadBackground {background-image: none; background-repeat: no-repeat; background-color: #ffffff; border-right: 16px solid white; }
	.logoplacement {height: 93px; width:450px; background-image:url(/images/scanclient/rf-logo.png); margin-top: 15px; }
.backgroundcolor { }

/* Default Link Styles */
a {
  color: #4c93d7; } /* <<<<<< this } was missing and broke all of it! */
  #main-grid .menu a {
    color: #4c93d7;
}

#main-grid .menu a:hover {
  color: #4c93d7;
}
    .side-nav li a {
	color: white;
}
  
	
h1 small {color: #999999;}
h4, h6 {color: #000000;}

.button {
    background-color: #4c93d7;
    border: 1px solid #4c93d7; color: #ffffff;
}

.button:hover {
    background-color: #4c93d7;
    border: 1px solid #999999;
}


/* Tag cloud font sizes and colours */

.tagcloud-biggest {
	color: #4c93d7;
}




/* BREADCRUMBS */

.breadcrumbs li a, .breadcrumbs li span {
    color: #EF9A01;
    font-size: 0.6875em;
    padding-left: 0.75em;
    text-transform: uppercase;
}
/* BREADCRUMBS */
	
	.pagination li span.current {
  background: #EF9A01;
  color: white;

}
	

/* Privacy buttons on item pages */

.icon-privacy.on {
	background-color: #4c93d7 /*{global-icon-color}*/;
	border: 2px solid #4c93d7;
	background-color: rgba(0, 174, 239) /*{global-icon-disc}*/;
	color: white;
}	

.icon-privacy.off {
	background-color: #ffffff /*{global-icon-color}*/;
	border: 2px solid #4c93d7;
	background-color: rgba(0,0,0,0) /*{global-icon-disc}*/;
	color: black;
}	



/* Top navigation bar */

.postlogin-follow {background-color: #4c93d7;}


.top-bar-right {background-color: #ffffff;}
.top-bar, .top-bar ul {background-color: #ffffff;}

.menu .active > a {background: #4c93d7; color: #ffffff; }
.menu li ul a {
  color: #4c93d7;
}
.menu {background-color: #4c93d7;}
.menu li {background-color: #f1f1f1;}
.menu li a {color: #4c93d7;}
.menu li a:hover {background-color: #4c93d7; color: #ffffff; }
.menu .is-active > a {background-color: #4c93d7;}
.menu .is-active > a:hover {color: #4c93d7;  }
.menu a:hover {color: #4c93d7;}

label {color: #4c93d7;}

.leftnav-callout {
    font-size: .9rem;
    border: dotted 1px #4c93d7;
}
.midblue-bg {
    background-color: #f1f1f1;
}