@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato/Lato-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
body, td, th {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ddd;
}
a, a:hover {
	color: #ddd;
	text-decoration: none;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #080903;
	background-attachment: scroll;
	background-image: url(../imgs/Collage_v04.jpg);
	background-repeat: repeat;
	background-position: center center;
	overflow-y: scroll;
}
.wrapper {
	clear: both;
	width: 996px;
	margin-right: auto;
	margin-left: auto;
}
.wrapper .page, .wrapper .page .header, .wrapper .page .content, .wrapper .page .footer {
	clear: both;
	float: left;
	margin: 0px;
	width: 996px;
}
.wrapper .page .content {
	margin: -1px 0px 0px 0px;
}
.wrapper .page .header #logo {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 95px;
	height: 59px;
	background-image: url(../imgs/ABs_GSI_Logo_Cut_v10.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.wrapper .page .header .menus {
	float: left;
	padding: 0px;
}
.wrapper .page .header .menus a {
	float: left;
	margin: 25px 0px 0px 0px !important;
	padding: 10px 15px 0px 15px !important;
	text-decoration: none;
	background-color: #f1c40f;
	color: #363435;
	border: 1px solid #902224;
	border-width: 1px 1px 0px 1px;
	text-transform: uppercase;
	height: 23px;
}
.wrapper .page .header .menus a:hover, .wrapper .page .header .menus a:focus {
	background-color: #ffd958;
}
.wrapper .page .header .menus a:first-child {
	border-radius: 5px 0px 0px 0px !important;
}
.wrapper .page .header .menus a:last-child {
	border-radius: 0px 5px 0px 0px !important;
}
.wrapper .page .header .user-section {
	float: right;
}

.wrapper .page .header .brand-status {
	clear: both;
	float: left;	
	margin: 0px;
	padding: 0px;
	background-color: #902224;
	width: 100%;
}
.wrapper .page .header .brand-status table {
	width: 100%;
}
.wrapper .page .header .brand-status .breadcrumbs {
	clear: none;
	float: left;
	margin: 10px 10px 0px 10px;
	font-size: 12px;
	color: #f1c40f; 
}
.wrapper .page .header .brand-status .crumb {
	clear: none;
	float: left;
	margin: 0px 0px 0px 10px;
	text-decoration: none;
	color: #f1c40f;
}
.wrapper .page .header .brand-status .crumb:not(:last-child):after {
	clear: none;
	float: right;
	margin: -6px 0px -6px 10px;
	color: #e1641f; 
	font-size: 20px;
	content: "\203A";
}
.wrapper .page .header .brand-status .crumb:hover,
.wrapper .page .header .brand-status .crumb:focus {
	text-decoration: underline;
	color: #fffaa9; 
}
.wrapper .page .header .brand-status .proname {
	clear: none;
	float: right;
	margin: 10px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	color: #f1843f;
}
.wrapper .page .header .brand-status .user-id {
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 12px 10px 0px 0px;
	color: #a9cf46;
	font-size: 10px;
}
.wrapper .page .header .brand-status .user-id:before {
	content: "|";
	margin: 0px 10px 0px 0px;
}
.wrapper .page .header .brand-status .user-time {
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 12px 10px 0px 0px;
	color: #a9cf46; 
	text-transform: none;
	font-size: 10px;
}
.wrapper .page .header .brand-status .user-time:before {
	content: "|";
	margin: 0px 10px 0px 0px;
}
.wrapper .page .header .user-section > a {
	float: left;
	font-size: 10px;
	text-transform: uppercase;
	margin: 30px 0px 0px 0px;
	padding: 10px 10px 5px 10px;
	text-decoration: none;
	background-color: #a9cf46;
	color: #363435;
	border: 1px solid #902224;
	border-width: 1px 1px 0px 1px;
	border-radius: 5px 5px 0px 0px;
	height: 13px;
}
.wrapper .page .header .user-section > a:hover, .wrapper .page .header .user-section > a:focus {
	background-color: #b9ea3a;
}
.wrapper .page .header .user-section .user-manage {
	border: 1px solid #902224;
	border-width: 1px 0px 0px 1px;
	border-radius: 5px 0px 0px 0px;
}
.wrapper .page .header .user-section .user-settings {
	border: 1px solid #902224;
	border-width: 1px 0px 0px 1px;
	border-radius: 0px 0px 0px 0px;
}
.wrapper .page .header .user-section .user-options {
	border: 1px solid #902224;
	border-width: 1px 1px 0px 1px;
	border-radius: 0px 5px 0px 0px;
}
.wrapper .page .header .user-section .user-options:first-child {
	border-radius: 5px 5px 0px 0px;
}
.wrapper .page .header .user-section a:first-child {
	border-radius: 5px 0px 0px 0px;
}
.wrapper .page .header .active {
	background-color: #902224 !important;
	color: fed865 !important;
}
.wrapper .page .header .active:focus, .wrapper .page .header .active:hover,
.wrapper .page .header .user-section > a.active:hover, .wrapper .page .header .user-section > a.active:focus {
	background-color: #b52d2f !important;
}
.wrapper .page .header .user-section .active {
	margin: 30px 0px 0px 0px !important;
	padding: 10px 10px 5px 10px !important;	
	background-color: #902224 !important;
	color: #FED865 !important;
}
.wrapper .page .content {
	color: #FED865;
	background-color: #902224;
	border-radius: 0px 0px 0px 10px;
	-moz-box-shadow: 0px 25px 25px 5px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px 25px 25px 5px rgba(0,0,0,0.75);
	box-shadow: 0px 25px 25px 5px rgba(34,7,7,0.75);
}
.wrapper .page .content #controlsBar, 
.wrapper .page .content #reportsBar {
	float: left;
	width: 976px;
	margin: 10px;
	padding: 5px 0px;
	background-color: #ec3237;
	color: #fff;
	border-radius: 5px;
	text-align: center;
}
.wrapper .page .content #controlsBar .error, 
.wrapper .page .content #reportsBar .error {
	margin: 10px;
	color: #fc0;
	text-align: left;
}
/*.wrapper .page .content #controlsBar tbody tr td label,
.wrapper .page .content #controlsBar tbody tr td input,
.wrapper .page .content #controlsBar .error {
	float: left;
}*/
.wrapper .page .content #controlsBar form, 
.wrapper .page .content #reportsBar form {
	float: left;
	margin: 0px;
	padding: 0px;
}
.wrapper .page .content #controlsBar td,
.wrapper .page .content #reportsBar td {
	padding: 5px 10px;
	color: #fcbb7e; /*#8b4547;*/
}
.wrapper .page .content #controlsBar input, 
.wrapper .page .content #reportsBar input {
	padding: 5px;
	color: #fccbae; /*#633;*/
	border: 1px solid #a1740f;
	border-radius: 5px;
	background-color: #ec3237;
}
.wrapper .page .content #controlsBar input[type=submit], 
.wrapper .page .content #reportsBar input[type=submit] {
	padding: 5px 10px;
	color: #633;  /*#fccbae;*/
	border: 1px solid #ab6567;
	background-color: #f1c40f; /*#fcbb7e; */
}
.wrapper .page .content #controlsBar input:hover, 
.wrapper .page .content #reportsBar input:hover {
	color: #493120;
	background-color: #fff;
}
.wrapper .page .content #controlsBar input:focus, 
.wrapper .page .content #reportsBar input:focus {
	color: #493120;
}
input::-webkit-input-placeholder {
    color: #493120;
}
input:focus::-webkit-input-placeholder {
    color: #493120;
}
input:hover::-webkit-input-placeholder {
    color: #493120;
}
/* Firefox < 19 */
input:-moz-placeholder {
    color: #493120;
}
input:focus:-moz-placeholder {
    color: #493120;
}
input:hover:-moz-placeholder {
    color: #493120;
}
/* Firefox > 19 */
input::-moz-placeholder {
    color: #493120;
}
input:focus::-moz-placeholder {
    color: #493120;
}
input:hover::-moz-placeholder {
    color: #493120;
}
/* Internet Explorer 10 */
input:-ms-input-placeholder {
    color: #493120;
}
input:focus:-ms-input-placeholder {
    color: #493120;
}
input:hover:-ms-input-placeholder {
    color: #493120;
}
.wrapper .page .content #controlsBar select, 
.wrapper .page .content #reportsBar select {
	border: 1px solid #ab6567; /*#8b4547;*/
	background-color: #ec3237;
	color:  #fccbae; /*#333;*/ /*#8b4547;*/  /*#fbaa6d;*/
	margin: 5px 4px;
	padding: 4px;
	border-radius: 5px;
}
.wrapper .page .content #controlsBar select option, 
.wrapper .page .content #reportsBar select option {
	padding: 0px 10px;
	margin: 5px 0px;
	color: #902224;
}
.wrapper .page .content #controlsBar input:focus, .wrapper .page .content #controlsBar select:hover,
.wrapper .page .content #reportsBar input:focus, .wrapper .page .content #reportsBar  select:hover {
	border: 1px solid #8b4547;
	background-color: #fff;
	color:  #fccbae; /*#000;*/
}
.wrapper .page .content #controlsBar input:focus, .wrapper .page .content #controlsBar select:focus,
.wrapper .page .content #reportsBar input:focus, .wrapper .page .content #reportsBar select:focus {
	border: 1px solid #8b4547;
	background-color: #fff;
	color: #000;
}
.wrapper .page .content #dashboardProp {
	float: left;
	width: 976px;
	margin: 10px 10px 0px 10px;
	background-color: #ec3237;
	color: #fff;
	border-radius: 5px;
	text-align: center;
}
.wrapper .page .content #dashboardSettings {
	float: left;
	width: 976px;
	margin: 10px;
	background-color: #ec3237;
	color: #fff;
	border-radius: 5px;
	text-align: center;
}
.panel-form {
	float: left;
	margin: 10px 1%;
	color: #fff;
	text-align: center;
	background-color: #ec3237;
	border-radius: 5px;
	width: 98%;
}
.panel-form .row {
	clear: both;
	float: left;	
	color: #fcbb7e;
	width: 100%;
}
.panel-form .col {
	float: left;
	margin: 10px 5px;
	/*min-height: 25px;*/	
}
/*.panel-form .row:first-of-type .col {
	margin: 10px 5px;
}*/
.panel-form .row:nth-child(n+2):not(:first-of-type) .col:not(.choices, .export, .print) {
	margin: 5px 5px 10px 5px;
}
.panel-form .row .col.export, .panel-form .row .col.print {
	float: right;
	padding: 0px 0% 0px 0px; /*0px 1% 0px 0px;*/
}
.panel-form .col strong {
	float: left;	
	margin: 5px;
}
.panel-form .col label {
	float: left;	
	margin: 6px 6px 6px 3px; /*6px;*/
}
.panel-form .col input,
.panel-form .col select {
	padding: 5px;
	color: #fccbae;
	border: 1px solid #a1740f;
	border-radius: 5px;
	background-color: #ec3237;
}
.panel-form .col input.readonly,
.panel-form .col select.readonly {
	padding: 5px;
	color: #fccbae;
	border: 1px solid #ec3237;
	border-radius: 5px;
	background-color: #ec3237;
}
.panel-form .col input[type="button"], 
.panel-form .col input[type="submit"] {	
	margin: 0px 0px 0px 10px;
	padding: 5px 15px;
	color: #633;
	border: 1px solid #ab6567;
	background-color: #f1c40f;
	border-radius: 5px;
}
.panel-form .col button {	
	margin: 0px 5px 0px 0px;
	padding: 7px 15px; /*5px 15px;*/
	color: #633;
	border: 1px solid #ab6567;
	background-color: #f1c40f;
	border-radius: 5px;
}
.update {	
	/*float: right;*/
	margin: 0px 0px 0px 10px;
	padding: 2px 8px;
	color: #633;
	border: 1px solid #ab6567;
	background-color: #f1c40f;
	border-radius: 5px;
}
.update[disabled="disabled"] {	
	/*float: right;*/
	margin: 0px 0px 0px 10px;
	padding: 2px 8px;
	color: #633;
	border: 1px solid #ab6567;
	background-color: #ab6567;
	border-radius: 5px;
}
.panel-form .col input[type="button"]:hover, 
.panel-form .col input[type="submit"]:hover,
.panel-form .col button:hover,
.panel-form .col input[type="button"]:focus, 
.panel-form .col input[type="submit"]:focus,
.panel-form .col button:focus {	
	color: #333;
	background-color: #ffd958;
}
/*.panel-form .col input[type="button"]:disabled, .panel-form .col input[type="submit"]:disabled {
	border: 1px solid #815455;
	background-color: #825b5b !important;
	color: #c0805f;
	padding: 5px;
	border-radius: 5px;
}*/
.panel-form .col button:disabled, .panel-form .col input[type="button"]:disabled, .panel-form .col input[type="submit"]:disabled {
	opacity: 0.37;
}
/*.panel-form .col input, .panel-form .col select {
	padding: 5px;
	color: #fccbae;
	border: 1px solid #ab6567;
	background-color: #ec3237;
	border-radius: 5px;
}*/
.panel-form .col select option {
	margin: 5px 0px;
    padding: 0px 10px;
	color: #902224;
}
.panel-form .col input:focus, .panel-form .col select:focus {
	border: 1px solid #8b4547;
	background-color: #fff;
	color: #000;
}
.panel-form .col input#from,
.panel-form .col input#to {
	/*margin: 5px 0px;*/
    padding: 5px 5px 5px 10px;
	width:100px;
}
.panel-form .choices {
	/*clear: both;*/
	float: left;
	margin: 3px 5px 5px 5px;
}
.panel-form .choices .choice {
	clear: none;
	float: left;
	opacity: 0.73;
	cursor: pointer;
}
.panel-form .choices .choice:not(input.disabled):hover,
.panel-form .choices .choice:not(input.disabled):focus {
	opacity: 1;
	cursor: not-allowed;
}
.panel-form .choices .choice .icheckbox_square-leafgreen {
	clear: none;
	float: left;
	margin: 5px 3px 5px 3px; /*5px 3px 5px 7px;*/
}
.panel-form .choices .choice label {
	clear: none;
	float: left;
	color: #fff;
}
.panel-form .pagination {
	clear: none;
	float: right !important;
	margin: 5px 10px 10px 5px !important;
}
.panel-form .pagination label {
	clear: none;
	float: none !important;
}
.panel-form .pagination .page-no {
	text-align: right;
	border: 1px solid #fd5358; /*#ec3237;*/ 
	width: 50px;
}
.panel-form .pagination .prev,
.panel-form .pagination .next {
	padding: 4px 15px 6px 15px !important;
	font-size: 19px;
	line-height: 16px;
	height: 28px;
}
.panel-form .controls {
	clear: none;
	float: left;
	margin: 5px 10px 10px 100px !important;
}
.wrapper .page .content #dashboardSettings table {
	height: 50px;
	float: left;
}
.wrapper .page .content #dashboardSettings table:first-child {
	float: left;
}
.wrapper .page .content #dashboardSettings td {
	padding: 5px 10px;
	color: #fcbb7e; /*#8b4547;*/ /*#fea563;*/
}
.wrapper .page .content #dashboardSettings input {
	padding: 5px;
	color: #fccbae; /*#633;*/
	border: 1px solid #a1740f;
	border-radius: 5px;
	background-color: #ec3237;
}
.wrapper .page .content #controlsBar input[type="button"], 
.wrapper .page .content #reportsBar input[type="submit"],
.wrapper .page .content #dashboardSettings input[type="submit"], 
.wrapper .page .content #dashboardSettings input[type="button"] {
	padding: 5px 10px;
	color: #633; /*#fccbae;*/
	border: 1px solid #ab6567;
	background-color: #f1c40f; /*#fcbb7e; */
	border-radius: 5px;
}
.wrapper .page .content #controlsBar input[type="button"]:disabled, .wrapper .page .content #dashboardSettings input[type="submit"]:disabled, .wrapper .page .content #dashboardSettings input[type="button"]:disabled {
	border: 1px solid #815455; /*#8b4547*/
	background-color: #825b5b !important; /*#963234*/
	color: #c0805f;
	padding: 5px;
	border-radius: 5px;
}
.wrapper .page .content #dashboardSettings #Nav_Current {
	padding: 7px 3px;
	width: 25px;
	text-align: center;
}
.wrapper .page .content #dashboardSettings select {
	margin: 5px;
	padding: 5px;
	color: #fccbae; /*#633;*/
	border: 1px solid #ab6567;
	background-color: #ec3237; /*#fcbb7e; */
	border-radius: 5px;
}
 .wrapper .page .content #dashboardSettings select option {
    padding: 0px 10px;
	margin: 5px 0px;
	color: #902224;
}
.wrapper .page .content #dashboardSettings input:focus, .wrapper .page .content #dashboardSettings select:focus {
	border: 1px solid #8b4547;
	background-color: #fff;
	color: #000;
	/*padding: 5px 10px;*/
	/*border-radius: 5px;*/
}
.wrapper .page .content #reportsCardsBar {
	float: left;
	width: 976px;
	margin: 10px;
	background-color: #363435;
	color: #fff;
	border-radius: 5px;
	text-align: center;
}
.wrapper .page .content .feedback-process {
	display: none;
	float: left;
	width: 976px;
	margin: 10px;
	background-color: #363435;
	color: #fff;
	border-radius: 5px;
	text-align: center;
}
.wrapper .page .content #dashboardOutlets table,
.wrapper .page .content #reportsCardsBar table {
	/*display: none;*/
	width: 100%;
	margin: 1px auto;
	border-collapse: separate;
	border-spacing: 1px;
}
.wrapper .page .content #dashboardOutlets table caption,
.wrapper .page .content #reportsCardsBar table caption {
	margin: 0px;
	color: #a9cf46;
	font-size: medium;
	text-transform: capitalize;
	padding: 0px 0px 10px 0px;
}
.wrapper .page .content #dashboardOutlets table tr:nth-child(2n+1) {
	background-color: #4d4d4f;
	color: #fff;
}
.wrapper .page .content #dashboardOutlets table tr:nth-child(1) {
	background-color: #606062;
	color: #ded65b;
}
.wrapper .page .content #dashboardOutlets table th, .wrapper .page .content #dashboardOutlets table td {
	margin: 0px;
	width: 20%;
}
.wrapper .page .content #dashboardOutlets table th, .wrapper .page .content #dashboardOutlets table td:not(.linkable) {
	padding: 6px 0px !important;
}
.wrapper .page .content #dashboardOutlets table tr:nth-child(even) {
	background-color: #6d6d66;
	color: #eee;
}
.wrapper .page .content #dashboardOutlets table tr:nth-child(odd) {
	background-color: #606062;
	color: #ddd;
}
.wrapper .page .content #dashboardOutlets table tr:nth-child(1) {
	background-color: #4d4d4f;
	color: #ded65b;
}
.wrapper .page .content #dashboardOutlets table tr th:first-child, .wrapper .page .content #dashboardOutlets table tr td:first-child {
	padding: 0px 1% 0px 2% !important;
	text-align: left;
	width: 20%;
}
.wrapper .page .content #dashboardOutlets {
	float: left;
	width: 976px;
	margin: 0px 10px 10px 10px;
	background-color: #363435;
	color: #fff;
	border-radius: 5px;
	text-align: center;
}
.wrapper .page .content #dashboardOutlets table.gist thead tr {
	background-color: #4d4d4f;
	color: #ded65b;
}
.wrapper .page .content #dashboardOutlets table:not(#dashboardGSI) tbody tr:last-child {
	background-color: #363435 !important;
	color: #fffaac;
	font-weight: 700;
}
.wrapper .page .content #dashboardOutlets #dashboardGSI thead tr th:first-child {
	color: #999;
}
.wrapper .page .content #dashboardOutlets #dashboardGSI thead tr th:not(:first-child) {
	color: #968e13; /*#837b09;*/
}
.wrapper .page .content #dashboardOutlets table tr:nth-child(even) {
	background-color: #6d6d66;
}
.wrapper .page .content #dashboardOutlets table tr:nth-child(odd) {
	background-color: #606062;
}
.wrapper .page .content #dashboardOutlets table:not(.gist) tbody tr:nth-child(1) {
	background-color: #4d4d4f;
	color: #ded65b;
}
.wrapper .page .content #dashboardOutlets table th, .wrapper .page .content #dashboardOutlets table td:not(.linkable) {
	margin: 0px;
	padding: 4px 0px !important;
}
.wrapper .page .content #dashboardOutlets table tr th, .wrapper .page .content #dashboardOutlets table tr td {
	width: 7%;
	text-align: center;
}
.wrapper .page .content #dashboardOutlets table tr th:first-child, .wrapper .page .content #dashboardOutlets table tr td:first-child {
	padding: 0px 1% 0px 2% !important;
	text-align: left;
	width: 20%;
}
.wrapper .page .content #dashboardOutlets table tr th .synced, .wrapper .page .content #dashboardOutlets table tr td .synced {
	float: right;
	padding: 0px 1% 0px 2% !important;
	color: #aaa;
	font-size: smaller;
	text-align: right;
	word-break: keep-all;
	word-wrap: normal;
	/*width: 20%;*/
}
.wrapper .page .content #dashboardOutlets table tbody tr:not(:first-child) td:first-child {
	padding: 4px 0px 4px 24px !important;
}
.wrapper .page .content #dashboardOutlets table:not(.gist) tbody tr:last-child th {
	font-weight: normal !important;
	opacity: 0.64;
}
.wrapper .page .content #dashboardDailyGSI tr .label {
	color: #fff;
}

