/* CSS Document */

*, *:after, *:before {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body, html {
	width: 100%;
	height: 100%;
}
html.ipad{
	/*Please speak with Werner before putting this style back in. Thanks :-)*/
	/*height:calc(100% - 20px);*/
	height: 100%;
	position:relative;	
}

body {
	/*background: url(data:image/gif;base64,R0lGODlhFAAUAJEAAERERFBQUFJSUk9PTyH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY5QzFERDJBM0ExRDExRTNBQ0RBQzFEMzlGQ0I0N0M4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY5QzFERDJCM0ExRDExRTNBQ0RBQzFEMzlGQ0I0N0M4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjlDMUREMjgzQTFEMTFFM0FDREFDMUQzOUZDQjQ3QzgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjlDMUREMjkzQTFEMTFFM0FDREFDMUQzOUZDQjQ3QzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAFAAUAAACPYSPocvowGJ4Sa4jsjiXK6x5kwhm5Alom9GxH+VaIyy/dI3DsaVDdd/yzVQoYWllRBFdg8owtJMAf7qcrgAAOw==);*/
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #454545;
}

body.white {
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0px, rgba(237,237,237,1) 70px, rgba(255,255,255,1) 165px, rgba(255,255,255,1) 500px);
	
}
 
form {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;	
}

p {
	padding-bottom: 1.5em;
	line-height: 1.3em;
}


#popUpDef .list-search-bar {
	position: relative;
}

#popUpDef .list-search-bar input {
	padding-right: 25px;
}

#popUpDef .list-search-bar .badge {
	bottom: 6px;
	right: 2px;
}
.preventInteraction {
    background-color: rgba(0, 0, 0, 0.15);
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 100;
}
.preventInteraction div {
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 100;
}

#selectSalesRepReg
{
	height: 30%;
}
/*Following is to hide the number spinner in Number input fields in Fire Fox*/
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number]{
    -moz-appearance:textfield;
    text-align:right;
    padding-right:2px;
}
/*End hide of number spinner in Fire Fox*/

 input {
    -webkit-appearance: none;
    height:30px;
    border:0px;
    border-radius:0px;
    padding:5px 10px;
    color:#000;
    font-size:14px;
    width: 100%;
}
input.error{
	background-color: #ffcccc;
	border:2px solid #c50000;
}
input.dollar {
    width: 120px!important;
}
.filterValue {
    width: 131px!important;
}
input.datepicker{
	background:url(calendar.png) no-repeat right 6px center #ffffff;	
}
#ui-datepicker-div > .ui-widget-header {
    background: url("borderYellow.jpg") repeat scroll 0 0 #cccccc;
}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-month, .ui-datepicker .ui-datepicker-title select.ui-datepicker-year{
	width:48%;	
}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-month{
	margin-right:5px;
}
.textarea {
	border:0px;
    border-radius:0px;
    padding:5px 10px;
    color:#000;
}
#generalDialogBox.viewAsDialog .overlay-selection .overlay-selection-item-container .overlay-selection-item{
	width:50%;
}
.overlay-selection {
	padding: 10px 20px;
	background-color: #fff;

}
#generalDialogBox.viewAsDialog #vaOverlayContent div.overlay-selection-item-container div{clear:none}
#generalDialogBox.viewAsDialog #vaOverlayContent div.overlay-selection-item-container div.clear{clear:both;}
.list-template1 td {
	overflow: hidden;
	text-overflow: ellipsis;
}

#companylist .list-content-area .list-template-main table {
	table-layout: fixed;
}

#companylist .list-content-area .list-template-main table th:nth-child
	(1){
	width: 55%;
}

#companylist .list-content-area .list-template-main table th:nth-child
	(3){
	width: 15%;
}

.ipad #companylist .list-content-area .list-template-main table th:nth-child
	(1){
	width: 45%;
}

.ipad #companylist .list-content-area .list-template-main table td:nth-child
	(3){
	width: 20%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.filterLayer > button{
	-webkit-appearance: none;
	min-width:130px;
	background-color:#666;
	color:#fff;	
	border-radius:5px;
	height:30px;
	text-transform:uppercase;
	border:0px;
	margin:20px 0px 20px 10px;
	font-weight:bold;
}
.filterLayer{
	width:100%;
	}
#portraitBackGround {
    background-color: black;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -5;
}
#portraitBackGround.portrait {
    display: block;
    opacity: 0.95;
    text-align: center;
    z-index: 9001;
}
#portraitBackGround.portrait img {
    padding-top: 150px;
}
#page-wrap {
	background: #fff;
	background: linear-gradient(to bottom, rgba(255,255,255,1) 67px, rgba(237,237,237,1) 70px, rgba(255,255,255,1) 165px, rgba(255,255,255,1) 500px);
/*	border: 1px #333 solid; */
	width: 100%;
	max-width: 1400px;
	min-width: 768px;
	height: 100%;

	position: absolute;
	left: 50%;
/*	top: 1%; */
	margin-left: -700px;
	box-shadow: 0px 1px 15px 1px #cccccc;
}
.page-body {
	background: #fff;
	background: linear-gradient(to bottom, rgba(255,255,255,1) 67px, rgba(237,237,237,1) 70px, rgba(255,255,255,1) 165px, rgba(255,255,255,1) 500px);
/*	border: 1px #333 solid; */
	width: 100%;
	max-width: 1400px;
	min-width: 768px;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 50%;
/*	top: 1%; */
	margin-left: -700px;
	box-shadow: 0px 1px 15px 1px #cccccc;

}

#top-nav {
	background:#666666;
	width:100%;
	height:65px;
	padding:0 30px 0 50px;
	position:absolute;
	z-index:30;	
}

#main-right-side {
	position: absolute; 
	left: 0px; 
	right: 0px;
}

.banner-border-left, .banner-border-right{
	position:relative;
}
.banner-border-left:before, .banner-border-right:after{
	content:"";
	width:10px;
	height:100%;
	background-color:#FC9801;
	position:absolute;	
}
.banner-border-right:after{
	right:0px;	
}
.banner-border-left:before{
	left:0px;	
}

.basflogo {
	float:right;
	height:65px;
	/*padding:10px 0;*/
}
.basflogo img{
	padding: 13px 8px;
	height: 100%;
}
#top-nav .top-nav-mode{
	font-size:1.5em;
	color:#999999;
	line-height:65px;	
	font-weight:bold;
}
#side-nav {
	width: 46px;
	height: 100%;
	position: absolute;
	z-index: 1000;
	background: #333333;
}

#side-nav .side-nav-top {
	height: 65px;		
}

#side-nav .side-nav-bottom {
	position: absolute;
	top: 65px;
	bottom: 0px;	
}

#side-nav-expcol {
	position:absolute;
	bottom: 0px;
	height:50px;
}

#side-nav .label {
	display: none;
	padding: 10px;
	position: absolute;	
	color: #ffffff;
}

