.clearfix:after,
.container-fluid:after,
.container:after,
.notes-list > li:after,
.modal-dialog .head:after {
	content: "";
	display: block;
	clear: both;
}

.ellipsis {
	white-space: nowrap; /* 1 */
	text-overflow: ellipsis; /* 2 */
	overflow: hidden;
}

@font-face {
	font-family: "fontello";
	src: url("/Includes/fonts/fontello.eot?79523842");
	src: url("/Includes/fonts/fontello.eot?79523842#iefix") format("embedded-opentype"), url("/Includes/fonts/fontello.svg?79523842") format("svg"), url("/Includes/fonts/fontello.woff2?79523842") format("woff2"), url("/Includes/fonts/fontello.woff?79523842") format("woff"), url("/Includes/fonts/fontello.ttf?79523842") format("truetype");
	font-weight: normal;
	font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */

/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */

/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../fonts/fontello.svg?79523842#fontello') format('svg');
  }
}
*/

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: auto;
	margin-right: 0;
	text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none; /* fix buttons height, for twitter bootstrap */
	line-height: inherit; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */
	margin-left: 0; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-arrow-combo:before {
	content: "\e800";
}

/* '' */

.icon-calendar:before {
	content: "\e801";
}

/* '' */

.icon-cancel-circle:before {
	content: "\e802";
}

/* '' */

.icon-cog:before {
	content: "\e803";
}

/* '' */

.icon-user:before {
	content: "\e9fa";
}

/* '' */

.icon-angle-double-right:before {
	content: "\f101";
}

/* '' */

.icon-expand:before { content: '\e808'; }
 
.icon-shrink:before { content: '\ea7b'; }

/*! jQuery UI - v1.11.4 - 2015-11-30
* http://jqueryui.com
* Includes: core.css, autocomplete.css, datepicker.css, menu.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden {
	display: none;
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}

.ui-helper-clearfix:after {
	clear: both;
}

.ui-helper-clearfix {
	min-height: 0;
}

.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}

.ui-state-disabled {
	cursor: default !important;
}

.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}

.ui-datepicker .ui-datepicker-next {
	right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}

.ui-datepicker table {
	width: 100%;
	font-size: 1em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}

.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}

.ui-datepicker td {
	border: 0;
	padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

.ui-datepicker.ui-datepicker-multi {
	width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}

.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

.ui-datepicker-rtl {
	direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
}

.ui-menu .ui-menu {
	position: absolute;
}

.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 3px 1em 3px .4em;
	cursor: pointer;
	min-height: 0;
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

.ui-menu-icons {
	position: relative;
}

.ui-menu-icons .ui-menu-item {
	padding-left: 2em;
}

.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}

.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}

.ui-widget .ui-widget {
	font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}

.ui-widget-content {
	border: 1px solid #ddd;
	background: #fff;
	color: #333;
}

.ui-widget-content a {
	color: #333;
}

.ui-widget-header {
	border: 1px solid #ddd;
	background: #e9e9e9;
	color: #333;
	font-weight: bold;
}

.ui-widget-header a {
	color: #333;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #454545;
	text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #ccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #003eff;
	background: #5586b7;
	font-weight: normal;
	color: #fff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #fff;
	text-decoration: none;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #204976;
	color: #fff;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter: Alpha(Opacity=70);
	font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter: Alpha(Opacity=35);
	background-image: none;
}

.ui-state-disabled .ui-icon {
	filter: Alpha(Opacity=35);
}

.ui-icon {
	width: 16px;
	height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("../../images/new/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
	background-image: url("../../images/new/ui-icons_444444_256x240.png");
}

.ui-state-default .ui-icon {
	background-image: url("../../images/new/ui-icons_777777_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("../../images/new/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon {
	background-image: url("../../images/new/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon {
	background-image: url("../../images/new/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("../../images/new/ui-icons_cc0000_256x240.png");
}

.ui-icon-blank {
	background-position: 16px 16px;
}

.ui-icon-carat-1-n {
	background-position: 0 0;
}

.ui-icon-carat-1-ne {
	background-position: -16px 0;
}

.ui-icon-carat-1-e {
	background-position: -32px 0;
}

.ui-icon-carat-1-se {
	background-position: -48px 0;
}

.ui-icon-carat-1-s {
	background-position: -64px 0;
}

.ui-icon-carat-1-sw {
	background-position: -80px 0;
}

.ui-icon-carat-1-w {
	background-position: -96px 0;
}

.ui-icon-carat-1-nw {
	background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
	background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
	background-position: -144px 0;
}

.ui-icon-triangle-1-n {
	background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
	background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
	background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
	background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
	background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
	background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
	background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
	background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
	background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
	background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
	background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
	background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
	background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
	background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
	background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
	background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
	background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
	background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
	background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
	background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
	background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
	background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
	background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
	background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
	background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
	background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
	background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
	background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
	background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
	background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
	background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
	background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
	background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
	background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
	background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
	background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
	background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
	background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
	background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
	background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
	background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
	background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
	background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
	background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
	background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
	background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
	background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
	background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
	background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
	background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
	background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
	background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
	background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
	background-position: -176px -64px;
}

.ui-icon-arrow-4 {
	background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
	background-position: -16px -80px;
}

.ui-icon-extlink {
	background-position: -32px -80px;
}

.ui-icon-newwin {
	background-position: -48px -80px;
}

.ui-icon-refresh {
	background-position: -64px -80px;
}

.ui-icon-shuffle {
	background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
	background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
	background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
	background-position: 0 -96px;
}

.ui-icon-folder-open {
	background-position: -16px -96px;
}

.ui-icon-document {
	background-position: -32px -96px;
}

.ui-icon-document-b {
	background-position: -48px -96px;
}

.ui-icon-note {
	background-position: -64px -96px;
}

.ui-icon-mail-closed {
	background-position: -80px -96px;
}

.ui-icon-mail-open {
	background-position: -96px -96px;
}

.ui-icon-suitcase {
	background-position: -112px -96px;
}

.ui-icon-comment {
	background-position: -128px -96px;
}

.ui-icon-person {
	background-position: -144px -96px;
}

.ui-icon-print {
	background-position: -160px -96px;
}

.ui-icon-trash {
	background-position: -176px -96px;
}

.ui-icon-locked {
	background-position: -192px -96px;
}

.ui-icon-unlocked {
	background-position: -208px -96px;
}

.ui-icon-bookmark {
	background-position: -224px -96px;
}

.ui-icon-tag {
	background-position: -240px -96px;
}

.ui-icon-home {
	background-position: 0 -112px;
}

.ui-icon-flag {
	background-position: -16px -112px;
}

.ui-icon-calendar {
	background-position: -32px -112px;
}

.ui-icon-cart {
	background-position: -48px -112px;
}

.ui-icon-pencil {
	background-position: -64px -112px;
}

.ui-icon-clock {
	background-position: -80px -112px;
}

.ui-icon-disk {
	background-position: -96px -112px;
}

.ui-icon-calculator {
	background-position: -112px -112px;
}

.ui-icon-zoomin {
	background-position: -128px -112px;
}

.ui-icon-zoomout {
	background-position: -144px -112px;
}

.ui-icon-search {
	background-position: -160px -112px;
}

.ui-icon-wrench {
	background-position: -176px -112px;
}

.ui-icon-gear {
	background-position: -192px -112px;
}

.ui-icon-heart {
	background-position: -208px -112px;
}

.ui-icon-star {
	background-position: -224px -112px;
}

.ui-icon-link {
	background-position: -240px -112px;
}

.ui-icon-cancel {
	background-position: 0 -128px;
}

.ui-icon-plus {
	background-position: -16px -128px;
}

.ui-icon-plusthick {
	background-position: -32px -128px;
}

.ui-icon-minus {
	background-position: -48px -128px;
}

.ui-icon-minusthick {
	background-position: -64px -128px;
}

.ui-icon-close {
	background-position: -80px -128px;
}

.ui-icon-closethick {
	background-position: -96px -128px;
}

.ui-icon-key {
	background-position: -112px -128px;
}

.ui-icon-lightbulb {
	background-position: -128px -128px;
}

.ui-icon-scissors {
	background-position: -144px -128px;
}

.ui-icon-clipboard {
	background-position: -160px -128px;
}

.ui-icon-copy {
	background-position: -176px -128px;
}

.ui-icon-contact {
	background-position: -192px -128px;
}

.ui-icon-image {
	background-position: -208px -128px;
}

.ui-icon-video {
	background-position: -224px -128px;
}

.ui-icon-script {
	background-position: -240px -128px;
}

.ui-icon-alert {
	background-position: 0 -144px;
}

.ui-icon-info {
	background-position: -16px -144px;
}

.ui-icon-notice {
	background-position: -32px -144px;
}

.ui-icon-help {
	background-position: -48px -144px;
}

.ui-icon-check {
	background-position: -64px -144px;
}

.ui-icon-bullet {
	background-position: -80px -144px;
}

.ui-icon-radio-on {
	background-position: -96px -144px;
}

.ui-icon-radio-off {
	background-position: -112px -144px;
}

.ui-icon-pin-w {
	background-position: -128px -144px;
}

.ui-icon-pin-s {
	background-position: -144px -144px;
}

.ui-icon-play {
	background-position: 0 -160px;
}

.ui-icon-pause {
	background-position: -16px -160px;
}

.ui-icon-seek-next {
	background-position: -32px -160px;
}

.ui-icon-seek-prev {
	background-position: -48px -160px;
}

.ui-icon-seek-end {
	background-position: -64px -160px;
}

.ui-icon-seek-start {
	background-position: -80px -160px;
}

.ui-icon-seek-first {
	background-position: -80px -160px;
}

.ui-icon-stop {
	background-position: -96px -160px;
}

.ui-icon-eject {
	background-position: -112px -160px;
}

.ui-icon-volume-off {
	background-position: -128px -160px;
}

.ui-icon-volume-on {
	background-position: -144px -160px;
}

.ui-icon-power {
	background-position: 0 -176px;
}

.ui-icon-signal-diag {
	background-position: -16px -176px;
}

.ui-icon-signal {
	background-position: -32px -176px;
}

.ui-icon-battery-0 {
	background-position: -48px -176px;
}

.ui-icon-battery-1 {
	background-position: -64px -176px;
}

.ui-icon-battery-2 {
	background-position: -80px -176px;
}

.ui-icon-battery-3 {
	background-position: -96px -176px;
}

.ui-icon-circle-plus {
	background-position: 0 -192px;
}

.ui-icon-circle-minus {
	background-position: -16px -192px;
}

.ui-icon-circle-close {
	background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
	background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
	background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
	background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
	background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
	background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
	background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
	background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
	background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
	background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
	background-position: -192px -192px;
}

.ui-icon-circle-check {
	background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
	background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
	background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
	background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
	background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
	background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
	background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
	background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
	background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
	background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
	background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
	background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
	background-position: -80px -224px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

.ui-widget-overlay {
	background: #aaa;
	opacity: .3;
	filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
	margin: 0 0 0 0;
	padding: 5px;
	background: #666;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}

.ui-timepicker-wrapper {
	overflow-y: auto;
	max-height: 150px;
	width: 96px;
	background: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	outline: 0;
	z-index: 10052;
	margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
	width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
	width: 11em;
}

.ui-timepicker-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ui-timepicker-duration {
	margin-left: 5px;
	color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
	color: #888;
}

.ui-timepicker-list li {
	padding: 3px 0 3px 5px;
	cursor: pointer;
	white-space: nowrap;
	color: #000;
	list-style: none;
	margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
	background: #fff;
	color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
	background: #1980ec;
	color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
	color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	color: #888;
	cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	background: #f2f2f2;
}

/* custom select styles */

.jcf-select {
	display: inline-block;
	vertical-align: top;
	position: relative;
	border: 1px solid #c6c6c6;
	background: #fff;
	margin: 0;
	min-width: 166px;
	height: 25px;
	border-radius: 5px;
    max-width: 166px;
}

.jcf-select select {
	z-index: 1;
	left: 0;
	top: 0;
}

.jcf-select .jcf-select-text {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
	display: block;
	font-size: 14px;
	line-height: 23px;
	margin: 0 30px 0 8px;
}

.jcf-select .jcf-select-opener {
	position: absolute;
	text-align: center;
	width: 25px;
	bottom: 0;
	right: 0;
	top: 0;
	border-left: 1px solid #c6c6c6;
}

.jcf-select .jcf-select-opener:after {
	content: "\e800";
	font-family: "fontello";
	position: absolute;
	right: 10px;
	top: 50%;
	font-size: 11px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

body > .jcf-select-drop {
	position: absolute;
	margin: -1px 0 0;
	z-index: 9999;
}

body > .jcf-select-drop.jcf-drop-flipped {
	margin: 1px 0 0;
}

.jcf-select .jcf-select-drop {
	position: absolute;
	margin-top: 0;
	z-index: 9999;
	top: 100%;
	left: -1px;
	right: -1px;
}

.jcf-select .jcf-drop-flipped {
	bottom: 100%;
	top: auto;
}

.jcf-select-drop .jcf-select-drop-content {
	border-radius: 5px;
	overflow: hidden;
	border: 1px solid #c6c6c6;
}

/* multiple select styles */

.jcf-list-box {
	overflow: hidden;
	display: inline-block;
	border: 1px solid #b8c3c9;
	min-width: 200px;
	margin: 0 15px;
}

/* select options styles */

.jcf-list {
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: #fff;
	line-height: 18px;
	font-size: 16px;
	width: 100%;
}

.jcf-list .jcf-list-content {
	vertical-align: top;
	display: inline-block;
	overflow: auto;
	width: 100%;
}

.jcf-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.jcf-list ul li {
	overflow: hidden;
	display: block;
}

.jcf-list .jcf-overflow {
	overflow: auto;
}

.jcf-list .jcf-option {
	overflow: hidden;
	cursor: default;
	display: block;
	padding: 5px 9px;
	color: #656565;
	height: 1%;
}

.jcf-list .jcf-disabled {
	background: #fff !important;
	color: #aaa !important;
}

.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
	background: #e6e6e6;
	color: #000;
}

