@charset "UTF-8";
/* CSS Document */

/* Font Imports (Remember to tidy up the font folder if you don't need any of these fonts)*/

@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic);

@font-face {
    font-family: 'delta_probold_italic';
    src: url('../../Assets/New-CI-Updates/fonts/Delta_Pro_Bold_Italic/deltaprobolita-webfont.eot');
    src: url('../../Assets/New-CI-Updates/fonts/Delta_Pro_Bold_Italic/deltaprobolita-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('../../Assets/New-CI-Updates/fonts/Delta_Pro_Bold_Italic/deltaprobolita-webfont.woff') format('woff'),*/
         url('../../Assets/New-CI-Updates/fonts/Delta_Pro_Bold_Italic/deltaprobolita-webfont.ttf') format('truetype'),
         url('../../Assets/New-CI-Updates/fonts/Delta_Pro_Bold_Italic/deltaprobolita-webfont.svg#delta_probold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}   

@font-face {
    font-family: 'delta_promedium_italic';
    src: url('../../Assets/New-CI-Updates/fonts/Delta_Pro_Medium_Italic/deltapromedita-webfont.eot');
    src: url('../../Assets/New-CI-Updates/fonts/Delta_Pro_Medium_Italic/deltapromedita-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('../../Assets/New-CI-Updates/fonts/Delta_Pro_Medium_Italic/deltapromedita-webfont.woff') format('woff'),*/
         url('../../Assets/New-CI-Updates/fonts/Delta_Pro_Medium_Italic/deltapromedita-webfont.ttf') format('truetype'),
         url('../../Assets/New-CI-Updates/fonts/Delta_Pro_Medium_Italic/deltapromedita-webfont.svg#delta_promedium_italic') format('svg');
    font-weight: normal; 
    font-style: normal;
}
@font-face {
    font-family: 'delta_probold';
    src: url('../../Assets/New-CI-Updates/fonts/Delta_Pro_Bold_Regular/deltaprobol-webfont.eot');

    src: url('../../Assets/New-CI-Updates/fonts/Delta_Pro_Bold_Regular/deltaprobol-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('../../Assets/New-CI-Updates/fonts/Delta_Pro_Bold_Regular/deltaprobol-webfont.woff') format('woff'),*/
         url('../../Assets/New-CI-Updates/fonts/Delta_Pro_Bold_Regular/deltaprobol-webfont.ttf') format('truetype'),
         url('../../Assets/New-CI-Updates/fonts/Delta_Pro_Bold_Regular/deltaprobol-webfont.svg#delta_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'delta_probook';
    src: url('../../Assets/New-CI-Updates/fonts/Delta_Pro_Book_Regular/deltaproboo-webfont.eot');
    src: url('../../Assets/New-CI-Updates/fonts/Delta_Pro_Book_Regular/deltaproboo-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('../../Assets/New-CI-Updates/fonts/Delta_Pro_Book_Regular/deltaproboo-webfont.woff') format('woff'),*/
         url('../../Assets/New-CI-Updates/fonts/Delta_Pro_Book_Regular/deltaproboo-webfont.ttf') format('truetype'),
         url('../../Assets/New-CI-Updates/fonts/Delta_Pro_Book_Regular/deltaproboo-webfont.svg#delta_probook') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'delta_probook_italic';
    src: url('../../Assets/New-CI-Updates/fonts/Delta_Pro_Book_Italic/deltaprobooita-webfont.eot');
    src: url('../../Assets/New-CI-Updates/fonts/Delta_Pro_Book_Italic/deltaprobooita-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('../../Assets/New-CI-Updates/fonts/Delta_Pro_Book_Italic/deltaprobooita-webfont.woff') format('woff'),*/
         url('../../Assets/New-CI-Updates/fonts/Delta_Pro_Book_Italic/deltaprobooita-webfont.ttf') format('truetype'),
         url('../../Assets/New-CI-Updates/fonts/Delta_Pro_Book_Italic/deltaprobooita-webfont.svg#delta_probook_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'delta_promedium';
    src: url('../../Assets/New-CI-Updates/fonts/Delta_Pro_Medium_Regular/deltapromed-webfont.eot');
    src: url('../../Assets/New-CI-Updates/fonts/Delta_Pro_Medium_Regular/deltapromed-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('../../Assets/New-CI-Updates/fonts/Delta_Pro_Medium_Regular/deltapromed-webfont.woff') format('woff'),*/
         url('../../Assets/New-CI-Updates/fonts/Delta_Pro_Medium_Regular/deltapromed-webfont.ttf') format('truetype'),
         url('../../Assets/New-CI-Updates/fonts/Delta_Pro_Medium_Regular/deltapromed-webfont.svg#delta_promedium') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* Change the width of the site container */
.row {
	max-width: 1280px;
	width: 1280px;
}
form .row .row {
	margin-left: -0.9375rem;
	margin-right: -0.9375rem;
	max-width:none;	
}
form .row .row .column, form .row .row .columns {
  padding: 0;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
.nopadding {
	padding:0 !Important;
}
.p-top {
	padding-top:1rem !Important;
}
.p-bottom {
	padding-bottom:1rem !Important;
}
.m-top {
	margin-top:1.2rem !Important;
}
.m-bottom {
	margin-bottom:1.2rem !Important;
}
.m-top2x {
	margin-top:2rem !Important;
}
.used-center-buttons {
	margin-top:10rem;
}


/* Body */

body {
    background: black url(../../Assets/New-CI-Updates/_core/site-bg.jpg) center top fixed no-repeat;
    background-size: cover;
    color: #000;
    font-family: 'Lato', sans-serif; 
}
body.hub_generic {
    background: black url(../../Assets/New-CI-Updates/_core/site-bg-general.jpg) center top fixed no-repeat;
    background-size: cover;
}
body.hub_utility {
    background: black url(../../Assets/New-CI-Updates/_core/site-bg-utility.jpg) center top fixed no-repeat;
    background-size: cover;
}
.site_container {
    background-color: #000;
}
.white {
	background-color: #fff;
}
.dark-grey {
    background-color: #262626;
    border-top: 1px solid #434343;
    border-bottom: 1px solid #434343;
} 
.grey {
	background-color:#f1f1f1;
}
.dealer_controls {
	background-color:#f1f1f1;
	border-bottom: 1px solid #ccc;
}
.panel {
    background: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    border-radius: 0 0 4px 4px;
}
.panel.random-bg {
    position: relative;
    background: #000;
    border: 1px solid #2c2c2c;
    padding: 0;
    z-index: 0;
    opacity: 1;
}
.panel.random-bg:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url(https://source.unsplash.com/category/buildings/800x600) no-repeat center center !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    opacity: 0.25;
}
.panel.random-bg .panel-content {
    position: relative;
    z-index: 1;
    padding: 1.25rem;
}
.panel.clear {
    background-color: #FFF;
    border: 0px solid #000;
    padding: 0;
    margin: 1rem 0;
}
.shadow-left {
    border-left: 1px solid #ececec;
    box-shadow: 0 10px 15px rgba(0,0,0,0.05); 
} 
.no-shadow {
    box-shadow: none !important;
}

/* Typography Changes */
h1 {
	font-family: 'delta_probold_italic',Arial,sans-serif;
	color: #000;
	text-transform:uppercase;
}

h2, h3, h4 {
	font-family: 'delta_probook',Arial,sans-serif;
	color: #000;
	text-transform:uppercase;
}

h1 {
	font-size:2rem;
}

h2 {
	font-size:1.6rem;
}

h3 {
	font-size:1.2rem;
}

h4 {
	font-size:1rem;
}

h5 { 
	font-size:0.8rem;
	line-height:1.4rem;
	font-family: 'Lato', sans-serif;
}
p {
	font-size: 0.9rem;
	font-family: 'Lato', sans-serif;
}
p.lead {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.6rem;
}
p span.seperator {
    margin: 0 1rem;
}
a {
	color: #5AAC26;
}
a .fa-first {
    margin-right: 10px;
}
a:hover, a:focus {
	color: #999;
}
h3.panel-title {
	color:#FFF;
	background-color:#333;
	padding:0.5rem 1rem;
	margin:0;
}
h3.panel-title span.small {
    font-size: 0.7rem;
    text-transform:none;
}
h3.panel-title .fas, h3.panel-title .far, h3.panel-title .fab {
    font-size: 1rem;
    position: relative;
    top: -1px;
    margin-right: 10px;
    opacity: 0.7;
}
label.panel-title {
    font-family: 'delta_probook',Arial,sans-serif;
    font-size: 1.2rem;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #333;
    padding: 0.5rem 1rem;
    margin: 0;
}
label.panel-title input[type="radio"] {
    margin: 0 10px 0 0;
}

hr {
    border: solid #e8e8e8;
    border-width: 1px 0 0;
    clear: both;
    margin: 1rem 0;
    height: 0;
}
hr.large-divider {
    border: solid #e8e8e8;
    border-width: 10px 0 0;
    clear: both;
    margin: 2rem auto;
    height: 0;
    max-width: 65rem;
}
.account-system-details hr {
    border: solid #e8e8e8;
    border-width: 1px 0 0;
    clear: both;
    margin: 1.8rem 0 2.2rem 0;
    height: 0;
}
ul.site_user_type_checkbox {
	list-style:none;
	margin:0;
}
[class*="block-grid-"] > li {
    padding: 0 0.625rem 0;
}

/* header changes */
.site_header {
	background-color:#000;
} 
.header-border{
	background-image: url(../../Assets/New-CI-Updates/_core/nav-bar.jpg);
	height:2%;
}
.kawasaki-logo {
    padding: 1.7rem 2rem;
}
.kawasaki-logo img {
	width: 130px;
} 
.etrak-logo img {
	padding: 1rem 2rem 1rem 2rem;
	margin:0;
}
.login-container {
	background-color: #1d1d1d;
	padding: 1rem !important;
}
.login-container input[type="text"], .login-container input[type="password"]{
	margin:0;
}
.login-container .validator {
	display:none;
}
.login-container .button.tiny {
	margin:0;
}
.login-container p.lc-title, .login-container .lc-details, .login-container .lc-date  {
	font-family: 'delta_probook',Arial,sans-serif;
	text-transform:uppercase;
	color:#FFF;
}
.login-container p.lc-title {
	margin: 0.3rem 0 0 0;
	font-size:1rem;
}
.login-container .lc-details {
	font-size:0.8rem;
	margin-right:1rem;
}
.login-container .lc-date {
	font-size:0.8rem;
	margin-right:1rem;
}
.login-container .password-reset {
    font-size: 0.7rem;
    color: #b3b3b3;
    float: right;
    margin-top: 5px;
}
.login-container .button.logout {
}





/* footer styling */
footer {
	border-top: 0px solid #333;
	border-right: 0px solid #333;
	border-bottom: 0px solid #333;
	border-left: 0px solid #333;
	background-color: #FFF;
	text-align:center;
}
.footer-border {
	background-image: url(../../Assets/New-CI-Updates/_core/sub-footer-border.png);
	height: 14px;
	background-repeat: repeat-x;
}  
footer p {
	color:#1a1a1a;
	font-size: 0.8rem;
	margin: 0.3rem 0 0.7rem;
}
footer a {
	color:#f1f1f1;
}
footer ul {
	margin-left: 1.1rem; 
	color: #f1f1f1;
	font-size: 14px;
}
footer li {
	margin-bottom:0.3rem;
}
footer a:hover {
	color:white;
}
footer strong {
	color:white;
}






/* Page Header BG's */
.page-title {
	width: auto;
	position: absolute;
}
.site_login_page_text {
	background-color: #FFF;
	background-color: rgba(255, 255, 255, 0.9);
	padding:1rem 2rem;
	margin:10rem 0 0 0;
	max-width: 900px;
} 
.page-header h1 {
	font-family: 'delta_promedium',Arial,sans-serif;
	font-size: 2rem;
	color: #000;
	text-transform: uppercase;
} 
.page-header h1 bold {
	font-family: 'delta_probold',Arial,sans-serif;
	font-size: 2.4rem;
}  
.page-header {
	width: 100%;
	min-height: 450px;
	border:0px solid #000;
	margin: 0;
	padding: 0;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
}
#home-header {
	background-image: url(../../Assets/New-CI-Updates/_core/pageheaders/home.jpg);
	margin-bottom:10rem;
}
body.hub_generic #home-header {
    background-image: url(../../Assets/New-CI-Updates/_core/pageheaders/home-general.jpg);
    margin-bottom: 10rem;
}





/* Navigation Updates */
.top-bar {
    height: 46px;
    line-height: 46px;
    background: #262626;
    border-top: 1px solid #434343;
    overflow: visible;
}
.top-bar-section ul li {
	background: #333333;
	margin: 0 1rem 0 0;
}
.top-bar-section li:not(.has-form) a:not(.button) {
	padding: 0 15px;
	background: #333333;
}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
    color: white;
    background: #333333;
    line-height: 35px;
    font-size: 12px;
    text-transform: capitalize;
}
.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
    margin-top: -5px;
}
.top-bar-section li:not(.has-form) a:not(.button):hover {
	background-color: #69be28;
	background: #69be28;
}
.top-bar-section ul li:hover:not(.has-form) > a {
  background-color: #5AAC26;
  background: #5AAC26;
  color: white;
}
.top-bar-section ul li > a {
	display: block;
	width: 100%;
	color: white;
	padding: 12px 0 12px 0;
	padding-left: 15px;
	font-family: 'delta_probook',Arial,sans-serif;
	text-transform:uppercase;
	font-size: 0.8125rem;
}

	/* Sub Nav */
	
	.sub-nav {
	  margin: 0 0 1.125rem;
	  padding-top: 0.55rem;
	  margin-left: 0;
	  background-color: #f1f1f1;
	}

	.sub-nav dt, .sub-nav dd, .sub-nav li {
	  float: left;
	  display: inline;
	  margin-left: 1rem;
	  margin-bottom: 0.625rem;
	  font-family: 'delta_probook',Arial,sans-serif;
	  text-transform:uppercase;
	  font-weight: normal;
	  font-size: 1rem;
	  color: #FFFFFF;
	  background-color: #5AAC26;
	  padding: 0.4rem;
	    transition: background-color 300ms ease-out;
	}
	.sub-nav dd:hover {
		background-color:#1a1a1a;	
	}
	.sub-nav dt a, .sub-nav dd a, .sub-nav li a {
	  text-decoration: none;
	  color: #FFF;
	  padding: 0.1875rem 1rem;
	}
	.sub-nav dt a:hover, .sub-nav dd a:hover, .sub-nav li a:hover {
	  color: #FFF;
	}


.RegionDealerControls {
	/*background-color:#f1f1f1;
	margin-bottom:1rem;*/
}
.RegionDealerControls select{
	margin:0;
}

/* button changes */
button, .button {
	margin: 0.25rem 0 0.25rem 0;
	background-color: #5AAC26;
	border-color: #FFFFFF;
	color: white;
	font-family: 'delta_promedium',Arial,sans-serif;
	text-transform:uppercase;
	font-size:1rem;
	padding:0.5rem 1.5rem;
} 
button:hover, button:focus, .button:hover, .button:focus {
	background-color: #333;
	color: #FFF;
}
button.small, .button.small {
  padding-top: 0.575rem;
  padding-right: 2.05rem;
  padding-bottom: 0.6375rem;
  padding-left: 2.05rem;
  font-size: 0.8125rem;
}
button.tiny, .button.tiny {
    padding-top: 0.425rem;
    padding-bottom: 0.4875rem;
    font-size: 0.6rem;
}
.button.tiny.expand {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 0.8rem;
    margin-bottom: 0.5rem;
    top: 0px;
    left: 0px;
}
.postfix.button {
    font-size: 0.8rem;
    margin: 0;
} 
button.expand, .button.expand {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.button.dark {
	background-color:#4A4A4A;
}
.button.dark:hover {
	background-color:#1a1a1a;
}
.button.margin-top {
	margin-top:1rem;
}
.button.red {
	background-color:#c0392b;
}
.button.red:hover {
	background-color:#a53024;    
}
button.disabled, button[disabled], .button.disabled, .button[disabled] {
    background-color: #c3c3c3;
    border-color: #c3c3c3;
    color: white;
    cursor: default;
    opacity: 0.7;
    box-shadow: none;
}
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
    background-color: #969696;
}


/* Form Styles */ 
input[type="file"], input[type="checkbox"], input[type="radio"], select {
  margin: 0 0 1rem 0;
}
label {
  font-size: 0.8rem;
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.2rem;
}
label.inline {
    margin: 0 0 0 0;
}
label.small-label, label.small-label label {
    font-size: 0.7rem;
}
.inline.label {
	top:0.6rem;
	padding: 0.25rem 0.5rem 0.25rem;
	font-size: 0.6875rem;
	background-color: transparent;
}
fieldset {
	border: 1px solid #9C9A9B;
	padding: 1.55rem;
	margin: 1.125rem 0;
	background-color: #FFF;
}
fieldset legend {
	font-weight: bold;
	background: white;
	padding: 0.7rem 1rem 0;
	margin: 0;
	margin-left: 0;
	border-top: 1px solid #9C9A9B;
	border-left: 1px solid #9C9A9B;
	border-right: 1px solid #9C9A9B;
	line-height: 1;
}
span.sub, small.sub {
	display: block;
	padding: 0.375rem 0.5625rem 0.5625rem;
	margin-top: -1rem;
	margin-bottom: 1rem;
	font-size: 0.75rem;
	font-weight: normal;
	font-style: italic;
	background: #F5F5F5;
	color: rgb(163, 163, 163);
}
span.prefix, label.prefix {
    background: #333333;
    border-right: none;
    color: #F0F0F0;
    border-color: #4a4a4a;
    line-height: 2.1125rem;
}
span.prefix .fas, label.prefix .fas {
    position: relative;
    top: 10px;
}
span.prefix.login, label.prefix.login {
	background: #262626;
	color: #F0F0F0;
	border-color: #000;
}
.date-field span.date-time-pretext {
    width: 100%;
    float: left;
    clear: both;
    font-size: 0.8rem;
}
.date-field select {
    width: 32%;
}
.date-field select:first-child:before {
    clear: both;
}
span.input-small {
    font-size: 0.8rem;
    font-weight: bold;
    top: -0.7rem;
    position: relative;
    font-style: italic;
}
select.small-input, input[type=text].small-input, .date-field.small-input select, .date-field input[type=text].small-input {
    padding: 0.3rem;
    font-size: 0.675rem;
    height: 1.6125rem;
}
ul.no-list-style {
    list-style: none;
    margin: 0;
}


/* Tooltips */
.has-tip {
    border-bottom: dotted 1px #cccccc;
    cursor: help;
    font-weight: bold;
    color: #717171;
    margin-left: 3px;
}
.has-tip .fas, .has-tip .far {
    font-size: 0.6rem;
    position: relative;
    top: -1px;
    color: #717171;
}


/* Table Styles */
table.nostyle, table.nostyle table {
	background: white;
	border: solid 0px #dddddd;
	table-layout: auto;
}
table tr.even, table tr.alt, table tr:nth-of-type(even) {
	background: #FCFCFC;
}
table input[type="text"] {
	margin: 0 0 0rem 0;
}
table tr td.member_field_name {
	font-weight:bold;
}
table.used-bikes  {
	margin-top:1rem;
}
table.used-bikes, table.used-bikes table  {
	background: transparent;
	border: solid 0px #dddddd;
	table-layout: auto;
	padding:0;
}
table.used-bikes tr.even, table.used-bikes tr.alt, table.used-bikes tr:nth-of-type(even) {
	background: transparent;
}
table.used-bikes tr th, table.used-bikes tr td {
  padding: 0;
}

    /* ajax__colorPicker_container */
    .ajax__colorPicker_container table tr td {
        padding: 0;
    }

/* KPI League Table */
table.kpi-league-table tr th:first-child {
    width: 80px;
}
    table.kpi-league-table tr.paging_control td table {
        margin: 0 auto;
        text-align: center;
    }
	#POAL_KPI_reports img {
		height: 20px;
	}

    /* Event Tables */
    table.event_note {
        background: #fffade;
        margin-top: 1rem;
        margin-bottom: 0;
    }
    table.event_note tr td {
        vertical-align: top;
    }
    table.event_note tr td .button.tiny {
        font-size: 0.6rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }


    /* Pagination Table */
    table.pagination-table {
        border: 0;
        padding: 0.5rem 1rem;
        margin: 2rem 0;
        background: #f1f1f1;
        border-bottom: 2px solid #f1f1f1;
        border-top: 2px solid #f1f1f1;
    }
    table.pagination-table tr td {
        padding: 0;
    }



    /* Tree View Table */
    .tree-view > div {
        margin-bottom: 1rem;
    }
    .tree-view table {
        margin-bottom: 0;
    }
    .tree-view table tr td {
        padding: 0;
    }
    .tree-view table tr td a {
        padding: 0;
        font-family: 'Lato', sans-serif;
        font-weight: 600;
        font-size: 0.8rem;
        text-align: left;
        color: #1a1a1a;
    }
    .tree-view table tr td a:hover {
        color: #5AAC26;
    }
    .tree-view table tr td.tree-view-item.selected a {
        color: #5AAC26;
    }


	/* Dashboard Table */
	table.dashboard {
		background:#000;
		border:0;	
	}
	table.dashboard tr th {
		color: #FFF;
		background-color: #000!important;
		padding: 8px 4px;
		border-top: 4px solid #5AAC26!important;
		border-bottom: 1px solid #5AAC26!important;
		font-weight: 800;
		border-right-style: none;
		border-left-style: none;
		text-align: left;
		font-family: 'Lato', sans-serif;		
	}
	table.dashboard tr.even, table.dashboard tr.alt, table.dashboard tr:nth-of-type(even) {
		background: #121212;
	}
	table.dashboard tr th, table.dashboard tr td {
		padding: 0.5625rem 1.125rem;
		font-size: 0.875rem;
		color: #FFF;
		text-align: left;
	}
	table.dashboard tr td {
		border-bottom: 1px solid #333!important;
		font-weight:300;
	}


	/* Contacts Table */
	table.contacts {
		background:#000;
		border:0;	
	}
	table.contacts tr th {
		color: #FFF;
		background-color: #000!important;
		padding: 8px 4px;
		border-top: 4px solid #5AAC26!important;
		border-bottom: 1px solid #5AAC26!important;
		font-weight: 800;
		border-right-style: none;
		border-left-style: none;
		text-align: left;
		font-family: 'Lato', sans-serif;		
	}
	table.contacts tr.even, table.contacts tr.alt, table.contacts tr:nth-of-type(even) {
		background: #121212;
	}
	table.contacts tr th, table.contacts tr td {
		padding: 0.5625rem 1.125rem;
		font-size: 0.875rem;
		color: #FFF;
		text-align: left;
	}
	table.contacts tr td {
		border-bottom: 1px solid #333!important;
		font-weight:300;
	}


	/* Calendar Table */
    .calendar-table table {
        border-spacing: 0;
        border-collapse: collapse;
        border: 0;
        width: 100%;
    }
    .calendar-table table tr th, .calendar-table table tr td.site_calendar_monthview_day {
        font-family: 'delta_promedium',Arial,sans-serif;
        color: #1a1a1a;
        padding: 0.6rem 0.8rem;
        font-size: 0.8rem;
        font-weight: normal;
        letter-spacing: 1px;
        background: #f1f1f1;
        border: 1px solid #ececec;
    }
    .calendar-table table tr th, .calendar-table table tr td {
        padding: 0.5rem;
    }
    .calendar-table table tr td {
        color: #1a1a1a;
        border: 1px solid #f1f1f1;
        font-size: 0.9rem;
        vertical-align: top;
    }
    .calendar-table table tr td span:first-child {
        font-weight: 800;
        font-size: 1rem;
        display: block;
    }
    .calendar-table table tr td a {
        color: #1a1a1a;
        font-size: 0.8rem;
        margin-bottom: 0.125rem;
        display: block;
        max-width: 180px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .calendar-table table tr td a:hover {
        color: #5AAC26;
    }
    .calendar-table table tr th.day_title, .calendar-table table tr th.day_notes, .calendar-table table tr th.day_created, .calendar-table table tr th.day_due {
        width: 25%;
    }
    .calendar-table table .view_record_button {
        margin: 0.25rem 0 0.25rem 0;
        background-color: #5AAC26;
        border-color: #1a1a1a;
        color: white;
        font-family: 'delta_promedium',Arial,sans-serif;
        text-transform: uppercase;
        font-size: 1rem;
        padding-top: 0.625rem;
        padding-right: 1.25rem;
        padding-bottom: 0.6875rem;
        padding-left: 1.25rem;
        font-size: 0.6875rem;
        display: inline-block;
        position: relative;
        text-decoration: none;
        text-align: center;
        -webkit-appearance: none;
        -webkit-border-radius: 0;
        transition: background-color 300ms ease-out;
        border-style: solid;
        border-width: 0px;
        cursor: pointer;
    }
    .calendar-table table .view_record_button:hover {
        background-color: #333;
    }
    .calendar-table table hr {
        border: solid #333;
        border-width: 1px 0 0;
        clear: both;
        margin: 1rem 0;
        height: 0;
    }
    .calendar-table table span.date_ordinal {
        color: #5AAC26;
        margin-bottom: -0.5rem;
        display: block;
        font-weight: 400;
    }


    /* Calendar Pagination Table */
    table.calendar-pagination-table {
        border: 0;
        padding: 0.5rem 1rem;
        margin: 2rem 0;
        background: #f1f1f1;
        border-bottom: 2px solid #f1f1f1;
        border-top: 2px solid #f1f1f1;
    }

    table.calendar-pagination-table tr td {
        padding: 0;
    }

    table.calendar-pagination-table tr td.calendar-date {
        font-family: 'delta_promedium',Arial,sans-serif;
        text-transform: uppercase;
        font-size: 1.2rem;
        letter-spacing: 2px;
    }

    table.calendar-pagination-table tr td .button {
        background-color: #a2a2a2;
    }

    table.calendar-pagination-table tr td .button:hover {
        background-color: #5AAC26;
    }

    /* Smaller Calendar Pagination Table */
    table.calendar-pagination-table.small {
        border: 0;
        padding: 0.2rem 0.5rem;
        margin: 0;
        background: #f1f1f1;
        border-bottom: 2px solid #f1f1f1;
        border-top: 2px solid #f1f1f1;
    }

    table.calendar-pagination-table.small tr td.calendar-date {
        font-size: 0.9rem;
        letter-spacing: 1px;
    }
    table.calendar-pagination-table.small tr td .button {
        background-color: #a2a2a2;
        padding-left: 0.7rem;
        padding-right: 0.7rem;
    }

    /* Small Calendar Table */
    .little-month-calendar table {
        border-spacing: 0;
        border-collapse: collapse;
        width: 100%;
    }
    .little-month-calendar table tr td.site_calendar_small_monthview_day {
        font-family: 'delta_promedium',Arial,sans-serif;
        color: #1a1a1a;
        padding: 0.6rem 0.8rem;
        font-size: 0.8rem;
        font-weight: normal;
        letter-spacing: 1px;
        background: #f1f1f1;
        border: 1px solid #ececec;
    }

    /* Day Calendar Table */
    .site_calendar_day_summary table {
        border-spacing: 0;
        border-collapse: collapse;
        width: 100%;
    }
    .site_calendar_day_summary table tr td.site_calendar_dayview_event_name, .site_calendar_day_summary table tr td.site_calendar_dayview_hour_header {
        font-family: 'delta_promedium',Arial,sans-serif;
        color: #1a1a1a;
        padding: 0.6rem 0.8rem;
        font-size: 0.8rem;
        font-weight: normal;
        letter-spacing: 1px;
        background: #f1f1f1;
        border: 1px solid #ececec;
    }

    /* Year View Table */
    .site_calendar_yearview_panel {
        overflow: auto;
        overflow-y: hidden;
    }
    .site_calendar_yearview_panel table {
        border-spacing: 0;
        border-collapse: collapse;
        width: 100%;
    }
    .site_calendar_yearview_panel table tr td.site_calendar_yearview_even_header, .site_calendar_yearview_panel table tr td.site_calendar_yearview_month_header, .site_calendar_yearview_panel table tr td.site_calendar_yearview_month_name {
        font-family: 'delta_promedium',Arial,sans-serif;
        color: #1a1a1a;
        padding: 0.6rem 0.8rem;
        font-size: 0.8rem;
        font-weight: normal;
        letter-spacing: 1px;
        background: #f1f1f1;
        border: 1px solid #ececec;
        text-align: center;
        min-width: 100px;
    }
    .site_calendar_yearview_panel table tr td {
        color: #1a1a1a;
        border: 1px solid #f1f1f1;
        font-size: 0.9rem;
        vertical-align: top;
    }
    .site_calendar_yearview_panel table tr td a {
        color: #1a1a1a;
        font-size: 0.8rem;
        margin-bottom: 0.125rem;
        display: block;
        max-width: 180px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .site_calendar_yearview_panel table tr td a.site_calendar_manufacturer_event {
        font-weight: 600;
        color: #5AAC26;
    }
    .site_calendar_yearview_panel table tr td a.site_calendar_dealer_event {
        color: #1a1a1a;
    }
    .site_calendar_yearview_panel table tr td a:hover {
        color: #5AAC26;
    }

    /* Colour Key Tables */
    table.colour-key {
        background: rgba(0, 0, 0, 0.85);
        border: solid 1px #000000;
    }
    table.colour-key tr td {
        color: white;
        padding: 0.1625rem 0.125rem;
        font-size: 0.775rem;
    }

	
	/* Fix for the editor tables */
	.editor table {
		margin-bottom: 0;
		border: solid 0px #cfcfcf;
		table-layout: auto;	
	    font-family: 'Lato', sans-serif;
	}
	
	.editor table tr th, .editor table tr td {
	  padding: 0;
	  font-size: inherit;
	  color: #222222;
	  text-align: left;
	  font-weight:400;
	}	 
	.editor table .tabtitlesel, .editor table .tabrightsel, .editor table .tableftsel {
	  font-family: 'Lato', sans-serif;
	  padding: 0;
	}
	.istab {
		  background-color: #CCC;
		  background-image: url(../scripts/style/silver/tab_top.gif);
			background-position: bottom;
			background-repeat: repeat-x;
	}
	.editor table tr td.tabtitle {
		font-family: tahoma;
		font-size: 10px;
		font-weight: bold;
		color: #333333;
		padding: 5px 7px 5px 7px;
	}
	.editor table tr td.tabtitlesel {
		background-repeat: repeat-x;
		background-position: bottom;
		font-family: tahoma;
		font-size: 10px;
		font-weight: bold;
		color: #333333;
		padding: 5px 7px 5px 7px;
	}
	.editor table .istabctl {
	  padding: 5px 0 0 0;
	}
	.editor table .isdd_norm span font {
	  padding-bottom:5px;
	}
	.editor table .isdd_over, .editor table .isdd_norm, .editor table .isdd_sel, .editor table .isdd_disb {
	  padding: 2px;
	  padding-top: 1px;
	  padding-right: 5px;
	  font-family: tahoma;
	  font-size: 11px;
	  text-align: left;
	}

	
	/* Actions Table */
	table.LeadActions {
		background:#000;
		border:0;	
		margin:0;
	}
	table.LeadActions tr th {
		color: #FFF;
		background-color: #000!important;
		padding: 8px 4px;
		border-top: 4px solid #5AAC26!important;
		border-bottom: 1px solid #5AAC26!important;
		font-weight: 800;
		border-right-style: none;
		border-left-style: none;
		text-align: left;
		font-family: 'Lato', sans-serif;		
	}
	table.LeadActions tr.even, table.LeadActions tr.alt, table.LeadActions tr:nth-of-type(even) {
		background: #121212;
	}
	table.LeadActions tr th {
		  padding: 1rem 0.5rem;
		font-size: 0.875rem;
		color: #FFF;
		text-align: left;
	}
	table.LeadActions tr td {
		  padding: 0.5625rem 0.5rem 0.5625rem 0.5rem;
		font-size: 0.8rem;
		color: #FFF;
		text-align: left;
	}
	table.LeadActions tr td {
		border-bottom: 1px solid #333!important;
		font-weight:300;
	}
	table.LeadActions tr td .button {
		background-color:transparent;
		padding:0;
		margin:0;
		text-decoration:underline;
		font-weight:300;
		font-size:0.7rem;
		text-transform:capitalize;
	}


    /* Genral Reports Table */
    h2.reports-table-title {
        background: #ffffff;
        border-bottom: 2px solid #5aac27;
        border-left: 1px solid #f1f1f1;
        border-right: 1px solid #f1f1f1;
        border-top: 1px solid #f1f1f1;
        color: #1a1a1a;
        padding: 1.5rem 1rem;
        font-size: 1.6rem;
        line-height: 2rem;
        letter-spacing: 1px;
        margin: 0;
    }
    h2.reports-table-title.small {
        font-size: 1rem;
        line-height: 1.6rem;
        letter-spacing: 0.5px;
    }
    h2.reports-table-title span.results {
        font-family: 'Lato', sans-serif;
        font-size: 0.9rem;
        font-weight: bold;
        letter-spacing: 0;
        float: right;
        text-transform: none;
        margin-top: 0.5rem;
    }
    h2.reports-table-title.small span.results {
        margin-top: 0;
    }
    h2.reports-table-title .button.title-button {
        font-size: 0.7rem;
        float: right;
    }
    h2.reports-table-title span.title-controls {
        float: right;
        position: relative;
        top: -5px;
    }
    h2.reports-table-title span.title-control {
        width: 180px;
        float: left;
        margin: 0 0.3rem;
        text-transform: none;
    }
    h2.reports-table-title span.group-actions {
        float: right;
    }
    h2.reports-table-title span.group-actions .button.tiny {
        text-transform: none;
        font-family: 'delta_probook',Arial,sans-serif;
        font-size: 0.7rem;
        padding: 0.3rem 0.6rem;
        border-radius: 4px;
        background: #333333;
    }
    .reports-table {
        width: 100% !important;
        border: 0;
        margin: 0 0 1rem 0;
    }
    .reports-table thead tr th, .reports-table thead tr td, .reports-table tr th {
        font-family: 'delta_promedium',Arial,sans-serif;
        color: #1a1a1a;
        padding: 0.6rem 0.8rem;
        font-size: 0.8rem;
        font-weight: normal;
        letter-spacing: 1px;
        background: #f1f1f1;
        border: 1px solid #ececec;
    }
    .reports-table tbody, .reports-table tfoot, .reports-table thead {
        background-color: #FFF;
    }
    .reports-table thead {
        background: #FFF;
        color: #0a0a0a;
        border-bottom: 1px solid #5aac26;
    }
    .reports-table tbody td, .reports-table tbody th {
        padding: 0.5rem;
    }
    .reports-table tr td {
        color: #1a1a1a;
        border: 1px solid #f1f1f1;
        font-size: 0.9rem;
    }
    .reports-table tr.tablerow_orange td {
        border: 1px solid #e49312;
        border: 1px solid rgba(228, 147, 18, 0.2);
    }
    .reports-table tr.tablerow_yellow td {
        border: 1px solid #e49312;
        border: 1px solid rgba(228, 147, 18, 0.2);
    }
    .reports-table tr.tablerow_green td {
        border: 1px solid #4c961e;
        border: 1px solid rgba(90, 172, 38, 0.2);
    }
    .reports-table tr.tablerow_red td {
        border: 1px solid #a53024;
        border: 1px solid rgba(165, 48, 36, 0.2);
    }
    .reports-table tr td .button {
        font-family: 'delta_probook',Arial,sans-serif;
        font-size: 0.7rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        padding-left: 0.8rem;
        padding-right: 0.8rem;
        margin: 0;
        border-radius: 3px;
        text-transform: none;
    }
    .reports-table tr td a.table-link {
        font-size: 0.7rem;
        padding: 0 0.2rem;
        font-weight: bold;
        margin: 0;
    }
    .reports-table tr td:first-child {
        font-weight: bold;
    }
    .reports-table tr td.value span, .reports-table tr td.value {
        font-family: 'delta_promedium',Arial,sans-serif;
        color: #5AAC26;
    }
    .reports-table tbody tr:nth-child(even) {
        border-bottom: 0;
        background-color: #f9f9f9;
    }
    .reports-table tbody tr.tablerow_orange {
        border-bottom: 0;
        background-color: #f39c12;
        background-color: rgba(243, 156, 18, 0.7);
    }
    .reports-table tbody tr.tablerow_yellow {
        border-bottom: 0;
        background-color: #f1c40f;
        background-color: rgba(241, 196, 15, 0.7)
    }
    .reports-table tbody tr.tablerow_green {
        border-bottom: 0;
        background-color: #5aac26;
        background-color: rgba(90, 172, 38, 0.7);
    }
    .reports-table tbody tr.tablerow_red {
        border-bottom: 0;
        background-color: #c0392b;
        background-color: rgba(192, 57, 43, 0.7);
    }
    .reports-table tr:last-child td {
    }
    .reports-table tr td.sub-table table {
        width: 100%;
        margin: 0; 
        background: transparent;
        border: 0;
    }
    .reports-table tr td.sub-table table tr td {
        border: 0;
    }


    /* DSA Tables */
    table.dsa-table {
        background: #FFF;
        margin-bottom: 12px;
        border: solid 0px #ddd;
        table-layout: auto;
        margin-bottom: 0;
    }
    table.dsa-table caption {
        background: transparent;
        color: #1a1a1a;
        font-size: 10px;
        font-weight: normal;
    }
    table.dsa-table thead {
        background: #f1f1f1;
    }
    table.dsa-table thead tr {
    }
    table.dsa-table thead th {
        border: 1px solid #ececec;
    }
    table.dsa-table thead tr th, table.dsa-table thead tr td {
        padding: 0;
        font-size: 14px;
        font-weight: bold;
        color: #1a1a1a;
        text-align: center;
    }
    table.dsa-table-inner thead tr th, table.dsa-table-inner thead tr td {
        padding: 10px;
    }
    table.dsa-table tfoot {
        background: #ffffff;
    }
    table.dsa-table tfoot tr th, table.dsa-table tfoot tr td {
        padding: 0;
        font-size: 16px;
        font-weight: bold;
        color: #FFF;
        text-align: center;
    }
    table.dsa-table-inner tfoot tr th, table.dsa-table-inner tfoot tr td {
        padding: 12px 6px;
    }
    table.dsa-table tr th, table.dsa-table tr td {
        padding: 0;
        font-size: 0.9rem;
        text-align: center;
    }
    table.dsa-table-inner {
        border: 0 solid #f1f1f1;
        margin-bottom: 0;
    }
    table.dsa-table-inner tr td {
        color: #1a1a1a;
        border: 1px solid #f1f1f1;
        font-size: 0.9rem;
        padding: 0.5rem;
    }
    table.dsa-table tr td img {
        width: 100% !important;
        height: auto !important;
    }
    table.dsa-table tr th .new_button, table.dsa-table tr td .new_button {
        padding: 4px 4px;
        font-size: 10px;
        width: 100% !Important;
        margin: 1px 0;
        color: white;
    }
    table.dsa-table tr.even, table.table tr.alt, table.dsa-table tr:nth-of-type(even) {
        background: #FFF;
    }
    table.dsa-table thead tr th, table.dsa-table tfoot tr th, table.dsa-table tfoot tr td, table.dsa-table tbody tr th, table.dsa-table tbody tr td, table.dsa-table tr td {
        display: table-cell;
        line-height: 1;
        vertical-align: middle;
    }
	


	#Contacts table {
		height:250px;
		overflow:scroll;
		table-layout:fixed;
	}
	
	
	


/* Fast Trak Leads */
#FastTrakLeads .row .columns.fasttrakdetails {
	height: 40px;
	margin-bottom: 0.5rem;
	padding: 0.4rem 1rem;	
}
#FastTrakLeads .row .columns.fasttrakbutton {
	padding: 0;
	height: 40px;
}
.fasttrakdetails {
	background-color:#666666;
	font-family: 'delta_probook',Arial,sans-serif;
	color:#FFF;
	text-transform:uppercase;
	font-size:0.7rem;
	line-height:1.8rem;
}
.fasttrakbutton, .fasttrakbutton:hover  {
	background:#5AAC26;  
	height: 40px;
}
.fasttrakbutton .button {
	margin:0;
	height: 40px;
}
.fasttrakbutton .button.expand {
	padding-top: 0.6rem;
	padding-bottom: 0.8rem;
}
	
	
/* Site News Item */
.site_news_item {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 3px solid #f1f1f1;
}
.site_news_item h2 {
}
#site_news_image {
}
#site_news_image img {
    border: none;
}
#site_news_image a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5;
}
#site_news_summary h4 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#site_news_summary h4 a {
    color: #1a1a1a;
}
#site_news_summary p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.doc_download a {
    font-size: 1rem;
    font-weight: bold;
    color: #1a1a1a;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 0.7rem;
    padding-bottom: 0.7rem;
    display: block;
}
.doc_download a:hover {
    color: #5AAC26;
}

/* Standard Accordion */
.accordion .accordion-navigation > a, .accordion dd > a {
    padding: 1.5rem 2rem;
    background: white;
    border: 1px solid #e6e6e6;
    font-family: 'delta_promedium',Arial,sans-serif;
    font-size: 1.2rem;
    color: #1a1a1a;
}
.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
    background: #f9f9f9;
    background-color: #f9f9f9;
    color: #5aac26;
}
.accordion .accordion-navigation.active > a, .accordion dd.active > a {
    background: #f9f9f9;
    background-color: #f9f9f9;
    color: #5aac26;
}
.accordion-navigation > a::after {
    position: absolute;
    right: 2rem;
    margin-top: 0rem;
    content: '+';
}
.accordion-navigation.active > a::after {
    content: '\2013';
}
.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
    background: white;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}