#side-nav li {
	/*width:46px;*/
	height:42px;	
	border-top: 1px solid #aaaaaa;
}

#side-nav .bgimage {
	width: 46px;
	background-position: center center;
	background-repeat: no-repeat;
	display: inline-block;
	height: 100%;
	cursor:pointer;
	position:relative;
}
#side-nav .expandedFilter .side-menu li{
	border-top:0px;	
}
#side-nav li:last-child {
	border-bottom: 1px solid #aaaaaa;
}

#side-nav-expcol li:last-child {
	border-bottom: none;
}

#side-nav .side-nav-bottom{
	background-color: inherit;
}

#side-nav .side-nav-bottom.expanded li[data-id="sidenav-expand"]{
	display:none;
}

#side-nav .side-nav-bottom.expanded li[data-id="sidenav-collapse"]{
	display:inline-block;
}

#side-nav li[data-id="sidenav-collapse"] .bgimage{
	float: right;
}

#side-nav .side-nav-bottom li[data-id="sidenav-expand"]{
	display:inline-block;
}

#side-nav .side-nav-bottom li[data-id="sidenav-collapse"]{
	display:none;
}

#side-nav .side-nav-bottom.expanded li{
	width: 246px;	
}

#side-nav .side-nav-bottom.expanded .label {
	display: inline-block;		
	white-space: nowrap;
	line-height:23px;
}
#side-nav .side-nav-bottom.expandedFilter li[data-id="filters-collapse"] {
    display: inline-block;
    padding: 20px;
}
#side-nav .side-nav-bottom.expandedFilter li[data-id="filters-collapse"] h1{
	text-transform: uppercase;
	color:#000;
}
#side-nav-filters h1, #project-list-filters h1{
	color:#000;	
}
#side-nav-filters h3, #project-list-filters h3{
	text-transform: uppercase;
	color: #000000;
	padding:10px 0px;
}
#side-nav .side-nav-top div{
	display:none;	
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	cursor:pointer;
}
#side-nav .side-nav-bottom.expandedFilter{
	background:#ccc;
	padding-right: 60px;
	}
#side-nav li[data-id="filters-collapse"] .bgimage{
	position:absolute;
	top:0px;
	right:0px;
	background-color:#333;
	background-position:center 2%;	
}
#main-right-side {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
}
.content {
	width:100%;
	float:left;
}

.sub-head {
	top: 66px;
	width: 100%;
	float: left;
	height: 60px;
	padding: 15px 30px;
	position: absolute;
	z-index: 20;	
}
.content-area{
	background-color: #ccc;
	/*background: linear-gradient(to bottom, rgba(237,237,237,1) 0px, rgba(255,255,255,1) 165px, rgba(255,255,255,1) 500px);*/
	padding: 15px 30px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	position: absolute;
	top:110px;
	bottom:0px;
	left:0px;
	right:0px;
	border:1px solid #999;
	padding:10px;
}
 
.-ms- #top-nav {
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5NDciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM1NzlDNEIiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMzMTdEMjMiIG9mZnNldD0iMC41Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzk0NykiIC8+Cjwvc3ZnPg==);	
}
.title {
    display: block;
    float: left;
    height:100%;
}
#top-nav .title .main-title {
	font-weight:bold;
	color:#FFF;
	line-height:65px;
	height:100%;
	vertical-align:middle;
	font-size: 1.75em;
	max-width:600px;
	display:block;
}

#top-nav .title .main-title div {
	display:inline-block;
	padding: 5px 10px;
	font-size:12px;
	height: 35px;
	vertical-align:middle;
	line-height:100%;
}
.sub-title {
    color: #fff;
    display: block;
    font-size: 18px;
    margin-top: -23px;
    position: relative;
}
.title #sectionTitle {
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 50px;
    vertical-align: middle;
}

.title #sectionSubTitle {
    color: #fff;
    display: block;
    margin-top: -14px;
}
#sectionTitle, #sectionSubTitle{
	white-space:nowrap;
	max-width:300px;
	overflow:hidden;
	text-overflow: ellipsis;
	font-size:14px;
}
.content, .menu, .side-menu {
	/*display: none;*/
}

.loginCube {
		margin: 175px auto;
		width: 360px;
		/*height: 240px;*/
		background-color: #e0e0e0;
		padding: 10px 27px;
	}

th {
	background: #e3e3e3;
	padding: 10px;
	text-align: left;
}

td {
	padding: 10px;
}

#top-nav .menu{
	list-style:none;
	float:right;	
}
#top-nav .menu li{
    color: #999;
    cursor: pointer;
    float: left;
    font-size: 18px;
    font-weight: bold;
    line-height: 65px;
    margin-left: 5px;
    padding: 0 28px;
    position: relative;
}
#top-nav .menu li:hover{
    background:url("navBottom.png") repeat-x;
    background-position:bottom;
}
#top-nav .menu li.active{
    background:url("navBottom.png") repeat-x;
    background-position:bottom;
    color:#ff9900;
}

/* Select style */
.s-hidden {
	display:none;	
}
.select{
	float:left;	
	 text-transform:uppercase;
}
.styledSelect {
  background: url("drop.gif") no-repeat scroll right 10px center #666;
 border-radius: 6px;
  display: block;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
  overflow: hidden;
  padding: 0 45px 0 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 165px;
  color:#fff;
  font-weight:bold;
 
}
.select ul.options{
	background: none repeat scroll 0 0 #ccc;
    border: 3px solid #666;
    display: none;
    list-style: outside none none;
    margin-left: 5px;
    margin-top: -2px;
    position: absolute;
    min-width:155px;
}
.select ul.options li, #side-nav .select ul.options li {
    border-bottom: 1px solid #fff;
    display: block;
    padding: 9px 13px;
    width:auto;
    color:#000;
    height:33px!important;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.select ul.options li:hover{
	background:url("liHover.gif") no-repeat left top #999999;
	
	color:#ffffff;
}

.list-filter-pane .styledSelect, .content .styledSelect{
	width: 240px;	
}
.list-filter-pane .select ul.options, .content .select ul.options{
	width: 230px;	
}

.profile-pane-left .select,.profileedit-pane-left .select{
	float: none;
}
.options {
  z-index: 10;
}
.list-no-data{
	color: #ffffff;
    font-size: 2.1em;
    height: 60%;
    padding: 0 25%;
    position: absolute;
    top: 40%;
    text-transform:uppercase;
    text-align:center;
    font-weight:bold;
    width:99%;
}
/*
.options {
  background: none repeat scroll 0 0 #ccc;
  display: none;
  list-style: outside none none;
  margin-top: -2px;
  position: absolute;
  width: 241px;
  border:2px solid #666;
  margin-left:5px;
}

.options li {
  border-bottom: 1px solid #fff;
  display: block;
  padding: 5px;
}*/
/* Select style End */
/* Profile - To be merged from profileAT.css*/
/* Profile */

