body {
  font-size: 12px;
  line-height:100%;
  padding-top:60px;
  background-image: url(../images/bg.png);
}

h1, h2, h3, h4, h5, h6  {
  color:#3D547E;
  text-shadow: 0 1px 0 #fff;

}

@media only acreen and (min-width: 980px) {
  .subnav-fixed {
    background-image: url(pic146x120.png);
    height: 146px;
    width: 120px;    
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */
  }

}

.navbar-fixed-top, .navbar-fixed-bottom {
   position: fixed;
}

.box {
background:white;
	box-shadow: 0px 2px 6px rgba(0,0,0,0.15);
	border-radius: 5px;
	position: relative;
}
.padded {
  padding:10px;
}

#page {
  padding-bottom: 60px;
}

.logo-blue-font {
  color:#dedede;
}

.box {
        width:100%;
	border:1px solid #ebebee;
	margin-top:10px;                        
}
hr{
    border:1px solid #ebebee;
}

.box .header {
    margin-top:-5px;
	background: #fdfdfd; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fdfdfd 0%, #eaeaea 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fdfdfd 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fdfdfd 0%,#eaeaea 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fdfdfd 0%,#eaeaea 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fdfdfd 0%,#eaeaea 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#eaeaea',GradientType=0 ); /* IE6-8 */

	padding:0px 5px;
	border: 1px solid #fff;

	
}

.box .header  h3{
	font-size:16px;
	margin:0px;
	
}

.box .row{
	margin-top:5px;
}

.row .rowMargin{
    margin:10px;
}
.row .rowLeftMargin{
    margin:200px;
}
.record-label {
    margin-left:15px;
	padding:0px 0px 0px 10px;
	color:#3D547E;
	font-weight:bold;   
}

.column-value {        
	padding:0px 10px 0px 0px;
}
.link-column {
	padding:0px 10px 0px 0px;
}

.footer .navbar-inner{
  color:#fff;
  min-height: 20px;
}

.footer { 
}

.grid-view-new table.items tbody td {
    max-width: 400px;
    padding: 0 4px;
}

.grid-view-new table.items td:first-child, .grid-view table.items th:first-child {
    padding-left: 5px;
}
.grid-view-new table.items th {
    text-align: left;
}

.grid-view-new table.items{
    font-weight: normal;
    padding: 2px 0;
    text-align: center;
}

.grid-view-new table.items th.syscode {
    background: none repeat scroll 0 0;    
    text-align: left !important;
    font-weight: bold;
    padding-left: 15px;
}

.grid-view-new table.items table.header_client_install {
   font-weight: normal; 
    margin-left: 20px;
    width: 98%;
}
.grid-view-new table.items table.header_client_install th {
    background: none repeat scroll 0 0 ;
    text-align: left;
    width: 15%;
    color:#3D547E;
    font-weight: normal;
}
.grid-view-new table.items table.header_client_install td {
    text-align: left;
}
.flash-error{
    color:red;
}
.callHistory{
    color:#3D547E;
    text-align: right;
    padding-bottom:15px;
    
}

 .grid-view-new1 table.items tr.odd td {
    background: none repeat scroll 0 0 ;
}

.grid-view-new1 table.items tbody td {
    color:black;
    max-width: 500px;
    padding: 0 4px;
    text-align: start;
   
}

.grid-view-new1 table.items td:first-child, .grid-view table.items th:first-child {
    padding-left: 5px;
}
.grid-view-new1 table.items th {
    text-align: left;
}

.grid-view-new1 table.items{
    color:black;
    font-weight: normal;
    padding: 2px 0;
    text-align: center;
}
#gridStoreUser table.items tr {
	cursor: hand;
	cursor: pointer;        
}

