#body {
	#
	padding: 65px;
	#
}

html,body { height: 100%; margin: 0px; padding: 0px; }

.view {
	margin-left: 60px;
}

.view a {
	font-size: 10px; color: #222222;
}

.mlexbtn {
	background-color: #008ABC; padding: 4px 25px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-decoration: none; border: 1px solid #ffffff;
	color: #ffffff
}

.mlexlink{
	background-color: #008ABC; padding: 3px 25px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-decoration: none; border: 1px solid #ffffff;
	color: #ffffff
}

.mlexlinkfixed{
	background-color: #008ABC; padding: 3px 25px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-decoration: none; border: 1px solid #ffffff;
	color: #ffffff
}

.logincard {
	background-color: #ffffff; border: 1px solid #bbbbbb; height: 290px; width: 320px;
	position: absolute;
	top: 50%; left: 50%; z-index: 15; margin-bottom: 0px;
	margin-top: -130px; margin-left: -160px; margin-right: 0px;
}

.logincard button {
	background-color: #008ABC; padding: 4px 25px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-decoration: none; border: 1px solid #ffffff;
	color: #ffffff
}

.logincard a {
	font-size: 10px; color: #222222;
}

.logincardBody {
	padding: 15px;
}

.card {
	background-color: #ffffff; border: 0px solid black; height: 269px; width: 250px;
	margin-left: 0px;
	margin-right: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	margin-bottom: 20px; float: left;
}

.biggercard {
	background-color: #ffffff; border: 0px solid black; height: 350px; width: 330px;
	margin-left: 0px;
	margin-right: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	margin-bottom: 20px; float: left;
}

.imagecard {
	background-color: #777777; border: 0px solid black; height: 100px; width: 100px; margin: 0px; float: left;
}

.card a {
	font-size: 14px; color: #222222;
}

.cardHeader {
	background-color: #006dcc; font-size: 14pt; color: white; padding: 5px;
}

.cardClose {
	color: white; font-weight: bold; margin-right: 5px;
}

.cardContainer {
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.imagelistdiv{
	padding: 20px;
}

.cardBody {
	padding-left: 0px;
	border: 0px solid black;
}

.cardthumbnail a img {
	display: block; margin: auto;
	border: 0px solid black;
}

.lastRow {
	background-color: #ccc;
}

.indent {
	margin-left: 20px;
}

.ordersTable {
	width: 800px; margin-left: 20px;
}

.orders th,.customerOrders th {
	width: 25%; cursor: pointer;
}

.ordersTable tr:first-child th {
	background-color: #006dcc; color: #fff; font-weight: bold;
}

#submitCustomer {
	margin-left: 50px; margin-top: -8px;
}

footer {
	margin-top: 10px; font-weight: bold;
}

p {
	margin: 0px;
}

.normal-paragraph-container p {
    margin: 0 0 10px;
}

.userinfo {
	position: absolute; font-size: 14px; float: right; top: 10px; right: 10px; width: 100px; height: 20px;
}

.navbar-fixed-top {
	border: 0px solid black; background-color: #ffffff; width: 100%; height: 80px;
}

.navbar-inner {
	-webkit-border-radius: 0px; border-radius: 0px;
}

.navbar .brand {
	display: block; background-color: #ffffff; position: absolute; left: 120px; top: 40px; padding: 0px 0px 0px; margin-left: -20px; font-size: 48px;
	font-weight: 900; width: 100%; color: #444444; text-shadow: 0 1px 0 #ffffff;
}

.titletext {
	font-size: 44px; font-weight: 900; color: #444444; text-decoration: bold; text-shadow: 0 2px 0 #eeeeee;
}