.wrapper .page .content #dashboardOutlets #dashboardDailyGSI tr:first-child th:nth-last-child(-n+6),
.wrapper .page .content #dashboardOutlets #dashboardDailyGSI tr .nos,
.wrapper .page .content #dashboardOutlets #dashboardDailyGSI tr .marks,
.wrapper .page .content #dashboardOutlets #dashboardDailyGSI tr .score,
.wrapper .page .content #dashboardOutlets #dashboardDailyGSI tr .max,
.wrapper .page .content #dashboardOutlets #dashboardDailyGSI tr .weight,
.wrapper .page .content #dashboardOutlets #dashboardDailyGSI tr .percentage {
	padding: 0% 1% 0% 0% !important;
	text-align: right;
}
.wrapper .page .content #dashboardOutlets #dashboardDailyGSI tr th.marks,
.wrapper .page .content #dashboardOutlets #dashboardDailyGSI tr th.score {
	color: #bfb73c; /*#ded65b; */
}
.wrapper .page .content #dashboardOutlets #dashboardDailyGSI tr .marks:not(th),
.wrapper .page .content #dashboardOutlets #dashboardDailyGSI tr .score:not(th) {
	color: #fff;
}
.wrapper .page .content #dashboardOutlets #dashboardDailyGSI tr th.nos,
.wrapper .page .content #dashboardOutlets #dashboardDailyGSI tr th.max {
	color: #a39b20; 
}
.wrapper .page .content #dashboardOutlets #dashboardDailyGSI tr .nos,
.wrapper .page .content #dashboardOutlets #dashboardDailyGSI tr .max {
	color: #ccc;
}
.wrapper .page .content #dashboardOutlets #dashboardDailyGSI tr th.weight,
.wrapper .page .content #dashboardOutlets #dashboardDailyGSI tr th.percentage {
	color: #837b09; 
}
.wrapper .page .content #dashboardOutlets #dashboardDailyGSI tr .weight,
.wrapper .page .content #dashboardOutlets #dashboardDailyGSI tr .percentage {
	color: #aaa;
}
.wrapper .page .content #dashboardOutlets #dashboardDailyGSI .finale tr:last-child {
	background-color: #232222 !important;
}
.wrapper .page .content #dashboardOutlets #dashboardDailyGSI .finale tr:last-child td,
.wrapper .page .content #dashboardOutlets #dashboardDailyGSI .finale tr:last-child .label {
	/*color: #fff !important;*/
	background-color: #232222 !important;
	border: solid 1px #121111 !important;
	border-width: 1px 0px 0px 0px !important;
}
.wrapper .page .content #dashboardOutlets #dashboardDailyGSI .grandFinale tr:last-child {
	background-color: #232222 !important;
}
.wrapper .page .content #dashboardOutlets #dashboardDailyGSI .grandFinale tr:last-child td,
.wrapper .page .content #dashboardOutlets #dashboardDailyGSI .grandFinale tr:last-child .label {
	/*color: #fff !important;*/
	background-color: #121111 !important;
	border: solid 1px #010000 !important;
	border-width: 1px 0px 0px 0px !important;
}
.wrapper .page .content #dashboardOutlets #dashboardReoprtGSI tr th,
.wrapper .page .content #dashboardOutlets #dashboardReoprtGSI tr td {
	padding: 0% !important;
	width: 20% !important;
}
.wrapper .page .content #dashboardOutlets #dashboardReoprtGSI tr .icheckbox_square-leafgreen {
	margin: 5px;
	float: left !important;
}
.wrapper .page .content #dashboardOutlets #dashboardReoprtGSI tr label {
	margin: 7px 0px;
	float: left !important;
	color: #fff;
	cursor: pointer;
}
.wrapper .page .content #dashboardOutlets #dashboardReoprtGSI .legend1 {
	padding: 6px 0px 7px 35px !important;
	background-color: #e76c00;
	border-radius: 4px 0px 0px 4px;
	opacity:
}
.wrapper .page .content #dashboardOutlets #dashboardReoprtGSI .legend2 {
	padding: 6px 0px 7px 75px !important;
	background-color: #458fff;
}
.wrapper .page .content #dashboardOutlets #dashboardReoprtGSI .legend3 {
	padding: 6px 0px 7px 45px !important;
	background-color: #3faf00;
}
.wrapper .page .content #dashboardOutlets #dashboardReoprtGSI .legend4 {
	padding: 6px 0px 7px 75px !important;
	background-color: #c8c100;
	border-radius: 0px 4px 4px 0px;
}
.wrapper .page .content #dashboardOutlets #dashboardReoprtGSI .legend1:hover,
.wrapper .page .content #dashboardOutlets #dashboardReoprtGSI .legend2:hover,
.wrapper .page .content #dashboardOutlets #dashboardReoprtGSI .legend3:hover,
.wrapper .page .content #dashboardOutlets #dashboardReoprtGSI .legend4:hover {
	opacity: 1;
}
.wrapper .page .content #dashboardOutlets #dashboardReoprtGSI #graphy {
	margin: 0px;
	padding: 0px;
	float: left;
	background-color: #121111;
	width: 100%;
	height: 540px;
}
.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSI,
.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSIConsolidate,
.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSISC,
#dashboardPrintReoprtGSIConsolidate,
#dashboardPrintReoprtGSISC {
	background-color: #eeeeed !important; /*#edeeee*//*#363435;*/
	color: #000;
	width: 98%;	
	line-height: 21px;
}
.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSI tbody, 
.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSI tbody tr,
.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSI tbody tr td {
	background-color: #eeeeed !important; /*#edeeee*//*#363435;*/
	color: #000;
	width: 100%;
}
.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSI tbody tr .dated,
.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSISC tbody tr .dated {
	color: #000;
	font-weight: bold;
	line-height: 28px;
}
.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSI tbody tr .complain,
.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSISC tbody tr .complain {
	color: #663333 !important;
}
.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSI tbody tr .suggestion,
.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSISC tbody tr .suggestion {
	color: #002266 !important;
}
.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSIConsolidate tbody,
.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSIConsolidate tbody tr,
.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSIConsolidate tbody tr td,
.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSISC tbody,
.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSISC tbody tr,
.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSISC tbody tr td  {
	background-color: #eeeeed !important; /*#edeeee*//*#363435;*/
	color: #000;
	font-weight: normal;
	width: 16.5%;
}
.data-info {
	float: left;
	margin: 0px; /*0px 1% 0px 1%;*/ /*0px 1% 10px 1%;*/
	background-color: #363435;
	color: #fff;
	border-radius: 5px;
	text-align: center;
	width: 100%;
}
.data-layout {
	float: left;
	margin: 0px 1% 0px 1%; /*0px 1% 10px 1%;*/
	background-color: #363435;
	color: #fff;
	border-radius: 5px;
	text-align: center;
	width: 98%;
}
.data-report {
	float: left;
	margin: 0px 1% 10px 1%; /*0px 1% 10px 1%;*/
	background-color: #363435;
	color: #fff;
	border-radius: 5px;
	text-align: center;
	width: 98%;
}
.data-manage {
	float: left;
	margin: 0px 1% 0px 1%; /*0px 1% 10px 1%;*/
	background-color: #363435;
	color: #fff;
	border-radius: 5px;
	text-align: center;
	width: 98%;
}
.data-layout table {
	table-layout: fixed;
	width: 100%;
	margin: 1px auto;
	border-collapse: separate;
	border-spacing: 1px;
}
.data-layout table tr:nth-child(even) {
	background-color: #6d6d66;
}
.data-layout table tr:nth-child(odd) {
	background-color: #606062;
}
.data-layout table:not(.gist) tbody tr:nth-child(1) {
	background-color: #4d4d4f;
	color: #ded65b;
}
.data-layout .feedback-record,
.feedback-process,
.feedback-form {
	clear: both;
	float: left;
	width: 100%;
}
.data-layout .feedback-record table tr th,
.data-layout .feedback-record table tr:not(.details) td {
	clear: both;
	float: left;
	margin: 5px 0px;
	padding: 10px 5px 10px 15px; /*5px;*/
	font-size: 15px;
	letter-spacing: 0.025em;
	word-spacing: 0.025em;
}
.data-layout .feedback-record table tr td .label {
	padding: 0px 0px 0px 5px; /*5px;*/
	font-size: 14px;
	letter-spacing: 0.035em;
	word-spacing: 0.025em;	
    word-break: break-all;
}
.data-layout .feedback-record table:not(.gist) tbody tr:nth-child(1) {
	background-color: #4d4d4f;
	color: #ded65b;
}
.data-layout .feedback-record table tr:nth-child(2n+1) {
	background-color: #6d6d66;
}
.data-layout .feedback-record table tr:nth-child(3n+1) {
	background-color: #606062;
}
.data-layout .feedback-record table tr.details {
	clear: both;
	float: left;
	margin: 0px 0px 2px 0px;
	padding: 20px 0px 10px 0px;
	background-color: #c9c9c2; /*#ababa4;*/ /*#ccc;*/
	width: 100%;
}
/*.data-layout .feedback-record table tr .label {
	clear: both;
	float: left;
	margin: 0px 0px 2px 0px;
	padding: 10px 0px 10px 0px;
}*/
.data-layout .feedback-record table tr td .hilight,
.data-layout .feedback-record table tr td .rating {
	margin: 0px 0px 2px 10px;
	font-size: 12px;
	text-transform: uppercase;
	color: #f1c40f;
}
.data-layout .feedback-record table tr td .upinfo {
	margin: 0px 0px 2px 10px;
	font-size: 12px;
	/*text-transform: uppercase;*/
	color: #a9cf46; /*#f1c40f;*/
	opacity: 0.5;
}
.data-layout .feedback-record table tr td .upinfo:hover {
	opacity: 1;
}
.data-layout .feedback-record table tr td .hilight select {
	background-color: transparent !important; /*#6d6d66;*/
	border: 1px solid #8b4547;
	padding: 5px;
	margin: 0px;
	font-size: 12px;
	text-transform: uppercase;
	color: #f1c40f;
	border-radius: 5px;
}
.data-layout .feedback-record table tr td input[type="button"], 
.data-layout .feedback-record table tr td input[type="submit"],
.data-layout .feedback-record .updater {	
	margin: 0px 0px 0px 10px;
	padding: 5px 15px;
	color: #633;
	border: 1px solid #ab6567;
	background-color: #f1c40f;
	border-radius: 5px;
}
.data-layout .feedback-record .record .off {
	display: none;
}

