html {
	font-family: 'Arimo', sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	font-family: 'Arimo', sans-serif;
	font-size: 13px;
	line-height: 1.42857143;
	margin: 0;
}
.app-version {
	padding: 0 5px;
}
.btn {
	font-size: 13px;
}

fieldset {
	margin-bottom: 5px;
	margin-top: 5px;
}

.login-page {
	background: url(../images/epod-background-16b73a57b134944ed0169ea8a6ff55c2.jpg) no-repeat 0 60px;
	background-size: cover;
}

.login-page a {
	color: white;
}

.login-page .main-header {
	background-color: #68308B;
}

.login-page .banner-img {
	height: 60px;
}

.login-page .col-cust-6 {
	width: 50%;
	float: left;
	padding: 0 15px;
}

.login-page .tagline {
	float: right;
	margin-right: 20px;
}

@media (max-width: 550px) {
	.login-page .banner-img {
		height: 50px !important;
	}

	.login-page .banner-tag {
		margin: 0 auto;
		width: 210px;
	}

	.login-page .col-cust-6 {
		width: 100%;
	}

	.login-page .tagline {
		float: none;
	}
}

.login-container {
	margin: auto;
	padding: 8% 0 5% 0;
	width: 350px;
	height: 100%;
}

.login-body {
	padding: 30px 50px;
	background: rgba(27, 28, 35, 0.79);
}

.login-icon {
	margin: 0 0 0 33%;
	display: inline;
	width: 75px;
}

.login-body .form-control {
	background-color: rgba(255, 255, 255, .1);
	background-repeat: no-repeat;
	background-position: 10px 2px;
	background-size: 25px;
	border-radius: 4px;
	color: white;
	padding: 0 5px 0 42px;
}

.login-body #username {
	background-image: url("../images/login-icon-username-94d9456d18bb13a41c3a0e729668c7fa.png");
}

.login-body #password {
	background-image: url("../images/login-icon-password-b476523c7bff8fee08ef0796b4e28378.png");
}

.btn-login {
	padding-top: 5px;
	padding-left: 0;
}

.login-footer {
	font-size: 11px;
	background: rgba(27, 28, 35, 0.600);
	color: #fff;
	width: 100%;
	bottom: 0;
	position: fixed;
	height: 20px;
	text-align: center;
	padding-top: 3px;
}
.login-footer a {
	color: white;
}

.btn-purple {
	background-color: #68308B;
	border-color: #68308B;
	color: white;
}

.btn-purple:hover, .btn-purple:active, .btn-purple.hover {
	background-color: #5d1f8b;
	border-color: #5d1f8b;
	color: white;
}

.btn-radius {
	border-radius: 3px;
}

.download-link {
	margin-left: 15px;
}
.forgot-password-link {
	margin-right: 15px;
}

.download-link a, .forgot-password-link a {
	text-decoration-line: underline;
}

.url:hover {
	text-decoration-line: underline;
}

.fullWidth {
	width: 100%;
}

.content-header {
	position: relative;
	padding: 5px 10px 0 10px;
}

.content-header > h1 {
	font-size: 19px;
}

.content {
	padding: 5px;
}

.box-header {
	padding-top: 5px;
}

.box-body {
	padding-top: 0;
}

.navbar {
	border-width: 0 1px 4px 1px;
}

.navbar-inverse {
	background-color: #ffffff;
	border-color: #e6e6e6;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
	color: #333333;
	background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
	color: #333333;
	background-color: transparent;
}

.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
	color: #eeeeee;
	background-color: transparent;
}

.box-shadow-1 {
	-webkit-box-shadow: 3px 3px 3px;
	-moz-box-shadow: 3px 3px 3px;
	box-shadow: 4px 2px 12px rgba(0, 0, 0, .5);
}

.width100 {
	width: 100% !important;
	min-width: 40px;
}

.loggoColor {
	color: #fff !important;
}

/*login end*/