/* Current Leads Accordian */
#LeadSummaryHeader {
	color: #FFF;
	background-color: #666666;
	font-family: 'delta_probook',Arial,sans-serif;
}
#LeadSummaryHeader .LeadSummaryHeaderTitle {
	padding:0.5rem;
	text-transform:uppercase;
} 
#AccordianLeadSummaryButton {
	background-color: #e4e4e4;
	background: #e4e4e4;
	width: 100%;
	cursor: pointer;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	margin-bottom: 0.2rem;
	border-bottom:1px solid #CCC;
}
#AccordianLeadSummaryButton .AccordianLeadSummaryTitle {
	font-family: 'delta_probook',Arial,sans-serif;
	font-size:0.7rem;
	text-transform:uppercase;
	padding: 0.8rem 0.5rem;
}
#AccordianLeadSummaryButton:hover {
	background-color: #69BF2A;
	background: #69BF2A;
	color:#FFF; 
}
#AccordianLeadSummaryButton.on {
	background-color: #69BF2A;
	background: #69BF2A;
	color:#FFF;
}
#LeadSummaryLight img {
	width:30%;
}
#AccordianLeadSummaryContent {
	background-color: #FFF;
	width: 100%;
	cursor: pointer;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 1rem;
	margin-bottom: 1rem;
	margin-top: -0.2rem;
}
#AccordianLeadSummaryContent h3 {
	border-bottom:1px solid #CCC;
	padding-bottom:0.5rem;
	margin-bottom:1rem;
}
#AccordianLeadSummaryContent p {
	margin:0.5rem 0;
}
#AccordianFilterButton {
	background:none;
	border:0px solid #000;
	margin:1rem 0 0.5rem 0;
	padding:0;
}