.data-manage .user-record,
.data-manage .user-record .row {
	clear: both;
	float: left;
	border: 1px solid #626061;
	background-color: #666664;
	width: 100%;
}
/*.data-manage .user-record .row:nth-child(2n+2)  {
	background-color: #6d6d66;
}
.data-manage .user-record .row:nth-child(2n+1)  {
	background-color: #606062;
}*/
.data-manage .user-record .col,
.data-manage .user-record .col-half,
.data-manage .user-record .col-full {
	/*clear: none;*/
	float: left;
	margin: 5px 0px;
	padding: 10px 5px 10px 15px; /*5px;*/
	font-size: 15px;
	letter-spacing: 0.025em;
	word-spacing: 0.025em;
}
.data-manage .user-record .col-half {	
	width: 47%;
}
.data-manage .user-record .col-full {	
	width: 100%;
}
.data-manage .user-record .col .label,
.data-manage .user-record .col label  {
	padding: 0px 0px 0px 5px; /*5px;*/
	color: #ccc;
	font-size: 14px;
	letter-spacing: 0.035em;
	word-spacing: 0.025em;
	width: 150px;
}
.data-manage .user-record .col input[type="button"],
.data-manage .user-record .col input[type="submit"] {	
	margin: 0px 0px 0px 10px;
	padding: 5px 15px;
	color: #633;
	border: 1px solid #ab6567;
	background-color: #f1c40f;
	border-radius: 5px;
}
.data-manage .user-record .col button:disabled, .data-manage .user-record input[type="button"]:disabled, .data-manage .user-record .col input[type="submit"]:disabled {
	opacity: 0.37;
}
.data-manage .user-record .col input[type="text"],
.data-manage .user-record .col textarea {	
	margin: 0px 0px 0px 10px;
	padding: 5px 15px;
	color: #eee;
	border: 1px solid #ab6567;
	background-color: transparent;
	border-radius: 5px;
}
.data-manage .user-record .col textarea {		
	margin: 0px 10px 0px 10px;
	width: 86%;
}
.data-manage .user-record .col fieldset {
	clear: both;
	float: left;
	border: none;
	width: 100%;	
}
.data-manage .user-record .col .outlet,
.data-manage .user-record .col .role {
	clear: both;
	float: left;	
	margin: 10px;
	width: auto;	
}
.data-manage .user-record .col input[type="checkbox"],
.data-manage .user-record .col .icheckbox_square-leafgreen {
	clear: none;
	float: left;	
	margin: 0px 10px 0px 0px;	
}