/*Checkbox*/
label.checkbox {
    width: auto;
    display: inline-block;
    overflow: visible;
    position: relative;
    float:left;
    vertical-align:middle;
    margin-right:7px;
}
label.checkbox input[type="checkbox"]{
	display:none;
}
label.checkbox input[type="checkbox"] + span{
    background:none repeat scroll 0 0 #fff;
    border:3px solid #666;
    display:block;
    float:left;
    height:30px;
    margin:3px;
    vertical-align:top;
    width:30px;
    margin-top:0px;
}
label.checkbox [type="checkbox"]:checked + span{
    background:url(tick.png) no-repeat scroll center center #ffffff;
}

/*Button types */
.button{
	-webkit-appearance: none;
	background-color:#666;
	color:#fff;	
	border-radius:6px;
	height:30px;
	text-transform:uppercase;
	border:0px;
	margin:20px 0px;
	padding:0px 12px;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
}
.salesPersonBtn {
	background-color: #e8e8e8;
    color: #454545;
    border-radius: 0;
    border: 1px solid #454545;
    display: inline-block;
    width: 198px;
    margin-top: 0px;
    vertical-align: top;
    float:right;
}

div.requires-validation {
	width: calc(75% - 200px);
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.button.buttonlabel{
	cursor:auto;	
}
button.plusButton, .button.plusButton{
	background: url("plusButton.png") no-repeat scroll right 10px center #666;
 	line-height: 30px;
  	margin-right: 10px;
  	overflow: hidden;
  	padding: 0 45px 0 12px;
  	white-space: nowrap;
 	color:#fff;
  	font-weight:bold;
  	text-transform:uppercase;
  	text-align:center;
  	border:0px;
}
.button.error{
	border:2px solid #c50000;
}
.button.error::after{
	content:""!important;	
}
.noLradius{
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;	
}
.noRradius{
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;	
}
.setting {
	background: url("setting.png") no-repeat scroll right 4px center #666;
	padding-right:46px;
	border-radius:0px;
}
.delete{
	background: url("delete.png") no-repeat scroll right 10px center #666;
	padding-right:30px;
	border-radius:0px;
}
/*borders*/
.topBorder666 {
	border-top:1px solid #666;
}
.topBorder333 {
	border-top:1px solid #333;
}
.bottomBorder666 {
	border-bottom:1px solid #666;
}
.bottomBorder333 {
	border-bottom:1px solid #333;
}
.rightBorder333 {
	border-right:1px solid #333;
}
.rightBorder666 {
	border-right:1px solid #666;
}
.leftBorder333 {
	border-left:1px solid #333;
}
.leftBorder666 {
	border-left:1px solid #666;
}
/*header style*/
.headerPane{
	height: 70px;
	background-color: #999999;
	color: #000000;
	position:absolute;
	top:65px;
	padding:20px 50px;
	width:100%;
}
.headerPane h1{
	font-size:24px;
	display: block;
	float:left;
}
.labelHeader{
	border-bottom: 1px solid #000;
    font-size: 22px;
    font-weight: bold;
    margin: 10px 10px 10px 0px;
    padding:0px;
    color:#000;
}
.labelTitle{
	margin-top:20px;
	font-size: 15px;
	font-weight:bold;
	color: #000;
	padding:0px 0px 3px 0px;
	min-height:24px;
}
 
.headerPane .labelTitle{
	margin-top:-5px;
	padding:0px;	
}
/*contentPane*/
.panes{
	display:block;
	float:left;	
}
.bannerText, .bannerTextlighter{
	height: 32px;
	background-color:#666666;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	line-height:2em;
	padding:0px 30px;
	overflow:hidden;
	text-overflow:ellipsis;
}
.bannerTextlighter{
	background-color:#999999;
}
.bannerHeaderBorder{
	background:url(borderYellow.jpg) repeat-y left top, url(borderYellow.jpg) repeat-y right top #666666;
	overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
     padding: 0 20px;
}

.required_field::after {
	color: #cc0000;
    content: "*";
    position: absolute;
    width: 10px;
}

.error::after {
    color: #cc0000;
    content: "!";
    position: absolute;
    width: 10px;
}
.errorText{
	color: #cc0000;	
	font-size: 12px;
	padding:10px 0px;
}
.error.errorBorderOnly{
	border:2px solid #c50000;
}
.error.errorBorderOnly::after{
	content:"";
}
#errorPane{
	color:#ffffff;
	background:url("errorStop.png") no-repeat 40px center #c50000;
	display:none;
	position:absolute;
	bottom:0px;
	width:100%;
	height:95px;
	overflow-y:scroll;
	padding:14px 14px 14px 145px;
}
#errorTitle{
	font-weight:bold;	
	font-size:17px;
	width:70%;
	float:left;
	margin-bottom:9px;
}
#errorDesc{
	width:70%;
	float:left;	
}
#errorButtons{
	width:25%;
	float: right;	
	height:100%;
	padding-top:15px;
}
#errorButtons button{
	-webkit-appearance: none;
    border-radius: 0;
    border:0px;
    display:block;
    float:right;
}

#errorButtons button.errorPrev{
	background:url(errorPrevDisable.png) no-repeat;
	width:43px;
	height:45px;
	background-position:center;
	margin-right:17px;
}

#errorButtons button.errorNext{
	background:url(errorNextDisable.png) no-repeat;
	width:43px;
	height:45px;
	background-position:center;

}
	
#errorButtons button.errorPrev.active{
	background:url(errorPrev.png) no-repeat;
}
#errorButtons button.errorNext.active{
	background:url(errorNext.png) no-repeat;
}
/*tab Container*/
.tabBar{
	width:100%;
	height:30px;
	padding-right:12px;	
	text-align:right;
}
.tabBar .tab {
    background-color: #999;
    border-radius: 0;
   margin: 0 5px;
   width:115px;
}
.tabBar .tab.active {
    background-color: #ff9900;
}
.tabBody {
    border: 3px solid #ff9900;
    min-height: 200px;
    background:#ffffff;
}

.tabBody div.active {
	  display:block;
}
/*Widths*/
.full{
	width: 100%;
}
.half {
	width: 50%;
	float:left;
}
.third {
	width:33.3%;
	float:left;
}
.twoThirds{
	width: 66.6%;
	float:left;
}
.threeFourths{
	width: 75%;
	float:left;
}
.fourth {
	width: 25%;
	float:left;
}
.padL{
	padding-left: 20px;
}
.padR{
	padding-right: 20px;
}
.padB{
	padding-bottom: 20px;
}
.padT{
	padding-top: 20px;
}
.marR{
	margin-right: 20px;
}
.marL{
	margin-left: 20px;
}
.marB{
	margin-bottom:20px;	
}
.marT{
	margin-top:20px;	
}
.marT30{
	margin-top:30px;	
}
.marR40{
	margin-right:40px;	
}
.marR50{
	margin-right: 50px;
}
.marL50{
	margin-left: 50px;
}
.noBorder{
	border:none;	
}
.fullHeight{
	height:100%;	
}
.marT.fullHeight{
	fullHeight:98%;	
}
.clear{
	clear:both;
}
.alignR{
	text-align: right;
}
.alignC{
	text-align: center;
}
.alignL{
	text-align: left;
}
.floatR{
	float: right;
}
.floatL{
	float: left;
}
.noMargin {
	margin: 0px;
	}