.jcf-list .jcf-optgroup-caption {
	white-space: nowrap;
	font-weight: bold;
	display: block;
	padding: 5px 9px;
	cursor: default;
	color: #000;
}

.jcf-list .jcf-optgroup .jcf-option {
	padding-left: 30px;
}

#header {
	z-index: 100;
	position: relative;
}

#header .container-fluid {
	padding-top: 7px;
	padding-bottom: 8px;
}

.logo {
	float: left;
	width: 93px;
	position: relative;
	z-index: 9999;
}

.logo img {
	width: 100%;
	height: auto;
}

.nav-opener {
	width: 23px;
	height: 18px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.nav-opener:before,
.nav-opener span,
.nav-opener:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 4px;
	background: #feab2c;
	-webkit-transition: all .30s ease-in-out;
	transition: all .30s ease-in-out;
}

.nav-opener span {
	top: 7px;
}

.nav-opener:after {
	top: 14px;
}

.nav-active .nav-opener span {
	opacity: 0;
}

.nav-active .nav-opener:after,
.nav-active .nav-opener:before {
	top: 7px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.nav-active .nav-opener:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.header-content {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.select-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.select-area .select-item {
	display: inline-block;
	vertical-align: top;
	padding: 0 15px 0 0;
}

.select-area .select-item .jcf-select {
	width: 100%;
}

.software-info {
	display: none;
}

.software-info .btn-outline-primary {
	min-width: 180px;
	background: #fff;
}

.software-info .updates {
	font-weight: 400;
	padding: 10px 0 0;
	display: block;
	color: #666;
}

.software-info .updates .num {
	color: #fff;
	width: 17px;
	height: 17px;
	border-radius: 100%;
	font-weight: 700;
	background: #feab2c;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
}

.software-info .updates .text {
	padding: 0 0 0 3px;
	display: inline-block;
	vertical-align: middle;
}

.sub-info {
	font-size: 14px;
	line-height: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: 0 21px;
	padding: 0 0 6px;
	border-bottom: 1px solid #bfbfbf;
}

.sub-info li {
	text-align: center;
	padding: 0 3px 6px;
}

.sub-info a {
	color: #5586b7;
	display: block;
	text-decoration: none;
}

.sub-info .text {
	display: block;
}

.navbar {
	padding: 6px 0;
	margin: 0;
	pointer-events: auto;
	background: #e1e1e1;
}

.navbar .nav-item.show .nav-link,
.navbar .nav-item.active .nav-link {
	color: #fff;
	background: #bababa;
}

.navbar .nav-item.show .dropdown-toggle:after {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.navbar .dropdown-menu {
	padding: 0;
	border: 0;
	margin: 0;
	font-size: 14px;
	line-height: 18px;
	border-radius: 0;
	background: #cdcdcd;
}

.navbar .dropdown-menu .dropdown-item:hover {
	background: #e6e6e6;
}

.navbar .dropdown-item {
	padding: 8px 38px 7px;
}

.navbar .dropdown-toggle:after {
	-webkit-transition: all .30s ease;
	transition: all .30s ease;
}

.navbar .collapse:not(.show) {
	display: block;
}

.nav-link {
	outline: none !important;
	box-shadow: none !important;
}

.nav-link:focus,
.nav-link:active {
	outline: none !important;
	box-shadow: none !important;
}

.navbar-expand-md .navbar-nav {
	font-size: 13px;
}

.navbar-expand-md .navbar-nav .nav-link {
	color: #000;
	padding: 7px 22px 6px;
}

.navbar-expand-md .navbar-nav .nav-link:hover {
	color: #fff;
	background: #bababa;
}

#folio table td:nth-child(8),
#folio table th:nth-child(8) {
	text-align: right;
}

.user-info {
	margin: 0 15px;
	padding: 0 0 10px;
	border-bottom: 1px solid #bababa; /*@include media('>=widescreen') {
		position: absolute;
		right: 205px;
		left: 16px;
		top: 4px;
		padding: 0;
		text-align: left;
	}
	@include media('>=1400px') {
		right: 252px;
	}*/
}

.user-area {
	display: inline-block;
	vertical-align: middle;
	float: right;
}

.user-area .logout {
	float: right;
	color: #5586b7;
	text-decoration: none;
}

.user-area .logout:hover {
	color: #000;
}

.user-area .user-name {
	padding: 0 15px 0 0;
}

.user-area .user-name a {
	position: relative;
	color: #666;
	text-decoration: none;
	padding: 0 0 0 15px;
}

.user-area .user-name a:before {
	content: "\e9fa";
	font-family: "fontello";
	position: absolute;
	left: 0;
	top: 0;
	font-size: 10px;
	line-height: 16px;
}

.user-area .user-name a:hover {
	color: #5586b7;
}

#wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.container-fluid,
.container {
	padding-left: 10px;
	padding-right: 10px;
}

.js-tab-hidden {
	display: block !important;
	left: -9999px !important;
	position: absolute !important;
	top: -9999px !important;
}

.close {
	opacity: 1;
}

.custom-checkbox {
	margin: 5px 0 0;
}

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

.custom-checkbox .fake-input {
	width: 12px;
	height: 12px;
	display: block;
	position: relative;
	border: 1px solid #959595;
}

.custom-checkbox .fake-input:before {
	content: "";
	width: 8px;
	height: 5px;
	position: absolute;
	top: 50%;
	left: 50%;
	border: 2px solid #959595;
	border-width: 0 0 2px 2px;
	opacity: 0;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin: -4px 0 0 -4px;
}

.custom-checkbox input[type="checkbox"]:checked + .fake-input:before {
	opacity: 1;
}

.custom-radio {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0;
	text-decoration: none;
}

.custom-radio input[type="radio"] {
	display: none;
}

.custom-radio .fake-input {
	width: 16px;
	height: 16px;
	display: block;
	position: relative;
	border: 5px solid #cdcdcd;
	background: #cdcdcd;
	border-radius: 100%;
}

.custom-radio.active .fake-input,
.custom-radio input[type="radio"]:checked + .fake-input {
	background: #fff;
	border-color: #007bff;
}

.custom-radio .label {
	color: #5586b7;
	padding: 0 5px 0 0;
}

.custom-radio:hover {
	text-decoration: none;
}

.btn {
	font-size: 14px;
	line-height: 18px;
	padding: 3px 10px;
	border-radius: 7px;
}

.btn:active:focus:not(:disabled):not(.disabled),
.btn.active:focus:not(:disabled):not(.disabled),
.btn:active:not(:disabled):not(.disabled),
.btn.active:not(:disabled):not(.disabled),
.btn:focus,
.btn:hover {
	box-shadow: none !important;
}

.btn-outline-primary,
.btn-primary {
	color: #000;
	background: #f2f2f2;
	border-color: #c6c6c6;
}

.btn-outline-primary:active:focus:not(:disabled):not(.disabled),
.btn-outline-primary.active:focus:not(:disabled):not(.disabled),
.btn-outline-primary:active:not(:disabled):not(.disabled),
.btn-outline-primary.active:not(:disabled):not(.disabled),
.btn-outline-primary:focus,
.btn-outline-primary:hover,
.btn-primary:active:focus:not(:disabled):not(.disabled),
.btn-primary.active:focus:not(:disabled):not(.disabled),
.btn-primary:active:not(:disabled):not(.disabled),
.btn-primary.active:not(:disabled):not(.disabled),
.btn-primary:focus,
.btn-primary:hover {
	color: #000;
	border-color: #c6c6c6;
	background: none;
}

.btn-outline-primary {
	background: none;
}

.btn-outline-primary:active:focus:not(:disabled):not(.disabled),
.btn-outline-primary.active:focus:not(:disabled):not(.disabled),
.btn-outline-primary:active:not(:disabled):not(.disabled),
.btn-outline-primary.active:not(:disabled):not(.disabled),
.btn-outline-primary:focus,
.btn-outline-primary:hover {
	background: #f2f2f2;
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
	color: #000;
	opacity: .50;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
	border-bottom-color: transparent;
}

.nav-tabs {
	border-bottom: 0 !important;
	position: relative; /*This was added to help the tab horz line appear*/
}

.nav-tabs:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	min-width: 768px;
	background: #cacaca;
}

.nav-tabs .nav-item {
	margin-bottom: 0;
}

.nav-tabs .nav-link {
	font-weight: 700;
	color: #feab2c;
	position: relative;
	padding: 6px 7px 7px;
	z-index: 10;
}

.nav-tabs .nav-link:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 1px;
	background: #fff;
}

.nav-pills {
	border: 1px solid #999;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	font-weight: 700;
	border-radius: 5px;
	overflow: hidden;
	letter-spacing: -.32em;
}

.nav-pills .nav-item {
	letter-spacing: 0;
	display: inline-block;
	vertical-align: top;
}

.nav-pills .nav-item + .nav-item {
	border-left: 1px solid #999;
}

.nav-pills .nav-link {
	color: #999;
	border-radius: 0;
	background: #fff;
	padding: 6px 15px;
}

.nav-pills .nav-link:hover {
	color: #666;
	background: #ccc;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	color: #666;
	background: #ccc;
}

.form-control {
	color: #000;
	height: 25px;
	padding: 2px 3px 3px;
	font-size: 14px;
	line-height: 20px;
	border-radius: 0;
	border: 1px solid #ccc;
	display: inline-block;
}

 @media (max-width: 1200px) {
.form-control, input {
	font-size: 16px;
}
}

.form-control:focus {
	color: #000;
	box-shadow: none;
	border-color: #ccc;
}

.form-control.yellow {
	background: #fefed0;
}

.form-control.gray {
	background: #e0e0e1;
}

.ui-datepicker-trigger {
	color: #5586b7;
	position: absolute;
	right: 0;
	top: 0;
	background: none;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	width: 20px;
	height: 24px;
	outline: none;
}

.ui-datepicker-trigger:after {
	content: "\e801";
	font-family: "fontello";
	position: absolute;
	right: 0;
	top: 2px;
	font-size: 18px;
	line-height: 20px;
}

.res-complete .ui-datepicker-trigger:after {
	display: none;
}

.tooltip-opener {
	color: #000;
	opacity: 1;
	background: none;
	border: 0;
	padding: 0;
	font-size: 14px;
	line-height: 20px;
	position: relative;
}

.tooltip.show {
	opacity: 1;
}

.tooltip .tooltip-inner {
	opacity: 1;
	max-width: 280px;
	background: #999;
}

.tooltip.bs-tooltip-bottom .arrow:before {
	border-bottom-color: #999;
}

.tooltip.bs-tooltip-top .arrow:before {
	border-top-color: #999;
}

.tooltip.bs-tooltip-right .arrow:before {
	border-right-color: #999;
}

.tooltip.bs-tooltip-left .arrow:before {
	border-left-color: #999;
}

.user-list {
	margin: 0 -6px 4px;
	letter-spacing: -.32em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.user-list li {
	padding: 0 3px 5px;
	letter-spacing: 0;
	display: inline-block;
	vertical-align: middle;
	margin: 0 3px;
}

.user-list a:hover {
	opacity: .80;
}


.table-holder {
	/*max-height: 270px;*/
	max-height: none;
	overflow: auto;
	margin: 0 -10px 16px;
}

#history .table-holder {
	max-height: none;
}

#ModalLong3 {
	padding: 15px 15px 15px 25px;
}

#ModalLong3 .table-holder {
	max-height: none;
}

.table-info {
	background: none;
	padding: 0 0 15px;
}

.table-info .title-head {
	margin: 0 0 6px;
}

.table-info .sub-title {
	color: #666;
}

.table-info .title-head {
	margin-top: 2em;
}

.table-info .table-holder {
	margin: 0;
}

.table-info .user-list {
	float: right;
	margin-bottom: 0;
}

.table-info .user-list li {
	padding-bottom: 0;
}

.table-info .jcf-scrollable {
	height: 153px;
	padding: 0 2px 2px 0;
}
td .adjust {
	padding-left: 1em;
}


.table {
	min-width: 992px;
	margin: 0;
	border-bottom: 1px solid #cacaca; /*.col1{
		width: 12%;
	}
	.col2{
		width: 11%;
	}
	.col3{
		width: 7%;
	}
	.col4{
		width: 22%;
	}
	.col5{
		width: 24%;
	}
	.col6{
		width: 6%;
	}
	.col7{
		width: 14%;
	}
	.col8{
		width: 4%;
	}*/
}

.accordion .table {
/*  min-width: 900px;  */
	min-width: 100%;
}
.accordion .table tr > th:last-of-type,
.accordion .table tr > td:last-of-type,
.last-col-right tr > th:last-of-type,
.last-col-right tr > td:last-of-type {
	text-align: right;
}