/* ADDED by Karl */
#tills_general table td.record-label, #tillsTab table  td.record-label {
	padding-lefT:20px!important;
	padding-right:5px!important;
}

	table#ticketsList {
		width:100%!important;
	}
	.paging_full_numbers a.paginate_active {
		background-color:#508ECC!important;
		color:#FFF!important;
	}
	table {

	}
	.tab-content form table {
		margin-lefT:auto;
		margin-right:auto;
		min-width:50%;
		text-align:right;
	}
	.tab-content form table td.record-label {
		text-align:left
	}
	.table {
		margin-bottom:0;
	}
	table.record-details {
		/*line-height:70%;*/
		vertical-align:top;
	}
	table th, table td {
		padding:5px!important;
	}
	.grid-view {
		padding-top:0;
	}
	.grid-view table.items tr.selected td  .table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {
    background-color: rgb(249, 249, 249);
	}
	.grid-view table.items tr.selected td  .table-striped tbody > tr:nth-child(even) > td, .table-striped tbody > tr:nth-child(even) > th {
   background-color: rgb(255, 255, 255);
	}
	
	#clients .grid-view table td .grid-view {
		margin-top:-5px;
		margin-bottom:-5px;
	}
	#clients .grid-view table td .grid-view table {
		border-top:none;
		border-bottom:none;
		border-radius:0;
	}
	hr {
		margin:10px 0px;
	}
	.row .rowMargin {
		margin: 5px 10px;
	}
	.table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child {
		border-top-left-radius: 0;
	}
	.table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child {
		border-top-right-radius: 0;
	}
	.table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child {
		border-bottom-left-radius: 0;
	}
	.table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child {
		border-bottom-right-radius: 0;
	}
	/*#clients .grid-view > table tr:last-child {
		border-bottom:1px solid rgb(221,221,221);
	}*/
        td.record-label{
          /*width:50%;*/
        }
	
	 td.record-value {
		/*width:50%;*/              
	}
    
    .store-record td.record-label, .store-record td.record-value {
        width:50%;
    }
	.row table.record-details tr td:first-child {
		padding-left:10px!important;
	}
	.tabwrapper>div, #page>#yw0{ 
		border:1px solid rgb(221,221,221);
		
	}
	.nav-tabs {
		background: #fdfdfd; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #fdfdfd 0%, #eaeaea 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #fdfdfd 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #fdfdfd 0%,#eaeaea 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #fdfdfd 0%,#eaeaea 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #fdfdfd 0%,#eaeaea 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#eaeaea',GradientType=0 ); /* IE6-8 */

	}
	.nav-tabs li:first-child a{
		border-lefT:none!important;
		border-radius:0px 3px 0 0;
	}	
	.nav-tabs li a{
		border-top:0;
	}
	.nav-tabs > li > a:hover {
		box-shadow:inset 1px 1px 2px #CCC;
		box-shadow:inset 1px 1px 2px rgba(0,0,0,0.05);
		border-lefT:1px solid #fdfdfd;
		border-lefT:1px solid rgba(255,255,255,0.8);
		border-radius:0;
	}
	.nav-tabs > li > a, .nav-pills > li > a {
		margin-right:0;
	}
	.nav-tabs > li.active > a:hover {
		box-shadow:none;
		border-radius:3px 3px 0 0;
	}
	a.btn {
		margin-lefT:5px;
	}
	.modal-body form table {
		width:100%;
	}
	.pull-right {
		text-align:right;
	}
	

	.navbar .nav > li > a:focus, .navbar .nav > li > a:hover  {
		box-shadow: inset 1px 1px 3px rgba(0,0,0,0.1);
		background:#3E7AA5;
		background:#497BB7;
	}
	textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus, select:focus {
    border-color: rgba(33, 181, 239, 0.9);
		box-shadow:none;
	}
	form div#addclientdiv table td {
		padding-top:3px!important;
		padding-bottom:3px!important;
	}
	form#store-client-details .span12 {
		float:none;
		margin:0 auto;
	}
	form#store-client-details h3{
		text-align:center;
	}
	form#store-client-details .span12 h3 {
		text-align:left;
	}
	.tab-content form  table td {
		padding:0!important;
	
	}
	.tab-content .tabs-left .nav-tabs {
		margin-top:-20px;
	}
	.storetickets>div#yw0 {
		max-width:1170px;
		margin-bottom:15px!important;

	}
	.tabwrapper {
		margin-top:15px;
	}
	.header .pull-right  {
		MARGIN-RIGHT:5PX;
		margin-top:5px;
		display:block;
	}
	.header h3, .header h6 {
		line-height:40px;
		margin:0;
	}
	.header .row {
		margin-top:0;
	}
	table#userlist {
		width:100%!important
	}
	input[type='checkbox'] {
		margin:0;
		min-width:20px;
	}
	.container label {
		display:inline-block;
	}
	#userpane {
		margin:-15px;

	}
		#userpane .tab-content{
			margin:0px 15px;
		}
	.signupsite button, .signupsite input[type='submit'] {
		border:none;
		background:none;
	}
	.signupsite .button {
    background-image: url("../images/signup/btn-bg.png");
    color: rgb(255, 255, 255);
    display: block;
    height: 28px;
    padding-top: 6px;
    text-align: center;
    width: 132px;
	}
	.center {
		text-align:center;
		margin:0 auto;
	}
	.center table{
		margin-lefT:auto;
		margin-right:auto;
	}
	.center table td.record-value {
		text-align:center;
	}
	.center table tr td.record-value:only-child {
		text-align:left;
	}
	@media only screen and (max-width:979px) {
		.nav-collapse.in.collapse {
			height:auto!important;
		}
	}
	.dataTableWrapper label select, .dataTableWrapper label input {
		margin-top:0;
		margin-bottom:2px;
	}
	.modal-header select {
		margin-bottom:0!important;
	}
	.boxwidth {
		max-width:1170px;
		margin:0 auto;
	}
	input#chkSelect{
		margin-top:3px;
	}
	h4 label {
		margin-bottom:0;
	}
	DIV#send-signup-widget {
		min-width:580px;
		margin:0 auto;
		max-width:1200px;
		
	}
	th#ticket_description {
		width:25%!important;
		
	}
	#userserviceactivation-form table {
		width:100%;
		margin-bottom:10px;
	}
	DIV#ui-datepicker-div.ui-datepicker {
	
		width:18em!important;
	}
	.cancelled {
		text-decoration:line-through;
	}
/* END added by Karl */

.relational-1{
    border-bottom: 1px dashed #0088CC;
    color: #0088CC;
    cursor: pointer;
    text-decoration: none;
}

#clientDetailModal {
  width: 800px;  
  /*margin:0 -370px 0 -400px;*/
          margin-left: -400px;
        margin-top: -30px; 
}

table tr.selected td {
    background: none repeat scroll 0 0 #EEEEEE;
}

table.table thead tr {
    background-color: transparent;
    color: inherit;
}

.validationerror{
    color:red;
}

.errorMessage{
     color:red;
}

.dataTable th.left {
  text-align: left;
}

