/* CSS Document */
@import url("../css/bootstrap.min.css");
@import url("../css/font-awesome.min.css");
* {
	-webkit-transition: -webkit-transform .5s ease-in-out; 
	-moz-transition: -moz-transform .5s ease-in-out;
	-o-transition: -o-transform .5s ease-in-out; 
	transition: transform .5s ease-in-out; 
}

body {
	background-color: #406050;	
}
nav {
	background-color: #204030;
	color:white;
	font-size:14px;
	padding:8px 0 8px 10px;
}
article, main {
	padding:5px;
	padding-right: -10px;
	padding-bottom:10px;
	min-height:400px;
}
section {
	max-width:960px;
	margin: auto;
}
.main {
	margin-top:15px;
	border:1px solid #CDDBB0;
	border-radius: 5px;
	box-shadow:3px 3px 5px rgba(0,0,0,0.25);
	background-color: #EDF2E6;	
}
.navbar {
	padding:0;
	background:#AFD0B0;
	box-shadow: 0 2px 5px rgba(10,30,20,0.5);
	border:none;
}
.navbar ul {
	list-style:none;
	margin:0;
}
.navbar ul li {
	display:inline;
	padding:0;
	border: solid 1px transparent;
}

.navbar .nav>.active {
	box-shadow: inset 0 5px 5px rgba(205,219,176,0.5);
}
.navbar .nav li a {
	color:#DFF0E0;
	text-shadow: -1px -1px 1px #204030;
}

.navbar-inner, thead tr, thead tr th {
	margin:0;
	padding:0;
	border:none;
	color:white;
	background-image: -moz-linear-gradient(top,#406050,#204030);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#406050),to(#204030));
	background-image: -webkit-linear-gradient(top,#406050,#204030);
	background-image: -o-linear-gradient(top,#406050,#204030);
	background-image: linear-gradient(to bottom,#406050,#204030);
	
}
.navbar-inner {
	border-radius:0;
}
.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus {
	color:#204030;
	text-shadow: 1px 1px 1px #FFF;
}
.navbar .nav>li>a:hover, .navbar .nav>li>a:focus {
	color:#FFF;
	text-shadow: -1px -1px 1px #204030;
}

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

.has-submenu {
	border-bottom:1px solid #AFD0B0;
	box-shadow:none !important;
}

.gadget {
	border-radius:5px;
	border: solid 2px #204030;
	box-shadow: 2px 2px 5px rgba(10,30,20,0.5);
}

.gadget thead tr, .gadget thead tr th, .gadget thead tr td { 
	margin:0;
	padding:0 5px 0 5px;
	border-left:none;
	border-bottom: 1px solid #204030;
	color:#204030;
	background-color: #AFD0B0;
	background-image: none;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
}
.gadget thead tr td {
	border-radius:5px 5px 0 0;
}
.input-medium.upc, .input-medium.isbn {
	width:110px;
}

.is-required:after {
	content: '*';
	font-weight:bold;
	color:red;
	margin-left:5px;
}

.is-validated-error {
	border-color:red !important;
	background-color: #FEE !important;
}
.pad-left-em {
	padding-left: 1em;
}
#logo {
	position:relative;
	top:5px;
	left:5px;
}
#loader {
	margin: 10px 10px;
}
#enteredby {
	margin: 20px;
}
#printHeader {
	display:none;
}
.noShow {
	display:none;	
}

/* Bootstrap overrides */
.btn-xxs {
	width: 25px;
	height: 25px;
	text-align:center;
	padding: 2px 2px 2px 6px !important;
}
.help-block {
	font-size:10px;
	color:#99a099;
	padding-right:20px;
}

form {
	padding-bottom:10px;
}
#rawData {
	margin:0;
	width:210px;
	text-align:left;
	font-size:0.9em;
	line-height:1.05em;
	border:1px solid #204030;
	background-color: white;
	box-shadow: inset 1px 1px 2px rgba(51,102,51,0.5);
	padding:5px;
	border-radius: 3px;
}
#isbn {
	border-color:red;
	margin-top:10px;
}
#welcome {
	display: inline-block;
	height:60px;
	font-size: 18px;
	margin: 10px 20px 0 -40px;
	vertical-align:middle;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.35);
}
#welcome h3 {
	font-size:32px;
}
.is-success {
	background-color:#AFD0B0;
	border: 1px solid green;
	border-radius:3px;
}
.is-failure {
	background-color: #FFAAAA;
	color: red;
	border: 1px solid red;
	border-radius:3px;
}
.header-bottom {
	border-bottom: solid 10px #204030;
	margin:auto 0;
	padding: auto 10px;
}
.centered {
	text-align:center;
}
.right {
	text-align:right;
}
i.fa {
	margin-right:5px;
}
.icon-type {
	font-size:18px;
}
.caveat {
	border: 1px solid red;
	padding:5px;
	color:black;
	background-color:white;
	margin:5px;
}
.input-medium-fluid {
	max-width: 200px;
}

.input-large-fluid {
	max-width: 400px;
}
.icon-more {
	margin: -3px 5px 0 5px;
	font-size:1.5em;
}
.reserved-by {
	max-width: 100px;
}
.item-description {
	cursor:pointer;
}
*[id ^='remove_'] {
	color:red;
}

/* Object */
#emailList label {
	display:inline-block;
	margin-right:5px;
}
#emailList td {
	vertical-align:top;
}
.modal {
	border:1px solid #000;
	border-radius: 5px;
	box-shadow:3px 3px 5px rgba(0,0,0,0.5);
	background-color: #EDF2E6;
}
.modal-large {
	width: 875px;
  	margin-left: -440px;	
}