.last-col-right tr > td:last-of-type {
	padding-right: 0;
}

.accordion-row-total {
	text-align: right;
	display: inline-block;
	float: right;
}

.table thead {
	color: #fff;
	background: #929191;
}

.table thead th {
	border-top: 0;
	border-bottom: 0;
	border-right: 1px #ccc solid;
}

.table th,
.table td {
	padding: 5px 8px;
	font-weight: 400;
	border-color: #cacaca;
	vertical-align: middle;
}

.table th .tooltip-opener {
	color: #fff;
	text-decoration: underline;
}

.table td {
	height: 41px;
}

.table .user-list {
	margin: 0;
}

.table .user-list li {
	padding: 3px 8px;
}

.table .notes {
	margin: 0 0 0 5px;
}

.grid .col4 a{
	text-decoration: none;
	color: #212529;
}
.legend  {
	display: block;
	width: 101.5%;
	min-height: 20px;
	padding: 10px 0 ;
	position: fixed;
	bottom: 0;
	z-index: 100;
	background-color: #fff;
}
.legend ul {
	margin-left: -24px;
}
.legend li {
	display: inline-block;
	float: left;
	margin-right: 40px;
	margin-bottom: 6px;
}
.color-swatch {
	display: inline-block;
	margin-right: 4px;
    padding: 0 1.3em;
	float: left;
}
@media (max-width: 767px) {
.legend li {
	display: block;
	width: 30%;
	margin-bottom: 2px;
	font-size: 0.8em;
	height: 20px;
}
.legend li {
	margin-right: 9px;
}
.color-swatch {
	padding: 0 0.5em;
}
}

.color1 {
	background-color: #6d969d;
}
.color2 {
	background-color: #fc7985;
}
.color3 {
	background-color: #686598;
}
.color4 {
	background-color: #000000;
}
.color5 {
	background-color: #aebfbf;
}


@media (max-width: 992px) {

.grid .col1,
.grid .col2, 
.grid .col3 {
	display: none;
}
.grid .col4 a{
	text-decoration: none;
	color: #5586b7;
	font-weight: bold;
}
#ModalLong5 .detail-list li {
	font-size: 16px;
	margin-bottom: 0.75em;
}
}


.table.grid {
	/*min-width: 4900px;   ALLOWS THE GIRD TO HAVE SQUARE td CELLS  */
	height: 545px;
}

.table.grid .col1,
.table.grid .col2,
.table.grid .col3,
.table.grid .col4 {
	width: 85px;
	text-align: left;
}

.table.grid th,
.table.grid td {
	width: 45px;
	padding: 5px;
	text-align: center;
	line-height: 1.1em;
}

.table.grid td {
	height: 46px;
}

.table.grid th:nth-child(n+4){
	min-width: 45px;
}
.table.grid td:nth-child(-n+3),
.table.grid th:nth-child(-n+3) {
	width: 69px;
	min-width: 80px;
	max-width: 175px;
	padding: 2px 2px 2px 4px;
}
.table.grid th {
	word-spacing: 9999999px;
}

.table.grid tbody td + td {
	border-left: 1px solid #e1e1e1;
}

.table.grid tbody .col1,
.table.grid tbody .col2,
.table.grid tbody .col3,
.table.grid tbody .col4 {
	background: #d7d7d7;
}

.table.grid tbody .start {
	background: #ffc;
}

.table.grid tbody tr:nth-child(even) .col1,
.table.grid tbody tr:nth-child(even) .col2,
.table.grid tbody tr:nth-child(even) .col3,
.table.grid tbody tr:nth-child(even) .col4 {
	background: #e1e1e1;
}

.table.grid tbody tr:nth-child(even) .start {
	background: #f5f5dc;
}

.table .time-block {
    position: relative;
    display: block;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    margin: -5px;
}
.table .time-block span {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 278px;
    /*outline: 2px dashed #fff;*/
    background: #99c8c8;
    border-radius: 0;
    text-align: left;
    line-height: 35px;
    padding: 5px 8px;
    outline-offset: -2px;
}
.table .time-block a {
    color: #000;
    text-decoration: none;
}
.table .time-block a:hover {
    opacity: 0.70;
}
.table .time-block img {
	background-color: #fff;
	max-height: 25px;
	margin-right: 0px;
}

.table .new-block {
    position: relative;
    display: block;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    margin: -5px;
}
.table .new-block span {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    outline: 2px dashed #fff;
    background: rgb(0, 0, 255);
    border-radius: 0;
    text-align: left;
    line-height: 35px;
    padding: 5px 8px;
    outline-offset: -2px;
}
.table .new-block a {
    color: #000;
    text-decoration: none;
}
.table .new-block a:hover {
    opacity: 0.70;
}
.table .new-block img {
	background-color: #fff;
	max-height: 25px;
	margin-right: 6px;
}



.table .apply {
	color: #5586b7;
	width: 24px;
	height: 24px;
	background: #fff;
	border-radius: 100%;
	border: 1px solid #cacaca;
	display: block;
	text-align: center;
	font-size: 12px;
	line-height: 19px;
	margin: 3px 0;
}

.table .apply:hover {
	color: #fff;
	background: #cacaca;
}

.table .apply i {
	display: block;
	margin: 0 -1px 0 0;
}

.table-striped tbody tr:first-child td {
	border-top: 0;
}

.table-striped tbody tr:nth-of-type(2n) {
	background: #f5f5f5;
}

.table-striped tbody tr:nth-of-type(2n+1) {
	background: #fff;
}

/* USE FOR SMALLER GRID td ON LARGE DISPLAY SIZES */
@media (min-width: 1300px) {
 
.tooltip-opener{
	font-size: 13px;
	/*letter-spacing: 0.07em;*/
    letter-spacing: normal;
	padding-left: 2px;
}

	
}
/* /USE FOR SMALLER GRID td ON LARGE DISPLAY SIZES */ 


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

.dataTables_scrollHead .table.grid {
    height: auto;
}
 
.table.grid.DTFC_Cloned {
    min-width: 0;
        max-width: 100%;
    height: auto;
}
 
.DTFC_LeftBodyLiner {
    overflow-x: hidden !important;
}

body {
	font-size: 14px;
	line-height: 20px;
	min-width: 320px;
}
@media (min-width: 768px) {
body {
	font-size: 14px;
}
}
#sidebar .widget {
	margin: 0 -10px;
	border-bottom: 1px solid #ccc;
}

#sidebar .widget h2 {
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
	margin: 0;
}

#sidebar .widget .opener {
	color: #000;
	text-decoration: none;
}

#sidebar .widget .slide {
	padding: 0 10px;
}

#sidebar .widget .user-list {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

#sidebar .widget.active .opener {
	color: #5586b7;
}

#sidebar .widget.active .opener:after {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	border-top-color: #5586b7;
}

.info-list {
	margin: 0 0 10px;
	padding: 15px 0;
	max-width: 310px;
}

.info-list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: 0 0 5px;
}

.info-list .title {
	color: #5586b7;
	font-weight: 400;
	width: 100px;
	text-align: left;
}

.info-list .detail {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
}

.info-list .detail .btn {
	margin: 0 0 0 13px;
}

.info-list .late {
	font-size: 12px;
	line-height: 16px;
	display: block;
	margin: 0 0 5px;
}

.res-complete .info-list .late {
	margin: -6px 0 0 0;
}

	
.info-list .time-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.info-list address {
	margin: 0;
}

.info-list a {
	color: #000;
	text-decoration: none;
}

.info-list a:hover {
	color: #5586b7;
}

.info-list a.btn-outline-primary:hover,
.info-list a.btn-primary:hover {
	color: #000;
}

.content {
	padding: 8px 0 0;
}

.content-area {
	padding: 8px 0;
}

.content-area > .user-list {
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
}

/*.filter-block {
	margin: 0 0 20px;
}*/

.filter-area {
	position: relative;
	/*margin: 0 0 10px;*/
	z-index: 10;
}

.filter-area .title-area {
	padding: 15px 0 10px;
}

.filter-area .title {
	font-size: 18px;
	line-height: 22px;
	color: #333;
	float: left;
}

.filter-area .filter-opener {
	float: right;
	color: #feab2c;
	text-decoration: none;
	position: relative;
	padding: 0 0 0 20px;
}

.filter-area .filter-opener:before {
	content: "\e803";
	font-family: "fontello";
	position: absolute;
	left: 0;
	top: 0;
	font-size: 16px;
	line-height: 20px;
}

.filter-area .filter-opener:hover {
	color: #000;
}

/*NEW*/
.filter-area .filter-opener.filter-close {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 0;
	color: #999;
	font-size: 30px;
	line-height: 30px;
}

.filter-area .filter-opener.filter-close:before {
	display: none;
}
/*/NEW*/


.filter-area .filter-box .filter-col {
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
}

.filter-area.filter-active .filter-box {
	opacity: 1;
	visibility: visible;
}

.filter-area .btn-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.filter-area .btn-list li {
	max-width: 50%;
}

.filter-box {
	margin: 0 0 10px;
}

.filter-box .filter-col-holder .col-holder {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.filter-box .filter-col-holder .btn-list {
	max-width: 250px;
	margin-left: 10px;
}

.filter-box .form-control {
	width: 104px;
}

.filter-box .field-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: 0 0 10px;
}

.filter-box .field-row button,
.filter-box .field-row label {
	color: #5586b7;
	width: 110px;
	margin: 0;
	padding: 2px 10px 0 0;
}

.filter-box .field-row .input-holder {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
/*	-ms-flex-preferred-size: 0;
	flex-basis: 0;*/
}

.filter-box .field-row .ui-datepicker-trigger {
	width: 20px;
	padding: 0;
}

.filter-box .calendar {
	position: relative;
	padding: 0 25px 0 0;
	display: inline-block;
	vertical-align: top;
}

.btn-list {
	margin: 0 0 11px;
}

.btn-list li {
	padding: 5px;
}

.btn-list .btn {
	min-width: 104px;
}

.sub-detail {
	padding: 9px 12px 0;
	border: 2px solid #ccc;
}

.sub-detail li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	margin: 0 0 8px;
 }

.sub-detail .title {
	color: #5586b7;
	font-weight: 400;
	width: 93px;
	padding: 0 8px 0 0;
	text-align: left;
}

.accordion {
	margin: 0 -10px;
}

.accordion > li {
	padding: 10px 0;
	border-top: 1px solid #cacaca;
}
.accordion > li img {
	max-height: 22px;
	width: auto;
}

.accordion > li img {
	max-height: 22px;
	width: auto;
}



.accordion > li.active .opener:before {
	content: "-";
	line-height: 9px;
}

.accordion .head {
	padding: 0 13px;
}

.accordion .head .user-list {
	float: right;
	margin: -3px 0 -1px;
}



#summary .accordion .number-col {
	width: 100px;
	text-align: right;
	margin-right: -9px;
}


.accordion .opener,
.toggle-all {
    color: #5586b7;
    font-weight: 700;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 0 0 0 23px;
    text-decoration: none;
}

.accordion .opener:before,
.toggle-all:before {
	content: "+";
	font-size: 16px;
	line-height: 11px;
	font-weight: 400;
	width: 13px;
	height: 13px;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #959595;
	text-align: center;
	border: 1px solid #959595;
}

.toggle-all:hover {
    text-decoration: none;
    color: #5586b7;
}

.accordion .note {
	padding: 0 8px 0 30px;
	display: inline-block;
	vertical-align: top;
}

.accordion .slide {
	padding: 0 14px;
}

.accordion .slide p {
	margin: 0;
}

.accordion .slide-holder {
	padding: 8px 0px;
}

.notes-list {
	color: #333;
}

.notes-list > li {
	padding: 10px 0;
}

.notes-list > li + li {
	border-top: 1px dotted #cacaca;
}

.notes-list time {
	font-weight: 700;
}

.notes-list .posted {
	padding: 0 0 0 6px;
}

.notes-list .posted a {
	color: #333;
}

.notes-list .posted a:hover {
	opacity: .80;
}

.notes-list .warning {
	color: #c00;
	font-weight: 700;
}

.notes-list .user-list {
	margin: 4px -6px -3px;
	text-align: left;
}

.notes-list .detail p {
	margin: 0 0 3px;
}

.summary-detail {
	border-top: 1px solid #cacaca;
	padding: 10px 13px;
	background: #fff;
	position: relative;
	margin: 0 -10px -1px;
}

.no-top-border {
	border-top: 0px;
}

.res-complete .summary-detail {
	border-top: 0px solid #cacaca;
}

.res-complete .summary-detail .vert-btn-group{
	max-width: 150px;
}

@media (max-width: 767px) {
.res-complete .summary-detail .vert-btn-group-position{
	position: relative;
	left: calc(100% - 127px);
	margin-top: 0.25em;
}
.btn-primary{
	font-size: 0.85em;
	width: 105px;
}
}
@media (min-width: 768px) and (max-width: 910px) {
.res-complete .summary-detail .vert-btn-group-position{
	position: relative;
	left: 420px;
}
}
@media (min-width: 992px) and (max-width: 1030px) {
.res-complete .summary-detail .vert-btn-group-position{
	position: relative;
	left: 145px;
}
.res-complete .summary-detail .list-holder .first-col {
	display: block;
	width: 100%;
}	
}
@media (min-width: 1031px) and (max-width: 1313px) {
.res-complete .summary-detail .vert-btn-group-position{
	position: relative;
	right: -420px;
}
}
@media (min-width: 1314px) {
.res-complete .summary-detail .vert-btn-group-position{
	position: inherit;
}
}

