/* Move down content because we have a fixed navbar that is 50px tall */
body {
    /*AR Format change 28/11/18 removed padding as with a fixed nav bar it autmatically increases the gap*/
    /*padding-top: 20px;*/
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 5px;
    padding-right: 5px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
/*input[type="text"], removd as mximum text box entry was set to 280 after bootstrap update*/ 
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    max-width: 280px;
}

/*Override asp:Menu behaviour which always clears the styles by adding in an 
    additional <div> after itself. (Resulting in a forced extra line.)*/
#menuKimalMaster + div {
    clear: none !important;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}

/*Kimal Bootstrap customisations to override bootstrap.css*/

@media screen and (min-width: 1365px) {
  /* DaWi 12/01/2018 to target Kimal smallest desktop screens (1366px wide) must use 1365px target) */
  .container {
    width: 1326px;
  }
  
  .body-content {
    padding-left: 0px;
    padding-right: 5px;
  }
}

@media screen and (min-width: 1480px){
    .container {
        max-width: 1440px;
    }
}

@media screen and (min-width: 1600px) {
  .container {
    width: 1500px;
  }
}

@media screen and (min-width: 1800px) {
  .container {
    width: 1700px;
  }
}

@media screen and (min-width: 2000px) {
  .container {
    width: 1900px;
  }
}

.navbar {
    border:0px;
    }

.navbar-fixed-top {
    background-color:white;
    color:#777;
    }

.navbar-toggle .icon-bar {
    background-color:#777;
}

a {
    color: #777;
    text-decoration: none;
}

.kimal-nav-vertical {
    font-size:9.5px;
    padding: 5px 3px 10px 10px !important;
}

.kimal-footer {
    background-color:#3E7CC7;
    color:white;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-right: 30px;
    text-align: right;
    /*The following is an un-adulterated fudge due to time constraints!*/
    width:99.2%;
}

.td-centre
{
text-align:center ;
}

.td-left
{
text-align:left ;
}

.td-right
{
text-align:right ;
}

.td-warning
{
color :red;
}

.table 
{ border-collapse: separate; border-spacing: 5px; 
           margin-left:auto; 
     margin-right:auto;

} /* cellspacing="5" */

     
.Grid 
{
    border: solid 3px #FFFFFF;
    font-family: Arial;
    padding: 5px 5px 5px 5px;
    text-align: center;
         margin-left:auto; 
     margin-right:auto;
}

/*New Kimal DataGrid Styles*/
.Grid td
{
    border: solid 3px #FFFFFF;
        margin: 3px 3px 3px 3px;
    font-family: Arial;
    padding: 5px 5px 5px 5px;
    text-align: center;
         margin-left:auto; 
     margin-right:auto;
}

.GridHeader
{
    background-color: #8C9FB4;
    font-size: larger;
    color: Black;
     padding: 0px 15px 0px 15px;
}

.GridItem, .GridAltItem
{
    color: Black;
}

.GridItem
{
    background-color: #EAEAF1;
}

.GridAltItem
{
    background-color: #C5CDD8;
}

.Label1 
{
    font: 8pt verdana; 
    color: black;
}

.SPRFaqFontLargeGreen {
    font:Arial, Helvetica, sans-serif;
    font-size:large;
    color: #336600;
}

.SPRFaqFontMedium {
    font:Arial, Helvetica, sans-serif;
    font-size:medium;
    color: #FF0000;
}

.SPRFaqFontMediumGreen {
    font:Arial, Helvetica, sans-serif;
    font-size:medium;
    color: #336600;
}

.SPRFaqFontSmall {
    font:Arial, Helvetica, sans-serif;
    font-size:small ;
    color:black ;
}

.KimalRadGridHeader {
    font-weight:bold;  
}

/*html .RadSearchBox .rsbInput {
    height: 26px;
    font-size: 17px;
    width: 90%;
    max-width: 90%;
}*/


html .RadSearchBox .rsbInput { 
     height: 90%;
    /*font-size: 14px;*/
}

html .RadSearchBox .rsbInner {
    height: 100%;
    width: 100%;
}

.img-no-border img {
    border: 0;
}

div.RadGrid .rgFilterRow .rgFilterBox
{
    width: 100%;
}
 
div.RadGrid .rgFilterRow td
{
    padding-right: 50px;
}