/* New Lead Accordian */
.accordionButton {
    background: white;
    width: 100%;
    cursor: pointer;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 0;
    padding: 1.25rem 1.5rem;
}
.accordionButton:first-child {
    border-top: 1px solid #e6e6e6;
}
.accordionButton p {
	font-family: 'delta_probook',Arial,sans-serif;
	font-size:0.7rem;
	text-transform:uppercase;
	padding: 0.8rem 0.5rem;
}
.accordionButton:hover .accordion-title, .accordionButton.on .accordion-title {
    color: #5AAC26;
}
.accordionContent {
    background-color: #FFF;
    width: 100%;
    cursor: pointer;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 1.25rem 1.5rem;
    margin-bottom: 0;
    margin-top: 0;
}
.accordion-item:first-child > :first-child {
    border-radius: 3px 3px 0 0;
}
.accordion-title {
    font-family: 'delta_probook',Arial,sans-serif;
    font-size: 1.1rem;
    color: #1a1a1a
}
.accordion-title:hover {
    color: #5AAC26
}
.accordion-title::after {
    float: right;
    top: 50%;
    right: 1rem;
    content: '+';
}
.accordionButton.on > .accordion-title::after {
    content: '\2013';
}
.accordionContent ul {
    margin: 0;
}
.accordionContent ul li {
    list-style: none;
    font-size: 1rem;
    color: #1a1a1a;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 0.7rem;
    padding-bottom: 0.7rem;
}
.accordionContent ul li a {
    color: #1a1a1a;
}
.accordionContent ul li a:hover {
    color: #5AAC25;
}