.res-complete .calendar,
.res-complete .time-select,
.res-complete .num-days,
.res-complete .num-hours {
	float: left;
	margin-right: 1em;
	width: 80px;
	display: inline-block;
}

.res-complete .res-info-mid {
	float: left;
	/*margin-right: 1em;*/
	width: 110px;
	display: inline-block;
}


@media (min-width: 768px) {
	.res-complete .summary-detail .vert-btn-group ul li{
		float: right;
	}
}

.res-complete .summary-detail .horz-btn-group ul li,
.res-complete .summary-detail .vert-btn-group ul li{
	list-style: none;
	display: inline-block;
}
.res-complete .summary-detail .horz-btn-group ul li .btn,
.res-complete .summary-detail .vert-btn-group ul li .btn {
	width: 105px;
	font-size: 0.85em;
}


.summary-detail .list-holder .summary-info .vert-btn-group {
	width: 100%;
}
.summary-detail .list-holder .summary-info .vert-btn-group ul li {
	float: left;
	display: inline-block;
}
.summary-detail .mid-col {
	margin-right: 40px;
}

@media (max-width: 767px) {

.summary-detail .mid-col {
	margin-right: 21px;
}
}


@media (min-width: 768px) {
.res-complete .summary-detail .horz-btn-group ul li {
	display: inline-block;
}
.res-complete .summary-detail .horz-btn-group ul li .btn,
.res-complete .summary-detail .vert-btn-group ul li .btn {
	min-width: 130px;
	width: 110px;
	font-size: 1em;
}
}

.res-complete .summary-detail .horz-btn-group ul,
.res-complete .summary-detail .vert-btn-group ul {
	padding-left: 0em;
}

/* shopping cart */


.shopping-cart > .table {
	min-width: 992px;
}
.shopping-cart .table {
	min-width: 958px;
}
.shopping-cart .list-holder {
	margin-left: 14px;
}

.shopping-cart table tr td {
	border-bottom: 10px;
	padding-right: 12px;
}

.shopping-cart .slide {
	padding: 0 0 0 12px;
}

.shopping-cart table th:nth-child(7),
.shopping-cart table td:nth-child(7) {
	text-align: right;
}


.shopping-cart .section-header {
	font-size: 1.25em;
	font-weight: bold;
	display: inline-block;
	float: left;
	margin: 0.25em 1em 0 0;
}

.shopping-cart .horz-btn-group {
	margin-top: 0.5em;
	float: left;
}
.res-complete .shopping-cart .horz-btn-group ul li .btn {
	width: 75px;
}

@media (min-width: 420px) {
	.shopping-cart .horz-btn-group {
		float: right;
		margin-top: 0.5em;
	}
	.res-complete .shopping-cart .horz-btn-group ul li .btn {
		width: 105px;
	}	
}

.shopping-cart .table .opener {
	color: #5586b7;
	font-weight: 700;
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding: 0 0 0 23px;
	text-decoration: none;
}

.shopping-cart .table .opener:before {
	content: "+";
	font-size: 16px;
	line-height: 11px;
	font-weight: 400;
	width: 13px;
	height: 13px;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #959595;
	text-align: center;
	border: 1px solid #959595;
}
.shopping-cart .table .active .opener:before {
	content: "-";
	line-height: 9px;
}
.shopping-cart tr.cart-item {
	background-color: #dee2e6;
	border-bottom: 2px solid #ccc;
}

.shopping-cart .accordion {
	margin-top: -6px;
}

.shopping-cart .accordion .head .user-list {
	margin-right: -24px;
}



@media (max-width: 1200px) {
.shopping-cart .table-holder .table {
	min-width: 550px;
}
}

.shopping-cart .title-bar {
	border-bottom: 1px solid #ccc;
}
/* shopping cart */



/* docu-sign */

.docu-sign .section-header {
	display: block;
	font-size: 18px;
    line-height: 22px;
    font-weight: 700;
}

.docu-sign iframe {
	width: 290px;
	min-height: 300px;
	float: left;
	margin: 14px 0;
}

.docu-sign .action-area {
	width: 290px;
	text-align: right;
}

/*.docu-sign iframe {
	width: 290px;
	min-height: 300px;
}*/

@media (min-width: 400px) {
.docu-sign iframe {
	width: 380px;
	min-height: 400px;
}	
.docu-sign .action-area {
	width: 380px;
	text-align: right;
}
}

@media (min-width: 640px) {
.docu-sign iframe {
	width: 590px;
	min-height: 500px;
}
.docu-sign .action-area {
	width: 590px;
	text-align: right;
}
}

@media (min-width: 1400px) {
.docu-sign iframe {
	width: 950px;
	min-height: 700px;
}
.docu-sign .action-area {
	width: 950px;
	text-align: right;
}
}





/* / docu-sign */

.summary-detail .title-bar {
	margin: 0 0 5px;
}

.summary-detail .title-bar .user-list {
	float: right;
	margin: 0 -10px;
}

.summary-detail .title-bar .user-list li {
	padding: 0 10px 5px;
}

.summary-detail .total-amount {
	text-align: right;
}

.summary-info {
	margin: 0;
}

.summary-info li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: 0 0 7px;
}


.summary-info .title {
	color: #5586b7;
	font-weight: 400;
	width: 120px;
	text-align: left;
	padding: 0 5px 0 0;
}

.summary-info .detail {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
}

.user-list-holder {
    padding:10px 0 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.user-list-holder .user-list {
	margin: 0;
}

.btn-holder {
	margin: 0 0 30px;
}

.btn-holder .edit {
	padding: 0;
	border: 0;
	color: #5586b7;
	text-decoration: none;
	background: none;
}

.btn-holder .edit:hover {
	color: #000;
}

.modal-holder {
	overflow: hidden;
	height: 0;
	position: relative;
}

.modal {
	display: block !important;
	pointer-events: none;
}

.modal.fade.show {
	pointer-events: auto;
}

.modal-dialog {
	width: calc(100% - 1rem);
	padding: 21px 20px;
	background: #fff;
	border: 1px solid #c6c6c6;
	max-width: 300px;
	min-width: 300px;
	margin: 15px auto 0;
	pointer-events: inherit;
}


.medium-dialog {
	width: calc(100% - 1rem);
	min-width: 60%;
}

.edit-mode textarea {
	width: 100%;
}
.edit-mode button {
	min-width: 100px;
	margin-top: 6px;
}

.modal .edit-link {
	text-align: right;
}

.modal-dialog h2 {
	color: #000;
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
	margin: 0;
	letter-spacing: 1px;
}

.modal-dialog .title {
	color: #666;
	display: block;
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 14px;
}

.modal-dialog .head {
	margin: 0 0 27px;
}

.modal-dialog button.close,
.xclose {
	float: right;
	cursor: pointer;
	font-size: 30px;
	line-height: 30px;
	color: #999;
	text-decoration: none;
	margin: -5px 0 0;
}

.modal-dialog button.close:hover {
	text-decoration: none;
	color: rgba(0, 0, 0, .6);
}

.modal-dialog .btn {
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
	padding: 8px;
	border-radius: 4px;
	color: #666;
}

.modal-dialog.edit {
	width: calc(100% - 1rem);
	max-width: 1150px;
	border: 0;
}

.modal-dialog.edit .head h2 {
	margin: 0 0 36px;
}

.modal-dialog .field-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: 0 -10px 9px;
}

.modal-dialog .field-row label {
	margin: 0 0 4px;
	font-size: 14px;
}

.modal-dialog .field-col {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	width: 55%;
	padding: 0 10px 8px;
}

.modal-dialog .field-col .jcf-select {
	min-width: 100%;
}

.modal-dialog .field-col + .field-col {
	width: 45%;
}

.modal-dialog .calendar {
	position: relative;
	padding: 0 20px 0 0;
	display: inline-block;
	vertical-align: top;
}

.modal-dialog .autocomplete {
	position: relative;
	display: block;
	text-align: center;
}

.modal-dialog .autocomplete:after {
	pointer-events: none;
	content: "\e800";
	font-family: "fontello";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	font-size: 11px;
	line-height: 24px;
	width: 25px;
	height: 24px;
	border-left: 1px solid #c6c6c6;
}

.modal-dialog .autocomplete .form-control {
	padding-right: 30px;
	border-radius: 5px;
}

.modal-dialog .buttons-list .btn {
	padding: 6px;
}

.modal-dialog .multi-day .field-row {
	margin-bottom: 17px;
}

.modal-dialog .tabs-holder {
	position: relative;
	margin: 0 -15px;
}

.tab-detail {
	padding: 15px 0;
}

.summary-list {
	margin: 0 0 15px;
	letter-spacing: 0.02em;
}

.summary-list .sub-title {
	float: left;
	width: 120px;
	color: #5586b7;
}

.summary-list .detail {
	color: #666;
}

.content-box {
	padding: 15px 0;
	margin: 0 -5px;
}

.content-box .title-area {
	margin: 0 0 38px;
}

.content-box .title {
	float: left;
	margin: 6px 0 0;
}

.content-box .user-list {
	float: right;
	margin-bottom: 15px;
}

.content-box .payer {
	text-align: center;
	float: left;
	width: 100%;
}

.content-box .payer .sub-title {
	color: #5586b7;
}

.content-box .payer .jcf-select {
	text-align: left;
	vertical-align: middle;
	min-width: 135px;
	margin: 0 3px;
}

.content-box .nav-pills .nav-item {
	/*max-width: 50%; */
	font-size: 0.9em;
}

.payment-tab {
	max-width: 900px;
	margin: 0 auto;
	border: 1px solid #cdcdcd;
	text-align: center;
}

.payment-tab .holder {
	max-width: 740px;
	margin: 0 auto;
	padding: 10px 0 14px;
	text-align: left;
}

.payment-tab .nav-pills {
	margin: -18px 0 12px;
}

.payment-tab .field-row {
	margin: 0 0 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.payment-tab .field-row label {
	color: #5586b7;
	width: 110px;
	margin: 0px 0 0;
	font-size: 0.9em;
}

.payment-tab .field-row label span {
    color: #ff0000;
}


/* -- required form styling -- */
.required .form-control {
    background-color: #fefed0;
	display: inline-block; /* ADDED */
	width: 94%;  /* ADDED */
    min-width: 6.5em;
}
#cancel .required .form-control {
    text-align: right;
}
span.required  {
    color: red;
	display: inline-block;
	position: relative;
    margin-left: -10px;
}
#ModalLong3 #dates span.required  {
	margin-left: -0.75em;

}
.required input {
	display: inline-block;
	margin: auto 1px;
}

.required2 input {
	background-color: #fefed0;
}

.payment-tab .field-row .input-holder {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
}

.payment-tab .field-row .jcf-select {
	min-width: 100%;
}

.payment-tab .btns-list li {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.radios-list {
	margin: 0 0 11px -5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.radios-list li {
	padding: 0 0 5px 5px;
	width: 38%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.radios-list li:first-child {
	width: 24%;
}

.radios-list .label {
	color: #5586b7;
	font-size: 0.9em;
}

.radios-list .custom-radio {
	margin: 0 0 0 5px;
}

.radios-list.justify-content-start li:first-child {
	width: inherit;
}

.btns-list {
	margin: 0 -4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.btns-list li {
	padding: 0 4px 4px;
}

.btns-list .btn {
	font-size: 16px;
	display: block;
}

.btns-list .btn.disabled {
	opacity: .50;
	pointer-events: none;
}

.btns-list .btn.close {
	opacity: 1;
}

.detail-list {
	color: #666;
	font-size: 13px;
	line-height: 16px;
	letter-spacing: 0.05em;
	margin: 0 0 30px;
}

.modal-dialog .field-row label {
	color: #666;
	font-size: 13px;
	line-height: 16px;
	letter-spacing: 0.05em;
}

.detail-list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: 0 0 6px;
}

.detail-list .sub-title {
	width: 75px;
}

.detail-list .detail {
	font-weight: 700;
}

.detail-list a {
	color: #666;
	text-decoration: none;
}

.detail-list a:hover {
	opacity: .80;
}

.detail-list.use {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: 0 0 9px;
}

.detail-list.use li {
	width: 33.333%;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin: 0;
	padding: 0 5px 17px 0;
}

.detail-list.use li:first-child,
.detail-list.use li:nth-child(3),
.detail-list.use li:nth-child(5) {
	width: 50%;
}


.detail-list.use .sub-title {
	width: 100%;
	margin: 0 0 6px;
}

.buttons-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: 0 -5px;
}

.buttons-list li {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	width: 50%;
	padding: 0 5px 9px;
}

.buttons-list li:first-child {
	width: 100%;
}

.buttons-list .btn {
	font-size: 16px;
	line-height: 20px;
	width: 100%;
}

.time-interval .sub-title {
	margin: 0 0 7px;
	display: block;
	font-size: 14px;
}

.time-interval.time-active .multi-opener {
	background: #f2f2f2;
}

.time-interval.time-active .multi-day {
	opacity: 1;
	visibility: visible;
}

.time-select {
	margin: 0 -6px 3px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.time-select li {
	width: 33.333%;
	padding: 0 6px 14px;
}

.time-select label {
	display: block;
	margin: 0;
}

.time-select label input[type="radio"] {
	display: none;
}

.time-select .fake-input {
	color: #000;
	border: 1px solid #c6c6c6;
	display: block;
	padding: 8px;
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
	text-align: center;
	border-radius: 5px;
	-webkit-transition: all .30s ease;
	transition: all .30s ease;
}

.time-select .fake-input:hover {
	background: #f2f2f2;
}

.time-select input[type="radio"]:checked + .fake-input {
	background: #f2f2f2;
}

.multi-day {
	margin: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .30s ease;
	transition: all .30s ease;
}

.modal-dialog .total-time,
.multi-day .total-time {
	color: #666;
	font-size: 13px;
	line-height: 18px;
	padding: 7px;
	border: 1px solid #c8dd3b;
	text-align: center;
	max-width: 192px;
	margin: 0 auto 19px;
}
.modal-dialog .total-time .sub-title,
.multi-day .total-time .sub-title {
	display: block;
	margin: 0 0 2px;
}
.modal-dialog .total-time .time,
.multi-day .total-time .time {
	display: block;
	font-size: 16px;
	line-height: 20px;
}

.modal-dialog .total-time span.sub-title {
	display: inline-block;
	width: 80px;
}
.modal-dialog .total-time span .time{
	display: inline-block;
	width: 80px;
}
.modal-dialog .total-time .sub-title{
	margin-top: 0.5em;
	margin-left: 0.5em;
	margin-right: 0.25em;
	margin-bottom: 0.4em;
}
#ModalLong2B .btn-outline-primary {
	width: 100%;
	font-size: 16px;
	letter-spacing: 1px;
	color: #fff;
	background: #5586b7;
	border-color: #999;
}

#ModalLong2 .btn-outline-primary,
#ModalLong4 .btn-outline-primary,
.multi-day .btn-outline-primary {
	width: 100%;
	font-size: 16px;
	letter-spacing: 1px;
	color: #fff;
	background: #5586b7;
	border-color: #999;
}

#ModalLong4 input.late-fee {
	max-width: 106px;
}

#ModalLong4 .field-col a.preview-btn{
	width: 110px;
	margin-top: 14px;
	font-size: 14px;
	line-height: 20px;
	background-color: #fff;
}