/*.data-report-print {
	clear: both;
	float: left;
	margin: 0px; 
	padding: 0px;
	color: #111;
	background-color: #eee;
	width: 100%; 
}
.data-report-consolidate {
	clear: both;
	float: left;
	margin: 0px;
	padding: 0px;
	color: #111;
	background-color: #eee; 
	width: 100%;
}
.data-report-complains {
	clear: both;
	float: left;
	margin: 0px;
	padding: 0px;
	color: #663333;
	background-color: #eee; 
	width: 100%;
}
.data-report-suggestions {
	clear: both;
	float: left;
	margin: 0px;
	padding: 0px;
	color: #663333;
	background-color: #eee; 
	width: 100%;
}*/

.data-report-print,
.data-report-consolidate,
.data-report-complains,
.data-report-suggestions,
.data-report-guests,
.data-report-daily {
	/*display: none;*/
	clear: both;
	float: left;
	margin: 0px;
	padding: 0px;
	color: #111;
	background-color: #eee; 
	width: 100%;
}
.data-report-consolidate table,
.data-report-complains table,
.data-report-suggestions table,
.data-report-guests table,
.data-report-daily table {
	clear: both;
	float: left;
	margin: 1%;
	padding: 0px;
	width: 98%;
}
.data-report-consolidate tr td  {
	padding: 5px 2px;
	color: #111;
	width: 16.6%;
}
.data-report-complains tr td  {
	padding: 5px 2px;
	color: #663333;
	/*width: 16.6%;*/
}
.data-report-suggestions tr td  {
	padding: 5px 2px;
	color: #002266;
	/*width: 16.6%;*/
}