/* Broadcast Page */
#ContactAlphaFilters {
	display: block;
	border-top: 1px solid #5AAC26;
	border-bottom: 1px solid #5AAC26;
	margin-top: 10px;
	margin-bottom: 10px;
	background:#000;
	color:#f1f1f1;
}
#ContactAlphaFilters a {
	height: 40px;
	line-height: 40px;
	padding-right: 12px;
	padding-left: 12px;
	text-transform: uppercase;
	font-size: 14px;
}
#ContactItem { 
	background-color: #F1F1F1;
	font-size: 12px;
	border: 1px solid #9C9A9B;
	min-height: 250px;
	margin-bottom:1rem;
}
#ContactItem h2 {
	text-transform: capitalize;
	margin: 0 0 1rem 0;
	padding: 0.5rem;
	background-color: #333;
	border-bottom: 1px solid #666;
	font-size: 0.8rem;
	text-transform:uppercase;
}
#ContactItem h2  input[type="checkbox"] {
  margin: 0 1rem 0 0;
}
#ContactItem p {
	padding:0 1rem;
	margin:0 0 0.2rem 0;
	color:#1a1a1a;
	font-weight: 300;
}
#ContactItem p strong {
	font-weight:400;
}
#ContactItem .button.tiny {
	padding-top: 0.325rem;
	padding-right: 0.75rem;
	padding-bottom: 0.3875rem;
	padding-left: 0.75rem;
	font-size: 0.7rem;
	text-transform: none;
}