#ModalLong4 a.return-btn {
	font-size: 16px;
	background-color: #fff;
	color: #666666;
}
#ModalLong4 a.return-btn{
	width: 100%;
}

.res-modal-pagination {
	margin: 15px auto;
}
.res-modal-pagination a,
.res-modal-pagination a:hover {
	padding: 8px;
	text-decoration: none;
}

.modal-dialog .btn-outline-primary:active:focus:not(:disabled):not(.disabled),
.modal-dialog .btn-outline-primary.active:focus:not(:disabled):not(.disabled),
.modal-dialog .btn-outline-primary:active:not(:disabled):not(.disabled),
.modal-dialog .btn-outline-primary.active:not(:disabled):not(.disabled),
.modal-dialog .btn-outline-primary:focus,
.modal-dialog .btn-outline-primary:hover {
	color: #000;
	border-color: #c6c6c6;
	background: #fff;
}

.nav-tabs:after {
	min-width: 100% !important;
}



/* ------------------ ModalLong3 ------------------  */

#ModalLong3 .modal-dialog {
	max-width: 90%;
}

#ModalLong3 #dates tbody tr:last-of-type,
#ModalLong3 #rates tbody tr:last-of-type,
#ModalLong3 #adders tbody tr:last-of-type,
#ModalLong3 #discounts tbody tr:last-of-type,
#ModalLong3 #cancel tbody tr:last-of-type {
	border-top: 2px solid #888;
}

#ModalLong3 #dates table th:nth-child(8),
#ModalLong3 #dates table td:nth-child(8),
#ModalLong3 #dates table th:nth-child(9),
#ModalLong3 #dates table td:nth-child(9),
#ModalLong3 #rates table th:nth-child(6),
#ModalLong3 #rates table td:nth-child(6),
#ModalLong3 #rates table th:nth-child(7),
#ModalLong3 #rates table td:nth-child(7),
#ModalLong3 #adders table th:nth-child(4),
#ModalLong3 #adders table td:nth-child(4),
#ModalLong3 #adders table th:nth-child(5),
#ModalLong3 #adders table td:nth-child(5),
#ModalLong3 #discounts table th:nth-child(6),
#ModalLong3 #discounts table td:nth-child(6),
#ModalLong3 #cancel table th:nth-child(7),
#ModalLong3 #cancel table td:nth-child(7),
#ModalLong3 #cancel table th:nth-child(8),
#ModalLong3 #cancel table td:nth-child(8) {
	text-align: right;
	min-width: 7.5em;
}

#ModalLong3 #dates table th:nth-child(7),
#ModalLong3 #dates table td:nth-child(7) {
	min-width: 5.5em;
}
#ModalLong3 #rates table th:nth-child(5),
#ModalLong3 #rates table td:nth-child(5),
#ModalLong3 #rates table th:nth-child(4),
#ModalLong3 #rates table td:nth-child(4),
#ModalLong3 #rates table th:nth-child(3),
#ModalLong3 #rates table td:nth-child(3),
#ModalLong3 #cancel table th:nth-child(4),
#ModalLong3 #cancel table td:nth-child(4),
#ModalLong3 #cancel table th:nth-child(3),
#ModalLong3 #cancel table td:nth-child(3) {
	min-width: 11em;
}

#ModalLong3 #adders table th:nth-child(1),
#ModalLong3 #adders table td:nth-child(1) {
	width: 36%;
}

#ModalLong3 #dates table td:nth-child(1),
#ModalLong3 #rates table td:nth-child(1),
#ModalLong3 #adders table td:nth-child(1),
#ModalLong3 #discounts table td:nth-child(1) {
	padding-left: 2.5em;
}

#ModalLong3 #dates table td:nth-child(1).h7,
#ModalLong3 #rates table td:nth-child(1).h7,
#ModalLong3 #adders table td:nth-child(1).h7,
#ModalLong3 #discounts table td:nth-child(1).h7,
#ModalLong3 #cancel table td:nth-child(1).h7 {
	padding-left: 1em;
	font-weight: bold;
}
#ModalLong3 #dates table td:nth-child(9) input,
#ModalLong3 #rates table td:nth-child(7) input,
#ModalLong3 #adders table td:nth-child(4) input,
#ModalLong3 #adders table td:nth-child(5) input,
#ModalLong3 #discounts table td:nth-child(6) input {
	text-align: right;
}

#ModalLong3 .above-table .radios-list li {
	width: 100%;
	display: block;
	color: #212529;
}
#ModalLong3 .above-table .radios-list .label {
	color: #212529;
}
#ModalLong3 .above-table p {
	margin-bottom: 0.5rem;
}

.align-right-content {
	text-align: right;
	padding-right: 1.75rem;
}
.align-left-content {
	text-align: left;
	padding-left: 1.75rem;
}

#ModalLong3 #discounts .input-holder{
	max-width: 7em;
	float: right;
}

#ModalLong3 .nudge-right {
margin-right: -4px;
}

#ModalLong3 #rates .col1,
#ModalLong3 #discounts .col1 {
	min-width: 280px;
}
#ModalLong3 #rates table td:nth-child(1) span,
#ModalLong3 #discounts table td:nth-child(1) span {
	float: right;
}

.discounts-name {
	min-width: 130px;
	overflow: hidden;
}

#ModalLong3 #payments .payment-type-table .col1 {
	width: 200px;
}

#ModalLong3 #payments .payment-type-table img {
	width: auto;
	height: 24px;
	margin-left: 8px;
}

#ModalLong3 #payments .payment-type-table .btn {
	font-size: 14px;
	font-weight: normal;
	background-color: #fff;
}
/* ------------------  / ModalLong3 ------------------ */



/* ------------------  ModalLong7 ------------------ */
#ModalLong7 table td{ 
	padding: 0em .2em 1em .5em;
}
@media (max-width: 480px) {
#ModalLong7 table td { 
	padding: 0em .2em 1em .2em;
}
}
@media (min-width: 640px) {
#ModalLong7 table td{
	padding: 0em 2em 1em 2em;
}
}
#ModalLong7 table{ 
	margin: 0 auto 1em auto;
}

#ModalLong7 table th:nth-child(1),
#ModalLong7 table td:nth-child(1) {
	font-weight: bold;
	text-align: right;
}

/* ------------------  / ModalLong7 ------------------ */



/* ------------------  ModalLong8 ------------------ */

#ModalLong8 .modal-dialog {
	min-width: 70%;
} 
#ModalLong8 .summary-info .title {
	color: #5586b7;
	font-size: 12px;
	font-weight: 400;
	width: 100px;
	text-align: left;
	padding: 0 5px 0 0;
}
#ModalLong8 .modal-dialog .title {
	margin: 0;
	line-height: 1.25em;
}
#ModalLong8 input[type="text"],
#ModalLong8 .jcf-select {
	width: 120px;
	display: inline-block;
	min-width: 120px;
	max-height: 1.7em;
}
#ModalLong8 .time-picker,
#ModalLong8 .time-select{
	display: inline-block;
	margin-left: 0px;
}
#ModalLong8 .calendar input {
	width: 6em;
	min-width: 98px;
}
#ModalLong8 .time-select input{
	width: 6em;
	min-width: 75px;
}
#ModalLong8 .summary-info .mid-col li {
	display: block;
	margin: 0 0 7px;
}
#ModalLong8 .time-info button {
	display: block;
}
#ModalLong8 .summary-detail .list-holder .vert-btn-group-position {
    width: 290px;
    position: relative;
    top: 8px;
    left: -40px;
}
#ModalLong8 .icon-group1 {
	width: 100%;
    text-align: right;
	margin-bottom: 2px;
}
#ModalLong8 .icon-group1 img {
	margin-left: 6px;
}
#ModalLong8 .icon-group1 img.link-icon{
	position: relative;
	top: 1px;
}
#ModalLong8 .verification-note {
	text-align: center;
}
#ModalLong8 .verification-note button,
#ModalLong8 .verification-note img,
#ModalLong8 .verification-note input {
	display: inline-block;
	vertical-align: middle;
}
#ModalLong8 .verification-note input {
	width: 50%;
	margin-top: 1px;
}

#ModalLong8 .verification-note .title {
	color: #5586b7;
	font-size: 12px;
	font-weight: 400;
	text-align: left;
	padding: 0 5px 0 0;
}
#ModalLong8 .table {
	min-width: 750px;
}
#ModalLong8 .table th:nth-child(1),
#ModalLong8 .table td:nth-child(1) {
	max-width: 80px;
	text-align: center;
}
#ModalLong8 .table th:nth-child(8),
#ModalLong8 .table td:nth-child(8) {
	text-align: center;
}
#ModalLong8 .btn {
	font-size: 14px;
	font-weight: normal;
	background-color: #fff;
	max-width: 80px;
	margin-right: 3px;
}
#ModalLong8 .summary-detail .vert-btn-group ul li {
	display: inline-block;
	float: left;
}

@media (min-width: 768px) {
#ModalLong8 .time-picker,
#ModalLong8 .time-select{
	display: inline-block;
	margin-left: 16px;
}	
	
#ModalLong8 .summary-detail .list-holder .summary-info {
/*	width: 260px;*/
	width: unset;
}
#ModalLong8 .summary-detail .list-holder .first-col {
	width: 280px;
}
#ModalLong8 .summary-detail .list-holder .first-col .title {
	width: 100px;
}

#ModalLong8 .summary-info .title {
	width: 135px;
    display: inline-block;
}
#ModalLong8 .summary-detail .list-holder .mid-col li {
    float: unset;
	display: block;
}

#ModalLong8 .summary-detail .vert-btn-group ul li .btn {
	min-width: 110px;
	width: 110px;
	font-size: 1em;
}
}
@media (max-width: 480px) {
#ModalLong8 .modal-dialog {
	min-width: 90%;
} 
} 
@media (min-width: 950px) and (max-width: 1350px)  {
#ModalLong8 .summary-detail .list-holder .vert-btn-group-position {
    margin: 0 auto;
}
}
@media (min-width: 1350px) {
#ModalLong8 .summary-detail .list-holder .vert-btn-group-position {
    width: 200px;
    position: relative;
    top: -39px;
    left: -20px;
}
}
.results-qty {
	font-size: 0.8em;
	color: #000;
	font-weight: bold;
	margin-bottom: 0.35em;
}
#ModalLong8 .modal-dialog .head {
	margin: 0 0 14px;
}
/* ------------------  / ModalLong8 ------------------ */



/* ------------------  ModalLong9 ------------------ */