.dataTable th.center {
  text-align: center;
}

.dataTable th.right {
  text-align: right;
}
.dialogcreateuser, .clientModal{
        width: 800px;    
        margin-left: -400px;
        margin-top: -30px;        
        }
.modalcallhistory{
	width: 900px!important;    
	margin-left: -450px!important; 
	/* margin-top: -30px!important;          */
}

.storeIssue {
    /* border-bottom: 1px dashed #0088CC; */
    color: #0088CC;
    cursor: pointer;
    text-decoration: none;
}

.descIssue{      
        word-wrap: break-word;
        -ms-word-break: break-all;       
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
        word-break: break-all;
		width:300px;
}

.storeIssueDetailBorder {
  border:1px solid #DDDDDD;
 
}


div.dataTable .paging_full_numbers a.paginate_button_disabled {
	background-color: #efefef;
	color:#ccc !important;
	cursor: default;	
}


div.dataTable table.dataTable {
	margin-bottom:20px;
}



#serviceUpdateModal,#serviceCreateModal {
  width: 800px;  
  margin:0 -370px 0 -400px;
}

.text-error {
	font-size: 10px;
}

#servicesAddButton {
	margin-bottom:10px; 
}

.logout {
	padding:5px;
	text-align:center;
}

.logout a {
	color:#fff;
}

#ticketsList.dataTable tr.clickable,#installsList.dataTable tr.clickable,#postponedList.dataTable tr.clickable,#suspendedList.dataTable tr.clickable {
	cursor: pointer;
}

#ticketsList.center {
    margin: 0 auto;
    width:300px;
}

#ticketsList tbody tr.even:hover td{
	cursor : pointer;
	background-color : #e2f0e4;
}
#ticketsList tbody tr.odd:hover td{
	cursor : pointer;
	background-color : #e2f0e4;
}

.loginWrap input[type="text"] {
	font-size:18px;
    margin-bottom: 10px;
    padding: 7px 10px;
    width: 94%;
}


.loginWrap label {   
    margin-top: 15px;   
}

.loginWrap .hint {
	margin-top:10px;
}

.loginWrap .btnWrap {
	margin-top:15px;
	margin-bottom:25px;
}

.loginWrap{
	border:1px solid #DDDDDD;
	padding:0px 40px;
	background-color: #EEEEEE;
}

.ui-autocomplete-category{
    font-weight: bold;
}

.postponeDatePicker {
	cursor:pointer;
}

#ticketsList.dataTable .statusSelect,#installsList.dataTable .statusSelect,#postponedList.dataTable .statusSelect,#suspendedList.dataTable .statusSelect {
	width:164px;
}

.errorMessage,.validationerror {
	color:#B94A48;
	font-size: 10px;
}

#store-client-details .loading {
	display:none;
}


#stores-notassigned,#stores-assigned,#grp-stores-notassigned,#grp-stores-assigned, #store-type-stores-assigned, #store-type-stores-notassigned, #region-stores-assigned, #region-stores-notassigned, #store-level-one-stores-assigned, #store-level-one-stores-notassigned, #store-level-two-stores-assigned, #store-level-two-stores-notassigned {
	overflow:auto;
	height:250px;
	width:275px;
}		
.roundedinput
{
	width: 131px;
	height: 21px;
	margin: 10px 26px 0;
	*background: url("../images/textbox.png"); 
	border: 0px;
	padding: 0px 5px;	
}

li.user-notassigned-item {
	padding:3px; 10px;
	cursor:pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	*background-color:#ECF0F9;
	border-bottom:1px solid #ccc;
}

li.user-notassigned-item:hover {
	background-color:#b7ceff;
	color:#fff;
}


#unAssignedBtnSet label, #assignedBtnSet label{
	display:inline;
	position:relative;
	top:0.3em;
	margin-left:0.3em;
	margin-right:0.3em;
	font-family: Helvetica;
}

.assignment-box{
/*	border:1px solid lightgrey;*/
}

.assignment-list{
	background-color:#fbfbfb;
	border:1px solid lightgrey;
}

.assignment-box th{
	padding:0px !important;
	margin:0px !important;
}

.assignment-box th h4{
	padding:0px !important;
	margin:0px 0px 10px 0px !important;
}

#storeassign {
	text-align:center;
}

#storeassign .assignment-box {
	margin:0px auto;
}