/* Contacts and Leads Page */
h3.panel-title span.radio-container {
	float:right;
}
h3.panel-title span.radio-container label {
	color: #FFF; 
}
.contacts-container a.modal-link {
	font-size:12px;
	color:#333;
	float:right;
}
.contacts-container a.modal-link:hover {
	color:#5AAC26;
}
 p.returned-results-count {
    font-weight: 300;
    font-size: 0.8rem;
    text-align: right;
    text-transform: capitalize;
    color: #696969;
    margin: 0 0 5px 0;
}



/* Colours for the Contacts Page */
	#ContactItem h2.blue {
		background-color: #06C;
	}
	#ContactItem h2.red {
		background-color: #C00;
	}
	#ContactItem h2.green {
		background-color: #69BF2A;
	}
	#ContactItem h2.amber {
		background-color: #e67e22;
		color:#1a1a1a;	
	}
	.amber {
		color: #e67e22;	
	}
	
	

/* Iframe Modals / Simple Overlay Containers */
.reveal-modal .row {
    width: 100%;
    max-width: inherit;
}
.generic-popup-bg {
	position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: black;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1004;
    display: none;
    left: 0;
}
.simple_overlay {
    z-index: 1005;
    display: inline-block;
    position: absolute;
    background: #FFF;
}