.data-report-guests tr td,
.data-report-daily tr td  {
	padding: 5px 2px;
	color: #000;
	/*width: 16.6%;*/
}
.data-report-consolidate tr:first-child, .data-report-consolidate tr:last-child {	
	font-weight: bold;
}
.data-report-consolidate tr td:first-child {
	text-align: left;
}
.data-report-consolidate tr td:not(:first-child) {
	text-align: right;
}
.data-report .title {
	padding: 0px 0px 2% 0px;
	/*color: #111;*/
	font-weight: normal;
	/*font-size: 15px;*/
	text-align: center !important;
}
.data-report .title img {	
	float: left;
}
.wrapper .page .content #reportsCardsBar #reportsButtons {
	margin: 0px 25px;
	padding: 0px;
	clear: both;
	float: left;
	width: 100%;
	text-align: center;
}
.wrapper .page .content #reportsCardsBar #reportsButtons .report-row {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
	width: 100%;
	text-align: center;
}
.wrapper .page .content #reportsCardsBar #reportsButtons .report-row .report-button {
	position: relative;
	float: left;
	width: 100px;
	height: 75px;
	padding: 20px 0px 20px 0px;
	border: 1px solid #696955;
	border-width: 10px 1px 1px 1px;
	margin: 0 35px 20px 0;
	background: #efefdd;
	-webkit-box-shadow: -2px -4px 8px rgba(0, 0, 0, 0.37),  0 1px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.19) inset;
	-moz-box-shadow: -2px -4px 8px rgba(0, 0, 0, 0.37),  0 1px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.19) inset;
	box-shadow: -2px -4px 8px rgba(0, 0, 0, 0.37),  0 1px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.19) inset;
	color: #036;
}
.wrapper .page .content #reportsCardsBar #reportsButtons .report-row .report-button a {
	text-decoration: none;
	color: #036;
}
.wrapper .page .content #reportsCardsBar #reportsButtons .report-row .report-button:after {
	background: none repeat scroll 0 0 #dedecc;
	border-color: #dedecc #696955 #efefdd #696955;
	border-style: solid;
	border-width: 16px 16px 0px 0px;
	box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.3),-1px 1px 1px rgba(0, 0, 0, 0.2);
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
}
.wrapper .page .content #reportsCardsBar #reportsButtons .report-row .active:hover {
	background: #ffffee !important;
	color: #000 !important;
	cursor: pointer;
}
.wrapper .page .content #reportsCardsBar #reportsButtons .report-row .report-button:hover:after {
	background: none repeat scroll 0 0 #ffffee;
	border-color: #dedecc #696955 #efefdd #696955;
	border-style: solid;
	border-width: 21px 21px 0px 0px;
	box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.3),-1px 1px 1px rgba(0, 0, 0, 0.2);
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
}
.wrapper .page .content #formFeedback {
	float: left;
	width: 976px;
	margin: 0px 10px 10px 10px;
	background-color: #363435;
	color: #fff;
	border-radius: 5px;
	text-align: center;
}
.wrapper .page .content #feedbackDisplay {
	float: left;
	width: 976px;
	margin: 0px 10px 10px 10px;
	background-color: #363435;
	color: #fff;
	border-radius: 5px;
}
.wrapper .page .content #feedbackDisplay table {
	width: 100%;
	margin: 5px auto;
	border-collapse: separate;
	border-spacing: 1px;
}
.wrapper .page .content #feedbackDisplay table caption {
	margin: 0px;
	color: #a9cf46;
	font-size: medium;
	text-transform: capitalize;
	padding: 0px 0px 10px 0px;
}
.wrapper .page .content #feedbackDisplay table tr td {
	padding: 1% !important;
	text-align: center;
	vertical-align: top;
}
.wrapper .page .content #feedbackDisplay table tr th:first-child, .wrapper .page .content #feedbackDisplay table tr td:first-child {
	padding: 1% !important;
	text-align: left;
}
.wrapper .page .content #feedbackDisplay table tr:nth-child(even) {
	background-color: #6d6d66;
	color: #eee;
}
.wrapper .page .content #feedbackDisplay #feedbackDisplayRecord tr:nth-child(even) td {
	padding: 1% 0% 1% 15px !important;
}
.wrapper .page .content #feedbackDisplay table tr:nth-child(odd) {
	background-color: #606062;
	color: #ddd;
}
.wrapper .page .content #feedbackDisplay #feedbackDisplayRecord tr:nth-child(odd) td {
	padding:1% 0px 1% 0px !important;/*1% 25px 1% 25px !important;*/
}
.wrapper .page .content #feedbackDisplay #feedbackDisplayRecord tr td .description {
	margin: 0px;
	padding: 5px 25px;
	float: left;
	clear: both;
}
.wrapper .page .content #feedbackDisplay #feedbackDisplayRecord tr td .suggestion {
	margin: 0px;
	padding: 5px 25px;
	float: left;
	clear: both;	
	color: #039;
	background-color: #87eeff;
}
.wrapper .page .content #feedbackDisplay #feedbackDisplayRecord tr td .complain {
	margin: 0px;
	padding: 5px 25px;
	float: left;
	clear: both;	
	color: #933;
	background-color: #ffc787;
}
.wrapper .page .content #feedbackDisplay #feedbackDisplayList tr td:first-child  {
	padding: 1% 0px 1% 0px !important;/*1% 25px 1% 25px !important;*/
}
.wrapper .page .content #feedbackDisplay #feedbackDisplayList tr td .description {
	margin: 0px;
	padding: 5px 25px;
	float: left;
	clear: both;
	color: #dbcd91;/*#d3c076;*//*#dbcd91;*/
}
.wrapper .page .content #feedbackDisplay #feedbackDisplayList tr td .suggestion {
	margin: 0px;
	padding: 5px 25px;
	float: left;
	clear: both;	
	color: #039;
	background-color: #87eeff;
}
.wrapper .page .content #feedbackDisplay #feedbackDisplayList tr td .complain {
	margin: 0px;
	padding: 5px 25px;
	float: left;
	clear: both;	
	color: #933;
	background-color: #ffc787;
}
.wrapper .page .content #feedbackDisplay #feedbackDisplayList tr td .editor {
	margin: 0px;
	padding: 5px 25px 0px 25px !important;
	float: right;
	color: #dbcd91;
	font-size: x-small;
}
.wrapper .page .content #feedbackDisplay table tbody tr:nth-child(1) {
	background-color: #4d4d4f;
	color: #ded65b;
}
.wrapper .page .content #feedbackDisplay table th, .wrapper .page .content #feedbackDisplay table td {
	margin: 0px;
	padding: 4px 0px !important;
}
.wrapper .page .content #feedbackDisplay table th, .wrapper .page .content #feedbackDisplay table td:nth-child(1) {
	width: 70% !important;
}
.wrapper .page .content #feedbackDisplay table th, .wrapper .page .content #feedbackDisplay table td:nth-child(2) {
	width: 10% !important;
}
.wrapper .page .content #feedbackDisplay table th, .wrapper .page .content #feedbackDisplay table td:nth-child(3) {
	width: 10% !important;
}
.wrapper .page .content #feedbackDisplay table th, .wrapper .page .content #feedbackDisplay table td:nth-child(4) {
	width: 10% !important;
}
.wrapper .page .content #feedbackDisplay table tbody tr td .hilight {
	font-size: 12px;
	text-transform: uppercase;
	color: #F1C40F;
}
.wrapper .page .content #feedbackDisplay table tbody tr td .hilight select {
	background-color: #6D6D66;
	border: 1px solid #8b4547;
	padding: 5px;
	margin: 0px;
	font-size: 12px;
	text-transform: uppercase;
	color: #F1C40F;
	border-radius: 5px;
}
.wrapper .page .content #feedbackDisplay table tbody tr td .hilight .updating {
	background-color: #e9e498;
	border: 1px solid #8b4547;
	padding: 5px;
	margin: 0px;
	font-size: 12px;
	text-transform: uppercase;
	color: #363435;
	border-radius: 5px;
}
.wrapper .page .content #feedbackDisplay table tbody tr td .hilight .updater {
	border: 1px solid #8b4547;
	background-color: #902224;
	color: #fea563;
	text-transform: none;
	padding: 5px;
	border-radius: 5px;
	cursor: pointer;
}
.wrapper .page .content #feedbackDisplay table tr:last-child {
	background-color: #474546;  /*#363435;*/
	padding: 0px 1% !important;
	text-align: left;
}
.wrapper .page .content #feedbackDisplay #feedbackDisplayRecord tr:last-child td {
	font-size: 2px !important;
	padding: 0px !important;
	height: 15px !important;
}
.wrapper .page .content #feedbackDisplay #feedbackDisplayList tr:last-child td {
	font-size: 2px !important;
	padding: 0px !important;
	height: 15px !important;
}
.wrapper .page .content #formFeedback table tr th, .wrapper .page .content #formFeedback table tr td {
	width: 10%;
}
.wrapper .page .content #formFeedback table tr th:first-child, .wrapper .page .content #formFeedback table tr td:first-child {
	padding: 0px 1% 0px 2% !important;/* 0px 1% 0px 5%;*/
	text-align: left !important;
	width: 18%; /*20%;*/
}
.wrapper .page .content #formFeedback table tfoot tr th:first-child, .wrapper .page .content #formFeedback table tfoot tr td:first-child {
	padding: 5px !important; /*5px 1% 5px 1%;*/
	text-align: center !important;
	width: 100% !important;
}
.wrapper .page .content #formFeedback table {
	width: 100%;
	margin: 5px auto 1px auto;  /*5px auto;*/
	border-collapse: separate;
	border-spacing: 1px;
}
.wrapper .page .content #formFeedback table caption {
	margin: 0px;
	color: #a9cf46;
	font-size: medium;
	text-transform: capitalize;
}
.wrapper .page .content form #formFeedback table tbody #feedback_textarea, 
.wrapper .page .content form #formFeedback table tbody #suggestions_textarea,
.wrapper .page .content form #formFeedback table tbody #complains_textarea {
	background-color: #363435;
}
.wrapper .page .content form #formFeedback table tbody #feedback_textarea td,
.wrapper .page .content form #formFeedback table tbody #suggestions_textarea td,
.wrapper .page .content form #formFeedback table tbody #complains_textarea td {
	background-color: #363435;
	padding: 0px 5px 5px 5px !important; /*0px 5px 9px 9px;*/
}
.wrapper .page .content #formFeedback table #feedback_text, 
.wrapper .page .content #formFeedback table #suggestions_text, 
.wrapper .page .content #formFeedback table #complains_text,
.wrapper .page .content #response_text {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 98%; 
	padding: 5px 7px 5px 7px;
	color: #363435;
	border: 1px solid #363435;
	border-radius: 5px;
}
.wrapper .page .content #formFeedback table #feedback_text {
	margin: 5px 1% 0px 1%;
	background-color: #e7e39f;
	color: #000;
}
.wrapper .page .content #formFeedback table #feedback_text:hover,
.wrapper .page .content #formFeedback table #feedback_text:focus {
	background-color: #fffccf;
	color: #000;
}
.wrapper .page .content #formFeedback table #suggestions_text {
	margin: 5px 1% 5px 1%;
	background-color: #87eeff; /*#87dfff;*/
	color: #000;
}
.wrapper .page .content #formFeedback table #suggestions_text:hover,
.wrapper .page .content #formFeedback table #suggestions_text:focus,
.wrapper .page .content #reportsCardsBar #reportsButtons .report-row #suggestion_report {
	background-color: #cff2ff;
	color: #000;
}
.wrapper .page .content #formFeedback table #complains_text {
	margin: 0px 1% 5px 1%;
	background-color: #ffc787; /*#ffc9c9;*/ /*#ffb087;*/
	color: #000;
}
.wrapper .page .content #reportsCardsBar #reportsButtons .report-row #chart_report {
	background-color: #ccc; /*#ffc9c9;*/ /*#ffb087;*/
	color: #000;
}
.wrapper .page .content #reportsCardsBar #reportsButtons .report-row #guest_report {
	background-color: #fca; /*#ffc9c9;*/ /*#ffb087;*/
	color: #000;
}
.wrapper .page .content #formFeedback table #complains_text:hover,
.wrapper .page .content #formFeedback table #complains_text:focus,
.wrapper .page .content #reportsCardsBar #reportsButtons .report-row #complain_report {
	background-color: #ffe9cf; /*#ffe9e9;*/ /*#ffe0cf;*/
	color: #000;
}
.wrapper .page .content #formFeedback table #feedback_text, 
.wrapper .page .content #formFeedback table #suggestions_text, 
.wrapper .page .content #formFeedback table #complains_text {
	-webkit-transition: height 0.2s;
	-moz-transition: height 0.2s;
	transition: height 0.2s;
}
.wrapper .page .content #response_text,
.wrapper .page .content #response_text:hover,
.wrapper .page .content #response_text:focus {
	background-color: #e9cfff; /*#ffe9e9;*/ /*#ffe0cf;*/
	color: #000;
}
.wrapper .page .content #formFeedback table tr:nth-child(even) {
	background-color: #6d6d66;
	color: #fff;
}
.wrapper .page .content #formFeedback table tr:nth-child(odd) {
	background-color: #606062;
	color: #fff;
}
.wrapper .page .content #formFeedback table tbody tr:nth-child(1) {
	background-color: #4d4d4f;
	color: #ded65b;
}
.wrapper .page .content #formFeedback table tbody tr:not(:nth-child(1)) td:nth-child(1) {
	padding: 4px 0px 4px 28px !important;
}
.wrapper .page .content #formFeedback table th, .wrapper .page .content #formFeedback table td {
	margin: 0px;
	padding: 4px 0px !important;
	text-align: center !important;
	vertical-align: middle;
}
.wrapper .page .content #formFeedback table tfoot td {
	background-color: #4d4d4f;
}
.wrapper .page .content #formFeedback table input {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 5px 0% 5px 0%;
	padding: 5px;
	border-radius: 5px;
	background-color: #902224;
	color: #fea563;
	border: 1px solid #fea563;
	width: 98%;
	text-align: center !important;
	vertical-align: middle;
}
input::-webkit-input-placeholder{
    color: #fdb250; /*#ed9230;*/ /*#fee5c3;*/
}
input:-moz-placeholder, input::-moz-placeholder {
    color: #ffff00; /*#fee5c3;*/ /*#fee5b3;*/ /*#fea563;*/
}
input::-ms-input-placeholder {  
    color: #ed9230; /*#fee5c3;*/
}
/*input[placeholder], [placeholder], *[placeholder]
{
    color: #fea563 !important;
}*/
.wrapper .page .content #formFeedback table input[type="submit"]:disabled {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 5px;
	border-radius: 5px;
	background-color: #403232 !important;
	color: #7b7068;
	border: 1px solid #7b7068;
	/*width: 100%;*/
	text-align: center !important;
	vertical-align: middle;
}
.wrapper .page .content #manageBar  {
	clear: both;
	float: left;
	margin: 10px;
	padding: 0px;
	background-color: #363435;
	color: #fff;
	border-radius: 5px;
	width: 976px;
}
.wrapper .page .content #manageBar .managae-buttons, .wrapper .page .content #manageBar .managae-buttons .row {
	clear: both;
	float: left;
	margin: 0px;
	padding: 0px;
	color: #fff;
	border-radius: 5px;
	width: 100%;
}
.wrapper .page .content #manageBar .managae-buttons .row .manage-space {
	clear: none;
	float: left;
	margin: 20px 5px 20px 15px;
	padding: 0px;
	color: #333;
	text-align: center;
	background-color: #363435;
	border-radius: 3px;
	height: 90px;
	width: 3px;
}
/*.wrapper .page .content #manageBar .managae-buttons .row .manage-button {
	clear: none;
	float: left;
	margin: 20px 5px 20px 15px;
	padding: 15px 5px 5px 5px;
	color: #333;
	text-align: center;
	background-color: #e6e4e5;
	border-radius: 5px;
	height: 90px;
	width: 83px;
}*/
.wrapper .page .content #manageBar .managae-buttons .row .manage-button {
	position: relative;
	float: left;
	margin: 20px 5px 20px 15px;
	padding: 15px 5px 5px 5px;
	font-size: 13px;
	text-align: center;
	color: #036;
	border: 1px solid #696955;
	border-width: 10px 1px 1px 1px;
	background: #efefdd;
	height: 90px;
	width: 83px;
	-webkit-box-shadow: -2px -4px 8px rgba(0, 0, 0, 0.37),  0 1px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.19) inset;
	-moz-box-shadow: -2px -4px 8px rgba(0, 0, 0, 0.37),  0 1px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.19) inset;
	box-shadow: -2px -4px 8px rgba(0, 0, 0, 0.37),  0 1px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.19) inset;
}
.wrapper .page .content #manageBar .managae-buttons .row .manage-button a {
	color: #036;
	text-align: center;
	text-decoration: none;
}
.wrapper .page .content #manageBar .managae-buttons .row .manage-button:after {
	background: none repeat scroll 0 0 #dedecc;
	border-color: #dedecc #696955 #efefdd #696955;
	border-style: solid;
	border-width: 16px 16px 0px 0px;
	box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.3),-1px 1px 1px rgba(0, 0, 0, 0.2);
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
}
.wrapper .page .content #manageBar .managae-buttons .row .manage-button:hover {
	background: #ffffee !important;
	color: #000 !important;
	cursor: pointer;
}
.wrapper .page .content #manageBar .managae-buttons .row .manage-button:hover:after {
	background: none repeat scroll 0 0 #ffffee;
	border-color: #dedecc #696955 #efefdd #696955;
	border-style: solid;
	border-width: 21px 21px 0px 0px;
	box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.3),-1px 1px 1px rgba(0, 0, 0, 0.2);
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
}
.wrapper .page .content #formFeedback table input[type='submit']:hover:disabled {
	background-color: #504242 !important;
}
#tooltips {
  position: absolute;
  display: none;
  top: 30px;
  left: 50px;
  margin: 0px 0px 0px 0px;
  z-index: 999;
}
#tooltips #dataDisplay {
  position: absolute;
  min-width:150px;
  color: #000;
  /*text-shadow: 1px 1px 1px #999,-1px -1px 1px #aaa;*/
  background: #666;
  height: auto;
  text-align: center;
  border: solid 1px #999;
  border-radius: 6px;
  /*box-shadow: 0px 2px 2px #222;*/
	-moz-box-shadow: 0px 25px 25px 5px rgba(34,7,7,0.75);
	-webkit-box-shadow: 0px 25px 25px 5px rgba(34,7,7,0.75);
	box-shadow: 0px 25px 25px 5px rgba(34,7,7,0.75);
}
#tooltips #dataDisplay:after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-bottom: 8px solid #999;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
#tooltips #dataDisplay #datey {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444;
}
#tooltips #dataDisplay #namey {
	margin: 5px 0px;
	padding: 0px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#tooltips #dataDisplay #percenty {
	margin: 5px 0px;
	padding: 0px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 18px;
}
#tooltips #dataDisplay .linker {
	margin: 20px 0px 15px 0px;
	padding: 0px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#tooltips #dataDisplay .linker a {
	margin: 0px 5px 0px 5px;
	padding: 5px 10px;
	color: #633;
	border: 1px solid #ab6567;
	background-color: none; /*#f1c40f;*/
	border-radius: 5px;
	opacity: 0.5;
}
#tooltips #dataDisplay .linker a:hover {	
	background-color: #f1c40f;	
	opacity: 1;
}
/*points:hover.tooltips span {
  visibility: visible;
  opacity: 0.8;
  top: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}*/