.modal-large .modal-body {
	min-height:480px;	
}

.modal-header {
	margin:0;
	padding:5px 10px 1px 10px;;
	border:none;
	color:white;
	background-image: -moz-linear-gradient(top,#406050,#204030);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#406050),to(#204030));
	background-image: -webkit-linear-gradient(top,#406050,#204030);
	background-image: -o-linear-gradient(top,#406050,#204030);
	background-image: linear-gradient(to bottom,#406050,#204030);
	font-size:1.5em;
	line-height:1.6em;
	border-radius: 4px 4px 0 0;
}
.modal-backdrop {
	background-color:rgba(16,24,20,1);
}
.modal-header .close {
	color:white;
}
.modal-footer {
	background-color: #EDF2E6;
}
.table {
	width:99%;
	background-color:white;
}
th a {
	color:white;
}
th a:hover {
	color:#F0F8FF;
}
.specialLabel {
	font-size: 1.1em;
	color:#204030;
}

.disabled {
	color:#999;
}
.sub-menu {
	border:none;
	border-radius:0;
	padding:10px;
	background-image: -moz-linear-gradient(top,#DAE9DA,#AFD0B0);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#DAE9DA),to(#AFD0B0));
	background-image: -webkit-linear-gradient(top,#DAE9DA,#AFD0B0);
	background-image: -o-linear-gradient(top,#DAE9DA,#AFD0B0);
	background-image: linear-gradient(to bottom,#DAE9DA,#AFD0B0);
}

li.sub-menu-item {
	display:inline-block;
	border-left: 1px solid rgba(255,255,255,0.85);
	border-right: 1px solid rgba(0,0,0,0.25);
	margin:5px 5px;
	border-right: 1px solid black;
	border-left: 1px solid white;
	color:#406050 !important;
}


li.sub-menu-item a,li.sub-menu-item a:link, li.sub-menu a:visited {
	color:#406050 !important;
}

li.sub-menu-item a:hover, li.sub-menu a:active {
	color:black !important;
	text-decoration:none;
}

.red {
	color:red;
}
.highlighter {
	background-color:#FF0;
	padding: 0 2px;
}
.userName {
	position:relative;
	top:40px;
	left: -10px;
	color:#A0C0B0;
	text-shadow: 1, 1, 0, #FFF;
	
}

.red {
	color: red;
}
.yellow {
	color:#FC0;
}
.green {
	color:green;
}

.select-page {
	width:120px;
}
#pageLinks {
	margin-bottom:5px;
}
.page, .page-current, .page:hover {
	display:inline-block;
	width: 15px;
	height: 20px;
	background-color: transparent;
	border: 1px solid #A0C0B0;
	border-radius:3px;
	color: #A0C0B0;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	padding:0;
}
.page-current {
	color:white;
	background-image: -moz-linear-gradient(top,#406050,#204030);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#406050),to(#204030));
	background-image: -webkit-linear-gradient(top,#406050,#204030);
	background-image: -o-linear-gradient(top,#406050,#204030);
	background-image: linear-gradient(to bottom,#406050,#204030);
	border-color:#000;
}
.page:hover {
	background-color: #A0C0B0;
	color: #204030;
	cursor:pointer;
}
tr.color1, td.color1 {
	background-color: #EDF2E6 !important;
}
.main {
	 border:1px solid black !important;
}

#engineLogStatus {
	font-size: 0.8em;
}

#engineLogErrors {
	font-size: 0.8em;
}

/* Image Gallery */
a:active {
	outline:none;
	border:none;
}
#imageGallery {
	box-sizing: border-box;
	display: flex !important;
	flex-flow: row wrap !important;
	justify-content: space-around !important;
	border-radius: 5px;
	padding: 5px;
	min-height: 130px;
}
.imageGallery-item {
	box-sizing: border-box;
	list-style: none;
	display: inline-block !important;
	margin: 0 10px 0 0 !important;
	text-align:right !important;
	width: 105px;
	min-height: 120px;
	padding:0;
	/*outline: 1px solid #000;*/
	background-color: transparent;
	background-repeat:no-repeat !important;
	background-size:cover;
	background-origin:border-box !important;
	background-position: 0 0 !important;
}

a.imageGallery-item-remove  {
	color:black;
	text-decoration:none;
}

a.imageGallery-item-remove:hover, a.imageGallery-item-remove:active{
	color:red;
	text-decoration:none;
}

optgroup {
	background: #204030;
	color: #DFF0E0;
}
option {
	background: white;
	color: black;
}

#imageUploadPreview {
	hieght:300px;
	margin-top: 10px;
	padding-right: 0 !important;
}
.preview {
	width: 180px;
	height:210px;
	background: #FFF;
	border: 1px solid #CDCDCD;
	border-radius: 3px;
	padding: 3px;
	display:inline-block;
	margin-right:2px !important;
	text-align:center !important;
}
.preview-pix {
	max-height: 100%;
	max-width:170px;
	background: white;
}
.preview-caption {
	font-size: 10px;
	color:black;
}
.thumbnailDiv {
	margin:5px auto 2px auto;
	padding:0;
	width: 170px;
	height:120px;
}

.modal-body-no-uid {
	background: url(../images/imageUploadWatermark.png) no-repeat center center;
}

#transactionStatus {
	height: 98px;
	box-sizing:border-box;
	padding: 0 5px;
	border: 1px solid #DDD;
	border-radius: 5px;
	background-color: white;
	font-size: 0.8em;
}

.rotatingStatus {
	background: transparent url(../images/Rotating.gif) no-repeat center center;
}

.resizingStatus {
	background: transparent url(../images/Resizing.gif) no-repeat center 24px;
}