.noRMargin {
	margin-right: 0px;
	}
.noLMargin {
	margin-left: 0px;
	}	

.noPadBottom{
	padding-bottom:0px;	
}
.optionButtons_container{
  list-style:none;
  position:relative;
  height:30px;
}
.panels.fourth.leftBorder333.fullHeight:last{
	border-right:1px solid #333;	
}
.optionButton{
	float:left;
	border:1px solid #666666;
	border-radius:5px;
	padding:0px 10px;
	background-color:#999999;
	color:#727272;
	cursor:pointer;
	font-weight:bold;
	height:30px;
	line-height:30px;
	cursor:pointer;
}
.brandOption{
	display:inline;	
}
.optionButton.error{
	border:2px solid #c50000;	
	
	
}
.optionButton.error::after{
	content:"";
		
}
.optionButton:first-child{
	padding-right:12px;
	padding-left:12px;
}
.optionButton.active{
	background-color:#666666;
	color:#FC9801;	
}
li.optionButton + li.optionButton{
  margin-left:-4px;
  border-top-left-radius:0px;
  border-bottom-left-radius:0px;
}
.selectedHeader{
	font-size:14px;
	font-style:italic;
	color:#000000;
	padding:18px 20px;
}

ul.selectedOptions, ul.toggleOptions{
	list-style:outside none none;
	color:#000000;
}
ul.selectedOptions li, ul.toggleOptions li{
	border-bottom:2px solid #ccc;
	padding:10px 38px 10px 20px;
	font-size:14px;
	font-style:italic;
	cursor:pointer;
	overflow:hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
    cursor:pointer;
}
ul.selectedOptions li{
	background:url(borderYellow.jpg)  repeat-y  left top, url(delete.png) no-repeat  right 20px center #999;
}
ul.toggleOptions li{
	position:relative;
	background:url(borderYellow.jpg)  repeat-y  left top, #999;
}
ul.toggleOptions li:after{
	content:"";
	position:absolute;
	background:none repeat scroll 0 0 #fff;
	border:3px solid #666;
	display:block;
	height:30px;
  	width:30px;	
 	right: 5px;
	top:calc(50% - 15px);
}
ul.toggleOptions li.selected:after{
	background:url(tick.png) no-repeat scroll center center #ffffff;
}
ul.selectedOptions.readOnly li, ul.toggleOptions.readOnly li{
	background:none;
	border:none;
	cursor:auto;	
}
ul.toggleOptions.readOnly li{
	display:none;	
}
ul.toggleOptions.readOnly li.selected{
	display:block;	
}
ul.toggleOptions.readOnly li:after{
	display:none;	
}
ul.selectedOptions li .selectTitle, ul.toggleOptions li .selectTitle{
	font-weight:bold;
	font-style:normal;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
    white-space:nowrap;
}
ul.selectedOptions li.error{
	background:url(borderRed.png)  repeat-y  left top, url(deleteRed.png) no-repeat  right 20px center #999;
}
ul.toggleOptions li.error{
	background:url(borderRed.png)  repeat-y  left top;
}
ul.selectedOptions li.error::after, ul.toggleOptions li.error::after{
	content:""!important;
}
ul.selectedOptions li.star{
	background:url(borderYellow.jpg)  repeat-y  left top, url(delete.png) no-repeat  right 20px center, url(star.png) no-repeat right 40px center #999;	
	padding-right:55px;
}


.task{
	width:40px;
	height:30px;
	margin-left:calc(50% - 20px);
}
.emailIcon{
	background:url(email-recipient-folder.png) no-repeat center center;
	position:relative;
}
.badge{
    background:none repeat scroll 0 0 #ce0000;
    border:0px;
    border-radius:50%;
    color:#fff;
    display:block;
    height:18px;
    width:18px;
    line-height:18px;
    position:absolute;
    text-align:center;
	font-weight:bold;
	bottom:0px;
	right:0px;
}
.overlay {
    color: #000;
    display: none;
    line-height: 1.2em;
    text-transform: none;
}
.overlay h3{
	text-transform: uppercase;
	margin-bottom:10px;
}
.over .overlay {
    background: url(borderYellow.jpg) repeat-x left top, url(borderYellow.jpg) repeat-x left bottom #fff;
    border: 1px solid #999;
    border-radius: 0px;
    display: block;
    left: 130%;
    margin-top: -80%;
    padding: 20px;
    position: absolute;
    top: -18px;
    width: 250px;
    z-index: 10;
    box-shadow:2px 2px 10px #888888;
   
}
.overlay ul{
	list-style:outside none none;
	text-align:left;
	font-weight:normal;	
}
.overlay ul li{
	padding: 5px 10px 5px 0px;	
}
.task .overlay::after, .task .overlay::after {
    background: url(after-arrows.png) no-repeat -1px center rgba(0, 0, 0, 0);
    content: "";
    display: block;
    height: 20px;
    left: -11px;
    position: absolute;
    top: 30px;
    width: 11px;
}
/*Profile edit pane */
.profile-pane.profileedit-pane .labelDesc, .profile-pane.profileedit-pane-right .labelDesc {
	min-height:30px;	
}
.profile-pane.profileedit-pane input{
	width:75%;	
}
.profile-pane.profileedit-pane input.dollar{
	width:72% !important;	
}
/*Map Options*/
.mapOptions{
	width:100%;
	height:110px;
	background: url(borderYellow.jpg) repeat-x left top, url(borderYellow.jpg) repeat-x left bottom #999999;
	color:#ffffff;
	padding:10px 20px;
	position:relative;
	text-align:right;
}
.profile-Map-header{
	background:url(settingWhite.png) no-repeat left center;
	padding:5px 10px 5px 26px;
	border-bottom:1px solid #ffffff;
	font-size:17px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left
}
.profile-Map-location{
	height:60px;
	background:	url(location.png) no-repeat left center;
	padding:14px 10px 5px 35px;
	float:left;
	text-align:left;
	font-size:14px;
	font-weight:bold;
}
.button.close{
	background:url(close.png) no-repeat center center;
	position:absolute;
	margin:10px 12px;
	top:0px;
	right:0px;
}
.greyText{
	color:#cccccc;
}
.whiteText{
	color:#ffffff;
}
.blackText {
	color:#000000;
}
.floatR {
	float: right;
}

.floatL {
	float: left;
}

#popUpDef,.popup {
	display: none;
	left: 50%;
	padding: 0;
	position: fixed;
	top: 40%;
	z-index: 1100;
}

