@charset "utf-8";
/* CSS Document */

@import url(jquery-ui.css);

body{
	background:url(../images/main-bg.png) repeat;
    color: #000;
	}
/*body:after{
	border-bottom: 20px solid #ba3f8c;
    bottom: -20px;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    width: 20%;
	}
*/
a{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}
a:focus{
	outline:none;
	}
img{
	max-width:100%;
	}
.btn{}
h1, .h1, h2, .h2, h3, .h3{
	margin-top:0;
	}

.btn-primary{
	background-color:#5c76ba;
	}
.container{
	width:100%;
	}
.underline{
	text-decoration:underline;
	}
.msg{
	font-size:18px;
	}
.vertical-middle{
    left: 0;
    margin: auto;
    min-height: 10px;
    position: absolute;
    right: 0;
	
	}

/* Header start here
====================*/
.header{
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
    /*margin-bottom: 20px;*/
    padding-top: 20px;
	}
.logo{
	}
.header address p{
	margin-bottom:0;	
	}

.navbar{
	background-color: #257898;
	border:none;
	border-radius:0;
	color:#fff;
	margin-bottom:0;
	}
.navbar-collapse{
	padding-left:0;
	padding-right:0;
	}
.navbar-nav > li > a{
	color:#fff;
	}
.navbar-nav > li.active > a,
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus{
	background-color:#3C3B39;
	color:#fff;
	}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus{
	background-color:#898989;
	color:#fff;
	}


/* Content start here
====================*/
.content{
	padding:20px 15px;
	}
.content .container{
	padding:0;
	}
.content .content{
	padding:0;
	}
.table .table{
	margin-bottom:0;
	}

.login-form{
	background-color: #ba3f8c;
    border-radius: 5px;
    color: #fff;
    margin: 40px auto auto;
    max-width: 430px;
    padding: 20px;
	}
.login-form h1{
	margin-bottom:20px;
	}
.login-form .form-group{
	margin-bottom:25px;
	}
	
.top-info{}
.top-info p{
	border-bottom:solid 1px #000;
	}
.top-info strong{
	display: inline-block;
    min-width: 130px;
	}
.top-info span{}


/*[bgcolor*="#a4e8f5"] {
	background:#5c76ba;
	color:#fff;
	}*/


.table-striped > tbody > tr:nth-of-type(1n+1){
	background-color:#f9f9f9;
	}
.table-striped > tbody > tr:nth-of-type(2n+1){
	background-color:#fff;
	}

.table-striped > tbody > tr .table-striped tr:nth-of-type(1n+1){
	background-color:#fff;
	}
.table-striped > tbody > tr .table-striped tr:nth-of-type(2n+1){
	background-color:#f9f9f9;
	}

.text-center th {
    text-align: center;
	}


.by{
	}

.by strong{
	border-bottom:dashed 1px #000;
	display:block;
	padding-bottom:2px;
	margin-bottom:5px;
	}
/* Footer start here
====================*/
.footer{
	background-color:#3C3B39;
	color:#fff;
	padding:20px 0;
	}
.footer .copy{
	text-align:center;
	margin-bottom:0;
	}



.green-bg{
	background-color:green;
	color:#fff;
	}
.red-bg{
	background-color:red;
	color:#fff;
	}
.blue-bg{
	background-color:blue;
	color:#fff;
	}

.showqty table th{
	cursor:pointer;
	}
.showqty table th:hover{
	background-color:orange;
	}
	
.top-head th{
	background-color:#033;
	color:#fff;
	text-align:center;
	}
.col-no th{
	background-color:#C96;
	color:#fff;
	}

.showqty > tbody > tr > td th{
	height: 57px;
    text-align: center;
    vertical-align: middle;
	position:relative;
	}

.showqty .table{
	margin:0;
	}

.showqty thead th{
	background-color:#033;
	color:#fff;
	}
.showqty.right-table > tbody > tr > td:first-child th,
.showqty.left-table > tbody > tr > td:nth-last-child(2) th{
	background-color:#C96;
	color:#fff;
	pointer-events:none;
	}

#txtpro{
	font-size:16px;
	}
#txtpro td{
	padding:3px;
	}

#locationid{
	background-color: #000;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    height: auto;
    padding: 20px 10px;
    text-align: center;
	z-index:99999;
	}


.blue-color{
	color:#5c76ba;
	}
.pink-color{
	color:#ba3f8c;
	}