.records {
	/*display: none;*/
	clear: both;
	/*float: left;*/
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 100% !important;
}
.records table {
	clear: both;
	float: none;
	margin: 0px auto;
	padding: 0px;
	color: #ddd;
	border-spacing: 1px;
	border-collapse: separate;
	border-radius: 5px;
	width: 100% !important;
}
.records table thead th {
	padding: 5px 10px;
	text-align: left;
	/*background-color: #2d2d2f;*/
}
.records table tbody th {
	text-align: left;
	background-color: #4d4d4f;
}
.records table tbody tr:nth-child(odd) {
	background-color: #606062;
}
.records table tbody tr:nth-child(even) {
	background-color: #6d6d66;
}
.records table tbody th,
.records table tbody td {	
	padding: 5px 15px;
}
.records table tbody .criteria-sub {
	padding: 5px 0px 5px 30px;
}
/*.wrapper .page .content #listingDisplay {
	float: left;
	width: 976px;
	margin: 0px 10px 10px 10px;
	background-color: #363435;
	color: #fff;
	border-radius: 5px;
}*/
.data-layout .summary-record,
.data-layout .listing,
.data-layout .feedback-record {
	display: none;
}
/*.feedback-record table {
	table-layout: fixed;
	clear: both;
	float: left;
	width: 100%;
}
.feedback-record tr, .feedback-record th, .feedback-record td {
	clear: both;
	float: left;
	width: 100%;
}*/
.listing .record,
#UsersList .record {
	clear: both;
	float: left;
	margin: 0px 1px 0px 1px;
	padding: 10px 0px 5px 0px;
	border: solid 1px #363435; /*#252324;*/ /*#F1C40F;*/
	border-width: 0px 0px 0px 0px;
	/*border-radius: 0px 0px 10px 0px;*/
	text-align: left;
	letter-spacing: 0.025em;
	word-spacing: 0.025em;
	width: 100%;
}
.listing .record a,
#UsersList .record a {
	clear: both;
	float: left;
	margin: 0px 0px 1px 0px;
	padding: 10px 0px 10px 0px;
	font-weight: normal !important;
}
.listing .record:nth-child(odd) {
	background-color: #535355; /*#606062;*/
	color: #ddd;
}
.listing .record:nth-child(even),
#UsersList .record:nth-child(even) {
	background-color: #53534c;  /*#5b5b54;*/ /*#6d6d66;*/
	color: #eee;
}
.listing .record:nth-child(odd) .details,
#UsersList .record:nth-child(odd) .details {
	background-color: #606062;
	color: #ddd;
}
.listing .record:nth-child(even) .details,
#UsersList .record:nth-child(even) .details {
	background-color: #6d6d66;
	color: #eee;
}
.data-layout .record .details {
	color: #ccc;
	width: 100%;
}
.data-layout .record .details td {
	clear: both;
	float: left;
	width: 100%;
}
.listing .record .description,
.data-layout .record .description {
	clear: both;
	float: left;
	margin: 0px;
	padding: 5px 25px;
	/*color: #dbcd91;*/
	/*font-size: 15px;*/
	line-height: 21px;
}
.listing .record:nth-child(even) .description {
	color: #dbcd91;
}
.listing .record:nth-child(odd) .description {
	color: #c8bf94;
}
.data-layout .record .description {
	color: #111; /*#333;*/
}
.listing .record .suggestion,
.data-layout .record .suggestion {
	clear: both;
	float: left;
	margin: 10px 0px;
	padding: 10px 25px;
	color: #039;
	background-color: #87eeff; /*#6e949c;*/
	/*border: 1px solid #039;*/
	/*width: 90%;*/
	/*opacity: 0.45;*/
	line-height: 20px;
}
.listing .record .complain,
.data-layout .record .complain {
	clear: both;
	float: left;
	margin: 10px 0px;
	padding: 10px 25px;
	color: #933;
	background-color: #ffc787; /*#a38e72;*/
	/*width: 90%;*/
	/*opacity: 0.5;*/
	line-height: 20px;
}
.listing .record .off {
	display: none;
}
.listing .record .other,
.data-layout .record .other {
	clear: both;
	float: left;
	margin: 0px 20px 10px 20px;
	/*color: #363435;*/
	/*opacity: 0.5;*/
}
.listing .record .following,
.record .following {
	clear: both;
	float: left;
	margin: 10px 1%;
	width: 98%;
}
.listing .record .guest,
.record .guest {
	float: left;
	margin: 0px 20px 10px 20px;
	/*color: #363435;*/
	/*opacity: 0.5;*/
}
.listing .record .follow-state,
.record .follow-state {
	float: right;
	margin: 0px 20px 10px 20px;
	/*color: #363435;*/
	/*opacity: 0.5;*/
}
.listing .record .other {
	min-width: 73%;
}
/*.listing .record .guest {
	min-width: 43%;
}*/
.listing .record .guest,
.listing .record .follow-state,
.record .guest,
.record .follow-state {
	/*min-width: 43%;*/
	white-space: nowrap;
}
.listing .record:nth-child(even) .other  {
	color: #9b9b74; /*#979770;*/ /*#9f9f78;*/
}
.listing .record:nth-child(odd) .other  {
	color: #93938a;
}
.listing .record:nth-child(even) .following .guest  {
	color: #ddd;
}
.listing .record:nth-child(odd) .following .guest  {
	color: #ddd;
}
.listing .record:nth-child(even) .following .follow-state  {
	color: #fc0;
}
.listing .record:nth-child(odd) .following .follow-state  {
	color: #fc0;
}
.record .finale .details .following {
	color: #000;
}
.listing .record .following .follow-state  {
	float: right;
	text-align: right;
}
.listing .record .following .follow-state .priority:before {
	content: "Priority: ";
	color: #ca0;
}
.record .finale .details .following .follow-state .priority:before {
	content: "Priority: ";
	color: #666;
}
.listing .record .following .follow-state .priority:after,
.record .finale .details .following .follow-state .priority:after  {
	content: ", ";
}
.listing .record .following .follow-state .status:before  {
	content: " Status: ";
	color: #ca0;
}
.record .finale .details .following .follow-state .status:before  {
	content: " Status: ";
	color: #666;
}
/*.listing .record .follow-state .status:after  {
	content: ". ";
}*/
.data-layout .record .other {
	color: #666;
}
.listing .record .id,
.data-layout .record .id {
	clear: none;
	float: right;
	margin: 5px 20px 5px 20px;
	font-size: x-small;
	color: #888;
}
.listing .record .detail-no,
.data-layout .record .detail-no {
	clear: none;
	float: right;
	margin: 5px 20px 5px 20px;
	font-size: x-small;
	/*color: #363435;*/
	/*opacity: 0.5;*/
}
.listing .record:nth-child(even) .detail-no {
	color: #86865f; /*#878760;*/ /*#9b9b74*;/ /*#979770;*/ /*#9f9f78;*/
}
.listing .record:nth-child(odd) .detail-no {
	color: #808077; /*#93938a;*/
}
.data-layout .record .detail-no {
	color: #666;
}
.listing .record .surveyor,
.data-layout .record .surveyor,
.listing .record .editor,
.data-layout .record .editor {
	/*clear: none;
	float: right;*/
	margin: 0px;
	/*color: #aaa;*/ /*#dbcd91;*/
	font-size: x-small;
}
.listing .record .surveyor:before,
.data-layout .record .surveyor:before,
.listing .record .editor:before,
.data-layout .record .editor:before {
	content: "By: "
}
.listing .record .surveyor:after,
.data-layout .record .surveyor:after,
.listing .record .editor:after,
.data-layout .record .editor:after {
	content: "."
}
.listing .record .visited,
.listing .record .created,
.listing .record .modified,
.data-layout .record .visited,
.data-layout .record .created,
.data-layout .record .modified,
#UsersList .record .created,
#UsersList .record .modified   {
	/*clear: none;
	float: right;*/
	margin: 0px;
	padding: 5px;
	/*color: #aaa;*/
	font-size: x-small;
}
.listing .record .visited:before,
.data-layout .record .visited:before {
	content: "Visited: ";
}
.listing .record .visited:after,
.data-layout .record .visited:after {
	content: ",";
}
.listing .record .created:before,
.data-layout .record .created:before,
#UsersList .record .created:before  {
	content: "Created: ";
}
.listing .record .created:after,
.data-layout .record .created:after,
#UsersList .record .created:after  {
	content: ",";
}
.listing .record .modified:before,
.data-layout .record .modified:before,
#UsersList .record .modified:before  {
	content: "Modified: ";
}
.listing .record .modified:after,
.data-layout .record .modified:after  {
	content: ",";
}
.listing .record .score,
.data-layout .record .score  {
	display: none;
	clear: none;
	float: left;
	margin: 0px;
	padding: 5px 25px;
	color: #aaa;
	font-size: x-small;
}
.listing .record.linkable {
	font-weight: normal;
}
.listing .record .details:hover .description, .listing .record .details:focus .description,
.listing .record .details:hover .guest, .listing .record .details:focus .guest,
.listing .record .details:hover .follow-state, .listing .record .details:focus .follow-state {
	color: #363435;
}
.listing .record .details:hover .other, .listing .record .details:focus .other,
.listing .record .details:hover .detail-no, .listing .record .detail:focus .detail-no {
	color: #363435;
	opacity: 0.5;
}
.data-layout .record .details:hover, .listing .record .details:focus {
	color: #363435;
	text-decoration: none !important;
}
.data-report-complains .records,
.data-report-complains .records .data .details,
.data-report-suggestions .records,
.data-report-suggestions .records .data .details,
.data-report-guests .records,
.data-report-guests .records .data .details,
.data-report-daily .records,
.data-report-daily .records .data .details {
	float: left;
	text-align: left;
	width: 92%;
}
.data-report-complains .records .data .details .complain,
.data-report-suggestions .records .data .details .suggestion,
.data-report-guests .records .data .details .guest,
.data-report-daily .records .data .details .daily {
	text-align: left;
	width: 90%;
}
.data-report-complains .records .data .details .complain:first-letter,
.data-report-suggestions .records .data .details .suggestion:first-letter,
.data-report-guests .records .data .details .guest:first-letter,
.data-report-daily .records .data .details .guest:first-letter {
	text-transform: uppercase !important;
}
.data-report-complains .records .data .details .other {
	float: right;
	text-align: left;
}
.data-report-complains .records .date,
.data-report-suggestions .records .date,
.data-report-guests .records .date,
.data-report-daily .records .date {
	float: left;
	margin:0 0 6px 1em;
	/*color: #111;*/
	font-weight: bold;
	text-align: left;
}
.data-report-complains .records .data .details .outlet:before,
.data-report-suggestions .records .data .details .outlet:before,
.data-report-guests .records .data .details .outlet:before,
.data-report-daily .records .data .details .outlet:before,
.listing .record .guest .outlet:before  {
	content:" - ";
}
.data-report-daily .records .data .details .score:before {
	content:" Overall Experience - ";
}
.data-report-complains ol,
.data-report-suggestions ol,
.data-report-guests ol,
.data-report-daily ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
.data-report-complains ol > li,
.data-report-suggestions ol > li,
.data-report-guests ol > li,
.data-report-daily ol > li {
    position:relative; /* Create a positioning context */
    margin:0 0 6px 4em; /* Give each list item a left margin to make room for the numbers */
    padding:4px 8px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
    /*border-top:2px solid #666;
    background:#f6f6f6;*/
}
.data-report-complains li:before,
.data-report-suggestions li:before,
.data-report-guests li:before,
.data-report-daily li:before {
    content:counter(li)")"; /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
	/* Position and style the number */
    position:absolute;
    top:0px;
    left:-3.5em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:4em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:4px;
    /*border-top:2px solid #666;
    color:#fff;
    background:#666;
    font-weight:bold;
    font-family:"Helvetica Neue", Arial, sans-serif;*/
    text-align:right;
}
.data-report-guests span:nth-child(-n+3),
.data-report-daily span:nth-child(-n+1) {
	margin-right:8px;
}
.data-report-guests .details span:nth-child(n+5),
.data-report-daily span:nth-child(n+2),
.listing .record .guest span:nth-child(n+4)  {
	content:" - ";
	font-style: italic;
}
.data-report-guests .details span:nth-child(n+5):not(:last-child):after,
.data-report-daily .details span:nth-child(n+2):not(:last-child):after,
.listing .record .guest span:nth-child(n+4):not(:last-child):after {
	content:", ";
}
.data-report-guests .records .data .details span:last-child:after,
.data-report-daily .records .data .details span:last-child:after,
.listing .record .guest span:last-child:after  {
	content:". ";
}
.panel-users .controls {
	margin: 5px 10px 10px 125px !important
}
.panel-user .controls {
	float: right;
	margin: 5px 10px 10px 15px !important
}
.panel-users .pagination {
	margin: 11px 11px 10px 5px !important
}
.panel-user .pagination {
	margin: 11px 13px 10px 5px !important
}
.panel-users .col input[type="button"].create,
.panel-user .col input[type="button"].save {	
	margin: 6px 5px 0px 0px;
}