#storeassign h4 {
	line-height: 0px;
}
/*CraigM added styling for the Tables */
.dataTable {
	background: #fbfbfb; /* Old browsers */
	background: -moz-linear-gradient(top,  #fbfbfb 0%, #f2f2f3 2%, #f2f2f3 98%, #fbfbfb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(2%,#f2f2f3), color-stop(98%,#f2f2f3), color-stop(100%,#fbfbfb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fbfbfb 0%,#f2f2f3 2%,#f2f2f3 98%,#fbfbfb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fbfbfb 0%,#f2f2f3 2%,#f2f2f3 98%,#fbfbfb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fbfbfb 0%,#f2f2f3 2%,#f2f2f3 98%,#fbfbfb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fbfbfb 0%,#f2f2f3 2%,#f2f2f3 98%,#fbfbfb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f3', endColorstr='#f2f2f3',GradientType=0 ); /* IE6-9 */
	padding: 0px 0px 30px 0px;
	border: 1px solid #F3F3F4;
	border-radius: 5px;
	border: none;
}
.dataTableWrapper, #client_table_wrapper {
	box-shadow: 0 2px 6px rgba(0,0,0,0.15);
	border-radius: 5px;
	position: relative;
}
.dataTable tr.odd{
	background-color: #FBFBFB!important;
}
.dataTable thead {
	border-top: 1px solid #000000;
	background-color: #FFF!important;
}
#userlist tbody tr:hover, #servicesList tbody tr:hover, #ticketsList tbody tr:hover, #installsList tbody tr:hover,#menulist tbody tr:hover,#maindashboardlist tbody tr:hover ,#menulist tbody tr:hover,#retaildashboardlist tbody tr:hover,#reportCategoryList tbody tr:hover ,#reportList tbody tr:hover {
	background: #e2f0e4!important;
}
.dataTables_filter, .dataTables_length, .dataTables_info {
	padding-right: 5px;
	padding-left: 5px;
	height: 35px;
	margin-top: 4px;
}
.datatable_PageHeader span {
	padding-top: 5px;
}
#client_list_add_client {

}
.PositionAddBtn {
	position: absolute;
	left: 260px;
	top: 13px;
	font-size: 14px;
	z-index: 999;
}
.navbar  {

	 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), inset 1px 1px 3px rgba(0, 0, 0, 0.1)!important;
}
.navbar-inner {
  min-height: 45px;
  padding-left: 20px;
  padding-right: 20px;
	background: #4e84c8; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRlODRjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MzljZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #4e84c8 0%, #539cd3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e84c8), color-stop(100%,#539cd3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4e84c8 0%,#539cd3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4e84c8 0%,#539cd3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4e84c8 0%,#539cd3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4e84c8 0%,#539cd3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e84c8', endColorstr='#539cd3',GradientType=0 ); /* IE6-8 */

  border: 1px solid #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
 
}
.brand {
	font-size: 35px!important;
	margin-top: 4px;
}
.dataTables_length select {
	margin-top: 0px!important;
	margin-bottom: 4px!important;
	width: 60px!important;
}
#userlist_length select {
	margin-bottom: -3px;
}
.GreenPlusAdd {
	color: #00C91E;
	font-size: 40px;
}
.dataTable select{
	width:60px;
}
.ControlBarIcon {
	margin-left:5px;
	background-position:-118px -34px; width: 19px; height: 16px;
	position:absolute;
	right:300px;
	top:13px;
	z-index:99;

}

.ControlBarSelectAction {
	margin-left:5px;
	background-position:-118px -34px; width: 19px; height: 16px;
	position:absolute;
	left:300px;
	top:4px;
	z-index:99;
	height:30px;
	width:180px;
}

.ControlBarSelectPeriod{
	margin-left:5px;
	background-position:-118px -34px; width: 19px; height: 16px;
	position:absolute;
	left:300px;
	top:56px;
	z-index:99;
	height:30px;
	width:620px;
}

.ControlBarSelectUserPeriod{
	margin-left:5px;
	background-position:-118px -34px; width: 19px; height: 16px;
	position:absolute;
	left:200px;
	top:148px;
	z-index:99;
	height:30px;
	width:900px;
}

.tab-content {
	overflow: visible!important;
}
#ticketsList tbody tr td .statusSelect {
	width: 164px!important;
	padding-left: 0px!important;
	margin-bottom: 0px!important;
}
#ticketsList thead tr th{
	/*width: auto!important;*/
	padding-right: 10px!important;
}
#installsList tbody tr td .statusSelect{
	width: 164px!important;
	padding-left: 0px!important;
	margin-bottom: 0px!important;
}
#installsList thead tr th{
	width: auto!important;
	padding-right: 20px!important;
}
.nav-collapse .nav li a:first-child, .nav-collapse .nav li a:nth-child(2){
	color: #FFFFFF!important;
}
.nav-collapse .nav li .dropdown-menu li a{
	color: #333!important;
}
.nav-collapse .nav li .dropdown-menu li a:hover, .nav-collapse .nav li .dropdown-menu li.active a {
	color: #FFFFFF!important;
}
.nav-collapse .pull-right {
	text-align:left;
	margin-lefT:0!important;
}

#servicesList tbody tr {
	cursor:pointer;
}

#menulist tbody tr {
	cursor:pointer;
}

#servicesList thead tr th {
	width: auto!important;
	padding-right: 20px!important;
}
.container {
	width: 98%!important;
}
.container .container {

}
.box, #divClientDetail, #clientTabArea, #storeDetailTabs, #page>#yw0, .storetickets>div#yw0,#divGroupDetail, #divStoreTypeDetail{
	max-width: 1170px;
	margin: 0 auto;
	box-shadow: 0 2px 6px rgba(0,0,0,0.15);
	border-radius: 5px;
	position: relative;
	padding-bottom:10px;
	background-color: #FFF;
}

#grpDrillDownSuccess, #storeTypeDrillDownSuccess{
	max-width: 1170px;
	margin: 0 auto;
	position: relative;
	margin-bottom:10px;
}
 #page>#yw0{
	max-width:100%;
 }
.storetickets>div#yw0{

	overflow:hidden;