#ModalLong9 .modal-dialog .head {
	margin: 0 0 14px;
}
#ModalLong9 .table {
	min-width: 750px;
}
#ModalLong9 .table-holder {
	margin-bottom: 1em;
}
#ModalLong9 .table th:nth-child(n+6),
#ModalLong9 .table td:nth-child(n+6){
	text-align: right;
	max-width: 100px;
}
#ModalLong9 .table td input {
	text-align: right;
	max-width: 80px;
}
#ModalLong9 .modal-dialog {
	min-width: 70%;
} 
#ModalLong9 .icon-group1{
	text-align: right;
}
#ModalLong9 .clear-btn-container{
	text-align: right;
	width: 100%;
	height: 18px;
}
#ModalLong9 .clear-btn-container .btn {
	width: 100px;
}	
@media (min-width: 1250px) {
#ModalLong9 .clear-btn-container .btn {
	position: relative;
	top: -36px;
}	
}
@media (min-width: 1000px) {
#ModalLong9 .first-col li:nth-child(2){
	margin: 0.5em 0;
}
}
#ModalLong9 .summary-detail .list-holder {
	width: 100%;
}
#ModalLong9 .jcf-select {
	min-width: 100px;
	margin: 4px 0 0 0;
}
@media (max-width: 768px) {
#ModalLong9 .summary-info .title {
	display: block;
}
#ModalLong9 .jcf-select {
	max-width: 200px;
}
#ModalLong9 .clear-btn-container{
	text-align: left;
	width: 100%;
	margin-top: 1em;
}
}
#ModalLong9 .summary-info {
	width: 100%;
	vertical-align: middle;
}
#ModalLong9 .summary-info .title {
	width: 190px;
	margin: 0;
}
#ModalLong9 .summary-info .title {
	color: #5586b7;
	font-size: 12px;
	font-weight: 400;
	text-align: left;
	padding: 0 5px 0 0;
	line-height: 1.2em;
}
#ModalLong9 .table-title {
	font-size: 1em;
	color: #000;
	font-weight: bold;
	margin-bottom: 0.35em;
}
#ModalLong9 .table-top-right {
	font-size: 0.9em;
	color: #333;
	font-weight: normal;
	margin-bottom: -0.35em;
	font-style: italic;
}

#ModalLong9 .table-top-right {
	text-align: right;
	position: relative;
	top: -25px;
}
#ModalLong9 .pre-table {
	height: 1.5em;
}

@media (max-width: 768px) {
#ModalLong9 .pre-table {
	margin: 0 -0.65em;
}
}
/* ------------------  / ModalLong9 ------------------ */


/* ------------------  ModalLong10 ------------------ */
/*#ModalLong10 .summary-info .title {*/
#ModalLong10 .title {
	color: #5586b7;
	font-size: 12px;
	font-weight: 400;
	width: 100px;
	text-align: left;
	padding: 0 5px 0 0;
	margin: 0;
}
#ModalLong10 p {
	margin: 1em 0 0.3em 0;
	font-weight: bolder;
}

#ModalLong10 .required {
	float: left;
	display: inline-block;
	text-align:  left;
}
#ModalLong10 .btn-primary,
#ModalLong10 .btn-outline-primary {
	min-width: 255px;
	width: 90%;
	margin-top: 1em;
}
#ModalLong10 .btn-outline-primary {
	font-weight: normal;
}
#ModalLong10 .field-col {
	margin-left: 18%;
}
#ModalLong10 input[type="text"],
#ModalLong10 .jcf-select {
	width: 120px;
	display: inline-block;
	min-width: 120px;
	max-height: 1.7em;
}

/* ------------------  ModalLong10 ------------------ */


/* ------------------  ModalLong11 ------------------ */

#ModalLong11 .info-list .title {
	color: #5586b7;
	font-weight: 400;
	width: 100px;
	text-align: left;
}

#ModalLong11 .jcf-select {
	margin: 0 10px 0 0;
	width: 172px;
	min-width: 172px;
}
#ModalLong11 .required .jcf-select {
	background-color: #fefed0;
}

#ModalLong11 .jcf-select-drop .jcf-hover {
	width: 100%;
}


@media (min-width: 1200px) {
#ModalLong11 .jcf-select {
	width: 152px;
	min-width: 152px;
}
}

#ModalLong11 #yes-no-select {
	width: 4em;
	min-width: 4em;
}

#ModalLong11 input,
#ModalLong11 select{
	margin: auto 10px auto 0;
	border: 1px #999 solid;
}

#ModalLong11 .info-list .detail {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
}

#ModalLong11 .summary-info li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: 0 0 7px;
}

#ModalLong11 .summary-info .title {
	color: #5586b7;
	font-weight: 400;
	width: 12em;
	text-align: left;
	padding: 0 5px 0 0;
	font-size: 14px;
	line-height: 1.125em;
	margin: 8px 4px 4px 0;
}

#ModalLong11 .summary-info .detail {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
}
#ModalLong11 .side-element input {
	margin-top: 8px;
}

#ModalLong11 span.required {
    color: red;
	display: inline-block;
	position: relative;
    margin-left: -7px;
    padding-right: 2px;
}

@media (max-width: 710px) {
#ModalLong11 span.required {
    color: red;
    display: inline-block;
    position: relative;
	left: -173px;
    top: 23px;
    padding-right: 2px;
}
}

#ModalLong11 .required input {
	background-color: #fefed0;
	border: 1px #999 solid;
}

#ModalLong11 .reassign-link {
	text-align: right;
	margin-bottom: 1em;
	display: block;
    width: 100%;
}
#ModalLong11 .reassign-link a,
#ModalLong11 .reassign-link a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #5586b7;
}
#ModalLong11 .left {
	margin-right: 20px;
}

#ModalLong11 ul.button-set li {
	list-style: none;
	margin-top: 1em;
}
#ModalLong11 .button-set {
	margin: auto;
	display: block;
}
#ModalLong11 .button-set .btn {
	width: 115px;
	margin: auto;
	display: inline-block;
	float: left;
}


@media (min-width: 767px) {
#ModalLong11 .tooltip-opener {
	font-size: 13px;
	letter-spacing: inherit;
}
#ModalLong11 ul.list-unstyled {
	display: inline-block;
	float: left;
}
#ModalLong11 .button-set {
	float: none;
	display: block;
	padding-left: 0;

}
}

@media (min-width: 767px) and (max-width: 1200px) {
#ModalLong11 .side-element {
	display: block;
}
}

@media (min-width: 1200px) {
#ModalLong11 .right-col .title {
	width: 12em !important;
}
}

/* ------------------ / ModalLong11 ------------------ */


/* ------------------  ModalLong12 ------------------ */
#ModalLong12 .jcf-select .jcf-select-text{
	font-size: 16px; 
}
#ModalLong12 input[type="text"]:disabled{
    background-color: #dcdcdc;
    border-color: transparent;
}
#ModalLong12 .info-list .title {
	color: #5586b7;
	font-weight: 400;
	width: 100px;
	text-align: left;
}
#ModalLong12 .jcf-select {
	margin: 0 10px 0 0;
	width: 172px;
	min-width: 172px;
}
#ModalLong12 .required .jcf-select {
	background-color: #fefed0;
}
#ModalLong12 .jcf-select-drop .jcf-hover {
	width: 100%;
}


@media (min-width: 1200px) {
#ModalLong12 .jcf-select {
	width: 152px;
	min-width: 152px;
}
}

#ModalLong12 #yes-no-select {
	width: 4em;
	min-width: 4em;
}

#ModalLong12 input,
#ModalLong12 select{
	margin: auto 10px auto 0;
	border: 1px #999 solid;
}

#ModalLong12 .info-list .detail {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
}

#ModalLong12 .summary-info li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: 0 0 7px;
}

#ModalLong12 .summary-info .title {
	color: #5586b7;
	font-weight: 400;
	width: 12em;
	text-align: left;
	padding: 0 5px 0 0;
	font-size: 14px;
	line-height: 1.125em;
	margin: 8px 4px 4px 0;
}

#ModalLong12 .summary-info .detail {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
}
#ModalLong12 .side-element input {
	margin-top: 8px;
}

#ModalLong12 span.required {
    color: red;
	display: inline-block;
	position: relative;
    margin-left: -7px;
    padding-right: 2px;
}

@media (max-width: 710px) {
#ModalLong12 span.required {
    color: red;
    display: inline-block;
    position: relative;
	left: -173px;
    top: 23px;
    padding-right: 2px;
}
#ModalLong12 .jcf-select,
#ModalLong12 input{
    width: 100%;
}
}

#ModalLong12 .required input {
	background-color: #fefed0;
	border: 1px #999 solid;
}

#ModalLong12 .reassign-link {
	text-align: right;
	margin-bottom: 1em;
	display: block;
    width: 100%;
}
#ModalLong12 .reassign-link a,
#ModalLong12 .reassign-link a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #5586b7;
}
#ModalLong12 .left {
	margin-right: 20px;
}

#ModalLong12 ul.button-set li {
	list-style: none;
	margin-top: 1em;
}
#ModalLong12 .button-set {
	margin: auto;
	display: block;
}
#ModalLong12 .button-set .btn {
	width: 115px;
	margin: auto;
	display: inline-block;
	float: left;
}


@media (min-width: 767px) {
#ModalLong12 .tooltip-opener {
	font-size: 13px;
	letter-spacing: inherit;
}
#ModalLong12 ul.list-unstyled {
	display: inline-block;
	float: left;
}
#ModalLong12 .button-set {
	float: none;
	display: block;
	padding-left: 0;
}
}

@media (min-width: 767px) and (max-width: 1200px) {
#ModalLong12 .side-element {
	display: block;
}
}

@media (min-width: 1025px) {
#ModalLong12 .wider-field,
#ModalLong12 .wider-field .jcf-select {
    min-width: 55% !important;
}
}

@media (min-width: 1200px) {
#ModalLong12 .right-col .title {
	width: 12em !important;
}
#ModalLong12 .jcf-select .jcf-select-text{
    font-size: 14px;
}
}

/* ------------------ / ModalLong12 ------------------ */
/* ------------------  Guest Edit ------------------ */
.guest-edit .summary-info .title {
	width: 90px;
}
.guest-edit .vert-btn-group li  {
	list-style: none;
}
.guest-edit .vert-btn-group li .btn-primary {
	width: 104px;
	margin: 10px 0;
}
.guest-edit .vert-btn-group li input {
	margin-right: 6px;
}
.guest-edit .vert-btn-group li a {
	margin-left: 12px;
}
.guest-edit .vert-btn-group li a:hover {
	text-decoration: none;
	opacity: 0.7; 
}
.guest-edit .vert-btn-group ul {
	padding-left: 0;
}
.guest-edit .vert-btn-group .misc-set {
	margin-top: 10px;
}
.guest-edit table .btn-outline-primary {
	font-size: 14px;
	font-weight: normal;
	background-color: #fff;
	max-width: 80px;
	margin-right: 3px;
	border-radius: 7px;
}
/*.guest-edit table .col1 {
	width: 11em;
}
.guest-edit table .col4 {
	width: 15em;
}
.guest-edit table .col7 {
	width: 9em;
}
.guest-edit table .col8 {
	width: 5em;
}*/

/*.customer-search-results td:nth-child(8),
.customer-search-results td:nth-child(8) a {
	color: #cc0000;
	font-weight: bold;
	text-decoration: none;
}*/


@media (max-width: 1400px) {
.guest-edit .vert-btn-group ul li {
	display: inline-block;
	float: left;
}
.guest-edit .vert-btn-group ul li {
	margin-right: 10px;
}
}
/* ------------------  / Guest Edit ------------------ */



/* ------------------  Summary Tab Edit Guest Record ------------------ */

.summary-tab-edit-guest-record {
	
}

.summary-tab-edit-guest-record h5 {
	margin-bottom: 1em;
}

.summary-tab-edit-guest-record .summary-info .title {
	width: 132px;
	color: #5586b7;
}

.summary-tab-edit-guest-record span.required {
    color: red;
    display: inline-block;
    position: relative;
	left: -1px;
    top: -3px;
}

.summary-tab-edit-guest-record .required input,
.summary-tab-edit-guest-record .required .jcf-select {
	background-color: #fefed0;
	border: 1px #999 solid;
	position: relative;
    left: 4px;
}

.summary-tab-edit-guest-record .side-element img {
	margin-left: 20px;
}

.summary-tab-edit-guest-record .vert-btn-group {
	margin-left: 0px;
}



@media (min-width: 320px) and (min-width: 375px)  {
.summary-tab-edit-guest-record .summary-info .title {
	width: 132px;
}
}

@media (max-width: 380px) {
.summary-tab-edit-guest-record input[type="text"] {
	width: 162px;
}
}

@media (min-width: 380px) {
.summary-tab-edit-guest-record span.required  {
    left: -2px;
    top: -2px;
}
.summary-tab-edit-guest-record .required input,
.summary-tab-edit-guest-record .required .jcf-select {
    position: relative;
    left: 4px;
}
	
}

@media (min-width: 768px) {
.summary-tab-edit-guest-record .list-holder .summary-info {
	width: 350px !important;
}
}
/*@media (min-width: 1200px) {
.summary-tab-edit-guest-record input[type="text"] {
	width: 165px;
}
}*/

/* ------------------  / Summary Tab Edit Guest Record  ------------------ */


/* ------------------  Complete Res Guest Search  ------------------ */
.complete-res-guest-search .vert-btn-group ul li {
	margin-bottom: 7px;
}
.complete-res-guest-search .vert-btn-group a.extra-space-left {
	margin-left: 7px;
}
.complete-res-guest-search .vert-btn-group a:hover {
	text-decoration: none;
}
.complete-res-guest-search .summary-detail .search-form {
	max-width: none;
}
.complete-res-guest-search .summary-detail .search-form .btn-primary {
	margin-right: 12px;
}
.complete-res-guest-search .summary-detail .vert-btn-group .misc-set input[type="checkbox"] {
	margin-right: 0.25em;
}
.complete-res-guest-search .table th:nth-child(7),
.complete-res-guest-search table td:nth-child(7) {
	max-width: 6.5em;
}

