/* CSS Document */
.fgv.has-error .control-lable, .fgv.has-error .help-block, .fgv.has-error .help-inline
{
	color: #d16e6c;
}
.fgv.has-success .control-lable, .fgv.has-success .help-block, .fgv.has-success .help-inline
{
	color: #8bad4c;
}
.footer .footer-inner .footer-content
{
	padding: 2px;
	line-height: 22px;
}
.col-xs-1-5 { width: 12.499%; }
.col-xs-2-5 { width: 20.833%; }
.col-xs-3-5 { width: 29.166%; }
.col-xs-4-5 { width: 37.5%; }

.p-l-12 { padding-left: 12px !important; }
.m-b-5 { margin-bottom: 5px !important; }
.m-t-0 { margin-top: 0px !important; }
.m-t-5 { margin-top: 5px !important; }

.b_0 { border: none !important; }
.b_t_0 { border-top: none !important; }
.b_r_0 { border-right: none !important; }
.b_b_0 { border-bottom: none !important; }
.b_l_0 { border-left: none !important; }

@media (min-width: 768px)
{
	.col-sm-1-5 { width: 12.499%; }
	.col-sm-2-5 { width: 20.833%; }
	.col-sm-3-5 { width: 29.166%; }
	.col-sm-4-5 { width: 37.5%; }
}
@media (min-width: 992px)
{
	.col-md-1-5 { width: 12.499%; }
	.col-md-2-5 { width: 20.833%; }
	.col-md-3-5 { width: 29.166%; }
	.col-md-4-5 { width: 37.5%; }
	
	.entry .col-xs-12 { padding-left: 6px; padding-right: 6px; }
}
#simple-table
{
	border:1px solid #333;
	border-collapse:collapse;
}
#simple-table tr th, #simple-table tr td 
{
	border:1px solid #333;
	border-collapse:collapse;
}
.table>thead>tr>th
{
	border-color: #ddd;
}
.table.dataTable
{
	border-collapse: collapse;
}
.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td
{
	padding: 5px;
}
table.dataTable thead .sorting {
	background: none;
}

.filters>th
{
	font-weight: normal !important;
	/*background: #FFF;*/
}


/* Dashboad */
.infobox
{
	width: 100%;
	min-height: 70px;
	height: auto;
}
.infobox>.infobox-data
{
	width: 100%;
	border-width: 1px;
	padding-left: 0px;
}
.infobox .infobox-content
{
	max-width: 100%;
}
.infobox-content1
{
	font-weight: 400 !important;
	font-size: 14px !important;
	text-align: center !important;
	width: 100%;
	max-width: 100%;
}
.infobox-content2
{
	text-align: center !important;
	padding-top: 10px !important;
	font-size: 20px !important;
	width: 100%;
	max-width: 100%;
}
.infobox-1.infobox-dark
{
	background-color: #C70039;
}
.infobox-2.infobox-dark
{
	background-color: #B8860B;
}
.infobox-3.infobox-dark
{
	background-color: #FF5733;
}
.infobox-4.infobox-dark
{
	background-color: #196F3D;
}
.infobox-5.infobox-dark
{
	background-color: #D35400;
}
.infobox-6.infobox-dark
{
	background-color: #2C3E50;
}
.infobox-7.infobox-dark
{
	background-color: #6A5ACD;
}
.infobox-8.infobox-dark
{
	background-color: #00FA9A;
}
.infobox-9.infobox-dark
{
	background-color: #20B2AA;
}
.infobox-10.infobox-dark
{
	background-color: #4682B4;
}

table.dataTable thead .sorting {
		background: none;
}

.table-header1
{
	background-color: #307ecc;
    color: #FFF;
    font-size: 14px;
    line-height: 38px;
    padding-left: 12px;
	font-weight: normal !important;
    margin-bottom: 1px;
}

.dt-buttons .dt-button
{
	background: #FFF;
	margin-right: 0px;
}
.progress[data-percent]:after
{
	color: #000;
}

.page-header
{
	padding-bottom: 8px !important;
	margin: 0 0 6px !important;
}
.page-header h1
{
	font-size: 20px !important;
}
.page-header h1 small
{
	font-size: 13px !important;
}


/* Customize the Browser's Scrollbar */

/* width */
::-webkit-scrollbar {
	width: 7px !important;
	height: 7px !important;
	border: none;
	/*background: red;*/
}

/* Track */
::-webkit-scrollbar-track {
	/*box-shadow: inset 0 0 5px grey; */
	border-radius: 7px;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: silver; 
	border-radius: 7px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: silver;
}			