#popUpDef {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border-radius: 12px;
}
#popUpBG,#popUpBGSol {
	background: #525252 none repeat scroll 0 0;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1001;
}
.accordion-header{
	position:relative;	
}
.accordion .accordion-header:after{
	content:"\00BB";
	font-size: 2.2em;
	display:block;
	-ms-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
	position:absolute;
	right:20px;
	top:-2px;	
	color:rgb(252, 152, 1);
}
.accordion.open .accordion-header:after{
	-ms-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
	right:24px;	
}
.accordion .accordion-content{
	display:none;	
}
.accordion.open .accordion-content{
	display:block;	
}
.accordion + .accordion{
	margin-top:5px;
}

a.lost {
    color: black;
    text-decoration: underline;
}

a.login-sub-button {
    color: #ff9900;
    text-decoration: none;
    margin-top: 20px;
}
/*** NP - STYLES FOR USER SELECTION ***/
.username-selection{
	display: inline-block;
	padding: 10px;
	text-align: center;
	width: 100%;
	position: relative;
	color: #fff;
	background-color: #666;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 6px;
	cursor: pointer;
	margin-top: 20px;
}
.username-selection:after{
	content: " ";
	background-color: #fff;
	width: 24px;
	height: 24px;
	position: absolute;
	top: calc(50% - 12px);
	left: 8px;
}

.username-selection.selected {
	color:#ff9900;
}
.username-selection.selected:after{
	background: url(tick.png) no-repeat center #fff;
}
 






/** NEW STYLES FOR LOGIN PAGE**/
 
.top-bandrole {
    /*background: url("mbs-white.png") 40px 20px no-repeat rgb(243, 149, 1);*/
    background: url("Sika_Logo.png") 4px -12px no-repeat rgb(243, 149, 1);
	    background-size: 220px;
    /*background-position: 20px;*/
    height: 80px;
    width: 100%;
    float: none;
    transition: 0.3s;
    max-width: 1400px;
    margin: auto;
    z-index: 9999;
}


.top-bandrole-default {
    /*background: url("mbs-white.png") no-repeat 40px 20px #f39501;*/
    background: url("Sika_Logo.png") 4px -12px no-repeat rgb(243, 149, 1);    
    background-size: 220px;
    height: 80px;
    width: 100%;
    float: none;
    transition: 0.3s;
    max-width: 1400px;
    margin: auto;
    z-index: 9999;
}
#hero {
	width: 100%;
	position: relative;
} 
.headimage img { 
    width: 100%;
    max-height: 600px; 
    margin: auto;
    line-height:1em; 
    display:block;
}

.loginPadHeadWar {
    
    padding-top: 20px;
    font-size: 19px;
    margin-left: 100px;
    text-align:left;
}

.loginPadHead {
    
    width:96%;
    margin-left:2%;
    padding-top: 20px;
    font-size: 19px;
    text-align: center;
}
.registrationPadHead {
    padding-top: 20px;
    padding-bottom: 15px;
    font-size: 25px;
    text-align: left;
}

.loginContainer {
    width: 40%;
    margin: auto;
    text-align: center;
    margin-top: 45px;
}
.registrationContainer-left {
    width: 40%;
    margin: auto;
    /*text-align: center;*/
    margin-top: 45px;
    float: left;
    margin-left: 100px;
}
.registrationContainer-right {
    width: 40%;
    margin: auto;
    margin-top: 45px;
    float: right;
    margin-right: 100px;
}
.newAccountDetailsContainer {
    width: 40%;
    margin: auto;
    text-align: center;
    margin-top: 45px;
}

.loginContainerWar {
    width: 40%;
    margin: auto;
    text-align: center;
    margin-top: 45px;
    float: left;
    margin-left: 100px;
}

.pContainer {
    width:100%;
    display:inline-block;  
    margin-bottom: 20px;
}

.pContainerReg {
    width:100%;
    display:inline-block;  

}
.pContainerReg-dropdown{
    width:100%;
    display:inline-block; 
    height: 40px;

}

.dropdown-select{
	height:30px;
	width:77%;	
}

#registrationCountr.option {
	height:30px;

}
.textContent {
	font-size: 1.2em;
	line-height: 2em;
	font-weight: normal;
	margin-top:20px;	
	
}
.required_field::after {
	color: #cc0000;
    content: "*";
    position: absolute;
    width: 10px;
}
.pText{
    width: 23%;
    float:left;
    text-align: left;
    font-weight: bold;
    font-size:15px;
    vertical-align: middle;
	line-height:30px;
}

.pInput {
    width:77%;
    float:left;
}
.pInputReg{
	 width:77%;
    float:left;
    margin-bottom:10px;
	//border: 1px solid #cccccc;
		
}
.pText2Lines {
    margin-top: -10px;
}

.pInput input,.pInputReg input, pButtonContainer {
    width: 100%;
    height: 30px;
    background-color: #e8e8e8;
    border: 0px;
    font-size: 20px;
    padding-left: 10px;
}

.pButton {
    width:200px;
    height: 30px;
    background-color:#f39501;
    font-size: 16px;
    color:#FFFFFF;
    font-weight: bold;
    line-height: 30px;
    float: right; 
    cursor:pointer;
    text-align: center;
}
.pButtonSubmit {
    width:120px;
    height: 30px;
    text-align: center;
    background-color:#f39501;
    font-size: 16px;
    color:#FFFFFF;
    font-weight: bold;
    line-height: 30px;
    float: right;

    cursor:pointer;
}
.pBottomTextContainer {
    width: 40%;
    margin: auto; 
       margin-top: 5px;
}

.pBottomTextContainer p {
    margin:0px;
    padding:0px;
}

.pErrorMessage{
	color: red;
}

.pButtonContainer .pErrorMessage {
    padding: 20px;
}

.validationError{
	outline: 1px solid red;
}

.labelDesc {
    color: #000;
    padding: 0px 20px 0px 0px;
    line-height: 1.4em;
    min-height: 19px;
    width: 50%;
    float: left;
    text-align:left;
}

.pageContactBar {
	color:#333;
	//border: 1px solid #333;
	margin-left:2%;
	padding-left:2%; 
	width: 96%;
	height: 50px;
	background-color: #cccccc;	
	font-size:2em;
	line-height:50px;
	vertical-align:middle;
	margin-top:10px;
}

#loginPaneWar{
	
	margin-top:50px;
	margin-left:5%;
	width:90%;	
	line-height:25px;
}

.contactLabel{
	color: #f39501;
	font-size: 16px;
	float:right;
	margin-right:30px;
	
}
.selectLabel{
	color: #fca016;
	//font-size: 16px;
	margin-right: 30px;
	line-height: 30px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	height: 30px;
}

.selectLabel > a > img{
	vertical-align: middle;
}