@media (min-width: 768px) {
	.complete-res-guest-search .summary-detail .vert-btn-group ul li{
		float: left;
	}
	.complete-res-guest-search .summary-detail .search-form {
		max-width: 150px;
	}
	.complete-res-guest-search .summary-detail .list-unstyled {
		margin-right: 1em;
	}
	
}

@media (min-width: 768px) and (max-width: 910px) {
	.complete-res-guest-search .summary-detail .vert-btn-group-position{
		position: relative;
		left: 435px;
		}
}
	
@media (min-width: 1031px) and (max-width: 1313px) {
	.complete-res-guest-search .summary-detail .vert-btn-group-position{
		position: relative;
		right: -435px;
	}
}



/* ------------------ / Complete Res Guest Search  ------------------ */



/* ------------------  Complete Res Add Guest Record ------------------ */

.complete-res-add-guest-record {
	
}

.complete-res-add-guest-record h5 {
	margin-bottom: 1em;
}

.complete-res-add-guest-record .summary-info .title {
	width: 132px;
}

.complete-res-add-guest-record .tooltip-opener {
	color: #5586b7;
}

.complete-res-add-guest-record span.required {
    color: red;
    display: inline-block;
    position: relative;
	left: -1px;
    top: -3px;
}

.complete-res-add-guest-record .required input,
.complete-res-add-guest-record .required .jcf-select {
	background-color: #fefed0;
	border: 1px #999 solid;
	position: relative;
    left: 4px;
}

.complete-res-add-guest-record .side-element img {
	margin-left: 20px;
}

.complete-res-add-guest-record .vert-btn-group {
	margin-left: 0px;
	max-width: 100% !important;
}

.complete-res-add-guest-record .top-right-elements {
	text-align: right;
    position: relative;
    margin-top: -45px;
}
.complete-res-add-guest-record .top-right-elements .user-list{
	text-align: right;
	display: inline-block;
	margin-left: 20px;
}
.complete-res-add-guest-record .top-right-elements input[type="checkbox"] {
	text-align: right;
}


@media (min-width: 320px) and (min-width: 375px)  {
.complete-res-add-guest-record .summary-info .title {
	width: 132px;
}
}

@media (max-width: 380px) {
.complete-res-add-guest-record input[type="text"] {
	width: 162px;
}
.complete-res-add-guest-record .btn-primary {
    max-width: 95px;
}
}

@media (min-width: 380px) {
.complete-res-add-guest-record span.required  {
    left: -2px;
    top: -2px;
}
.complete-res-add-guest-record input,
.complete-res-add-guest-record .required input,
.complete-res-add-guest-record .required .jcf-select {
    position: relative;
	width: 60%;
}
.complete-res-add-guest-record .required input,
.complete-res-add-guest-record .required .jcf-select {
    left: 4px;
}
}

@media (min-width: 768px) {
.complete-res-add-guest-record .list-holder .summary-info {
	width: 450px !important;
}
}

/* ------------------  / Complete Res Add Guest Record  ------------------ */

/* ------------------  Complete Res Edit Guest Record ------------------ */

.complete-res-edit-guest-record {
	
}

.complete-res-edit-guest-record h5 {
	margin-bottom: 1em;
}

.complete-res-edit-guest-record .summary-info .title {
	width: 132px;
}

.complete-res-edit-guest-record .tooltip-opener {
	color: #5586b7;
}

.complete-res-edit-guest-record span.required {
    color: red;
    display: inline-block;
    position: relative;
	left: -1px;
    top: -3px;
}

.complete-res-edit-guest-record .required input,
.complete-res-edit-guest-record .required .jcf-select {
	background-color: #fefed0;
	border: 1px #999 solid;
	position: relative;
    left: 4px;
}

.complete-res-edit-guest-record .side-element img {
	margin-left: 20px;
}

.complete-res-edit-guest-record .vert-btn-group {
	margin-left: 0px;
	max-width: 100% !important;
}

.complete-res-edit-guest-record .top-right-elements {
	text-align: right;
    position: relative;
    margin-top: -45px;
}
.complete-res-edit-guest-record .top-right-elements .user-list{
	text-align: right;
	display: inline-block;
	margin-left: 20px;
}


@media (min-width: 320px) and (min-width: 375px)  {
.complete-res-edit-guest-record .summary-info .title {
	width: 132px;
}
}

@media (max-width: 380px) {
.complete-res-edit-guest-record input[type="text"] {
	width: 162px;
}
}

@media (min-width: 380px) {
.complete-res-edit-guest-record span.required  {
    left: -2px;
    top: -2px;
}
.complete-res-edit-guest-record .required input,
.complete-res-edit-guest-record .required .jcf-select {
    position: relative;
    left: 4px;
}
	
}

@media (min-width: 768px) {
.complete-res-edit-guest-record .list-holder .summary-info {
	width: 350px !important;
}
}
@media (min-width: 1200px) {
.complete-res-edit-guest-record input[type="text"] {
	width: 165px;
}
}

/* ------------------  / Complete Res Edit Guest Record  ------------------ */




@media (min-width: 330px) {
	.ui-timepicker-wrapper {
		width: 105px;
	}
}

@media (min-width: 640px) {
	.software-info {
		float: left;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column wrap;
		flex-flow: column wrap;
	}
}

@media (min-width: 768px) {
	.logo {
		width: 167px;
	}

	.user-area {
		padding: 40px 0 0;
	}
	.header-content {
		position: relative;
	}

	.select-area {
		position: absolute;
		right: 0;
		top: 0;
	}

	.select-area .select-item {
		padding: 0;
	}

	.software-info {
		padding: 0 0 0 15px;
	}

	.sub-info {
		border-bottom: 0;
		padding: 0;
		float: right;
		margin: -25px 0 0;
		font-size: 11px;
		line-height: 14px;
	}

	.sub-info li {
		padding: 0 10px 5px;
	}

	.sub-info a:hover {
		opacity: .70;
	}

	.navbar {
		width: 100%;
		padding: 0;
	}

	.navbar .nav-item.right .dropdown-menu,
	.navbar .nav-item:last-child .dropdown-menu {
		left: auto;
		right: 0;
	}

	.navbar .dropdown-menu .dropdown-item + .dropdown-item {
		border-top: 1px solid #e6e6e6;
	}

	.navbar-expand-md .navbar-nav .nav-link {
		padding: 7px;
	}

	.user-info {
		padding: 0 0 8px;
		border: 0;
		margin: 0;
	}

	.user-area .user-name {
		display: inline-block;
		vertical-align: top;
	}

	.nav-pills .nav-item {
		min-width: 150px;
	}

	.nav-pills .nav-link {
		padding: 6px 22px;
	}

	.table-holder {
		margin: 0 0 20px;
	}
	.table-info {
		padding: 0 20px 25px;
	}

	.two-columns {
		padding-top: 10px;
	}

	.info-list {
		padding: 0;
	}

	.content-area > .user-list {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}

	.filter-area .filter-opener {
		display: none;
	}

	.filter-area .btn-list {
		max-width: 250px;
	}

	.filter-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.filter-box .filter-col {
		padding: 0 20px 0 0;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}

	.filter-box .filter-col-holder .col-holder {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.filter-box .filter-col-holder .filter-col {
		min-width: inherit;
		padding: 0 15px 0 0;
	}

	.filter-box .filter-col-holder .btn-list {
		margin-left: 0;
	}

	.filter-box .field-row button,
	.filter-box .field-row label {
		text-align: right;
	}

	.btn-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	}

	.sub-detail {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 100%;
	}

	.sub-detail .title {
		width: auto;
	}

	.accordion {
		margin: 0;
	}

	.notes-list .warning {
		padding: 0 0 0 15px;
	}

	.notes-list .user-list {
		float: right;
		margin: 0 -6px -10px;
	}

	.summary-detail {
		margin: 0 0 -1px;
	}

	.summary-detail .list-holder {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
	}

	.summary-detail .list-holder .summary-info {
		width: 275px;
	}
	
	.summary-detail .list-holder .full-width {
		width: 100%;
	}
	
	.user-list-holder {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.user-list-holder .user-list {
		padding: 0 12px;
	}

	.user-list-holder .user-list + .user-list {
		border-left: 1px solid #ccc;
	}

	.user-list-holder .user-list li {
		padding-bottom: 0;
	}

	.modal-dialog .btn {
		padding: 8px 10px;
	}

	.modal-dialog .tabs-holder {
		margin: 0;
	}

	.summary-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		padding: 0 25px;
		margin: 0;
	}

	.summary-list li {
		width: 33.333%;
		padding: 0 5px 0 0;
	}

	.content-box {
		/*padding: 26px 0 33px;*/
		margin: 0;
	}

	.content-box .user-list {
		margin-bottom: 0;
	}

	.content-box .payer {
		float: none;
	}

	.content-box .payer .jcf-select {
		margin: 0 8px;
		min-width: 146px;
	}

	.payment-tab .field-row .input-holder {
		padding: 0 25px 0 0;
	}
}

@media (min-width: 992px) {
	#header .container-fluid {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.sub-info {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		padding: 0;
	}

	.navbar {
		margin: 0;
	}

	.container-fluid,
	.container {
		padding-left: 20px;
		padding-right: 20px;
	}

	.nav-tabs .nav-link {
		padding: 6px 17px 7px;
	}

	.user-list li {
		padding: 0 4px 5px;
	}

	.two-columns {
		padding-top: 13px;
	}

	#sidebar {
		width: 35%;
		float: left;
	}

	#sidebar .widget {
		padding: 0px;
		margin: 0 0 17px;
		border: 0px solid #ccc;
	}

	#sidebar .widget h2 {
		text-align: center;
		margin: 0 0 29px;
	}

	#sidebar .widget .opener {
		pointer-events: none;
	}

	#sidebar .widget .slide {
		padding: 0;
	}

	.info-list .late {
		margin: -17px 0 0;
	}

	.content {
		overflow: hidden;
		padding: 0 0 0 18px;
	}

	.filter-area .filter-box {
		margin: 0;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
	}

	.summary-detail .list-holder {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
	}

	.summary-detail .total-amount {
		margin: -20px 0 0;
	}

	.modal-dialog {
		margin-top: 30px;
	}

	.summary-list li {
		width: 25%;
	}

	.summary-list li:nth-child(3) {
		width: 30%;
	}
	
}

@media (min-width: 1150px) {
	.filter-area {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	}

	.filter-area .title-area {
		padding: 0;
	}
}

@media (min-width: 1200px) {
	.sub-info li {
		padding: 4px 6px 0;
	}

	.table-holder {
		margin: 0 0 45px;
	}
	
	.table-holder-data-table {
        margin: 0 0 45px;
    }	
	
	.shopping-cart .accordion .table-holder,
	.shopping-cart .table-holder {
		margin-right: -2px;
	}
	
	.shopping-cart .accordion .table td:nth-child(6) {
		padding-right: 2px;
	}
	
	
/*	.shopping-cart .accordion .table-holder table td {
		padding-right: 4px;
	}*/
	
	.accordion .slide {
		padding: 0 0 0 14px;
	}
	
	.table-info {
		padding-bottom: 19px;
	}

	#sidebar {
		/*width: 26%;*/
		width: 30%;
    	max-width: 350px;
	}

	#sidebar .widget {
		padding: 22px 25px 16px;
	}

	#sidebar .widget .user-list {
		margin: -11px -14px 4px;
	}

	.info-list .title {
		width: 95px;
	}

	.filter-box {
		margin: 0 -32px 7px 0;
	}

	.filter-box .filter-col {
		padding: 0 32px 0 0;
		min-width: 270px;
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
	}
	/*.user-list-holder {
		margin: -10px 0 0 -90px;
	}*/
	
	
}

@media (min-width: 1280px) {
	#header .container-fluid {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.nav-area {
		padding: 0 0 0 15px;
	}

	.nav-area {
		padding: 0;
	}

	.nav-area .nav-content {
		padding: 0 10px;
		border-right: 1px solid #ccc;
	}

	.select-area {
		padding: 0 22px 0 0;
	}

	.software-info {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.software-info .btn-outline-primary {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}

	.software-info .updates {
		float: left;
		padding: 0;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		margin: 0 15px 0 0;
	}

	.sub-info {
		margin: 0 6px -3px 11px;
		max-width: 215px;
	}

	.user-info {
		padding: 0 296px 10px 0;
	}

	.user-area {
		padding: 2px 0 0;
	}

	.user-area .user-name {
		padding: 0 24px 0 0;
	}
}