/* Buttons */
/*::-webkit-scrollbar-button
{
	border-style: solid;
	height: 7px;
	width: 7px;
}*/

/* Up */
/*::-webkit-scrollbar-button:vertical:decrement
{
	border-width: 0 4px 7px 4px;
	border-color: transparent transparent #404040 transparent;
}
::-webkit-scrollbar-button:vertical:decrement:hover
{
	border-color: transparent transparent #505050 transparent;
}*/

/* Down */
/*::-webkit-scrollbar-button:vertical:increment
{
	border-width: 7px 4px 0 4px;
	border-color: #404040 transparent transparent transparent;
}
::-webkit-scrollbar-button:vertical:increment:hover
{
	border-color: #505050 transparent transparent transparent;
}*/

/* Left */
::-webkit-scrollbar-button:horizontal:decrement
{
	border-style: solid;
	height: 7px;
	width: 7px;
	border-width: 3.5px 7px 3.5px 0;
	border-color: transparent #404040 transparent transparent;
}
::-webkit-scrollbar-button:horizontal:decrement:hover
{
	border-color: transparent #505050 transparent transparent;
}

/* Right */
::-webkit-scrollbar-button:horizontal:increment
{
	border-style: solid;
	height: 7px;
	width: 7px;
	border-width: 3.5px 0 3.5px 7px;
	border-color: transparent transparent transparent #404040;
}
::-webkit-scrollbar-button:horizontal:increment:hover
{
	border-color: transparent transparent transparent #505050;
}

/* PWA install bottom sheet (login only) */
.pwa-install-overlay[hidden] {
	display: none !important;
}

.pwa-install-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1080;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	pointer-events: none;
	overflow: hidden;
}

.pwa-install-overlay.is-open {
	pointer-events: auto;
}

.pwa-install-backdrop {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(15, 23, 42, 0.45);
	opacity: 0;
	transition: opacity 0.35s ease;
}

.pwa-install-overlay.is-open .pwa-install-backdrop {
	opacity: 1;
}

.pwa-install-sheet {
	position: relative;
	width: 100%;
	max-width: 480px;
	background: #fff;
	border-radius: 1.25rem 1.25rem 0 0;
	box-shadow: 0 -8px 32px rgba(15, 23, 42, 0.18);
	padding: 0.75rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom, 0px));
	transform: translateY(100%);
	transition: transform 0.35s cubic-bezier(0.32, 0.72, 0, 1);
}

.pwa-install-overlay.is-open .pwa-install-sheet {
	transform: translateY(0);
}

.pwa-install-handle {
	width: 40px;
	height: 4px;
	margin: 0 auto 0.75rem;
	border-radius: 999px;
	background: #dee2e6;
}

.pwa-install-close {
	position: absolute;
	top: 1rem;
	right: 1rem;
	z-index: 1;
	border: none;
	background: transparent;
	font-size: 18px;
	color: #666;
	padding: 4px 8px;
	cursor: pointer;
}

.pwa-install-icon-wrap {
	width: 72px;
	height: 72px;
	margin: 0 auto 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 1rem;
	background: #ffffff;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
}

.pwa-install-icon {
	border-radius: 0.75rem;
	object-fit: contain;
	background: #ffffff;
}

.pwa-install-title {
	margin-bottom: 8px;
}

.pwa-install-desc {
	margin-bottom: 16px;
}

.pwa-install-btn-main {
	margin-bottom: 8px;
}

.pwa-install-ios-steps {
	background: #f8f9fa;
	border-radius: 0.75rem;
	padding: 0.875rem 1rem;
	font-size: 0.9rem;
	margin-bottom: 16px;
}

.pwa-install-ios-step {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
}

.pwa-install-ios-step:last-child {
	margin-bottom: 0;
}

.pwa-install-ios-step .pwa-install-step-badge {
	margin-right: 8px;
}

.pwa-install-step-badge {
	flex-shrink: 0;
	width: 1.5rem;
	height: 1.5rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: #006837;
	color: #fff;
	font-size: 0.75rem;
	font-weight: 600;
}

.pwa-touch-target {
	min-height: 44px;
}

body.pwa-install-sheet-open {
	overflow: hidden;
}

@media (min-width: 576px) {
	.pwa-install-overlay {
		align-items: flex-end;
		padding: 0 1rem 1rem;
	}

	.pwa-install-sheet {
		border-radius: 1.25rem;
		max-width: 420px;
	}
}