/*layout start*/

.boxHeaderColor h3 {
	color: #FFFFFF;
}

.usernameDiv {
	margin-top: 9px;
	font-size: 16px;
}

.headerElement {
	height: 60px;
	padding-top: 20px !important;
}

.main-header .logo {
	height: 60px;
	padding-top: 5px;
}

.main-sidebar, .left-side {
	padding-top: 60px;
}

@media (max-width: 767px) {
	.main-sidebar, .left-side {
		padding-top: 60px;
	}

	.main-header .logo {
		display: none;
	}

	.modal-dialog {
		margin: 30px auto;
	}
}

/*layout end*/

table tr td {
	word-wrap: break-word;
}

#order-create-top-items-div, #order-create-bottom-items-div {

}

#order-create-bottom-items-div {
	border-top: 0px;
	background-color: rgba(128, 122, 125, 0.15);
}

.order-create-textarea {
	height: 78px !important;
}

.timeWindow-fieldset {
	margin-bottom: 0px;
}

label.error, span.error {
	color: #dd4b39;
	font-weight: bold;
}

.main-footer {
	padding: 3px 10px;
}

.order-status-title {
	background-color: #d2d6de;
}

.order-status {
	margin-left: 10px;
	color: white;
}

a {
	cursor: pointer;
}

.text-white {
	color: white;
}

a.text-white:hover {
	color: #fff3cd;
	text-decoration: underline;
}

a.text-white:visited {
	color: #ffefd2;
}

.NEW {
	background-color: #0073b7;
}

.PROCESSING {
	background-color: #00c0ef;
}

.COMPLETED {
	background-color: #00a65a;
}

.PARTIAL, .GOINGTOLATE {
	background-color: #ec971f;
}

.FAILED, .LATE {
	background-color: #dd4b39;
}

.bg-light-blue-gradient .badge {
	background-color: white;
	color: #3c8dbc;
}

.bg-blue-gradient .badge {
	background-color: white;
	color: #0073b7;
}

.bg-aqua-gradient .badge {
	background-color: white;
	color: #00c0ef;
}

.bg-green-gradient .badge {
	background-color: white;
	color: #00a65a;
}

.bg-yellow-gradient .badge {
	background-color: white;
	color: #f39c12;
}

.bg-red-gradient .badge {
	background-color: white;
	color: #dd4b39;
}

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

span {
	word-wrap: break-word;
}

.score-card li {
	margin: 0 5px 0 0;
	padding: 10px 5px 2px 1px;
	width: 95px;
	text-align: right;
	border-radius: 5px;
	float: left;
}

.score-card .badge {
	font-size: 18px;
}

#gridSearch .searchForm {
	padding-right: 5px;
	padding-left: 5px;
}

.location {
	font-weight: bold;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
	top: 42px;
}

.sidebar-menu .treeview-menu > li > a {
	padding-left: 10px;
	font-size: 13px;
}

.required {
	background-color: #3c8dbc !important;
}

.required:after {
	content: "*";
	color: red;
	position: absolute;
	margin-left: 2px;
	top: 4px;
	font-size: 20px;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-xs-5ths {
	width: 20%;
	float: left;
}

@media (min-width: 768px) {
	.col-sm-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width: 992px) {
	.col-md-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width: 1200px) {
	.col-lg-5ths {
		width: 20%;
		float: left;
	}
}

.locate-icon {
	font-size: 130%;
}

.daterange {
	background: #fff;
	border: 1px solid #ccc;
	cursor: pointer;
	padding: 5px 10px;
	width: 100%
}

.notifications-menu-label {
	font-size: 15px!important;
}

.chatroom-title {
	background-color: #d2d6de;
}

.chatroom-header {
	margin-left: 10px;
	color: red;
}
.image-upload > input
{
    display: none;
}

.image-upload img
{
    width: 80px;
    cursor: pointer;
}


.exclaim_red {
	color: red;
}