/*Remove the round corners on the banner*/
#top-nav { border-radius: 0px; }
/*Align logo with conetent*/
#top-nav .navbar-brand { padding-left: 30px; }


/*Left navigation bar*/
.nav > li.nav-header > a { cursor: default; font-size: 12px; font-weight: bold; text-transform: uppercase;padding-top: 12px;padding-bottom: 12px;}

/*Sidebar nav - vertical */ 
@media (min-width: 200px) {
  .sidebar-nav .navbar .navbar-collapse { padding: 0; max-height: none;  }
  .sidebar-nav .navbar ul { float: none;  }
  .sidebar-nav .navbar ul:not { display: block;  }
  .sidebar-nav .navbar li { float: none; display: block;  }
  .sidebar-nav .navbar li a { padding-top: 3px;  padding-bottom: 4px;  }
}

.sidebar-nav .nav > li.active > div   {background-color: #e7e7e7; !important;}

.sidebar-nav .nav > li  a { color: #0088cc !important;}

.sidebar-nav .nav > li > div { margin-left:0px; margin-right:0px; padding-top: 5px; }

.sidebar-nav .nav > li > div > div:first-child { padding-right:0px; }

/*.sidebar-nav .nav > li > div > div { padding: 0px; }*/

.form-control {padding-left:6px;}

/*Audit list page*/
.AuditSearch .Filter .checkbox { margin-top: 0px;  margin-bottom: 0px; }

/*Audit edit page. Naming based on React components*/
.AuditEditContent .page-heading h1 { text-align: center;}

.AuditEditContent .page-header { border-bottom: 1px solid #b9b9b9; }

.AuditEditContent .AuditEditDisplayAllPages .AuditEditPageHeading { padding-top: 30px; }

.AuditEditContent .row { margin-right: 0px; padding-bottom: 5px; }
.Template .AuditEditItem:hover { background:#f5f5f5; }

.AuditEditItem .row {margin-left: 0px; }
.AuditEditItem .row .col-xs-9 .col-md-9 {padding-left: 0px; padding-top: 5px; }
.AuditEditItem .row .col-xs-9 .col-md-9 h1 {margin-top: 5px; }
.AuditEditItem .row .col-xs-9 .col-md-9 h2 {margin-top: 5px; }
.AuditEditItem .row .col-xs-9 .col-md-9 h3 {margin-top: 5px; }
.AuditEditItem .row .col-xs-9 .col-md-9 p {margin-top: 5px; margin-bottom: 0px; }
.AuditEditItem .row > div:first-child {padding-left: 0px; }
.AuditEditItem .row > div:last-child {padding-right: 0px; }

.AuditEditContent .Buttons > div { padding-top: 5px; }
.AuditEditContent .Buttons .btn { margin-right: 5px;margin-bottom: 5px; }

.AuditEditContent .Drawing .File { /*width: 450px;*/ float: left; /*padding-right: 5px;*/ padding-bottom: 10px}
.AuditEditContent .Drawing .File img { max-height: 335px; max-width: 100% }
.AuditEditContent .Drawing .File .image-label {	padding-top: 3px; padding-left: 0px; padding-bottom:5px; padding-right: 5px; }
.AuditEditContent .Drawing .File .image-label span {  padding-right: 5px; }
.AuditEditContent .Drawing .recycle-bin div { padding-top: 5px;}
.AuditEditContent .Drawing .image-heading {	cursor: default; font-size: 12px; font-weight: bold; text-transform: uppercase;}

.AuditEditContent .ItemHierarchyButtonRow { padding-bottom: 10px;}

.footer { text-align: center; padding-top: 20px; }

.Admin .Subscriptions .OverSubscribed  {  background-color: #fcf8e3; }
.Admin .Subscriptions .CancelledSubscriptions  {  background-color: #ddd; }
.Admin .Subscriptions .InlineAlert  {  margin-bottom: 0; }
.Admin .CancelledSubscriptions .InlineAlert  {  margin-bottom: 0; }

.Admin .Companies .HighlightColumn {
    background-color: LightBlue;
}

.Admin .Activities .DarkHighlightColumn {
    background-color: LightBlue;
}

.Admin .Activities .LightHighlightColumn {
    background-color: lightgrey;
}


.Template .row { padding-top: 5px}

.Template .SharedControls { float: left; padding-right: 5px; padding-top: 5px; }

.Template .Repeat .Block { border: 1px solid #888; margin-left: -20px; margin-top :5px; padding-bottom : 5px; padding-left: 5px }
@media (min-width: 1200px) { .Template .Repeat .Block { margin-left: -18px;} }

.Template .Repeat .Block {padding-left: 0px;}
.Template .Repeat .Block .row { margin-left: 0px;}

.Template .Add .dropdown-toggle { width: 118px;}
.Template .Add .dropdown-menu { min-width: 122px;}

.Template .ItemButtons .btn { margin-right: 5px; margin-bottom: 5px;}


@media print {
 .btn-primary {
  color: #000000 !important;
  background-color: #ffff !important;
  border-color: #000000 !important;
}
  
  a[href]:after {
    content: "";
  }
}

/*Chrome to print backgound colours*/
@media print {
	body {
  		-webkit-print-color-adjust: exact;
	}
}

.section-blue {
    background-color: #13B5EA;
    color: #FFF;
}

.audicas-blue { color: #13B5EA; }

.announcements img { outline: 1px solid #ededed; }

/*react bootstrap table - to remove the outline around the cell when it was selected */

.react-bs-table td { outline: none !important; }

.paddingLeft10 {
	padding-left:10px;	
}

.marginTop20{
	margin-top:20px;
	padding-top:20px;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.dropdown-menu>li>a {	
	cursor: pointer;
}

.dropdown-menu .dropdown-header {	
	cursor: default;
}

/* This is to get around a problem with iOS 12  where if a flow layout goes onto next line it will prevent onClick methods reaching predecessor 
https://stackoverflow.com/questions/16773989/when-div-with-absolute-position-is-added-cannot-click-on-links 
On more analysis this looks more wide spread.   Have applied globally as does not negatively impact system */
.BringToFront {
	z-index: 1;
}

.preformatted {
    font-family: monospace;
    white-space: pre;
    font-size:13px;
}

.PlannerRow > div {
	padding-left: 0;
	padding-right: 0;
}

.MilestoneSummary .LeftTableBorder {
	border-left-width: 1px;
    border-left-color: #ddd;
    border-left-style: solid;
}

.MilestoneSummary .Alert {
	background-color: rgb(242, 97, 97);
}

.MilestoneSummary .Info {
	background-color: #00b050;
}

/* For D3 line chart*/
/* AXES */
/* ticks */
.MilestoneGraph .axis line{
stroke: #706f6f;
stroke-width: 0.5;
shape-rendering: crispEdges;
}

/* axis contour */
.MilestoneGraph .axis path {
stroke: #706f6f;
stroke-width: 0.7;
shape-rendering: crispEdges;
}

/* axis text */
.MilestoneGraph .axis text {
fill: #2b2929;
font-size: 120%;
}

.MilestoneGraph .serie_label {
  fill: #2b2929;
  font-size: 80%;
}

.table-borderless>thead>tr>th {
    border-bottom: 0px;
}

.table-borderless>tbody>tr>td {
    border-top: 0px;
}


.Table {
    display: table;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Helvetica Neue,Arial,sans-serif;
}

.Table .TableRow {
	display: table-row;
    width: auto;
    clear: both;
}

.Table .odd > div {
    background: #fafbff;
}


.Table .TableRow .TableCell {
	float: left; /* fix for  buggy browsers */
	display: table-column;         
	white-space: nowrap;
	
	border-top-width: 0;
    border-left-width: 0;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    
    padding-left: 2px; 
    
    height: 21px;
    
    position: absolute;
    
    /*padding-left: 2px; move to contained div*/
}


.Table .TableRow:first-child .TableCell {
    border-top: 1px solid #ccc;
    font-weight: bold;
}

.Table .TableRow .TableCell:first-child  {
    border-left: 1px solid #ccc;
}

.Table .dropdown-menu .Checkbox{
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.Table .dropdown-menu .checkbox label {
    cursor: auto;
}

.Table .dropdown-menu .checkbox input[type=checkbox]{
    cursor: pointer;
}

.Compact>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 4px;
}

/*
.Spreadsheet .date input, .Spreadsheet .date span {
	background-color: transparent;
	border: 0;
}

.Spreadsheet .form-control {
	height: 22px;
	width: 100px;
}

.Spreadsheet .input-group-addon{
	padding: 0;
}*/

.disruptions-dashbaord h4 {
	font-weight: 350;
	margin-bottom: 0;
}

.disruptions-table tbody > tr > th {
	padding-top: 2px;
	padding-bottom: 2px;
}

.audits-table-view .odd > div, .audits-table-view .odd > div > input {
    background: #edeff8;
}

.audits-table-view .even > div {
    background: white;
}

.padding-zero {
	padding: 0
}