/* Page Header Section */
.panel.intro-container {
    position: relative;
    background: #000;
    border: 0px solid #2c2c2c;
    padding: 0;
    margin: 0;
    z-index: 0;
    opacity: 1;
    border-radius: 0;
}
.panel.intro-container:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
    opacity: 0.9;
}
.panel.intro-container .panel-content {
    position: relative;
    z-index: 1;
    padding: 2rem 1.25rem;
}
    .panel.intro-container .panel-content h1, .panel.intro-container .panel-content h2, .panel.intro-container .panel-content h3, .panel.intro-container .panel-content h4, .panel.intro-container .panel-content p, .panel.intro-container .panel-content li, .panel.intro-container .panel-content label {
        color: white;
    }
.panel.intro-container table.dsa-progression {
    background: rgba(0, 0, 0, 0.75);
    border: 1px solid rgba(80, 80, 80, 0.3);
    border-spacing: 0;
    border-collapse: collapse;
    width: 90%;
}
table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: transparent;
}
.panel.intro-container table.dsa-progression tr td {
    text-align: center;
    color: white;
    border: 1px solid #2d2d2d;
}
.panel.intro-container table.dsa-progression tr:first-child td {
    font-weight: 600;
    font-size: 1rem;
}


    /* Page header sub-panel */
    .intro-container .panel-content .panel {
        background: rgba(0, 0, 0, 0.75);
        border: 1px solid rgba(80, 80, 80, 0.3);
    }
    .intro-container .panel-content h3.panel-title {
        font-family: 'delta_probook_italic',Arial,sans-serif;
        font-size: 1.2rem;
        color: white;
        background: rgba(0, 0, 0, 0.8);
    }

    /* Default Header */
    .panel.intro-container#default-header:before {
        background: url('../../Assets/New-CI-Updates/_core/pageheaders/default-pageheader.jpg') no-repeat center center !important;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover !important;
    }
    .panel.intro-container#network-header:before {
        background: url('../../Assets/New-CI-Updates/_core/pageheaders/network-pageheader.jpg') no-repeat center center !important;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover !important;
    }
    .panel.intro-container#historykey-header:before {
        background: url('../../Assets/New-CI-Updates/_core/pageheaders/historykey-pageheader.jpg') no-repeat center center !important;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover !important;
    }
    .panel.intro-container#calendar-header:before {
        background: url('../../Assets/New-CI-Updates/_core/pageheaders/calendar-pageheader.jpg') no-repeat center center !important;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover !important;
    }
    .panel.intro-container#testride-header:before, .panel.intro-container#testride2-header:before {
        background: url('../../Assets/New-CI-Updates/_core/pageheaders/testride-pageheader.jpg') no-repeat center center !important;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover !important;
    }
    .panel.intro-container#dsa-header:before {
        background: url('../../Assets/New-CI-Updates/_core/pageheaders/dsa-pageheader.jpg') no-repeat center center !important;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover !important;
    }
    .panel.intro-container#user-management-header:before {
        background: url('../../Assets/New-CI-Updates/_core/pageheaders/servicing-pageheader.jpg') no-repeat center center !important;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover !important;
    }

    /* Utility Default Headers */
    body.hub_utility .panel.intro-container#default-header:before {
        background: url('../../Assets/New-CI-Updates/_core/pageheaders/default-pageheader-utility.jpg') no-repeat center center !important;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover !important;
    }
    body.hub_utility .panel.intro-container#network-header:before {
        background: url('../../Assets/New-CI-Updates/_core/pageheaders/network-pageheader-utility.jpg') no-repeat center center !important;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover !important;
    }
    body.hub_utility .panel.intro-container#historykey-header:before {
        background: url('../../Assets/New-CI-Updates/_core/pageheaders/historykey-pageheader-utility.jpg') no-repeat center center !important;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover !important;
    }
    body.hub_utility .panel.intro-container#calendar-header:before {
        background: url('../../Assets/New-CI-Updates/_core/pageheaders/calendar-pageheader-utility.jpg') no-repeat center center !important;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover !important;
    }
    body.hub_utility .panel.intro-container#testride-header:before, .panel.intro-container#testride2-header:before {
        background: url('../../Assets/New-CI-Updates/_core/pageheaders/testride-pageheader-utility.jpg') no-repeat center center !important;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover !important;
    }
    body.hub_utility .panel.intro-container#dsa-header:before {
        background: url('../../Assets/New-CI-Updates/_core/pageheaders/dsa-pageheader-utility.jpg') no-repeat center center !important;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover !important;
    }
    body.hub_utility .panel.intro-container#service-header:before {
        background: url('../../Assets/New-CI-Updates/_core/pageheaders/servicing-pageheader-utility.jpg') no-repeat center center !important;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover !important;
    }