#UsersList .record .name-display,
#UsersList .record .email {
	/*clear: both;*/
	float: left;
	margin: 0px;
	padding: 5px 25px;
	/*color: #dbcd91;*/
	/*font-size: 15px;*/
	line-height: 21px;
}
#UsersList .record .name-display {
	color: #dbcd91;
}
#UsersList .record .email {
	color: #c8bf94;
}
#UsersList .record .detail {
	clear: none;
	float: right;
	margin:5px 20px;
	font-size: x-small;
	/*color: #363435;*/
	/*opacity: 0.5;*/
}
#UsersList .record:nth-child(even) .detail {
	color: #86865f; /*#878760;*/ /*#9b9b74*;/ /*#979770;*/ /*#9f9f78;*/
}
#UsersList .record:nth-child(odd) .detail {
	color: #808077; /*#93938a;*/
}
#UsersList .record .assigned-outlets {
	/*clear: both;*/
	float: right;
	margin: 0px;
	padding: 10px 20px 0px 5px;
	color: #dbcd91;
	font-size: x-small;
	/*font-size: 15px;*/
	/*line-height: 21px;*/
}
#UsersList .record .assigned-roles {
	/*clear: both;*/
	float: right;
	margin: 0px;
	padding: 10px 20px 0px 5px;
	color: #dbcd91;
	font-size: x-small;
	/*font-size: 15px;*/
	/*line-height: 21px;*/
}
#UsersList .record .assigned-outlets:before {
	content: "Outlets: ";
}
/*#UsersList .record .assigned-outlets:after {
	content: ",";
}*/
#UsersList .record .assigned-roles:before {
	content: "Roles: ";
}
/*#UsersList .record .assigned-roles:after {
	content: ".";
}*/
#UsersList .record .other  {
	clear: both;
	float: left;
	margin: 5px 20px 10px 20px;
	/*color: #363435;*/
	/*opacity: 0.5;*/
}
#UsersList .record .details:hover .name-display, #UsersList .record .details:focus .name-display,
#UsersList .record .details:hover .email, #UsersList .record .details:focus .email {
	color: #363435;
}
#UsersList .record .details:hover .other, #UsersList .record .details:focus .other,
#UsersList .record .details:hover .detail, #UsersList .record .detail:focus .detail {
	color: #363435;
	opacity: 0.5;
}
#UsersList .record .details:hover, #UsersList .record .details:focus {
	color: #363435;
	text-decoration: none !important;
}
#UsersList .record:nth-child(even) .other  {
	color: #9b9b74; /*#979770;*/ /*#9f9f78;*/
}
#UsersList .record:nth-child(odd) .other  {
	color: #93938a;
}
#UsersList .record .id {
	clear: none;
	float: none;
	margin: 0px 50px 0px 20px;
	font-size: x-small;
	color: #888;
}
.wrapper .page .content #feedbackDisplay #feedbackDisplayList tr td .description {
	margin: 0px;
	padding: 5px 25px;
	float: left;
	clear: both;
	color: #dbcd91;/*#d3c076;*//*#dbcd91;*/
}
.wrapper .page .content #feedbackDisplay #feedbackDisplayList tr td .suggestion {
	margin: 0px;
	padding: 5px 25px;
	float: left;
	clear: both;	
	color: #039;
	background-color: #87eeff;
}
.wrapper .page .content #feedbackDisplay #feedbackDisplayList tr td .complain {
	margin: 0px;
	padding: 5px 25px;
	float: left;
	clear: both;	
	color: #933;
	background-color: #ffc787;
}
.wrapper .page .content #feedbackDisplay table tbody tr:nth-child(1) {
	background-color: #4d4d4f;
	color: #ded65b;
}
/*.records table tbody .scores-value {
	text-align: right;
}*/
.loader {
	clear: both;
	float: left;
	margin: 0px;
	padding: 2% 3%;
	color: #7cafff; /*#b0d0ef;*/ /*#3a81f0;*/
	text-align: center;
	width: 94%;
}
.loader .status, .loader .progress-bar {
	clear: none;
	float: left;
}
.loader .status {
	margin: 0px 12px 0px 0px;
}
.loader .progress-bar {
	margin: 12px 0px 0px 0px;
	padding: 0px 1% 2px 1%;
	height: 5px;
	width: 90%;
}
.notification {
	display: none;
	clear: both;
	float: left;
	margin: 0px;
	padding: 6px 1% 6px 1%;
	/*color: #a9cf46;*/
	text-align: right;
	font-size: 10px;
	width: 98%;
}
.notification .details {
	float: left;
	color: #f1843f;
	opacity: 0.5;
}
.notification .timestamp {
	float: right;
	color: #a9cf46; /*#89af16;*/
	opacity: 0.5;
}

.notification .details:hover,
.notification .timestamp:hover {
	opacity: 1;
}
.info {
	clear: both;
	float: left;
	margin: 0px 0px 5px 0px;
	padding: 6px 1% 6px 1%;
	color: #dc9b5e !important;  /*#902224;*/
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	background-color: #6f1819; /*#6b2d2d;*/ /*#9f3c3c;*/
	width: 98.05% !important;
	border-radius: 5px 5px 0px 0px;
}
.info .detalis {
	min-height: 15px;
}
.info .label {
	/*color: #a04244 !important;*/
	font-weight: normal;
}
.info a {
	color: #f1c40f; /*#ebb679 !important;*/
	font-weight: bold;
}
.info a:hover,
.info a:focus {
	text-decoration: underline;
}
.settings .info {	
	margin: 0px 0px 0px 0px;
	border-radius: 5px 5px 5px 5px;
}
.settings .controls {
	float: right;
	margin: 0px 0px 5px 5px !important
}
.settings .col input[type="button"].create,
.settings .col input[type="button"].save {	
	margin: 6px 5px 0px 0px;
}