/* list.css */
/*Added - Stanley Huang - 07/17/2016 - BCFTSGASDG-1043
		- Applied Filters text is now smaller to fit in the 50px height of grid*/
li.appliedFilters{
	font-size: 12px;
}
/*Added - Stanley Huang - 07/14/2016 - BCFTSGASDG-1043
		- Colouring for head office contacts under the project add team members section*/
tr[contact-level=ho-contact] td{
	background: #fddba7;
	border-top: 1px solid #d6b88b;
}

/*Added - Stanley Huang - 07/14/2016 - BCFTSGASDG-1115
		- Disabled Look for CMD added contacts */
tr.CMD-contact span.checkbox{
	background: #999999 !important;
}

/*Added - Stanley Huang - 07/27/2016 - BCFTSGASDG-1139
		- Error message when too many filters applied */
.pr_filt_err{
	margin: -20px;
	background-color: #c50000;
	padding: 10px 30px;
	display: none;
}

/* STYLES FOR NESTED GRIDS (Warranty List) */
.nested-grid .level-1 td:not(:nth-last-child(1)),
.nested-grid thead th:not(:nth-last-child(1)),
.nested-grid tfoot td:not(:nth-last-child(1)) {
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
}
.nested-grid td.nested-header {
	background-color:#717171;
	color:#fff;
}

.nested-grid  td.merged-cells{
	white-space:nowrap;
	overflow:visible;
}

/* END STYLES FOR NESTED GRIDS*/

/* STYLES FOR WARRANTY LIST */
.warranty-list-action-container {
	text-align: center;
}
.warranty-list-action {
	display: inline-block;
	margin-right: 6%;
	padding: 2%;
	border-radius: 5px;
	cursor: pointer;
	font-size: 0.8em;
	transition:0.3s;
}

.warranty-list-action:hover {
	background-color: #717171 !important;
	color:white !important;
	box-shadow: none !important;
}

.warranty-list-action.gray {
	background-color: #ccc;
}
.warranty-list-action.yellow {
	background-color: #fc9801;
	border: 1px solid #717171;
    box-shadow: 0px 0px 10px 0px #717171;
}
/* END STYLES FOR WARRANTY LIST */

.list-template1 span.primary{
	height:35px;
	width:35px;
	display:block;
	background:url(primary.png) no-repeat center center;	
}
.content-area.list-content-area{
	padding:10px;
	bottom:50px;
	background:#FFFFFF;		
}

#admin_userProfiles .content-area.list-content-area
{
	bottom: 0;
}

td.list-selection, th.list_selection{
	width:50px;	
}
#email_list .overlay{
	width:350px;	
}
#email_list .badge{
	bottom:10px;
	right:calc(50% - 21px);	
}
.list-template1 th, .list-template1 tfoot td {  
	-moz-border-bottom-colors:none;
    -moz-border-left-colors:none;
    -moz-border-right-colors:none;
    -moz-border-top-colors:none;
    background:none repeat scroll 0 0 #717171;
    color:#fff;
	text-transform:uppercase;
	height:48px;
	text-align:center;
}
.list-template1 table{
	width:100%;
	color:#666;	
}
.list-template1 .info{
	border-left: 1px solid #999;
   	text-transform:uppercase;
}
.list-template1 .infoWidth{
	width: 30%;
}
.list-template1 .infoWidthCC{
	width: 18%;
}
.list-template1 td{
	border:1px solid #d1d1d1; 
	padding:5px 10px;
	text-align:left;
	height:50px;
	font-weight:bold;
	color:#000000;
}
.list-template1 td:first-child, .list-template1 th:first-child {
	border-left:1px solid #d1d1d1;
}

/* Added - Helen Schroeder - Added td:last-of-type */
.list-template1 td:last-child, .list-template1 th:last-child, .list-template1 td:last-of-type {
	border-right:1px solid #ccc;
}
.list-template1 tr:last-child{
	border-bottom:1px solid #ccc;
}
.list-template1 tr{
	background-color:#ffffff;
}
.list-template1 tr:nth-of-type(odd){
	background-color:#ebebeb;
}
 
.list-template1 th:last-child, .list-template1 tfoot td:last-child {
    border-right: 1px solid #333;
}

.grid-table [grid-display=normal] .list-template1 td:first-child {
    /*border-left: none;*/
}

.grid-table [grid-display=frozen] .list-template1 td:last-child {
    border-right: 1px solid #d1d1d1;
    text-transform: uppercase;
}

.grid-table [grid-display=frozen] .list-template1 th:last-child {
    border-right: 1px solid #666;
}

.grid-table .list-template1 tr.level-1 {
	background: #fcfcfc;
}

.grid-table .list-template1 tr.level-2 {
	background: #e1e1e1;
}

.grid-table .list-template1 tr.level-3 {
	background: #bebebe;
}

.grid-table .list-template1 thead th.category-collapse-all {
	background: #717171 url(collapseAll.png) no-repeat center center;
}

.grid-table .list-template1 tr.level-1 td.grid-category.category-toggleable.category-closed {
	background:#fc9801; 
	background-image:url(L1close.png); 
	background-repeat:no-repeat; 
	background-position:center center;
}

.grid-table .list-template1 tr.level-1 td.grid-category.category-toggleable.category-open {
	background:#fc9801; 
	background-image:url(L1open.png); 
	background-repeat:no-repeat; 
	background-position:center center;
}

.grid-table .list-template1 tr.level-2 td.grid-category.category-toggleable.category-closed {
	background-image:url(L2close.png); 
	background-repeat:no-repeat; 
	background-position:center center;
}
	
.grid-table .list-template1 tr.level-2 td.grid-category.category-toggleable.category-open {
	background-image:url(L2open.png); 
	background-repeat:no-repeat; 
	background-position:center center;
}

.grid-table .list-template1 tr.level-1.category-open td {
	border-bottom:3px solid #fc9801;
}

.list-filter-pane, .list-selection-pane {
	position:absolute;
	top:65px;
	background-color:#999999;
	left:0px;
	right:0px;
	padding:8px 50px;
}



.list-filter-pane .list-filter-selection{
	float:left;	
}

.list-filter-pane .list-toggle-screen{
	float: left;
}

.list-filter-pane ul.list-search-buttons, #popUpDef ul.list-search-buttons, .searchBar ul.list-search-buttons{
	float:right;
	list-style:none;
}

.list-filter-pane .list-search-bar, #popUpDef .list-search-bar, .searchBar .list-search-bar{
  width:auto;
  overflow:hidden;
  padding-left:50px;
  text-align:right;
}

.list-filter-pane .list-toggle-screen{
	padding-left: 20px;
}

#project .list-search-bar{
	padding-left: 20px;
}