@media (min-width: 1300px) {
	/* custom scrollbars styles */

	.jcf-scrollable-wrapper {
		box-sizing: content-box;
		position: relative;
	}

	.jcf-scrollbar-vertical {
		position: absolute;
		cursor: default;
		background: none;
		width: 10px;
		bottom: 0;
		right: 0;
		top: 0;
		border: 1px solid #cdcdcd;
	}

	.jcf-scrollbar-vertical .jcf-scrollbar-dec,
	.jcf-scrollbar-vertical .jcf-scrollbar-inc {
		background: none;
		height: 3px;
		width: 8px;
		left: 0;
		top: 0;
	}

	.jcf-scrollbar-vertical .jcf-scrollbar-inc {
		top: auto;
		bottom: 0;
	}

	.jcf-scrollbar-vertical .jcf-scrollbar-handle {
		background: #cdcdcd;
		height: 1px;
		width: 6px;
		margin: 0 0 0 1px;
		border-radius: 5px;
	}

	.jcf-scrollbar-horizontal {
		position: absolute;
		background: #fff;
		right: auto;
		top: auto;
		left: 0;
		bottom: 0;
		width: 1px;
		height: 10px;
		border: 1px solid #cdcdcd;
	}

	.jcf-scrollbar-horizontal .jcf-scrollbar-dec,
	.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
		display: inline-block;
		vertical-align: top;
		overflow: hidden;
		background: none;
		height: 10px;
		width: 3px;
	}

	.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
		left: auto;
		right: 0;
	}

	.jcf-scrollbar-horizontal .jcf-scrollbar-slider {
		display: inline-block;
		vertical-align: top;
		position: relative;
		height: 6px;
	}

	.jcf-scrollbar-horizontal .jcf-scrollbar-handle {
		position: absolute;
		background: #cdcdcd;
		height: 6px;
		margin: 1px 0 0;
		border-radius: 5px;
	}

	.jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle {
		visibility: hidden;
	}

	.jcf-scrollbar.jcf-inactive .jcf-scrollbar-dec,
	.jcf-scrollbar.jcf-inactive .jcf-scrollbar-inc {
		background: #e3e3e3;
	}

	/* common custom form elements styles */

	.jcf-disabled {
		opacity: .6;
	}
	
	/* grid menu fixed */
	.user-list-holder {
		margin-left: 0px;
		width: 100%;
	}
	
/*	.scrolled .user-list-holder-fixed { 
		background-color: #fff;
		position: fixed;
		top: 0px;
		width: 100%;
		margin-left: -20px;
		z-index: 100;
		box-shadow: #999 0px 4px 4px;
		padding: 20px 0;
		margin-bottom: 180px;
	}*/

	.grid-block{
		height: 100%;
	}
	
	.grid-block .table-holder{
		margin-bottom: 1em;
	}
	
	html, body{
		height: 100%;
	}
	
	.scrolled .table-holder {
		height: 50%;
	}
	
	/* /grid menu fixed */
	
}

@media (min-width: 1350px) {
	.navbar-expand-md .navbar-nav {
		font-size: 14px;
	}
	.summary-detail .list-holder .summary-info .vert-btn-group {
		margin-left: 2em;
	}
}

@media (min-width: 1400px) {
	.nav-area .nav-content {
		padding: 0 21px 0 15px;
	}

	.sub-info li {
		padding: 4px 12px 0;
	}
}

@media (min-width: 1450px) {
	.navbar-expand-md .navbar-nav .nav-link {
		padding: 7px 15px;
	}
}

@media (max-width: 1299px) {
	.jcf-scrollable-wrapper {
		width: 100% !important;
	}

	.table-info .jcf-scrollable {
		overflow: auto !important;
	}
}

@media (max-width: 1279px) {
	.sub-info {
		display: none;
	}
}

@media (max-width: 1149px) {
	.filter-area .filter-box {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

    .btn-holder{
        padding-top: 15px;
    }
 
    .grid-block{
        padding-bottom: 10px;
    }
	
	.filter-box .filter-col-holder {
		width: 100%;
	}
}

@media (max-width: 991px) {
	.table-info .jcf-scrollable {
		max-width: 992px;
		width: 100% !important;
	}

	#sidebar .widget .opener {
		padding: 6px 35px 6px 10px;
		display: block;
		position: relative;
	}

	#sidebar .widget .opener:after {
		content: "";
		position: absolute;
		right: 10px;
		top: 16px;
		width: 0;
		height: 0;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 6px solid #000;
		-webkit-transition: all .30s ease;
		transition: all .30s ease;
	}

	#sidebar .widget .opener:hover {
		color: #5586b7;
	}

	#sidebar .widget .opener:hover:after {
		border-top-color: #5586b7;
	}
}

@media (max-width: 767px) {
	#header {
		background: #fff;
		box-shadow: 1px 0 4px rgba(0, 0, 0, .35);
	}

	#header .container-fluid {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

    .grid-block{
        padding-bottom: 80px;
    }	
	.nav-area {
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		max-height: 0;
		overflow: hidden;
		-webkit-transition: all .30s ease;
		transition: all .30s ease;
	}

	.nav-area .nav-content {
		padding: 15px 0 0;
		position: relative;
		background: #e1e1e1;
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
		-webkit-transition: all .30s ease;
		transition: all .30s ease;
		box-shadow: 0 3px 2px -1px rgba(0, 0, 0, .25), 1px 0 4px rgba(0, 0, 0, .35) inset;
	}

	.sub-info a {
		padding: 5px 10px;
		min-width: 85px;
		border: 1px solid #5586b7;
	}

	.sub-info a:hover {
		color: #fff;
		background: #5586b7;
	}

	.navbar .dropdown-toggle:after {
		float: right;
		margin: 9px 0 0;
	}

	.nav-active .nav-area {
		max-height: 4000px;
		padding: 0 0 10px;
	}

	.nav-active .nav-area .nav-content {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	.nav-tabs {
		overflow-x: auto;
		overflow-y: hidden;
		display: block !important;
		white-space: nowrap;
		letter-spacing: -.32em;
	}

	.nav-tabs .nav-item {
		display: inline-block;
		vertical-align: top;
		letter-spacing: 0;
	}

    .dataTables_scroll th:nth-child(1),
    .dataTables_scroll th:nth-child(2),
    .dataTables_scroll th:nth-child(3),
    .dataTables_scroll td:nth-child(1),
    .dataTables_scroll td:nth-child(2),
    .dataTables_scroll td:nth-child(3),
    .DTFC_LeftWrapper th:nth-child(1),
    .DTFC_LeftWrapper th:nth-child(2),
    .DTFC_LeftWrapper th:nth-child(3),
    .DTFC_LeftWrapper td:nth-child(1),
    .DTFC_LeftWrapper td:nth-child(2),
    .DTFC_LeftWrapper td:nth-child(3) {
        display: none;
    }
	
	.filter-area .filter-box {
		display: block;
		padding: 15px;
		background: #fff;
		position: absolute;
		left: 0;
		top: 100%;
		right: 0;
		opacity: 0;
		visibility: hidden;
		border: 1px solid #b7b7b7;
		-webkit-transition: all .30s ease;
		transition: all .30s ease;
	}

	.filter-box {
		display: none;
	}

	.payment-tab {
		border: 0;
	}

	.btns-list {
		margin: 0 -10px;
	}
}

@media (max-width: 479px) {
	.select-area .select-item .jcf-select {
		width: 150px;
		min-width: 100%;
	}
}

@media print {
	.fancybox-wrap,
	.fancybox-skin,
	.fancybox-outer,
	.fancybox-inner {
		position: static !important;
		width: 100% !important;
		height: auto !important;
	}

	.lightbox.edit {
		width: 100% !important;
	}

	.btns-list,
	.fancybox-close,
	.user-list,
	.tabs-area {
		display: none !important;
	}

	.summary-list {
		padding: 0;
	}

	.table-info {
		padding-right: 0;
		padding-left: 0;
		padding-bottom: 15px;
	}

	.table-info.for-print-btn .table th:first-child,
	.table-info.for-print-btn .table td:first-child {
		display: none;
	}

	.table-info .jcf-scrollable {
		height: auto !important;
		overflow: visible !important;
	}

	.fancybox-wrap {
		position: static !important;
	}

	.fancybox-inner {
		height: auto !important;
		overflow: visible !important;
	}

	.fancybox-lock .fancybox-overlay {
		overflow: hidden !important;
		background-color: transparent !important;
	}

	.jcf-scrollable-wrapper,
	.jcf-scrollable,
	.table {
		width: 100% !important;
		min-width: 100% !important;
	}

	.table-holder {
		max-height: inherit;
	}

	.printing .fancybox-skin,
	.printing .fancybox-inner {
		overflow: visible !important;
		height: 100vh !important;
	}

	.printing .table {
		width: 100%;
		min-width: 100% !important;
	}

	.printing #wrapper {
		opacity: 0 !important;
	}

	.printing .grid-block {
		display: none !important;
	}

	.safari {
		min-height: 100vh;
	}
}

.scrolled .user-list-holder-fixed { 
        background-color: #fff;
        position: fixed;
        top: 0;
        width: 100%;
        margin-left: -20px;
        z-index: 100;
        padding: 20px 0;
        margin-bottom: 180px;
    }


/*overwrite*/

.accordion .opener-all {
    color: #5586b7;
    font-weight: 700;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 0 0 0 23px;
    text-decoration: none;
    }

    a.opener-all.active:before {
    content: '-';
    line-height: 9px;
    }

    .accordion .opener-all:before {
    content: "+";
    font-size: 16px;
    line-height: 11px;
    font-weight: 400;
    width: 13px;
    height: 13px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #959595;
    text-align: center;
    border: 1px solid #959595;
    }

.table .time-block span {  
	text-overflow: clip;
	overflow: hidden;
	width: 100%;
}

.table .time-block span {
	padding: 2px 3px 1px 3px;
	/*top: 3px;*/
    /*cursor: pointer;*/
}

.table .time-block span.Inhouse {
    background-color:rgb(255,153,153);
}
.table .time-block span.NotCheckin {
    background-color: rgb(153,200,200);
}
.table .time-block span.Checkout {
    background-color:rgb(153,153,255);
}
.table .time-block span.Pending {
    background-color: #AFBEBE;
}
.table .time-block span.Disable {
    background-color: #C0C0C0;
    margin-top: 1px;
}
.table .time-block span.Holds {
    background-color: #000000;
    color:white;
}

.table.grid {  
height: inherit; 
}

.embed-responsive_custom {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
}

.embed-responsive_custom::before {
	display: block;
	content: "";
}

.embed-responsive_custom .embed-responsive-item_custom,
.embed-responsive_custom iframe,
.embed-responsive_custom embed,
.embed-responsive_custom object,
.embed-responsive_custom video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	 /*height: 100%;*/ 
    height:auto;
	border: 0;
}

  th.SortFieldClass a{
        color: #fff;
        opacity: 1;
        background: none;
        border: 0;
        padding: 0;
        font-size: 14px;
        line-height: 20px;
        position: relative;
}


.modal-dialog {
		margin-top: 0px;
	}
#ModalLong3 {
	padding: 0px 0px 0px 0px; 
}
#ModalLong3 .modal-dialog {
	max-width: 100%;
}

.mask
{
	background-color:#333333;
	display:none;
	position:absolute;
	left:0px;
	top:0px;
	z-index:9000;
	width:100%;
	height:100%;
}

/*.filter-box .field-row a {
	color: #5586b7;
	width: 90px;
	margin: 0;
	padding: 2px 10px 0 0;
}*/
/*.calendar input.datepicker {
	width: 132px;
}
.ui-datepicker-trigger:after {
	content: "\e801";
	font-family: "fontello";
	position: absolute;
	right: 0;
	top: 2px;
	font-size: 18px;
	line-height: 20px;
}*/
/*.info-list a.title {
        color: #5586b7;
    font-weight: 400;
    width: 100px;
    text-align: left;
}*/

 
 

.UserCustomers {
	max-width: 310px;
}
@media (max-width: 480px) {
.UserCustomers {
	max-width: 168px;
}
}
@media (min-width: 992px) {
.UserCustomers {
	max-width: 270px;
}
}


.btn-primary.disabled,
.btn-primary:disabled {
	color: #666;
	background-color: transparent;
	border-color: #c6c6c6;
    pointer-events: none;
}

 /* Over the pointer-events:none, set the cursor to not-allowed.
    On this way you will have a more user friendly cursor. */
.disabledTab {
    cursor: not-allowed;
}
/* Clicks are not permitted and change the opacity. */
li.disabledTab > a[data-toggle="tab"] {
    pointer-events: none;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}



.icon-expand{
    font-size: 21px;
    line-height: 1.2;
}
 
.icon-expand:hover{
    text-decoration: none;
    opacity: 0.8;
    color: #5586b7;
}
 
.expander-active .user-list-holder{
    background-color: #fff;
    padding: 18px 0;
    margin: 0;
}
 
.expander-active .icon-expand:before{
    content: '\ea7b';
}
 
.expander-active #header,
.expander-active .filter-area{
    display: none;
}
 
/* .expander-active .table-holder-data-table{
    margin: 67px 0 0;
} */
 
.expander-active .legend-row{
    display: none;
}
 
.expander-active .btn-holder{
    display: none;
}
 
.expander-active .grid-block{
    padding-bottom: 0;
}


.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	color: #999;
	background: #fff;
}        

.nav-pills .nav-link {
	color: #666;
	background: #ccc;  
}

.nav-pills .nav-link:hover {
	color: #999;
	background: #fff;
}

.jcf-disabled {
   opacity: .6;
}

.form-control::-webkit-input-placeholder {
	color: #999;
}

.form-control::-moz-placeholder {
	opacity: 1;
	color: #999;
}

.form-control:-moz-placeholder {
	color: #999;
}

.form-control:-ms-input-placeholder {
	color: #999;
}

.form-control.placeholder {
	color: #999;
}

.popupMenuItem {
	padding-left: 4px;
	font-size: 14px;
}