/* History Key buttons */

#Traffic_Green, #Traffic_Green_Edit {
    background-image: url(../../Assets/hk_status/green.png);
    background-size: cover;
    background-color: green;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    border: 0px;
}

#Traffic_Amber, #Traffic_Amber_Edit {
    background-image: url(../../Assets/hk_status/amber.png);
    background-size: cover;
    background-color: orange;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    border: 0px;
}

#Traffic_Red, #Traffic_Red_Edit {
    background-image: url(../../Assets/hk_status/red.png);
    background-size: cover;
    background-color: red;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    border: 0px;
}

/* Latest Bulletins and Messages */
.latest-messages .panel {
    position: relative;
    background: #000;
    border: 1px solid #2c2c2c;
    padding: 0;
    z-index: 0;
    opacity: 1;
}
.latest-messages .panel:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url('../../Assets/New-CI-Updates/panel-backgrounds/bulletins-bg.jpg') no-repeat center center !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    opacity: 0.4;
}
body.hub_utility .latest-messages .panel:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url('../../Assets/New-CI-Updates/panel-backgrounds/bulletins-bg-utility.jpg') no-repeat center center !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    opacity: 0.4;
}
.latest-messages .panel .panel-content {
    position: relative;
    z-index: 1;
    padding: 1.25rem;
}