background: rgb(150,150,150); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk2OTY5NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NDY0NjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(150,150,150,1) 0%, rgba(100,100,100,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(150,150,150,1)), color-stop(100%,rgba(100,100,100,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(150,150,150,1) 0%,rgba(100,100,100,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(150,150,150,1) 0%,rgba(100,100,100,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(150,150,150,1) 0%,rgba(100,100,100,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(150,150,150,1) 0%,rgba(100,100,100,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969696', endColorstr='#646464',GradientType=0 ); /* IE6-8 */



	text-shadow:1px 1px 0px #520606; 
	color:#FFF;

/*	border:1px solid #e32708;*/
	border:1px solid #FFF;
	
}
.storetickets>div#yw0 .table-striped {
	max-width:100%;
	
}
.storetickets>div#yw0 .table-striped > tbody > tr > td {

	background:#E78B8B;
	background:rgba(255,255,255,0.2);
	
	background: #d14641; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QxNDY0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZDM2MmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #d14641 0%, #bd362f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d14641), color-stop(100%,#bd362f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d14641 0%,#bd362f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d14641 0%,#bd362f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d14641 0%,#bd362f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d14641 0%,#bd362f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d14641', endColorstr='#bd362f',GradientType=0 ); /* IE6-8 */
}

.storetickets>div#yw0 .table-striped tbody > tr.clientinstalls > td {
	background: rgb(113,196,116); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcxYzQ3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1OWE1NWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(113,196,116,1) 0%, rgba(89,165,92,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(113,196,116,1)), color-stop(100%,rgba(89,165,92,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(113,196,116,1) 0%,rgba(89,165,92,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(113,196,116,1) 0%,rgba(89,165,92,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(113,196,116,1) 0%,rgba(89,165,92,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(113,196,116,1) 0%,rgba(89,165,92,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71c474', endColorstr='#59a55c',GradientType=0 ); /* IE6-8 */
}
/*.storetickets>div#yw0 table.table-striped tr.selected>td {
		background:white;
}*/

.storetickets>div#yw0 table.table-striped tr.clientinstalls.selected>td {
/*	background:#62C462;*/
background: rgb(113,196,116); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcxYzQ3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1OWE1NWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(113,196,116,1) 0%, rgba(89,165,92,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(113,196,116,1)), color-stop(100%,rgba(89,165,92,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(113,196,116,1) 0%,rgba(89,165,92,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(113,196,116,1) 0%,rgba(89,165,92,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(113,196,116,1) 0%,rgba(89,165,92,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(113,196,116,1) 0%,rgba(89,165,92,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71c474', endColorstr='#59a55c',GradientType=0 ); /* IE6-8 */




}
.storetickets>div#yw0 .table-striped tbody > tr:nth-child(2n) > td {
	/*background:rgba(255,255,255,0.025);*/
}
.storetickets>div#yw0 span.storeIssue {
	color:#FFFFFF;
	font-weight:bold;
	border-bottom-color:white;
}

.storetickets>div#yw0 table.table-striped tr td table {

	/*color:#333333;
	text-shadow:none;*/
	background:none;
	background:rgba(255,255,255,0.1);
	border-radius:5px;
	width:99%!important;
}
.storetickets>div#yw0 table.table-striped tr td[colspan="7"]{
	background:white;
	color:#333;
	text-shadow:none;
}

.storetickets>div#yw0 table.table-striped tr td table  tr:nth-child(even)  td   {
	background:rgba(0,0,0,0.02);
}
.storetickets>div#yw0 table.table-striped tr td table  tr:nth-child(odd)  td {
	background:white;
}
.storetickets>div#yw0 table.table-striped tr td table  tr:nth-child(odd)  th  {
	background:rgba(0,0,0,0.02);
}
#divClientInfo table{
	width: 100%;
}
.store-record tbody tr:nth-child(odd) td, #divClientInfo table tbody tr:nth-child(odd) td{
	background-color: #FBFBFB!important;
	border-top:1px solid #f3f3f3;
	border-bottom:1px solid #f3f3f3;
	
}


	@media only screen and (max-device-width: 979px) {
		

		.btn-navbar {
			margin-right: 10px!important;
		}
		.dropdown {
			
			font-size: 16px;
		}
		.pull-right {
			margin-left: 5px!important;
			font-size: 16px;
		}
		ul.dropdown-menu li a {
			margin-top:2px;
			margin-bottom:2px;
			line-height:200%;
		}
		table#ticketsList thead tr td input {
			width:40px!important;
		}
		td.center {
			width:50px!important;
		}
		table#ticketsList {
			max-width:1024px!important;
			width:100%!important
		}
		.nav-collapse .nav li .dropdown-menu li a{
			color: #374D75!important;
		}
		.dialogcreateuser, .clientModal, .modal{
			width: 700px!important;    
			margin-left: -350px!important; 
			margin-top: -30px!important;         
        }		
		.modal table.span5.record-details input ,.modal table.span5.record-details select  , .modal table.span6.record-details input, .modal table.span5.record-details select  {
			max-width:150px!important;
			width:150px!important;
		}

		.modal #buttondiv {
			width:100%!important;
		}
		.dataTables_paginate a{
			font-size:16px;
			padding: 4px 6px!important;
		}
		
	}
	@media only screen and (max-device-width:768px ) and (orientation:portrait){
			.input-large, .input-xlarge, .input-xxlarge, input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input {
			display: block;
			min-height: 30px;
			-moz-box-sizing: border-box;
			width: 95%;
		}
		.nav-collapse .nav li .dropdown-menu li a{
			color: #FDFDFD!important;
		}
		.nav-collapse.in.collapse {
			height:auto!important;
		}
	}
/*CraigM added styling for the Tables */

/******* Store List ************/
#storesList tbody tr:hover td{
	background-color : #e2f0e4;
	cursor : pointer;
}

