html, body 
{
	height:100%;
	-webkit-overflow-scrolling: touch;
	overflow:hidden;
}


/***********************
** Splash
***********************/
.splash
{
	background-color:#31a8fd;
}
.splash .container-fluid
{
	height:100%;
}
.floating-container 
{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
}
.floating-container  > .floating 
{
	display:table-cell;
	vertical-align:middle;
}
.login-form 
{
	background-color:#FFF;
	min-height:200px;
	max-width:500px;
	margin:0px auto;
	padding:25px 15px;
	border: 2px solid #4798d2;
}
.login-form h1 
{
	font-weight: 600;
    font-size: 1.6em;
	margin-bottom:15px;
	text-align:center;
}

.splash-header 
{
	padding:7px;
	background-color:#FFF;
	display:block;
	position:absolute;
	text-align:center;
	width:100%;
	border-bottom:1px solid #378fce;
}
.splash-header img
{
	max-height:50px;
}


.splash-footer 
{
	padding:10px 0px;
	font-size:0.9em;
	color:#FFF;
	position:absolute;
	bottom:0px;
	width:100%;
	text-align:center;
}
.splash-footer a 
{
	color:#FFF;
}


/***********************
** Forms
***********************/
.form-group 
{
	position:relative;
	display:block;
}
.form-control 
{
	display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	border-radius:0px;
}
.sweet-alert .form-control 
{
	display:block !important;
}
.btn 
{
	border-radius:0px;
}
.btn-basic 
{
	border:1px solid #dfdfdf;
	background-color:#FFF !important;
}


/***********************
** Portal Header
***********************/
.portal-header 
{
	background-color:#FFF;
	padding:8px 0px;
	border-bottom: 1px solid #b3b3b3;
}
.portal-header .logo 
{
	max-height:50px;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

/***********************
** Portal Structure
***********************/
main 
{
	height:100%;
	overflow-y:auto;
	background-color:#f1f1f1;
	position:relative;
	margin-bottom:-80px;
}

.menu 
{
	position:absolute;
	width:80%;
	background-color:#0d0e10;
	padding:15px;
	height:100%;
	z-index: 5000;
	left:-1500px;
}
.menu ul 
{
	list-style:none;
	margin:0px;
	padding:0px;
}
.menu ul li 
{
	list-style:none;
	margin:0px;
	padding:0px;
}
.menu ul li a 
{
	color: #fff;
	display:block;
	padding:12px 0px;
	font-size:1.1em;
	text-decoration:none;
	font-weight: 600;
}
.menu .label 
{
	font-weight:600;
	color:#FFF;
	text-transform:uppercase;
	margin: -15px;
    padding: 15px;
    border-bottom: 1px solid #3a3434;
    margin-bottom: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background-color: #2a303578;
}

.toggle-menu 
{
	display:block;
	height:40px;
	width:40px;
	position:absolute;
	left:0px;
	font-size:1.4rem;
	color:#333;
	text-align:center;
	padding:10px 5px;
}
.toggle-menu:hover, .toggle-menu:focus, .toggle-menu:active
{
	color:#666;
}


main 
{
	padding:8px;
}
main h1 
{
	font-weight:bold;
	font-size:1.8rem;
	margin:15px 0px;
}

main .loading 
{
	background-color:rgba(0,0,0,0.6);
	padding:15px 20px;
	border-radius:5px;
	position:absolute;
	z-index:6000;
	color:#FFF;
	font-size:1.6rem;
	left: 40%;
    top: 100px;
	display:none;
}
main .loading i 
{
	-webkit-animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}



/***********************
** Order List
***********************/
.order-list 
{
	height:100%;
	overflow:auto;
	list-style:none;
	margin:0px;
	padding:0px;
}
.order-list li 
{
	background-color:#FFF;
	border:1px solid #dfdfdf;
	padding:8px;
	min-height:100px;
	margin:5px 0px;
}
.order-list li.completed 
{
	background:#fbf8d5;
	border:1px solid #d6d2a8;
}
.order-list li h4 
{
	font-size:1.2em;
	margin:0px;
	margin-bottom:5px;
}
.order-list li .status
{
	color:#666;
	font-style:italic;
	margin:0px;
	margin-bottom:5px;
}
.order-list li .btn-basic 
{
	border:1px solid #dfdfdf;
}
.order-list li .more-info 
{
	color: #628dec;
    font-size: 3em;
    float: right;
    height: 118px;
    line-height: 100px;
    margin-top: -6px;
    margin-right: -6px;
    padding: 0.5rem;
}
.order-list li.completed .more-info 
{
	color: #948433;
}


.popup-window
{
	position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3000;
    left: 0;
    background-color: #efefef;
    padding: 10px;
	display:none;
	top: -60px;
	padding-top: 66px;
    overflow-y: scroll;
}
.popup-window .popup-header 
{
	padding:10px 0px;
}
.popup-window .popup-header h4
{
	margin-top: 10px;
}
.popup-window .card 
{
	padding:10px;
	margin-bottom:10px;
	border-radius:0px;
}
.popup-window .close-window
{
	font-weight:bold;
	fint-size:1.1em;
}

.spacer 
{
	height:10px;
}