.list-filter-pane .list-search-bar input, #popUpDef .list-search-bar input, .searchBar .list-search-bar input{
	width:100%;
	height:30px;
	line-height:30px;
	padding-left:10px;
	-webkit-appearance: none;
    border-radius: 0; 
	
}
.list-filter-pane .list-search-buttons li, #popUpDef .list-search-buttons li, .searchBar .list-search-buttons li{
	float:left;	
}
.list-filter-pane .list-search-buttons li + li, #popUpDef .list-search-buttons li + li, .searchBar .list-search-buttons li + li{
	margin-left:2px;	
}
.list-filter-pane .list-search-buttons .list-search, #popUpDef .list-search-buttons .list-search, .searchBar .list-search-buttons .list-search{
	background:url(list-search.png) no-repeat;
	width:42px;
	height:30px;
}
.list-filter-pane .list-search-buttons .list-clear, #popUpDef .list-search-buttons .list-clear, .searchBar .list-search-buttons .list-clear{
	background:url(list-clear.png) no-repeat;
	width:37px;
	height:30px;
}

.list-filter-pane .headerPane {
	position: relative;
	padding: 0px;
	top: 0px;
}

.headerPane + .list-filter-pane{
	top:135px;
	background-color:#CCC;	
}

.headerPane.wSearchBar 
{
	height: 50px;
}
.headerPane.wSearchBar + .list-filter-pane{
	top:115px;
	 background-color:#999999; 	
}

.headerPane + .list-filter-pane + .list-content-area{
	top:180px;	
}

.headerPane.wSearchBar + .list-filter-pane + .list-content-area {
    top: 160px;
}

/* BCFTSGASDG - ???? - Shawn */
/* List selection pane styles below */
.list-selection-controls-pane {
	position: absolute;
    top: 65px;
    background-color: #999999;
    left: 0px;
    right: 0px;
    padding: 8px 50px;
}

.list-selection-controls {
	float: left;	
}

.list-selection-controls h2 {
	display: inline-block;
	margin-right: 10px;
	position: relative;
	top: 2px;
	font-size: 18px;	
}

.list-selection-controls .button {
	margin: 0;
}

/* List selection controls gonna push everybody else down */
.list-selection-controls-pane + .list-filter-pane {
	top: 111px;
	background-color: #AAA;
}

.list-selection-controls-pane ~ .list-content-area {
	top: 157px;
}

/*Pagination*/
.pagination{
	height:50px;
	text-align:center;
	background-color:#999999;
	position: absolute;
	width:100%;
	padding-top:10px;
	bottom:0px;
}
.pagination button, .pagination input{
	-webkit-appearance: none;
    border-radius: 0;
    border:0px;
    display:block;
    float:left;
}
.pagination .first-page,
.pagination .warranty-list-first-page,
.pagination .awb-list-first-page{
	background:url(pageFirst.png) no-repeat;
	width:41px;
	height:30px;
	background-position:center;
	margin-right:10px;
}
.pagination .prev-page,
.pagination .warranty-list-prev-page,
.pagination .awb-list-prev-page{
	background:url(pagePre.png) no-repeat center center;
	width:29px;
	height:30px;
	background-position:center;
}
.pagination .next-page,
.pagination .warranty-list-next-page,
.pagination .awb-list-next-page{
	background:url(pageNext.png) no-repeat;
	width:27px;
	height:30px;
	background-position:center;
	margin-left:-4px;
	
}
.pagination .last-page,
.pagination .warranty-list-last-page,
.pagination .awb-list-last-page{
	background:url(pageLast.png) no-repeat;
	width:41px;
	height:30px;
	background-position:center;
	margin-left:10px;
}
.pagination #current-page,
#warranty-current-page,
#awb-current-page{
	width:52px;
	height:21px;
	text-align:center;
	display:block;
	float:left; 
	margin-right:5px;
	margin-top:-3px;
	padding:4px 2px 5px;
	
}
.pagination .pageInfo{
	height:30px;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	background-color:#666666;
	display:block;
	float:left;
	padding-top:8px;
	color:#fff;
}
.pagination .paginationButtons{
	position:absolute;
	left:37%;	
}

.list-no-data {
	/*color: #ffffff;*/
	font-size: 2.1em;
	height: 60%;
	padding: 0 25%;
	position: absolute;
	top: 40%;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	width: 99%;
}

.grid-nodata {
	color: #ffffff;
	font-size: 2.1em;
	height: 60%;
	padding: 0 25%;
	position: absolute;
	top: 40%;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	width: 99%;
}

div.list-selectrow table tr:not(.table-head) {
	cursor: pointer;
}



#side-nav .side-nav-bottom li[data-id="export"] .bgimage {
	/*background-image: url("side-nav-export.png");*/
	background-image: url("icon-export-lg.png");
	/*background-image: url("Excel_Icon_3C.png");*/
	background-size: 30px;
    background-repeat: no-repeat;
}

#side-nav .side-nav-bottom li[data-id="col-selector"] .bgimage {
	background-image: url("icon-column-select.png");
	background-size: 41px 37px;
    background-repeat: no-repeat;
}

/*BCFTSGASDG-1332 - Added download button to GI Reports 2017 */
#side-nav .side-nav-bottom li[data-id="download"] .bgimage{
	background-image: url("download-icon.png");
	background-size: 35px 35px;
    background-repeat: no-repeat;
    background-position:center;
}

/* LIST COLUMNS */
.list-columns-add{
	float:left;
	width:calc(50% - 10px);
	min-width:300px;	
}
.list-columns-remove{
	float:right;
	width:calc(50% - 10px);
	min-width:300px;	
}
.list-column-header{
	background:#BDBDBD;
	height:48px;
	padding:7px;
	border-bottom:1px solid #999;
}
.list-column-header button{
	float:right;
	margin:0;	
}
.list-column-actions button{
	margin:0;	
}