/********* Client Code List ***********/

#ClientList th{
	border-top:1px solid black;
}
#ClientList_length select{
	width:60px;
	margin-top:5px;
}
#ClientList_length input{
	margin-top:5px;
}
#ClientList tbody tr.even:hover td{
		cursor : pointer;
		background-color : #e2f0e4;
	}
#ClientList tbody tr.odd:hover td{
		cursor : pointer;
		background-color : #e2f0e4;
	}


/**** Client Top Search **************/
#topsearch-client tbody tr.even:hover td{
		cursor : pointer;
		background-color : #e2f0e4;
	}
#topsearch-client tbody tr.odd:hover td{
		cursor : pointer;
		background-color : #e2f0e4;
	}

/**** Client Top Search **************/	
	
/**** Client Group List *********/
#tblGrouplist tbody tr:hover td{
		background-color : #e2f0e4;
		cursor : pointer;
	}
	
/********** Group Code List *********/

#GroupList th{
	border-top:1px solid black;
}
#GroupList_length select{
	width:60px;
	margin-top:5px;
}
#GroupList_length input{
	margin-top:5px;
}
#GroupList tbody tr:hover td{
	background-color : #e2f0e4;
	cursor : pointer;
}

/****** Client User List *****/

#clientuserlist tbody tr:hover td{
	background-color : #e2f0e4;
	cursor : pointer;
}
#clientuserlist tbody td{
	text-align:center;
}

#clientstoreuserlist tbody tr:hover td{
	background-color : #e2f0e4;
	cursor : pointer;
}
#clientstoreuserlist tbody td{
	text-align:center;
}

.noSelect tr.selected td {
	background-color:#fff;
}

/********** Client stores list ************/
#clientstorelist tbody tr:hover td{
	background-color : #e2f0e4;
	cursor : pointer;
}
.clientstorelist_ControlBarIcon{
	position:absolute;
	right:400px;
	margin-top:12px;
	z-index:99;
}


/*Advanced search data table */
#advsearchlist tbody tr:hover td{
        background-color : #e2f0e4;
        cursor : pointer;
}

#advsearchlist_length select{
	width:60px;	
}

.report-access {
	margin-left:0px;
}
.report-access ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#reports-unassigned,#reports-assigned,#master-unassigned,#master-assigned{
	border:1px solid #ccc;
	min-height:300px;
	overflow:auto;
}


.xlsIcon{
	text-align:center;
	padding-top:7px;
}
.dfilter{
/*margin-left:0px;*/
}

.dlength {
	margin-left:0px;
}

.PositionAddBtnClientGroup {
    font-size: 14px;
    left: 260px;
    position: relative;
    top: 25px;
    z-index: 999;
}

.ControlBarIconClientGroup {
    background-position: -118px -34px;
    height: 16px;
    margin-left: 5px;
    position: relative;
    right: 300px;
    top: 25px;
    width: 19px;
    z-index: 99;
}

/******* Store List ************/
#signedupstoresList tbody tr:hover td{
	background-color : #e2f0e4;
	cursor : pointer;
}
.clientinstalldrilldown{
    cursor : pointer;
}

.storeticketdrilldown{
    cursor : pointer;
}

/******* Store List ************/
#DashboardList tbody tr:hover td{
	background-color : #e2f0e4;
	cursor : pointer;
}
.Flip {
	transform:rotate(360deg);
	-ms-transform:rotate(360deg); /* IE 9 */ 
	-moz-transform:rotate(360deg); /* Firefox */
	-webkit-transform:rotate(360deg); /* Safari and Chrome */
	-o-transform:rotate(360deg); /* Opera */	
	transition:all 0.5s;
	background:#FC02EB!important;
	color:lime!important;
	font-family: "Comic Sans MS";
	
}
.Flip h1:before,.Flip h2:before,.Flip h3:before, .Flip h4:before {
	Content:"NEW! ";
	color:yellow;
	text-decoration:blink;
}
#gridRelation_System tr.blankclientstorecode > td, #client_systemgrid tr.blankclientstorecode > td{
    background-color:#FCF8E3;
}
 .container #signup-login-form label,.container #signupRetrievePassword label,.container #signupRetrieveUsername label {
        display: inherit;
}
#signup_login_container .well {
	background:#FDFDFD;
}
#signup_login_container input[type='text'], #signup_login_container input[type='password']{
	/* width:98%; */
}

.label-priority-low {
	background-color: #999999;
}

.label-priority-high {
	background-color: #ff6600;
}

.label-priority-normal {
	background-color: #ffff00;
	color:#000;
	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
}

.label-priority-urgent {
	background-color: #ff0000;
}

.storetickets > div#yw0 .table-striped > tbody > tr.issues-relational-row > td{
	background: #FFF;
	color:	#333333;
	text-shadow:none;
}

.storetickets > div#yw0 .table-striped > tbody > tr.issues-relational-row > td table.storeIssueDetailBorder{
	background: #99999;
}

.storetickets > div#yw0 .table-striped > tbody > tr.issues-relational-row:nth-child(odd) > td{
	/*background-color: #FFFFFF;*/
}
.storetickets > div#yw0 .table-striped > tbody > tr.issues-relational-row:nth-child(even) > td{
	/*background: #FFFFFF;*/
}

