html {
	min-height:100%;
	position: relative;
}
#bg-bar-top {
	display:none;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:244px;
	background:URL(/assets/freshhop/images/bg-top.png);
	z-index:5;
}
#bg-tile {
	display:none;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	width:100%;
	height:100%;
	background-repeat: repeat;
	background:URL(/assets/freshhop/images/tile.png);
	z-index:4;
}
#global-background {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin-right: auto;
	margin-left: auto;
	z-index: 3;
	background:URL(/assets/freshhop/images/background.png) fixed center no-repeat;
	background-size:100% 100%;
}

#bg-solid,
#bg-animated {
	position: fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index: 1;
	background: linear-gradient(-45deg, #259916, #d37746, #9c8011, #e7ca55);
	background-size: 150% 150%;
}
#bg-animated {
	-webkit-animation: Gradient 45s ease infinite;
	-moz-animation: Gradient 45s ease infinite;
	animation: Gradient 45s ease infinite;
}
@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}
/* --------------- -------------- -------------- ------------- */
#wrap_login {
	margin-top: auto;
	margin-bottom: auto;
	width: 500px;
}
#wrap_login ::-webkit-input-placeholder { text-align:center; color:#d2a8e4;font-size:2em; position: relative; top:4px; }
#wrap_login :-moz-placeholder { text-align:center; color:#d2a8e4;font-size:2em; position: relative; top:4px; }
#wrap_login ::-moz-placeholder { text-align:center; color:#d2a8e4;font-size:2em; position: relative; top:4px; }
#wrap_login :-ms-input-placeholder { text-align:center; color:#d2a8e4; font-size:2em; position: relative; top:4px; }
#wrap_login .card-body input { border:none; margin-bottom:0.3rem; }
#wrap_login a,
#wrap_login { color:white; }


@media (min-width: 992px) {
	#lbl_confirm_password {
		position: relative;
		top: -9px;
	}
}


.card a.card-edit { cursor:pointer; }
.card .card-body.form-wrap { display:none; }

