/*
Fareclock
Copyright (c) 2023, Fareclock LLC
All rights reserved.
support@fareclock.com
*/

/*
 Font families
*/

@font-face {
    font-family: 'FontAwesome';
    src:url('../fonts/fontawesome/fontawesome-webfont.eot?v=4.1.0');
    src:url('../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),
        url('../fonts/fontawesome/fontawesome-webfont.woff?v=4.1.0') format('woff'),
        url('../fonts/fontawesome/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),
        url('../fonts/fontawesome/fontawesome-webfont.svg#fontawesomeregular?v=4.1.0') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon/icomoon.eot?v4wv8q');
	src:url('../fonts/icomoon/icomoon.eot?#iefixv4wv8q') format('embedded-opentype'),
		url('../fonts/icomoon/icomoon.woff?v4wv8q') format('woff'),
		url('../fonts/icomoon/icomoon.ttf?v4wv8q') format('truetype'),
		url('../fonts/icomoon/icomoon.svg?v4wv8q#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'GlyphiconsRegular';
    src:url('../fonts/glyphicons/glyphicons-regular.eot');
    src:url('../fonts/glyphicons/glyphicons-regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/glyphicons/glyphicons-regular.woff') format('woff'),
        url('../fonts/glyphicons/glyphicons-regular.ttf') format('truetype'),
        url('../fonts/glyphicons/glyphicons-regular.svg#glyphiconsregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

span.glyphicon {
    font-family: 'GlyphiconsRegular';
}

span.fontawesome {
    font-family: 'FontAwesome';
}

.x-panel-body-default {
    color: #666666;
}

/*
 * Splash screen
 */
.x-mask.splashscreen {
    background-color: white;
    opacity: 1;
    z-index: 21000; /* above everything else */
}

.x-mask-msg.splashscreen,
.x-mask-msg.splashscreen div {
    font-size: 16px;
    padding: 30px 5px 5px 0px;
    border: none;
    background-color: transparent;
    background-position: top center;
    z-index: 21001;
}

.x-mask-msg .x-splash-icon {
    /* Important required due to the loading symbols CSS selector */
    background-image: url('../images/fareclock-title-icon.png');
    background-repeat:no-repeat;
    width: 57px;
    height: 57px;
    margin: -30px 0px 10px 47px;
}

.x-message-box .x-window-body .x-box-inner {
    min-height: 110px !important;
}

.x-grid-row-summary .x-grid-cell-inner {
    font-weight: bold;
}

.ux-layout-center-item
{
	position: relative;
}

.x-form-item-label {
    color: #666666;
}

/* x-form-item-label-left missing from ext.css */
.x-form-item-label-left {
	text-align: left;
}

.gl, .gl-before:before {
  margin-top: 1px; /* use top margin instead of top relative, b/c relative position causes weirdness in css spin animation */
  display:inline-block;
  font-family:GlyphiconsRegular;
  font-style:normal;
  font-weight:normal;
  line-height:1;
  vertical-align:top;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.gl-ok:before {
	content: '\e199';
}

.gl-circle-exclamation-mark:before {
	content: '\e197';
}

.gl-chevron-down:before {
	content: '\e602';
}

.success {
	/* flat ui emerald */
	color: #2ecc71;
}

.danger {
	/* flat ui alizarin */
	color: #e74c3c;
}

.fc-integration-connections .connection-status.gl {
	font-size: 1.2em;
}

.fc-integration-connections .add-connection, .fc-integration-connections .refresh-connection {
	margin-left: 10px;
}

.fc-match-employees .fareclock-resource-header div, .fc-match-employees .provider-resource-header div {
	display: inline-block;
}

.fc-match-employees .fareclock-resource-header .logo img, .fc-match-employees .provider-resource-header .logo {
	width: 16px;
	height: 16px;
	border: none;
}

.fc-match-employees .fareclock-resource-header .text, .fc-match-employees .provider-resource-header .text {
    position: relative;
    bottom: 3px;
    left: 10px;
}

.fc-match-employees .unmatched-action .trigger {
	margin: 3px 5px;
}

.fc-match-employees .x-column-header {
	height: 45px;
}

.fc-match-employees .title {
    font-size: 1.2em;
    color: #555;
}

.fc-match-employees .sub-title {
	color: #888;
    font-size: 0.9em;
    margin: 5px 0px 10px 0px;
}

.fc-match-employees .matched-title {
	margin-top: 10px;
}

.fc-match-employees .matched-subtitle {
	color: #888;
    font-weight: normal;
}

.fc-match-employees .x-grid-with-row-lines .x-grid-table-over-first,
.fc-match-employees .x-grid-row .x-grid-cell-selected,
.fc-match-employees .x-grid-row-over .x-grid-td
{
	background-color: transparent;
}

.fc-match-employees .x-grid-cell-inner {
	padding: 12px 10px 11px 10px;
}

.fc-match-employees .x-grid-dirty-cell {
	background: inherit;
}

.default-cursor {
	cursor: default;
}

.icon-deny:after {
	content: "\E193";
    font-family: GlyphiconsRegular;
}

.x-fieldset .x-tool-toggle, .x-fieldset .x-tool-over .x-tool-toggle, .x-tool-toggle,
.x-panel-collapsed .x-tool-toggle, .x-fieldset-collapsed .x-tool-toggle, .x-fieldset-collapsed .x-tool-over .x-tool-toggle {
	background-size: 16px 16px;
    width: 16px;
    height: 16px;
    margin: 2px 0px 0px -3px;
}

.x-fieldset .x-tool-toggle, .x-fieldset .x-tool-over .x-tool-toggle, .x-tool-toggle {
	background-image: url('../images/up-arrow.png');
}
.x-panel-collapsed .x-tool-toggle, .x-fieldset-collapsed .x-tool-toggle, .x-fieldset-collapsed .x-tool-over .x-tool-toggle {
	background-image: url('../images/down-arrow.png');
}

.x-multiselect .x-panel-body {
	border-top-width: 1px;
}


/*	Set minimum height of combo box list item, to handle case of blank display value.
	This height depends upon font used, and could change in the future, or in special
	cases.
*/
.x-boundlist-item {
	min-height: 26px;
}

/* we want .x-multiselect shorter than regular bound list */
.x-multiselect .x-boundlist-item {
	min-height: 0px;
	padding: 2px;
}

/* Set readonly form input to off-white background, and do not make cursor into pointer */
.x-form-readonly input {
	background-color: #F0F0F0;
	opacity: 0.4;
	cursor: default;
}

/* tri-state checkbox null state */
.fc-checkbox-null .x-form-checkbox {
	background: #555555;
}

/* Ext JS 4.2 sets spinner background color to white, but we want it to be transparent to match its container. */
div.x-form-spinner-up, div.x-form-spinner-down {
	background-color: transparent;
}

.x-container a, .x-container a:visited {
    COLOR: #08C; text-decoration: none;
}

.x-container a:hover {
    COLOR: darkorange; text-decoration: none;
}

.fc-form-num-field {
	text-align: right;
}

.x-form-item-label {
	color: -webkit-text;
}

.fc-error-msg {
	margin-left: 5px;
	padding-left: 20px;
	color: red;
	font-size: 13px;
}

.fc-keyboard {
	top: 1px !important;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5;
  cursor: pointer;
}

.fc-keyboard:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
}

.fc-keyboard-tip {
  margin-top: -10px;
  line-height: 1;
  font-weight: 200;
}

.fc-shortcut {
	float: left;
	width: 100%;
}

.fc-shortcut-code {
	float: left;
	font-style: italic;
}

.fc-shortcut-desc {
	float: right;
}

.fc-shortcut-footer {
	margin-top: 10px;
	float: left;
	font-style: italic;
}

.x-btn-default-toolbar-small .x-btn-arrow, .x-btn-arrow, .x-toolbar .x-btn-split-right,
.x-btn-default-small .x-btn-arrow {
	background-image: url('../images/button-arrow-white.png');
}

.x-btn-default-small .x-btn-arrow-right {
	padding-right: 15px; /* neptune default of 21px is too much, used in page header for user name menu button */
}


.x-menu-item-active {
	background: #E6E6E6; /* IE requires hover link background color set this way */
}

.no-border-button, .x-nlg .no-border-button {
	padding: 0px;
}

.x-btn-default-small.no-border-button, .x-nlg .x-btn-default-small.no-border-button {
	background-color: transparent;
	background-image: none;
}

.no-border-button .x-btn-tl, .no-border-button .x-btn-tr, .no-border-button .x-btn-tc,
.no-border-button .x-btn-ml, .no-border-button .x-btn-mr, .no-border-button .x-btn-mc,
.no-border-button .x-btn-bl, .no-border-button .x-btn-br, .no-border-button .x-btn-bc,
.x-btn-default-toolbar-small-tl, .x-btn-default-toolbar-small-tc, .x-btn-default-toolbar-small-tr,
.x-btn-default-toolbar-small-ml, .x-btn-default-toolbar-small-mc, .x-btn-default-toolbar-small-mr,
.x-btn-default-toolbar-small-bl, .x-btn-default-toolbar-small-bc, .x-btn-default-toolbar-small-br
{
	background-image: none;
	background-color: transparent;
}

.no-border-button .x-btn-tl, .no-border-button .x-btn-tr, .no-border-button .x-btn-tc {
	height: 0px !important;
}

/* rounded corners for panel headers */
.x-panel-default, .x-panel-header-default, .toggle-filter {
    border-radius: 4px 4px 0px 0px;
}

.icon-delete {
    cursor: pointer;
}

.x-menu-no-icon .x-menu-item-text {margin-left: -16px;}

.mask-error .x-mask-msg-text {
	background-image: url('../images/icons/warning.png');
}

.mask-info .x-mask-msg-text {
	background-image: url('../images/info.png');
	background-size: 16px 16px;
}

div.icon-warning {
    font-size: 16px;
    font-family: GlyphiconsRegular;
}
div.icon-warning:before {
    content: "\E079";
}

.fc-card {
	padding: 25px 5px;
}

.timecard-employee-grid, .timecard-container, .master-detail-grid {
	border: 1px solid #cccccc;
}

.timecard-container .x-toolbar {
	background-color: #F2F2F2;
}

/* set background color on timecard editor grid so that extra blank room on right side is not white */
.timecard-container .x-grid-header-ct, .timecard-container .x-grid-body {
    background-color: #f5f5f5;
}

.timecard-container .grid-with-borders .x-column-header.x-column-header-first {
    border-left: none;
}

.timecard-container .x-grid-cell {
  vertical-align: middle;
}

.timecard-container .note-icon {
  font-size: 13px !important;
}

.timecard-container .grid-with-borders .x-column-header.x-column-header-last {
    border-right: 1px solid #C0C0C0;
}

.timecard-container .x-grid-cell-editor .x-trigger-cell {
    /* combo box cell editors need more width for trigger */
    width: 28px !important;
    /* set background white; otherwise, it's blue selected background */
    background: white;
    border-right: 1px solid silver;
}

.timecard-container .punch-actions .x-action-col {
    font-size: 16px !important;
}

.timecard-container .flagged .punch-actions {
    color: #FF6666;
}

.timecard-container .x-action-col-cell .x-grid-cell-inner {
	overflow: visible;
    padding-left: 5px;
}

.timecard-container .x-action-col-cell .x-action-col-icon {
	display: inline;
    margin-left: 5px;
}

.timecard-container .x-action-col-cell.out-of-shift .x-action-col-1 {
	visibility: hidden;
}

.timecard-container .x-action-col-cell.has-note .x-action-col-2 {
	color: #1c5cd4;
}

.timecard-container .icon-plus {
    margin-top: 3px;
	cursor: pointer;
	float: right;
}

.timecard-container .icon-plus:before {
    content: "\E191";
    font-family: GlyphiconsRegular;
}

.timecard-container .time-off-col {
  background-color: #f9f9f9;
}

.timecard-container .time-off-col-code {
  border-left: 1px solid #C0C0C0;
}

.timecard-container .edit-time-off:before {
  float: right;
  content: "\E151";
  font-family: GlyphiconsRegular;
  font-size: 15px;
  cursor: pointer;
}

.x-grid-cell-error {
    border-width: 1px 1px 1px 1px !important;
    border-color: #FF6666;
    border-bottom-color: #FF6666 !important;
}

.timecard-dayoffset {
    font-size: 9px;
    float: right;
    vertical-align: top;
    line-height: 9px;
}

.date-paging-toolbar {
    border-top: 1px solid #aaaaaa !important;
    background-color: #F2F2F2;
    padding-left: 2px;
    color: #666666;
    font-size: 12px;
}

.fc-random-pin {
	margin-top: 17px;
}

.fc-punch-status {
	height: 16px;
	margin: 2px 0px 0px 10px;
}

.fc-status-text {
	text-transform:capitalize;
	display: inline-block;
}

.tampered {
	color:red;
	font-weight:bold;
}

.fc-status-icon {
	height: 16px;
	width: 16px;
	margin: 0px 10px;
	display: inline-block;
}

.fc-form .x-panel-header-text, .fc-grid .x-panel-header-text {
	visibility: hidden;
}

.fc-form .x-btn-inner, .fc-form-top-bar .x-btn-inner, .fc-new-punch .x-btn-inner,
.feedback .x-btn-inner {
	color: white;
	font-weight: bold
}

.fc-new-punch {
	background-color: white;
}

.reset-admin, .delete-item {
	margin-top: 12px;
}

.fc-form-top-bar {
	/* background color and margin should match the form's fbar */
	background-color: white;
	margin: 0px 3px 3px 0px;
}

/* do not display error icon within a displayfield, because displayfields
   are sometime multiple lines, and error icons do not display correctly. */
.x-form-display-field.x-form-invalid-field {
	background: none;
}

.field-tip-icon-td {
	width: 30px;
}

/* field tip should be next to top of multiselect */
.x-multiselect .field-tip-icon-td {
	vertical-align: top;
}

/* Make some adjustments to checkbox group to support rounded invalid border */
.x-form-checkboxgroup.x-table-plain {
	border-collapse: separate;
}

.x-form-checkboxgroup-body {
	border-radius: 4px;
}

/* Remove left padding in normal cases, so it can line up with a checkbox not in a group */
.x-form-checkboxgroup-body {
	padding: 0px;
}

/* But insert left padding if invalid, to create space inside red border */
.x-form-invalid .x-form-checkboxgroup-body {
	padding: 0px 4px;
}

.cc-icon {
	height: 18px;
	margin-left: 5px;
}

div.form-error {
	float: left;
	margin: 0px 0px 10px 20px;
}

div.form-error div.icon-warning, div.fc-error div.icon-warning, .fatal-error div.icon-warning {
	float: left;
	height:16px;
	width:16px;
}

div.form-error-msg, div.fatal-error-msg {
	float: left;
	margin-left: 10px;
	color: red;
	font-size: 15px;
}

div.x-form-invalid-under {
	background: url('../images/icons/warning.png') no-repeat;
	margin: 5px 5px;
	line-height: 18px;
}

.x-form-invalid-under li {
	margin: -5px 0px 0px 10px;
	color: red;
	font-size: 14px;
}

/* www.cssbuttongenerator.com */
.x-container .action-button, .x-container .action-button:visited {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #398be3) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #398be3 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#398be3');
	background-color:#79bbff;
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	border-radius:13px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:3px 28px;
	text-decoration:none !important;
	text-shadow:1px 1px 0px #528ecc;
}

.x-container .action-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #398be3), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #398be3 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#398be3', endColorstr='#79bbff');
	background-color:#398be3;
	color: darkorange;
}

/* This imageless css button was generated by CSSButtonGenerator.com */
.x-container .hot-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color:#fe1a00;
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	border-radius:13px;
	border:1px solid #d83526;
	display:inline-block;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:3px 28px;
	text-decoration:none;
	text-shadow:1px 1px 0px #b23e35;
}.x-container .hot-button:link, .x-container .hot-button:visited {
	color: white;
}.x-container .hot-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
	background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background-color:#ce0100;
	color: darkorange;
}.x-container .hot-button:active {
	position:relative;
	top:1px;
}

.x-fieldset {
  /* undo bootstrap min-width:0 on fieldset */
  min-width: min-content;
}

.x-fieldset legend {
  /* need width:auto in order to draw fieldset's top border line. bootstrap undoes this, so we need to reverse it. */
  width: auto;
}

/* red border around checkboxgroup/radiogroup if invalid, used in cancel service window */
.x-form-invalid .x-form-checkboxgroup-body > table {
	background-color: white;
	background-position: 0 -2464px;
	border-color: #cc3300;
	box-shadow: 0px 0px 3px #cc3300;
}

.fc-detail-header {
	padding: 0px 8px 5px 6px;
}

.x-btn-default-small.fc-back-to-list, .x-btn-default-small.fc-prev, .x-btn-default-small.fc-next {
	background-color: #f8f8f8;
	border: 1px solid #bbbbbb;
	background-image: none !important; /* make important to handle x-nlg case */
	padding: 3px;
}

.fc-back-to-list, .fc-back-to-list .x-btn-button, .fc-prev, .fc-prev .x-btn-button, .fc-next, .fc-next .x-btn-button{
	height: 30px;
}

.fc-back-to-list {
	width: 70px;
}

.fc-back-to-list .icon{
	background-image: url(../images/left_arrow.png);
	background-size: 15px 14px;
	height: 25px;
	width: 14px;
	margin: 4px 0px 0px 24px;
	opacity: 0.6;
}

.fc-prev, .fc-next {
	width: 35px;
}

.fc-prev .icon, .fc-next .icon {
	background-size: 9px 14px;
	width: 9px;
	height: 14px;
	margin: 5px 0px 0px 9px;
	opacity: 0.6;
}

.fc-prev .icon {
	background-image: url(../images/chevron-left.png);
}

.fc-next .icon {
	background-image: url(../images/chevron-right.png);
}

.fc-itemselector .x-panel-header-text {
	visibility: visible;
}

.fc-itemselector .x-multiselect .x-panel-header {
    background-color: rgb(251, 251, 251);
    border-top-color: rgb(208, 208, 208) !important;
    border-right-color: rgb(208, 208, 208) !important;
    border-left-color: rgb(208, 208, 208) !important;
    border-bottom-color: rgb(208, 208, 208);
    border-bottom-width: 1px !important;
}

.fc-itemselector .x-multiselect .x-panel-header-text-container-default {
    color: #555555;
}

.fc-itemselector .x-multiselect .x-panel-body
{
    border-left-color: rgb(208, 208, 208) !important;
    border-right-color: rgb(208, 208, 208) !important;
    border-bottom-color: rgb(208, 208, 208) !important;
}

.fc-admin-perm-text {
	padding: 8px 20px 0px 20px;
	font-size: 13px;
}

/* employee face model */

div.fc-face-model-op {
	font-size: 14px;
	margin-bottom: 10px;
	padding: 5px;
	text-align: center;
	border: 1px dashed black;
	vertical-align: middle;
	width: 100%;
	float: left;
}

div.fc-face-options {
	padding-top: 5px;
	float:left;
	text-align: center;
	width: 40%;
	line-height: 20px;
}

div.fc-face-log {
	float: left;
	width: 40%;
	padding-top: 20px;
}

div.fc-face-log-success {
	color: green;
}

div.fc-face-log-fail {
	color: red;
}

.thumb-wrap{
	float: left;
	margin: 2px;
	margin-right: 0;
	padding: 3px;
	font-size: 10px;
}

.thumb-wrap a{
	text-decoration: none
}

.thumb img, img.grid-face-photo{
	height: 120px;
  width: 90px;
	border: 1px solid #D0D0D0;
	border-radius: 6px;
}

.fc-photo-op {
	text-align: right;
	position: relative;
}

.fc-photo-op-icon {
	height: 16px;
	width: 16px;
	position: absolute;
	top: -22px;
	left: 70px;
	cursor: hand; cursor: pointer;
}

.fc-punch-detail-type-title {
	margin-top: 10px;
}

.fc-punch-detail-type-title .title {
	font-weight: bold;
	text-decoration: underline;
	text-transform: uppercase;
	display: inline-block;
}

.fc-new-punch-detail-type-title {
	margin-top: 15px;
	float: left;
	font-weight: bold;
	text-decoration: underline;
	text-transform: uppercase;
}

.fc-geo-session .x-form-display-field {
	font-size: 12px !important;
}

.fc-link-tip a {
	text-decoration: none;
	border-bottom: 1px dotted red;
	color: red;
}

.fc-log-question {
	text-align: right;
}

.geomap.x-border-layout-ct {
  background-color: transparent;
}

.fc-error-tip {
	float: left;
	margin: 2px 0px 0px 5px;
}

.fc-error-tip span {
	text-decoration: none;
	border-bottom: 1px dotted blue;
	color: blue;
	background-color: #FFFF80;
	cursor: pointer;
}

.x-menu-item-text {
	color: #08C;
}

span.beta {
	background-color: darkorange;
	color: white;
	font-size: 12px;
	margin-left: 10px;
	padding: 2px 5px;
	border-radius: 2px;
	vertical-align: middle;
}

.icon-search{
	background: url('../images/search.png') no-repeat;
	background-size: 16px 16px;
	width: 16px;
	height: 16px;
}

.x-tab-icon-el.icon-users{
	background: url('../images/users.png') no-repeat;
	opacity: 0.8;
}

.icon-csv{
	background: url('../images/csv.png') no-repeat;
}

.icon-excel{
	background: url('../images/excel.png') no-repeat;
}

.icon-pdf{
	background: url('../images/pdficon_small.png') no-repeat;
}

.icon-generic{
	background: url('../images/list-alt.png') no-repeat;
}

.icon-quickbooks{
	background: url('../images/qb-icon.png') no-repeat;
}

.icon-xero{
	background: url('../images/xero.png') no-repeat;
}

.custom-add-connection {
  height: 50px;
}

.custom-add-connection .qbo {
  margin-left: 20px;
  width: 150px;
  cursor: pointer;
}

.export-connection .x-menu-item-icon {
	color: #999;
	opacity: 1.0;
}

.progress-update .status {
	font-weight: bold;
	margin-bottom: 25px;
	text-align: center;
}

.progress-update .status i:before {
	margin-right: 5px;
}

.progress-update .x-progress-default {
	height: 35px;
}

.progress-update .x-progress-default .x-progress-text, .progress-update .x-progress-default .x-progress-text-back {
	line-height: 35px;
}

.toggle-filter {
	background: #FCFCFC;
	padding: 5px;
    margin-bottom: 10px;
}

.toggle-filter .full-filter {
    padding: 5px 0px;
}

.x-container .x-grid-grand-total .x-grid-cell-inner,
.x-container .x-grid-grand-total .x-column-header-inner {
    color: #666;
}

iframe {
   overflow: visible;
}

.x-toolbar-footer {
	background-color: white;
}

.glyphable-btn.x-btn-default-medium .x-btn-glyph {
    font-size: 18px;
    color: #666666;
    opacity: 1.0;
}

/*
 * Chart styling
 */
tspan {
    fill: #444444;
}

.fatal-error {
	padding: 50px 25px;
	float: left;
}

.fatal-error-msg {
	width: 90%;
}

.fc-help-link {
	text-align: right;
	margin: 5px 0px;
}

.grid-with-borders .x-column-header, .grid-with-borders .x-grid-cell {
	border-width: 1px 0px 0px 1px;
}

.grid-with-borders .x-column-header
{
	border-left: 1px solid #C0C0C0
}

.x-grid-cell-inner {
	padding: 7px 10px 6px 10px;
}

.x-grid-cell {
	font-size: 12px;
	line-height: 20px;
}

.x-column-header {
	font-size: 12px;
	border-right: none;
}

/* don't show ellipsis if column header title is hidden */
.x-column-header.hide-text .x-column-header-inner {
    text-overflow: clip;
}

.x-column-header.hide-text .x-column-header-text {
	visibility: hidden;
}

td.x-grid-cell.wrap-line .x-grid-cell-inner {
	white-space: normal;
}

.x-grid-group-hd {
	background: inherit;
}

.x-grid-cell.exceptions .x-grid-cell-inner {
    padding: 5px 0px 4px 3px; /* reduce left/right padding */
    font-size: 9px;
    color: red;
}

.combo-overflow {
	background-color: gold;
	font-size: 12px;
	padding: 5px;
	font-weight: bold;
}

.x-grid-cell-headerId-punched {
    font-size: 10px;
}

/* Ext JS 4.2 changes */

/* undo ext body theme by setting to bootstrap values */
/* .x-body {
  color: #151b1e;
  font-size: 0.875rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  background-color: #e4e5e6;
} */

.x-body .x-container {
	background-color: white;
	color: #666666;
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, tahoma, Arial, sans-serif;
}

.x-panel-default-framed {
	border-width: 1px;
	border-color: #d0d0d0;
}

.x-btn-icon-el.x-tool-refresh {
	background-position: 0 -240px;
	opacity: 0.8;
}

.x-btn-icon-el.x-tool-search {
	background-position: 0 -288px;
	opacity: 0.8;
}

.x-btn-icon-el.x-tool-print {
	background-position: 0 -336px;
	opacity: 0.8;
}

.x-btn-icon-el.x-tool-save {
	background-position: 0 -304px;
	opacity: 0.8;
}

.x-btn-default-medium, .x-nlg .x-btn-default-medium {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	padding: 3px 3px 3px 3px;
	border-width: 1px;
	border-style: solid;
	background-image: none;
	background-color: #f8f8f8;
}

.x-btn-default-medium {
	border-color: #bbbbbb;
}

.x-btn-default-medium .x-btn-inner {
	font-size: 14px;
	font-weight: normal;
	font-family: "Helvetica Neue", Helvetica, tahoma, Arial, sans-serif;
	color: #333333;
}

.x-btn-default-medium-over {
	box-shadow: none;
	border-color: #9d9d9d;
	background-image: none;
	background-color: #dfdfdf;
}

/* button html template changed in 4.2, so update css */
.x-btn div a, .x-tab div a {
	text-decoration: none;
	display: block;
	color: inherit;
	width: 100%;
	zoom: 1;
}
.x-btn button .x-btn-icon-el, .x-btn a .x-btn-icon-el {
	position: absolute;
	background-repeat: no-repeat;
}

.x-tab .x-tab-icon-el {
	background-repeat: no-repeat;
}

.x-tab-bar-top .x-tab-bar-body {
	border: 0;
}

.x-panel-body-default.x-docked-noborder-bottom {
	border-top-width: 0 !important;
}


.x-border-box input.x-form-text {
	height: 28px;
	line-height: 28px;
}

.x-form-text {
	height: 24px;
	line-height: 24px;
	vertical-align: top;
}

.x-form-text, textarea.x-form-field {
	border-radius: 2px;
}

.x-form-trigger-wrap .x-form-text {
	border-width: 1px;
}

.x-form-trigger-wrap {
	vertical-align: top;
	border: none;
}

.x-form-date-trigger {
	margin-top: 2px;
	opacity: 1.0;
}

.x-form-time-trigger, .x-form-trigger-wrap-focus .x-form-time-trigger,
.x-form-arrow-trigger, .x-form-trigger-wrap-focus .x-form-arrow-trigger
{
    background: none;
    margin: 3px 0px 0px 5px;
    font-size: 16px;
    color: #666666;
}

.x-form-time-trigger:before, .x-form-trigger-wrap-focus .x-form-time-trigger:before {
	content: "\E055";
    font-family: GlyphiconsRegular;
}

.x-form-arrow-trigger:before, .x-form-trigger-wrap-focus .x-form-arrow-trigger:before {
    content: "\E158";
    font-family: GlyphiconsRegular;
}

.x-form-field, .x-form-display-field {
	margin: 0 0 0 0;
	font: normal 14px "Helvetica Neue", Helvetica, tahoma, Arial, sans-serif;
	color: #555555;
}

.x-boundlist-floating {
	border-top-width: 1px;
}
.x-boundlist {
	border-width: 1px;
	border-style: solid;
	border-color: #b5b8c8;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	background: white;
	box-shadow: 0 5px 10px #ddd;
}

.x-boundlist-item-over {
	background: #dcdcdc;
	border-color: #dcdcdc;
}
.x-boundlist-item {
	padding: 4px;
	user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	cursor: default;
	cursor: pointer;
	cursor: hand;
	position: relative;
	border-width: 1px;
	border-style: dotted;
	border-color: white;
	font-size: 14px;
}

/*
 * Re-style grid header background color and borders to hide extra width not used by columns
 */
.x-grid-header-ct {
	background: transparent;
}

.x-grid-body {
	border-top: none;
}

.x-column-header {
	border-bottom: 1px solid silver;
}

.field-tip {
	display: inline-block;
	margin-left: 10px;
    font-size: 15px;
    width: 15px;
    color: #666666;
    cursor: pointer;
}

.icon-group:before {
	content: "\E044";
    font-family: GlyphiconsRegular;
}

.icon-help:before {
	content: "\E195";
    font-family: GlyphiconsRegular;
}

.x-container .icon-info:before {
	content: "\E353";
    font-family: GlyphiconsRegular;
}

.help-tip-btn .x-btn-icon-el {
    font-size: 15px !important;
    color: #666666 !important;
    opacity: 1.0 !important;
}

.help-tip-btn .x-btn-inner {
    width: 18px !important;
    height: 18px !important;
}

/* fieldset */

.x-fieldset {
	border: 1px solid #cccccc;
	padding: 10px;
	margin-bottom: 10px;
}

.x-fieldset-header .x-fieldset-header-text {
	font: 16px/24px bold "Helvetica Neue", Helvetica, tahoma, Arial, sans-serif;
	color: #333333;
}

.x-fieldset-collapsed {
	border: none; /* border on collapsed fieldset does not look good */
}

.x-trigger-cell {
	background: transparent;
}

.toggle-filter {
	border: 1px solid #d0d0d0;
}

.toggle-filter .x-btn-default-toolbar-small-over {
	border-color: #157fcc;
	background-image: none;
	background-color: #3386c2;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#4792c8),color-stop(50%,#3386c2),color-stop(51%,#307fb8),color-stop(100%,#3386c2));
	background-image: -webkit-linear-gradient(top,#4792c8,#3386c2 50%,#307fb8 51%,#3386c2);
	background-image: -moz-linear-gradient(top,#4792c8,#3386c2 50%,#307fb8 51%,#3386c2);
	background-image: -o-linear-gradient(top,#4792c8,#3386c2 50%,#307fb8 51%,#3386c2);
	background-image: linear-gradient(top,#4792c8,#3386c2 50%,#307fb8 51%,#3386c2);
}
.toggle-filter .x-btn-default-toolbar-small {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 12px;
	border-width: 1px;
	border-style: solid;
	background-image: none;
	background-color: #3892d3;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#4b9cd7),color-stop(50%,#3892d3),color-stop(51%,#358ac8),color-stop(100%,#3892d3));
	background-image: -webkit-linear-gradient(top,#4b9cd7,#3892d3 50%,#358ac8 51%,#3892d3);
	background-image: -moz-linear-gradient(top,#4b9cd7,#3892d3 50%,#358ac8 51%,#3892d3);
	background-image: -o-linear-gradient(top,#4b9cd7,#3892d3 50%,#358ac8 51%,#3892d3);
	background-image: linear-gradient(top,#4b9cd7,#3892d3 50%,#358ac8 51%,#3892d3);
}

.toggle-filter .x-btn-default-toolbar-small .x-btn-inner {
	color: white;
}

.toggle-filter .x-toolbar-default .x-tool-img {
	background-image: url(../../extjs/resources/ext-theme-neptune/images/tools/tool-sprites.png);
	background-color: transparent;
}

.toggle-filter .x-btn-default-toolbar-small .x-btn-glyph {
    color: white;
    opacity: 0.8;
}

/* increase tab height */
.x-border-box .x-tab-bar-top .x-tab-bar-body-default-plain, .x-border-box .x-tab-default-top {
	height: 32px;
}

/*
 * button styles
 */

.x-btn-disabled {
	opacity: 0.5;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}

/* Secondary - Large */
.x-btn-secondary-large {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	padding: 3px 3px 3px 3px;
	border-width: 1px;
	border-style: solid;
	background-image: none;
	background-color: white;
}

.x-btn-secondary-large .x-btn-inner {
	font-size: 16px;
	font-weight: bold;
	font-family: helvetica,arial,verdana,sans-serif;
	color: #3892d3;
	padding: 0 10px;
	line-height: 32px;
}

/* Small buttons */
.x-btn-default-small, .x-btn-yes-small, .x-btn-ok-small, .x-btn-no-small, .x-btn-neutral-small, .x-btn-clear-small, .x-btn-clear-bordered-small {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	padding: 3px 8px 3px 8px; /* all small buttons should have more horizontal padding */
	border-width: 1px;
	border-style: solid;
}

.x-btn-yes-small .x-btn-inner, .x-btn-ok-small .x-btn-inner,
.x-btn-no-small .x-btn-inner, .x-btn-neutral-small .x-btn-inner,
.x-btn-clear-small .x-btn-inner, .x-btn-clear-bordered-small .x-btn-inner {
	font-size: 12px;
	font-weight: bold;
	font-family: helvetica,arial,verdana,sans-serif;
	padding: 0px 5px;
	line-height: 16px;
}

.x-btn-yes-small-icon-text-left .x-btn-inner, .x-btn-ok-small-icon-text-left .x-btn-inner,
.x-btn-no-small-icon-text-left .x-btn-inner, .x-btn-neutral-small-icon-text-left .x-btn-inner,
.x-btn-clear-small-icon-text-left .x-btn-inner,  .x-btn-clear-bordered-small-icon-text-left .x-btn-inner,
.x-btn-clear-toolbar-small-icon-text-left .x-btn-inner
{
	line-height: 16px;
	padding-left: 21px;
}

.x-btn-clear-small-icon-text-right .x-btn-inner
{
    line-height: 16px;
    padding-right: 21px;
}

.x-btn-clear-small .x-btn-icon-el, .x-btn-clear-toolbar-small .x-btn-icon-el,
.x-btn-yes-small .x-btn-icon-el, .x-btn-yes-toolbar-small .x-btn-icon-el,
.x-btn-no-small .x-btn-icon-el, .x-btn-no-toolbar-small .x-btn-icon-el
{
    color: #555555;
    opacity: 0.8;
    width: 16px;
    font-size: 13px;
}

.x-btn-yes-small .x-btn-icon-el, .x-btn-yes-toolbar-small .x-btn-icon-el,
.x-btn-no-small .x-btn-icon-el, .x-btn-no-toolbar-small .x-btn-icon-el {
    margin-top: -3px;
}

.x-btn-yes-small .x-btn-icon-el, .x-btn-no-small .x-btn-icon-el {
    font-size: 15px;
}

.approvepunchonly .x-btn-yes-small .x-btn-icon-el {
    opacity: 0.5;
}

.x-icon-text-left .x-btn-icon-el
{
    right: auto;
}

.x-icon-text-right .x-btn-icon-el {
    left: auto;
}

/* Yes - Small */
.x-btn-yes-small {
	border-color: #698B69;
	background-color: #71C671;
}

.x-btn-yes-small .x-btn-inner {
	color: #F2F2F2;
}

/* Ok - Small */
.x-btn-ok-small {
	border-color: #387038;
	background-color: #5BB75B;
}

.x-btn-ok-small .x-btn-inner {
	color: #F2F2F2;
}

/* No - Small */
.x-btn-no-small {
	border-color: #c70505;
	background-color: #D85050;
}

.x-btn-no-small .x-btn-inner {
	color: #F2F2F2;
}

/* Neutral - Small */
.x-btn-neutral-small {
	border-color: #999999;
	background-color: #cccccc;
}

.x-btn-neutral-small .x-btn-inner {
	color: black;
}

/* Clear - Small */
.x-btn-clear-small {
	border: none;
	background-color: transparent;
}

.x-btn-clear-small .x-btn-inner, .x-btn-clear-bordered-small .x-btn-inner, .toggle-filter .x-btn-clear-toolbar-small .x-btn-inner {
	color: #3892d3;
}

/* Clear w/ border - Small */
.x-btn-clear-bordered-small {
	border-color: #cccccc;
	background-color: transparent;
}

/* Toolbar buttons */

.x-btn-clear-toolbar-small {
	border: none;
	background-image: none;
	background-color: transparent;
}
.x-btn-clear-toolbar-small {
	border: none;
}

.x-btn-clear-toolbar-small-icon .x-btn-button, .x-btn-clear-toolbar-small-noicon .x-btn-button {
	height: 16px;
}

.x-btn-clear-toolbar-small-icon .x-btn-inner {
	width: 16px;
	padding: 0;
}
.x-btn-clear-toolbar-small-icon .x-btn-inner, .x-btn-clear-toolbar-small-noicon .x-btn-inner {
	line-height: 16px;
}

.x-btn-clear-toolbar-small .x-btn-inner {
	font-size: 12px;
	font-weight: bold;
	font-family: helvetica,arial,verdana,sans-serif;
	color: #666;
}

.x-btn-clear-toolbar-small-icon .x-btn-icon-el {
	width: 16px;
	height: 16px;
}

/* Fix for the following bug in 4.2: http://www.sencha.com/forum/showthread.php?264688-Ext.picker.Month-bottom-cut-off */
.x-monthpicker-buttons {
    position: relative;
}
.x-datepicker .x-monthpicker-buttons {
    position: absolute;
}

/* make duration form field font size a little smaller than regular text fields */
.x-form-duration .x-form-text {
	font-size: 12px;
	width: 50px;
}

.x-column-header {
    padding: 5px 0px;
}

[class^="icon-"], [class*=" icon-"] {
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: "FontAwesome";
}

.feedback .choices span {
	font-family: 'icomoon';
}

.icon-smiley:before {
	content: "\e602";
}
.icon-smiley2:before {
	content: "\e603";
}
.icon-sad:before {
	content: "\e604";
}
.icon-sad2:before {
	content: "\e605";
}
.icon-neutral:before {
	content: "\e606";
}
.icon-neutral2:before {
	content: "\e607";
}
.icon-file-pdf-o:before {
	content: "\f1c1";
}

.x-container .icon-question:before {
	content: "\E195";
  font-family: GlyphiconsRegular;
}

.x-container .icon-email:before {
	content: "\E123";
  font-family: GlyphiconsRegular;
}