.mlexnav a {
	color: #000000; text-decoration: bold; font-weight: 900; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}

h5 {
	text-decoration: bold; font-weight: 700;
}

.constraint {
	text-align: left; padding: 6px;
	 margin: 5px;
}

a {
	color: #444444;
}

.mlactive a {
	text-decoration: bold;
}

.navbar .title {
	font-size: 46px; font-weight: 800; width: 50%; color: #444444; text-decoration: bold; text-shadow: 0 2px 0 #eeeeee; float: left; # overflow: hidden;
}

.navbar .nav-pills {
	width: 50%; background-color: transparent; float: right; overflow: hidden;
}

.navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus {
	color: #000000; text-decoration: bold; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}

.navbar .nav {
	margin-left: 10px; margin-top: -10px;
}

.close {
	opacity: 1.0;
}

.slide-animate.ng-enter,.slide-animate.ng-leave {
	-webkit-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s; -moz-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s;
	-o-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s; transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s;
}

.slide-animate.ng-enter.ng-enter-active {
	position: absolute; left: 1300px;
}

.slide-animate.ng-enter {
	left: 0;
}

.slide-animate.ng-leave.ng-leave-active {
	position: absolute; left: -1700px;
}

.slide-animate.ng-leave {
	right: 0;
}

@
keyframes rotateFall { 0% {
	transform: rotateZ(0deg);
}

20%
{
transform














:















rotateZ














(10
deg












);
animation-timing-function














:















ease-out














;
}
40%
{
transform
:

rotateZ

(17
deg

);
}
60%
{
transform




:




rotateZ




(16
deg




);
}
100%
{
transform














:















translateY














(100%)
rotateZ














(17
deg












);
}
}

/* slide in from the bottom */
@
keyframes slideOutLeft {to { transform:translateX(-100%);

}

}

/* rotate out newspaper */
@
keyframes rotateOutNewspaper {to { transform:translateZ(-3000px)rotateZ(360deg);
	opacity: 0;
}

}

/* entering animations --------------------------------------- */
/* scale up */
@
keyframes scaleUp {from { opacity:0.3;
	-webkit-transform: scale(0.8);
}

}

/* slide in from the right */
@
keyframes slideInRight {from { transform:translateX(100%);

}

to {
	transform: translateX(0);
}

}

/* slide in from the bottom */
@
keyframes slideInUp {from { transform:translateY(100%);

}

to {
	transform: translateY(0);
}

}
.ng-enter {
	animation: scaleUp 0.3s both ease-in; z-index: 8888;
}

.ng-leave {
	animation: slideOutLeft 0.0s both ease-in; z-index: 9999;
}

.fragmentWrapper {
	overflow: hidden;
}

.fragment {
	position: relative; -moz-transition-property: left; -o-transition-property: left; -webkit-transition-property: left; transition-property: left;
	-moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s
}

.fragment












:not













(
.active













)
{
left








:













540
px












;
}
.fragment.active {
	left: 0px;
}

.gridStyle {
	border: 1px solid rgb(212, 212, 212); width: 90%; height: 600px;
}
/*
.ngViewport.ng-scope {
	height: auto !important; overflow-y: hidden;
}*/
/*
.ngTopPanel.ng-scope,.ngHeaderContainer {
	width: auto !important;
}*/

@media print {
	.view {
		margin-left: 0px;
	}
	.card {
		background-color: #ffffff; border: 0px solid black; height: 330px; width: 330px; margin-bottom: 0px; page-break-inside: avoid;
	}
	.cardBody {
		padding: 0px;
	}
}

body.dragOver #file-drop {
	display: block;
} /* During drag */
body #file-drop {
	display: block
} /* No drag */

/*dialogs*/
.modal {
	display: block;
	.
	modal-body
	{
}

}

/*loading indicator*/

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

.gridDisabled {
	color: LightGrey;
}

.gridOk {
	color: green;
}

/*  remove ellipsis from headers
.ngHeaderText {
    text-overflow: clip;
    white-space: normal;
}
*/

label.clear {
    font-size: 12px;
    color: #666;
    text-align: center;
    background-color: white;
    margin-top: 5px;
    margin-left: 5px;
    border-radius: 100px;
    border: 1px solid #666;
    line-height: 26px;
    height: 26px;
    width: 26px;
    padding: 0;
    cursor: pointer;
}

label.clear:hover {
    background-color: #ddd;
    border-color: #333;
    color: #333;
}