#gridRelation_System tr.nosysteminstalled > td, #client_systemgrid tr.nosysteminstalled > td{
    background-color:#F0F7FD;
}
#suppliersList{
	background-color: #FFFFFF;
    border: 1px solid lightgray;
    height: 320px;
    margin:auto;
    margin-bottom: 10px;
    margin-top: 10px;
    overflow: auto;
    width: 400px;
    text-align:left;
}

#suppliersList ul {
	list-style: none;
	margin:0px;
	padding:7px;
}

.supplierListButtons {
	width: 400px;
	margin:auto;
	text-align:left;
}

#serviceActivationModalTable_length,#serviceActivationModalTable_filter,#serviceActivationModalTable_info,#serviceActivationModalTable_paginate {
	display: none;	
}

#store_record_general_details_2 tr.store-detail-invalid-email td{
	border-top:1px solid #ff0000;
	border-bottom:1px solid #ff0000;	
}

#store_record_general_details_2 tr.store-detail-invalid-email{
	border-left:1px solid #ff0000;
	border-right:1px solid #ff0000;
}

#client_systemgrid .tbrelational-column{
	border-bottom: none;	
}
 
#client_systemgrid .tbrelational-column span.ccode {
	border-bottom: 1px dashed #0088CC;
}

span.clientInstallStatus {	
	color:#00bada;
}

.PositionTicketsRadioBtn {
	position: absolute;
	left: 550px;
	top: 10px;
	font-size: 14px;
	z-index: 999;
}

#DashboardUserList_table_wrapper .ControlBarIcon {
	margin-right: -140px;
}

.dashboardUserList_dates{
	margin-left: 10px;
}

.inputError, .inputError:focus {
	border-color: red;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}   

#storeNotesTable {
	margin-top: 15px;
}

.store-notes-alert {
    text-align: center;
    /*border: 1px solid #DEDEDE;*/
    color: #a94442;
    background-color: #f2dede;
    border-radius: 4px;
    line-height: 150%;
}

.store-notes-warning {
    text-align: center;
    /*border: 1px solid #DEDEDE;*/
    color: #3c763d;
    background-color: #dff0d8;    
    border-radius: 4px;
    line-height: 150%;
}

.store-notes-info {
    text-align: center;
    /*border: 1px solid #DEDEDE;*/
    color: #31708f;
    background-color: #d9edf7;    
    border-radius: 4px;
    line-height: 150%;
}

.store-notes-grid-inactive-row {
	background-color: #F2F2F3;
}

.ticket-history-red {
    background-color: #f2dede;
}

.ticket-history-green {
    background-color: #dff0d8;    
}

.text-left-align {
	text-align:left;
	margin:0 auto;
}

.store-detail-invalid-dispense td{
	border-top:1px solid #ff0000;	
	border-bottom:1px solid #ff0000;	
}

.store-detail-invalid-popsystem td{
	border-top:1px solid #ff0000;	
	border-bottom:1px solid #ff0000;	
}

#menu-master{
    min-width: 26%;
}
#landing-page{
	min-width: 30%;
}
}
#dashboard-master{
	min-width: 26%;	
}

.access-pad{
	padding: 30px;
}

#saveCancelDiv{
	display: inline-block;
}

#clientcode_access{
	margin-bottom: 0px;
}

#role_access{
	margin-bottom: 0px;
}

#menuTab{
	height: 400px;
}

#reportsTab{
	height: 400px;	
}

#dashboardTab{
	height: 400px;
}

#retailTab{
	height: 400px;
}

.padleft{
	margin-left: 30px;
}

li.menu-assigned {
    padding: 3px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    background-color: #ECF0F9;
    border-bottom: 1px solid #ccc;
}

li.menu-child {
    padding: 3px 3px 3px 30px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    background-color: #ECF0F9;
    border-top: 1px solid #ccc;
}

#menus-assigned{
    border: 1px solid #ccc;
    height: 300px;
    overflow: auto;
}

#report-assigned{
	border: 1px solid #ccc;
    height: 300px;
    overflow: auto;
}

#report-unassigned, #main-dashboard-div, #retail-dashboard-div{
	border: 1px solid #ccc;
    height: 300px;
    overflow: auto;
}

li.report-notassigned {
    padding: 3px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    background-color: #ECF0F9;
    border-bottom: 1px solid #ccc;
}

li.not-found {
	text-align: center;
	margin-top: 125px;
}


a{
	cursor: pointer;
}
#menulist tbody tr:hover td.sorting_1 {
    background-color: #e2f0e4;
    cursor: pointer;
}

#maindashboardlist tbody tr:hover td.sorting_1 {
    background-color: #e2f0e4;
    cursor: pointer;
}

#maindashboardlist tbody tr {
	cursor:pointer;
}

#retaildashboardlist tbody tr:hover td.sorting_1 {
    background-color: #e2f0e4;
    cursor: pointer;
}

#retaildashboardlist tbody tr {
	cursor:pointer;
}


#menulist{
   table-layout: fixed;
   word-wrap:break-word;
}

#maindashboardlist{
  table-layout: fixed; 
  word-wrap:break-word;		
}

#retaildashboardlist{
  table-layout: fixed; 
  word-wrap:break-word;		
}

#reportCategoryList{
  table-layout: fixed; 
  word-wrap:break-word;		
}