.list-column-header .list-columns-flow-container{
	padding-right:10px;
	width:auto;
	overflow:hidden;
}
.list-column-header .list-columns-flow-container input{
	padding:0px 5px;	
	width:100%;
	line-height:30px;
	height:30px;
}
.list-columns-remove .list-column-header .list-columns-flow-container{
	text-align:center;
}
.list-column-header .list-columns-flow-container span{	
	line-height:35px;
}
.list-columns-container .list-column-entry{
	height:40px;
	line-height:40px;
	border-bottom:1px solid #CFCFCF;
	padding:0px 10px;
	position:relative;
}
.list-columns-container .list-column-entry .list-column-entry-action{
	float:right;
	height:40px;
	width:40px;
	min-width:auto;
}
.list-columns-container{
	height:100%;	
}
.list-columns-container .list-columns-add,
.list-columns-container .list-columns-remove{
	border:1px solid #999;
	height:calc(100% - 50px);
	overflow-y:auto;	
}
.ipad .list-columns-container .list-columns-add,
.ipad .list-columns-container .list-columns-remove{
	overflow-y:scroll;	
}
.list-columns-container .list-columns-remove .list-column-entry{
	background-color:#E6E6E6;	
	padding-left:50px;
	position:relative;
	cursor:move;
}
.list-columns-container .list-columns-remove .list-column-entry:after{
	position:absolute;
	content:"";
	top:0;
	left:0;
	height:40px;
	width:50px;
	background:url('data:image/png;base64,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') no-repeat center center;		
}
.list-columns-container span.list-columns-selected{
	float:left;
	font-size:1.25em;
	font-weight:bold;
	line-height:35px;
	padding-left:10px;
}
.list-column-actions{
	clear:both;
	float:right;
	padding-top:10px;
}
th.list-frozen,
td.list-frozen,
.list .list-content table.list-table th.list-frozen{
	position:absolute;
	left:0px;
	z-index:1;
	height:100%;
	overflow:hidden;
}
.list-cell-negative,
.list tr.list-content-row td.list-cell-negative,
.list tr.list-content-row td.list-cell-negative *{
	color:#FF0000;	
}
.list-columns-container .list-columns-add .list-column-entry .list-column-entry-action{
	cursor:pointer;
	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAaCAYAAADSbo4CAAAACXBIWXMAAA9hAAAPYQGoP6dpAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAWBJREFUeNrslr1OAkEUhc+9jDE2LJtQSGuIVLrvYWEoTIjPYMEzGCHxLYg2m1iQWPMA2FJQsMEKsWESxIRdd5lkbJQIWqwsOEviqWZu5uebO+dOhlqt1gkAF0AWZvQK4Fxora8cx8nm83kjFFLKbKfTuRREdGxZFpRSfw7BzLBtGwCOGIAgIiPZ0FqDmUFEuwyD0lrP22I5YEqMlMh4Rj735jWUH+6bTTy028kzkkRhGOKx3wczQwix8jOQ/Go+5hIRmHnltbbXrM/DIe5c91vc6/VwXavN+wfFIk7L5dhmFQDgT6exQd6CIN4JMxnsCIHJZLIZs+4XCrioVmFZFgDgaTDAbaOBw1IJZ5XKwthZFG22amZRBDkaAQBexuOFeNwMpNas6aqaJPrqmd94Yu0gy57Z+qv5B/kJRKWAQwmlVHfq+04ulzNC4Ps+lFJdIaWse553Q0R7hn5ogZSy/j4A7/yS2erwJBAAAAAASUVORK5CYII=') no-repeat center center;
}

.list-columns-container .list-columns-remove .list-column-entry .list-column-entry-action{
	cursor:pointer;
	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAaCAYAAADSbo4CAAAACXBIWXMAAA9hAAAPYQGoP6dpAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAPtJREFUeNrslTFOxDAQRf+MLKGQVZxIrtgzLN4G7R24AcdBaA9CxQlWFDlFim1yhqnQxjSDhgoKCkKQwFkpv7Ksb/npf1tDbdveAngCUCGPXgDcOTN7iDFWIYQsFCJSdV1374jo2nsPVf13CGZG0zQAsGEAjoiypGFmYGYQ0QUjo8zsc+2+buQSYybKnsjH3bNJZKlmSWTssToASMPw44PPh8OoJ4SAm91ueiJTdLVeoyiKbz2V9yhXKwyn09+BxO0Wl2U56nubOETdb3qdUuXZ/ZoFZAE5KxCdAYc6VT0OKcW6rrMQpJSgqkcnIvu+7x+JqMg09F5FZP8+AEt+WAPv1anQAAAAAElFTkSuQmCC') no-repeat center center;
}


.content-area.product-content-list{
	top : 160px;
}


.list-filter-pane.warrantiesSearch{
	position:static;
	background-color: transparent;
	left:0px;
	right:0px;
	float:left;
	padding-left:0;
	width:100%;
}
	/*Checkbox*/
label.checkbox {
	width: auto;
	display: inline-block;
	overflow: visible;
	position: relative;
	float: left;
	vertical-align: middle;
	margin-right: 7px;
	margin-top: 6px;
}

label.checkbox input[type="checkbox"] {
	display: none;
}

label.checkbox input[type="checkbox"]+span {
	background: none repeat scroll 0 0 #fff;
	border: 3px solid #666;
	display: block;
	float: left;
	height: 30px;
	margin: 3px;
	vertical-align: top;
	width: 30px;
	margin-top: -6px;
	margin-right: 12px;
}

label.checkbox input[type="checkbox"]:checked+span {
	background: url(tick.png) no-repeat scroll center center #ffffff;
}
.list-template1 td.select_items {	
	position: relative;	
}

.list-template1 td {
	overflow: hidden;
	text-overflow: ellipsis;
}
.list-template1 tr {
	height: auto;
}

/*end of list.css*/
div.radio-check label.checkbox input[type="checkbox"] + span {
    border-radius: 15px;
}
div.radio-check label.checkbox input[type="checkbox"]:checked + span {
    background: #fc9801 none;
}

:-webkit-autofill,
:-webkit-autofill:hover, 
:-webkit-autofill:focus 
{
	-webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
    -webkit-transition-delay: 9999s;
}

@media only screen and (max-width: 1170px) {
    .loginContainer {
        width: 70%;
    }
    .pBottomTextContainer {
        width: 70%; 
    }
    .registrationContainer-right {
    	margin-left:100px;
    	float: left;
    	width: 70%;
    }
    .registrationContainer-left {
    	width: 70%;
    }
}



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 
	.loginContainer {
	    margin-top: 25px;
	}
	.pBottomTextContainer {
	    margin-top: -30px;
	}
}



/* for registration page */
@media only screen and (max-width: 1170px) and (max-height: 2000px){
    .page-body.registration-page{
       min-height: 2000px;
		
    }
    .page-body.warranty-login-page{
    	 min-height: 1500px;
    }
    .pBottomTextContainer {
        width: 70%; 
    }
    .registrationContainer-right {
    	margin-left:100px;
    	float: left;
    	width: 70%;
    }
    .registrationContainer-left {
    	width: 70%;
    }
}

@media only screen and (min-width: 1171px) and (max-height: 1300px){
    .page-body.registration-page{
       	min-height: 1300px;
		//overflow-y: scroll;
    }
     .page-body.warranty-login-page{
    	 min-height: 1100px;
    }
    
}




@media all and (max-width: 1400px) {
#page-wrap{
	width: 100%;
	min-width: 768px;
	left: auto;
	margin-left: 0;
}
	
}

@media only screen and (max-height: 850px) {

.page-body.login-page{
	
	min-height: 850px;

}

}


@media only screen and (max-height: 590px) {

.page-body.contact-page{
	
	min-height: 590px;
	overflow-y: scroll;
}	
}


#basfLogoText {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	color: white;
    font-weight: bold;
    font-size: 27px;
    letter-spacing: -0.015em;
    line-height: 2.05;
    display: inline;
    width: auto;
    position: absolute;
    left: 225px;
    top: 16px;
    height: auto;
    padding-left: 20px;
    padding-bottom: 0;
    border-left: 5px solid white;
}