#dashboardGSI .records {
	display: none;
}

/*.gist .linkable {
	padding: 0px !important;
}
.gist .linkable a {
	float: left;
	padding: 4px 0px 3px 0px;
	width: 100%;
}
.actionable, .gist .linkable a {
	font-weight: bold;
	border: solid 1px #363435; /#252324;/ /#F1C40F;/
	border-width: 0px 0px 2px 0px;
	border-radius: 0px 0px 10px 0px;
	color: #ffe26e; /#F1C40F;/
}*/
.linkable:not(.outlet) {
	padding: 0px !important;
}
.linkable a:not(.outlet) {
	float: left;
	padding: 6px 0px 6px 0px;
	width: 100%;
}
.actionable, .linkable a:not(.outlet) {
	font-weight: bold;
	border: solid 1px #363435; /*#252324;*/ /*#F1C40F;*/
	border-width: 0px 0px 2px 0px;
	border-radius: 0px 0px 10px 0px;
	color: #ffe26e; /*#F1C40F;*/
}
.linkable a.outlet {
	float: left;
	/*margin: 1px 10px;*/
	padding: 3px 10px 3px 10px;
	font-weight: bold;
	color: #ffe26e; /*#F1C40F;*/
	width: auto !important;
}
.actionable {
	margin: 0px 0px 1px 0px !important;
}
#feedbackDisplay .actionable {
	font-weight: normal !important;
}
.hilabel {
	font-size: 12px;
	text-transform: uppercase;
	color: #F1C40F;
}
/*.actionable:hover, .actionable:focus, .gist .linkable a:hover, .gist .linkable a:focus {*/
.actionable:hover, .actionable:focus, .linkable a:hover, .linkable a:focus {
	background-color: #e9e498; /* Safari 4-5, Chrome 1-9 */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fffaa9), to(#e9e498)); /* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #fffaa9, #e9e498); /* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #fffaa9, #e9e498); /* IE 10 */
	background: -ms-linear-gradient(top, #fffaa9, #e9e498); /* Opera 11.10+ */
	background: -o-linear-gradient(top, #fffaa9, #e9e498);
	color: #363435 !important;
	text-decoration: underline;
	cursor: pointer;
	border-radius: 5px;
}
input[type='submit']:hover, input[type='submit']:focus, input[type='submit']:not(:hover:disabled), input[type='submit']:not(:focus:disabled) {
	background-color: #e9e498; /* Safari 4-5, Chrome 1-9 */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fffaa9), to(#e9e498)); /* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #fffaa9, #e9e498); /* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #fffaa9, #e9e498); /* IE 10 */
	background: -ms-linear-gradient(top, #fffaa9, #e9e498); /* Opera 11.10+ */
	background: -o-linear-gradient(top, #fffaa9, #e9e498);
	color: #363435 !important;
	text-decoration: underline;
	cursor: pointer;
	border-radius: 5px;
}
.actionable:hover a, .actionable:focus a, .actionable:hover .description, .actionable:hover .editor, .actionable:focus .editor, input[type='submit']:hover .editor, input[type='submit']:focus .editor {
	color: #363435 !important;
	text-decoration: underline;
	cursor: pointer;
}
/*.actionable:hover {
	color: #fff !important;
	border-color: #000;
	background:  #404042; /#2d2d2f;/
	cursor: pointer;
}*/
.wrapper .page .footer {
	margin: 0px 0px 20px 0px;
	padding: 0px;
}
.wrapper .page .footer .co {
	float: left;
	padding: 10px 0px 10px 20px;
	font-size: 10px;
	color: #f1c40f;
}
.wrapper .page .footer .dev {
	float: right;
}
.wrapper .page .footer .dev a {
	padding: 5px 12px;
	font-size: 10px;
	color: #A9CF46;
	float: right;
	text-decoration: none;
	background-color: #363435;
	border-radius: 0px 0px 5px 5px;
	border: 1px solid #902224;
}
.wrapper .page .footer .dev a:hover {
	text-decoration: underline;
	background-color: #5c4a53;
}
.wrapper .page .footer .dev a:focus {
	background-color: #5c4a53;
}
.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSIConsolidate tbody tr th img,
.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSISC tbody tr th img,
#dashboardPrintReoprtGSIConsolidate tbody tr th img,
#dashboardPrintReoprtGSISC tbody tr th img,
.wrapper .page .content #dashboardOutlets #ABs_GSI_Logo_Print,
#ABs_GSI_Logo_Print {
	vertical-align: middle;		
}
#dashboardPrintReoprtGSIConsolidate #xcontrol,
#dashboardPrintReoprtGSISC #xcontrol {
   float: right;
}
#dashboardPrintReoprtGSIConsolidate #xcontrol input[type="button"], 
#dashboardPrintReoprtGSIConsolidate #xcontrol input[type="submit"],
#dashboardPrintReoprtGSISC #xcontrol input[type="button"], 
#dashboardPrintReoprtGSISC #xcontrol input[type="submit"] {
	border: 1px solid #8b4547;
	background-color: #902224;
	color: #fea563;
	margin: 0px 0px 0px 15px;
	padding: 5px;
	border-radius: 5px;
}
.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSIConsolidate tbody tr th:first-child,
#dashboardPrintReoprtGSIConsolidate tbody tr th:first-child,
.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSIConsolidate tbody tr td:first-child,
#dashboardPrintReoprtGSIConsolidate tbody tr td:first-child {
	padding: 0% 2% !important;
	text-align: left !important;
	width: 12.5% !important;
}
.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSIConsolidate tbody tr th:nth-child(2),
#dashboardPrintReoprtGSIConsolidate tbody tr th:nth-child(2),
.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSIConsolidate tbody tr td:nth-child(2),
#dashboardPrintReoprtGSIConsolidate tbody tr td:nth-child(2) {
	padding: 0% 2% !important;
	text-align: right !important;
	width: 18.5% !important;
}
.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSIConsolidate tbody tr th,
#dashboardPrintReoprtGSIConsolidate tbody tr th,
.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSIConsolidate tbody tr td,
#dashboardPrintReoprtGSIConsolidate tbody tr td {
	padding: 0% 2% !important;
	text-align: right !important;
	width: 14.5% !important;
}
.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSISC tbody tr th:first-child,
#dashboardPrintReoprtGSISC tbody tr th:first-child,
.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSISC tbody tr td:first-child,
#dashboardPrintReoprtGSISC tbody tr td:first-child {
	padding: 0% 2% !important;
	text-align: left !important;
	vertical-align: top !important;
	width: 2% !important;
}
.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSISC tbody tr th,
#dashboardPrintReoprtGSISC tbody tr th,
.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSISC tbody tr td,
#dashboardPrintReoprtGSISC tbody tr td {
	padding: 0% 2% !important;
	text-align: left !important;
	vertical-align: top !important;
	width: 95.5% !important;
}
#ui-datepicker-div {		
	-moz-box-shadow: 0px 25px 25px 5px rgba(34,7,7,0.75);
	-webkit-box-shadow: 0px 25px 25px 5px rgba(34,7,7,0.75);
	box-shadow: 0px 25px 25px 5px rgba(34,7,7,0.75);
}


button::-moz-focus-inner {
  border: 0;
}
:focus {outline:none;}
::-moz-focus-inner {border:0;}
a, a:visited, a:focus, a:active, a:hover{
    outline:0 none !important;
}
:focus, :active {
    outline: 0;
    border: 0;
}

.wrapper .page .content #dashboardOutlets table .daily-update-form {
	/*float: left;*/
	margin: 0px;
	padding: 0px;
}

@media print {
   .wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSIConsolidate,
   #dashboardPrintReoprtGSIConsolidate,
   .wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSISC,
   #dashboardPrintReoprtGSISC {
		background-color: transparent !important;
		color: #000;
		width: 100%;
	}
	.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSIConsolidate tbody tr th img,
	#dashboardPrintReoprtGSIConsolidate tbody tr th img,
	.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSISC tbody tr th img,
	#dashboardPrintReoprtGSISC tbody tr th img,
	#ABs_GSI_Logo_Print {
		padding: 0% 2% 0% 0% !important;
		vertical-align: middle;		
	}
   .wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSIConsolidate caption,
   #dashboardPrintReoprtGSIConsolidate caption,
   .wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSISC caption,
   #dashboardPrintReoprtGSISC caption {
       display: none;
   }
   .wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSIConsolidate #xcontrol,
   #dashboardPrintReoprtGSIConsolidate #xcontrol,
   .wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSISC #xcontrol,
   #dashboardPrintReoprtGSISC #xcontrol {
       display: none;
   }
	.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSIConsolidate tbody tr th:first-child,
	#dashboardPrintReoprtGSIConsolidate tbody tr th:first-child,
	.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSIConsolidate tbody tr td:first-child,
	#dashboardPrintReoprtGSIConsolidate tbody tr td:first-child {
		padding: 0% 2% !important;
		text-align: left !important;
		width: 12.5% !important;
	}
	.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSIConsolidate tbody tr th:nth-child(2),
	#dashboardPrintReoprtGSIConsolidate tbody tr th:nth-child(2),
	.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSIConsolidate tbody tr td:nth-child(2),
	#dashboardPrintReoprtGSIConsolidate tbody tr td:nth-child(2) {
		padding: 0% 2% !important;
		text-align: right !important;
		width: 18.5% !important;
	}
	.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSIConsolidate tbody tr th,
	#dashboardPrintReoprtGSIConsolidate tbody tr th,
	.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSIConsolidate tbody tr td,
	#dashboardPrintReoprtGSIConsolidate tbody tr td {
		padding: 0% 2% !important;
		text-align: right !important;
		width: 14.5% !important;
	}
	.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSISC tbody tr th:first-child,
	#dashboardPrintReoprtGSISC tbody tr th:first-child,
	.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSISC tbody tr td:first-child,
	#dashboardPrintReoprtGSISC tbody tr td:first-child {
		padding: 0% 2% !important;
		text-align: left !important;
		vertical-align: top !important;
		width: 2% !important;
	}
	.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSISC tbody tr th,
	#dashboardPrintReoprtGSISC tbody tr th {
		padding: 0% 2% !important;
		text-align: left !important;
		vertical-align: top !important;
		width: 95.5% !important;
		line-height: 28px !important;
	}
	.wrapper .page .content #dashboardOutlets #dashboardPrintReoprtGSISC tbody tr td,
	#dashboardPrintReoprtGSISC tbody tr td {
		padding: 0% 2% !important;
		text-align: left !important;
		vertical-align: top !important;
		width: 95.5% !important;
		line-height: 21px !important;
	}
}