.blue-bg{
	background-color:#5c76ba !important;
	color:#fff;
	}
/*.pink-bg{
	background-color:#ba3f8c;
	color:#fff;
	}
*/
.antiquewhite-bg{
	background-color:#FAEBD7 !important;
	}
.aquamarine-bg{
	background-color:#7FFFD4 !important;
	}
.brown-bg{
	background-color:#A52A2A !important;
	}
.burlywood-bg{
	background-color:#DEB887 !important;
	}
.badetblue-bg{
	background-color:#5F9EA0 !important;
	}
.chocolate-bg{
	background-color:#D2691E !important;
	}
.cornflowerblue-bg{
	background-color:#6495ED !important;
	}
.darkcyan-bg{
	background-color:#008B8B !important;
	}
.darkolivegreen-bg{
	background-color:#556B2F !important;
	}
.darkslategray-bg{
	background-color:#2F4F4F !important;
	}
.darkturquoise-bg{
	background-color:#00CED1 !important;
	}
.fuchsia-bg{
	background-color:#FF00FF !important;
	}
.indigo-bg{
	background-color:#4B0082 !important;
	}
.lightcoral-bg{
	background-color:#F08080 !important;
	}
.lightgreen-bg{
	background-color:#90EE90 !important;
	}
.palevioletred-bg{
	background-color:#DB7093 !important;
	}
.salmon-bg{
	background-color:#FA8072 !important;
	}
.orange-bg{
	background-color:#F26522 !important;
	}
.pink-bg{
	background-color:#F06EAA !important;
	color:#fff !important;
	}	
.purple-bg{
	background-color:#800080 !important;
	color:#fff !important;
	}
.blue-bg{
	background-color:#5c76ba !important;
	color:#fff !important;
	}
.col-sm-3 > a{
	text-decoration:none;
	}


.red{
	color:#F00;
	}
.green{
	color:#060;
	}



.panel-heading{

	}
.panel-title > a{
	position:relative;
	}
.panel-title > a:before{
	float: right;
    font-family: "Glyphicons Halflings";
    font-size: 16px;
    text-align: right;
    width: 40px;
	}
.panel-title > a[aria-expanded="false"]:before{
	content: "\2b";
	}
.panel-title > a[aria-expanded="true"]:before{
	content: "\2212";
	}

.red-bg{
	background-color:#c60d11 !important;
	color:#fff !important;
	}
.dpink-bg{
	background-color: #ed145b !important;
	color:#fff !important;	
	}
.yellow-bg{
	background-color:#fdd501 !important;
	color:#000 !important;
	}
.green-bg{
	background-color:#04560a !important;
	color:#fff !important;
	}
a [class*="-bg"]{
	text-decoration:none;
	}
#locationid{
	position:relative;
	}
#locationid:after{
	position:absolute;
	bottom:0;
	top:0;
	left:0;
	right:0;
	content:"";
	}


.alert{
	background-color: #000;
    border-radius: 3px;
    bottom: 100%;
    font-size: 12px;
    left: -25%;
    padding: 2px 12px;
    position: absolute;
    right: 0;
	width:150%;
	margin-bottom:10px;
	}
.msg-alert{
	background-color: rgba(0, 0, 0, 0.8);
    bottom: 0;
    color: #fff;
    display: block;
    font-size: 18px;
    left: 0;
    margin: auto;
    padding: 2px 12px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 999999;
	}
.msg-alert span{
	position:absolute;
	top:50%;
	left:0;
	right:0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	}

.is-sticky .fix-top{
	background-color:#fff;
	z-index: 99999;
	padding-top:10px;
	}
[name="position"]{
	background-color: #000080 !important;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
	}

.ajax-loader{
	color: #000;
    display: inline-block;
    font-size: 20px;
    left: 16px;
    position: relative;
    top: 5px;
    visibility: visible;
	
	visibility: hidden;
    -webkit-animation-name: spinnerRotate;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spinnerRotate;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spinnerRotate;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
	}
@-webkit-keyframes spinnerRotate
{
    from{-webkit-transform:rotate(0deg);}
    to{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes spinnerRotate
{
    from{-moz-transform:rotate(0deg);}
    to{-moz-transform:rotate(360deg);}
}
@-ms-keyframes spinnerRotate
{
    from{-ms-transform:rotate(0deg);}
    to{-ms-transform:rotate(360deg);}
}