.social_icon span{ font-size: 40px; margin-left: 10px; }
.social_icon span:hover{ color:#353e47; cursor: pointer; }
.social_icon span a:hover{ text-decoration: none; }
.social_icon{ position: absolute; right: 20px; top: -25px; }
/* --------------- -------------- -------------- ------------- */



/* --------------- -------------- -------------- ------------- */
button.btn-primary:hover { background-color:#353e47!important; }
.list-group-hover .list-group-item:hover { background-color: #f5f5f5; }
/* --------------- -------------- -------------- ------------- */



/* --------------- -------------- -------------- ------------- */
.form-col .dropdown.bootstrap-select { width:100%!important; }
.bootstrap-select .dropdown-menu { z-index: 1050; }
button.dropdown-toggle.btn-select {
	border:1px solid #ced4da;
}
/* --------------- -------------- -------------- ------------- */



/* --------------- -------------- -------------- ------------- */
nav.navbar {
	position:relative;
	z-index:50;
}
@media (min-width: 768px) {
	.navbar-nav li:hover>.dropdown-menu {
		display: block;
	}
}
/* --------------- -------------- -------------- ------------- */



/* --------------- -------------- -------------- ------------- */
a.fa { text-decoration: none; }
/* --------------- -------------- -------------- ------------- */



/* --------------- -------------- -------------- ------------- */
.ui-widget { font-family: inherit!important; }
/* --------------- -------------- -------------- ------------- */



/* --------------- -------------- -------------- ------------- */
@media (min-width: 768px) {
	.vertical-center-desktop {
		min-height: 90%;  /* Fallback for browsers do NOT support vh unit */
		min-height: 90vh; /* These two lines are counted as one :-)       */
		display: flex;
		align-items: center;
	}
}
	#site-content {
		position: relative;
		left:0;
		top:0;
		width:100%;
		z-index:20;
	}
/* --------------- -------------- -------------- ------------- */

.hover-bg:hover {
	background-color:#eee;
}


div.dataTables_wrapper div.dataTables_filter input { border:1px solid #ccc; }

label.custom-file-label { overflow:hidden; }

div.btn-group .btn_clear_input_in_group { position:absolute; right:5px; top:0; bottom:0; height:14px; margin:auto; font-size:14px; cursor:pointer; color:#ccc; }

/* --------------- -------------- -------------- ------------- */

ul.multiselect-container {
	background:#CFE2F1;
	border:none;
}
ul.multiselect-container li,
ul.multiselect-container li a {
	color:#015297;
}
ul.multiselect-container li a label {
	width:100%;
}
ul.multiselect-container li:not(.active):hover {
	background:#b4d0e6;
}
ul.multiselect-container li.active a,
ul.multiselect-container li.active {
	background:#015297;
	color:white;
}
button.multiselect {
	text-transform:uppercase;
}
div.indicators a.indicator {
	float:left;
	width:98%;
	text-align:right;
	font-size:0.9em;
}

/* --------------- -------------- -------------- ------------- */

div.gi_outer {
}
div.gi_outer div.gi_inner ,
div.gi_outer div.gi_inner div.gi_thumb {
	float:left;
	width:100%;
}
div.gi_outer div.gi_inner div.gi_thumb {
	position: relative;
}
div.gi_outer div.gi_inner div.gi_thumb.GIF {
	border:1px solid #ccc;
}
div.gi_outer div.gi_inner div.gi_thumb div.gi_image {
	position: absolute;
	z-index:8;
}
div.gi_outer div.gi_inner div.gi_thumb.GIF div.gi_image {
	top:25%;
}
div.gi_outer div.gi_inner div.gi_thumb div.gi_cover {
	position: absolute;
	z-index:10;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
	background:rgba(255, 255, 255, .7);
}
div.gi_outer div.gi_inner div.gi_thumb:hover div.gi_cover {
	display:block;
}
div.gi_outer div.gi_inner div.gi_thumb div.gi_cover div.gi_cover_inner {
	display:table;
	vertical-align: middle;
	text-align:center;
	width:100%;
	height:100%;
}
div.gi_outer div.gi_inner div.gi_thumb div.gi_cover div.gi_cover_inner_content {
	display:table-cell;
	vertical-align: middle;
}

div.gi_outer div.gi_inner div.gi_thumb div.gi_cover div.gi_cover_inner_content .btn {
	width:80%;
}

div.gi_outer div.gi_inner span {
	line-height:1em;
}

/* --------------- -------------- -------------- ------------- */

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
	position: relative;
	top:-3px;
}
.bootstrap-select>.dropdown-toggle:after {
	margin-top:-13px!important;
}
.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
	padding-left:6px;
	padding-right:6px;
}
.bootstrap-select .dropdown-toggle .filter-option {
	padding-left:0px!important;
	padding-right:0px!important;
}
.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
	padding-left:6px;
	padding-right:6px;
}
.bootstrap-select .dropdown-toggle .filter-option {
	padding-left:0px!important;
	padding-right:0px!important;
}

/* --------------- -------------- -------------- ------------- */

.read_more p.collapse:not(.show) {
    max-height: 31px !important;
    overflow: hidden;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.read_more p.collapsing {
    min-height: 31px !important;
}

.read_more a.collapsed:after  {
    content: '+ Read More';
}

.read_more a:not(.collapsed):after {
    content: '- Read Less';
}


/* --------------- -------------- -------------- ------------- */


				.box {
					font-size: 1.25rem; /* 20 */
					position: relative;
					padding: 20px 20px 0 20px;
				}
				.box.is-dragover
				{
					background-color: #eee;
				}
					.box__dragndrop,
					.box__icon
					{
						display: none;
					}
					.box.has-advanced-upload .box__dragndrop
					{
						display: inline;
					}
					.box.has-advanced-upload .box__icon
					{
						width: 100%;
						height: 80px;
						fill: #b12bd1;
						display: block;
						margin-bottom: 20px;
					}

					.box.is-uploading .box__input,
					.box.is-success .box__input,
					.box.is-error .box__input
					{
						visibility: hidden;
					}

					.box__uploading,
					.box__success,
					.box__error
					{
						display: none;
					}
					.box.is-uploading .box__uploading,
					.box.is-success .box__success,
					.box.is-error .box__error
					{
						display: block;
						position: absolute;
						text-align: center;
						top: 50%;
						right: 0;
						left: 0;

						-webkit-transform: translateY( -50% );
						transform: translateY( -50% );
					}
					.box__uploading progress
					{
						width:80%;
						margin-right:5%;
						float:right;
					}
					.box__success
					{
						-webkit-animation: appear-from-inside .25s ease-in-out;
						animation: appear-from-inside .25s ease-in-out;
					}
						@-webkit-keyframes appear-from-inside
						{
							from	{ -webkit-transform: translateY( -50% ) scale( 0 ); }
							75%		{ -webkit-transform: translateY( -50% ) scale( 1.1 ); }
							to		{ -webkit-transform: translateY( -50% ) scale( 1 ); }
						}
						@keyframes appear-from-inside
						{
							from	{ transform: translateY( -50% ) scale( 0 ); }
							75%		{ transform: translateY( -50% ) scale( 1.1 ); }
							to		{ transform: translateY( -50% ) scale( 1 ); }
						}

					.box__restart
					{
						font-weight: 700;
					}
					.box__restart:focus,
					.box__restart:hover
					{
						text-decoration: underline;
					}

					.box__file
					{
						width: 0.1px;
						height: 0.1px;
						opacity: 0;
						overflow: hidden;
						position: absolute;
						z-index: -1;
					}
					.box__file + label
					{
						width: 100%;
						cursor: pointer;
						text-align: center;
						line-height:1em;
					}
					.box__file + label:hover strong,
					.box__file:focus + label strong,
					.box__file.has-focus + label strong
					{
						text-decoration: underline;
					}
					.box__file:focus + label,
					.box__file.has-focus + label
					{
						outline: 1px dotted #000;
						outline: -webkit-focus-ring-color auto 5px;
					}
						.box__file + label *
						{
							/* pointer-events: none; */ /* in case of FastClick lib use */
						}

					.box__button
					{
						font-weight: 700;
						color: #e5edf1;
						background-color: #39bfd3;
						display: none;
						block-size: 8px 16px;
						margin: 40px auto 0;
					}
						.box__button:hover,
						.box__button:focus
						{
							background-color: #0f3c4b;
						}


/* --------------- -------------- -------------- ------------- */

.bg-unsubmit  { background-color:#e4d33b; color:white; }
.bg-revision  { background-color:#e5176c; color:white; }
.bg-submitted { background-color:#025297; color:white; }
.bg-complete  { background-color:#2a7ec7; color:white; }
.bg-report    { background-color:#f66330; color:white; }
.bg-archived  { background-color:#e5176c; color:white; }
.bg-rejected  { background-color:#e5176c; color:white; }