.latest-messages ul {
    margin: 0;
}
.latest-messages ul li {
    list-style: none;
    font-size: 16px;
    font-family: 'delta_probook',Arial,sans-serif;
    text-transform: uppercase;
    font-size: 1rem;
    color: #555;
    border-bottom: 1px solid rgba(241, 241, 241, 0.2);
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
}
.latest-messages ul li a {
    color: #FFF;
}
.latest-messages ul li a:hover {
    color: #5AAC26;
}
.latest-messages ul li span {
    float: right;
    font-size: 0.8rem;
    text-transform: none;
}
.latest-messages ul li span .fas {
    position: relative; 
    top: 7px;
}



/* News Management */
.document_summary_container {
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 5px solid #f1f1f1;
}
.document_summary_container:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}
.document_summary_container h3 {
    font-size: 1rem;
}
.document_summary_buttons {
    text-align: right;
}


/* Testride Form */
.demoform_form hr {
    border: solid #f3f3f3;
    border-width: 5px 0 0;
    clear: both;
    margin: 1.5rem 0 1rem 0;
    height: 0;
}
.panel.demoform_progress {
    padding: 0;
}
.demoform_progress > div div {
    font-family: 'delta_probook',Arial,sans-serif;
    text-transform: uppercase;
    font-size: 0.8rem;
    color: #333;
    background: #FFF;
    border-bottom: 1px solid #f3f3f3;
    display: block;
    padding: 1rem 1rem;
    margin-bottom: 0;
}
.demoform_progress .form_section_active {
    color: #FFF;
    background: #5AAC26;
}
.demoform_progress .form_section_inactive {
}
.demoform_progress > div div:last-of-type {
    margin-bottom: 0;
}
.demoform_form .section_container {
    margin-top: 2rem;
}


/* Updated CER Form Buttons */
.demoform_form .attribute_value_listbox {
    margin: 1rem 0 0 0;
}
.demoform_form .attribute_value_listbox ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    padding-left: 0;
    margin-left: 0;
}
.demoform_form .attribute_value_listbox li {
    list-style: none;
    display: inline-block;
    width: calc(100% / 1);
    text-align: left;
    border: 1px solid #f1f1f1;
}
.demoform_form .attribute_value_listbox li:last-child:nth-child(odd) {
    width: calc(100% / 1);
}
.demoform_form .attribute_value_listbox input[type=radio], .demoform_form .attribute_value_listbox input[type=checkbox] {
    display: none;
}

/*** How it should look when hovered*/
.demoform_form .attribute_value_listbox .active-label, .demoform_form .attribute_value_listbox label:focus, .demoform_form .attribute_value_listbox label:hover, .demoform_form .attribute_value_listbox label:active, .demoform_form .attribute_value_listbox input:checked + label {
    color: #5AAC26;
}
.demoform_form .attribute_value_listbox .active-label:before, .demoform_form .attribute_value_listbox label:focus:before, .demoform_form .attribute_value_listbox label:hover:before, .demoform_form .attribute_value_listbox label:active:before, .demoform_form .attribute_value_listbox input:checked + label:before {
    background: white;
    border-color: #5AAC26;
}

/*** Style the labels  */
.demoform_form .attribute_value_listbox label {
    font-size: 0.9rem;
    font-weight: bold;
    line-height: 1;
    cursor: pointer;
    display: block;
    padding: 1rem 1rem 1rem 3rem;
    position: relative;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    background: white;
    whitespace: no-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    /*** This is the radio fake dot */
}
.demoform_form .attribute_value_listbox label:first-of-type {
    border: 0;
}
.demoform_form .attribute_value_listbox label:before {
    content: "";
    position: absolute;
    left: 1rem;
    top: 1rem;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: .2rem solid #ccc;
}

/*** How it should look when checked */
.demoform_form .attribute_value_listbox input:checked + label:before {
    border-color: white;
    border: none;
    background: #5AAC26;
}

/*** How it should look when disabled */
.demoform_form .attribute_value_listbox input:disabled + label {
    background: #efefef;
    color: rgba(0, 0, 0, 0.5);
    cursor: not-allowed;
}
.demoform_form .attribute_value_listbox input:disabled + label:hover {
    border-color: rgba(0, 0, 0, 0.1);
}
.demoform_form .attribute_value_listbox input:disabled + label:before {
    border-color: white;
    background: white;
}


/* DSA Tabs */
.tab-container {
    border-bottom: 0px !important;
}s
.tab-content {
    text-align: left;
}
.tabs {
    margin-top: 2rem;
    display: inline-block;
}
.tabs a.standardsbutton {
    float: left;
    list-style: none;
    margin-bottom: 0 !important;
    position: relative;
    display: block;
    background-color: #f1f1f1;
    font-family: 'delta_probook',Arial,sans-serif;
    color: #000;
    text-transform: uppercase;
    font-size: 0.9rem;
    padding: 1rem 2rem;
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
    border-top: 1px solid #dadada;
    cursor: pointer;
}
.tabs a.standardsbutton:hover, .tabs a.standardsbutton:focus {
    background-color: #d2d2d2;
    border-left: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    border-top: 1px solid #c1c1c1;
    color: #000;
}
.tabs a.standardsbutton.selected {
    background-color: #5aac26;
    border-left: 1px solid #5aac26;
    border-right: 1px solid #5aac26;
    border-top: 1px solid #5aac26;
    color: #FFF;
}


/* DSA Side Nav */
.panel.side-nav {
    padding: 0;
}
.side-nav .objective {

}
.side-nav .objective a {
    font-family: 'delta_probook',Arial,sans-serif;
    font-size: 0.8rem;
    color: #333;
    background: #FFF;
    border-bottom: 1px solid #f3f3f3;
    display: block;
    padding: 1rem 0.5rem;
    margin-bottom: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.side-nav .objective a.selected {
    font-family: 'delta_promedium',Arial,sans-serif;
    color: #5aac26;
    background: #e6e6e6;
}
.side-nav .objective a.objective_name.passed {
    border-right: 5px solid #5AAC26;
}
.side-nav .objective a.objective_name.failed {
    border-right: 5px solid #C0392B;
}
.side-nav .objective .has-tip {
    margin-right: 10px;
}
.side-nav .objective .has-tip .fas, .side-nav .objective .has-tip .far {
    font-size: 0.8rem;
    position: relative;
    top: 0px;
    color: #1a1a1a;
    opacity: 0.7;
}

/* DSA Styles */
.audit-standards-objectives {
    border-left: 1px solid #e8e8e8;
}

/* DSA objective Table */
.objective-header table {
    background: transparent;
}
.objective-header table tr td {
    color: white;
}
.objective-header table tr td span.achieved-status {
    font-family: 'delta_probook',Arial,sans-serif;
    font-size: 0.8rem;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.objective-header table tr td input[type="checkbox"] {
    margin: 0 0 0 10px;
    position: relative;
    top: 2px;
}


/* Demonstrator Models */
.panel.site_demonstrator_model {
}
h3.site_demonstrator_title {
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.panel.site_demonstrator_model img {
    height: 100%;
    width: 100%;
}
.panel.site_demonstrator_model ul {
    margin: 0;
    list-style: none;
    min-height: 125px;
    max-height: 125px;
    overflow-y: scroll;
    margin-bottom: 1rem;
}


/* Hack for Column Sizes - DO NOT REMOVE */
.large-1 {
    width: 8.33333%;
}

  .large-2 {
    width: 16.66667%; }

  .large-3 {
    width: 25%; }

  .large-4 {
    width: 33.33333%; }

  .large-5 {
    width: 41.66667%; }

  .large-6 {
    width: 50%; }

  .large-7 {
    width: 58.33333%; }

  .large-8 {
    width: 66.66667%; }

  .large-9 {
    width: 75%; }

  .large-10 {
    width: 83.33333%; }

  .large-11 {
    width: 91.66667%; }

  .large-12 {
    width: 100%; }