#reportList{
  /*table-layout: fixed; */
  word-wrap:break-word;		
}


.wrapword{
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -webkit-pre-wrap; /*Chrome & Safari */ 
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	white-space: pre-wrap;       /* css-3 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	word-break: break-all;
	white-space: normal;
}


#reportCategoryList tbody tr:hover td.sorting_1 {
    background-color: #e2f0e4;
    cursor: pointer;
}

#reportCategoryList tbody tr {
	cursor:pointer;
}

#reportList tbody tr:hover td.sorting_1 {
    background-color: #e2f0e4;
    cursor: pointer;
}

#reportList tbody tr {
	cursor:pointer;
}

span.dd-down {
	display: none;
}
#report-form, #access_management_div {
	max-width: 100%;
	margin: 0 auto;
	box-shadow: 0 2px 6px rgba(0,0,0,0.15);
	border-radius: 5px;
	position: relative;
	padding-bottom: 10px;
	background-color: #FFF;
}

#alertDiv{
	margin-left: 0px;
	margin-bottom: 20px;
	margin-top:20px;
}

li.li-selected {
	background-color: #b7ceff;
    color: #fff;
    border-color: #ddd;
}

input.extra-info-field-alert {
	border:1px solid #ff0000 !important;
}

.extra-info-field-alert > a.select2-choice {
	border:1px solid #ff0000 !important;
}

.extra-info-tab-alert {
	background-color: #FB8747 !important;
	color: white !important;
}

.active a[href='#extrainfo'] {
	background-color: #F9955F !important;
}

.active a[href='#extrainfo'].activeChanged {
	background-color: white !important;
}

.null {
    font-style: italic;
    margin-left: -264px;
}

#tradingHours label {
	color: #3D547E !important;
}

.text-bold {
	font-weight: bold !important;
}

.trading-space {
	margin-right: 5px !important;
}

.trading-cell-space {
	margin: 5px !important;
}

.trading-check {
	margin-left: 30px !important;
	min-width: 0px !important;
}

.check-heading {
	margin-left: 15px !important;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	display: none;
}

#cke_68_uiElement {
	margin-top: -3px !important;
}

#cke_72_uiElement {
	margin-top: -12px !important;
}

#cke_77_uiElement {
	margin-top: -4px !important;
}

#cke_80_uiElement {
	margin-top: -8px !important;
}

/*********** Store Type List *******************/

#StoreTypeList th {
	border-top:1px solid black;
}

/*#GroupList_length select{
	width:60px;
	margin-top:5px;
}
#GroupList_length input{
	margin-top:5px;
}*/

#StoreTypeList tbody tr:hover td {
	background-color : #e2f0e4;
	cursor : pointer;
}

/********** End Store Type List *****************/

/********** Regions *****************/
#regionslist th {
	border-top:1px solid black;
}

#regionslist tbody tr:hover td {
	background-color : #e2f0e4;
	cursor : pointer;
}
/********** Regions *****************/

/********** Store level one *****************/
#storeLevelOneList th {
	border-top:1px solid black;
}

#storeLevelOneList tbody tr:hover td {
	background-color : #e2f0e4;
	cursor : pointer;
}
/********** Store level one *****************/

/********** Store level two *****************/
#storeLevelTwoList th {
	border-top:1px solid black;
}

#storeLevelTwoList tbody tr:hover td {
	background-color : #e2f0e4;
	cursor : pointer;
}
/********** Store level two *****************/

.terms-error-msg .validation-message {
	margin-top: 10px;
}

#previewTermsModal {
	width: 60%;
    left: 40%;
}

.set-signup-status-list {
	min-width: 580px;
    margin: 0 32px;
    max-width: 1200px;
}

.set-signup-help-text {
	font-size: 12px;
	line-height: 18px;
}

/********** Client Email Configuration *****************/
#emailConfiguration tbody tr:hover td {
	background-color : #e2f0e4;
	cursor : pointer !important;
}

#loading-call-history{
    text-align:center;
    position: absolute;
    z-index:0;
    left:50%;
    top:50%;
    display:none;
}

#ClientCallHistory_TimeSpent + span.error {
	display: block;
}

#divCallHistory #horizontalForm span.error {
	padding-left: 0px;
	padding-top: 5px;
}

.DataStatus {
	position: absolute;
	right: 300px;
	margin-top: 4px;
}


select#AdvSearchFinder_dataStatus {
	width: 216px;
	position: relative;
	z-index: 999;
}

.btn-primary[disabled] {
    cursor: not-allowed;
}

#activeServicesList thead th,
#deactiveServicesList thead th {
	vertical-align: middle;
}

#activeServicesList tbody tr,
#deactiveServicesList tbody tr {
	cursor: pointer;
}

#activeServicesList tbody tr td {
	word-break: break-all !important;
}

#deactiveServicesList tbody tr td {
	word-break: break-all !important;
}

.switch {
	position: relative;
	display: inline-block;
    width: 57px;
    height: 30px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
    height: 23px;
    width: 23px;
    left: 4px;
    bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
	background-color: #2196F3;
}

input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

.switchAction {
	display:flex;
	width:400px;
}

.myTicket {
	display: block;
}

.ticketLabel {
	line-height: 2;
	margin-left: 5px;
}

table#installsList, table#postponedList, table#suspendedList,
table#signedupstoresList {
	width:100%!important;
}

.store_logo_url {
	height: 40px !important;
	line-height: 40px !important;
}