/* styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}

.footer
{
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  background-color:#07487e;
  color:#FFF;
}

.footer .text-muted
{
  color:#FFF;
}


#cartsearch{
	padding-top: 10px;
	padding-bottom:10px;
    /* margin-top: 30px; */
    border: 1px dotted #09F;
    background-color: #eee;
    margin-left: 0;
    margin-right: 0;}
	
.pagetitle{
	min-height:50px; 
	margin-top:20px; 
	padding-top:10px; 
	padding-bottom:20px; 
	background-color:#eee; 
	color:#777; font-size:18px; 
	border-bottom:1px solid #ccc;
	}	

/* Custom page CSS
-------------------------------------------------- */

body > .container {
  padding: 15px 15px 0;
}
.container .text-muted {
  margin: 20px 0;
}

  .navbar {
	  background-color:#01132d;
	  }
	  .navbar-default .navbar-brand {
  color: #FFFC00;
}
	  
.navbar-default .navbar-nav>li>a {
  color: #fff;
  font-size:16px;
}
.navbar-default .navbar-nav>li>a:hover {
	
	  color: #ff9900;
	}
.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}
#cart{ border:1px dashed #C00;  background-color:#fff;}
#carthead{
	
		/*background-color:#348cd8; */
		font-weight:normal;
		color: #5cb85c;
		
		}
#cartitem{
	
		background-color:#fff; color: #096; font-size:25px;}
#carttotal{
	background-color:#08bbc3; color:#FFF; font-size:25px;
	}


.btn {
    display: inline-block;
    padding: 4px 12px;
}

/*******************************************************************/

@media print{
  html, body {
    width: 210mm;
    height: 297mm;
  }
   .btn{
	   
	   visibility:hidden;
	   visibility:collapse;}
	   .footer{
		   visibility:hidden;
		   display:none;		   
		   }  
a {
        display:none;
    }
}

/*******************************************************************/





.table td{
	
	font-size:12px;
	}
	.table th{
	
	font-size:13px;
	padding-top:5px;
	padding-bottom:5px;
	}
	.table tr:hover{
		
		background-color:#FFC;}	
	
	.form-control {
    display: block;
    width: 100%;
    height: 30px; 
    padding: 2px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 1px; 
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-group {
    margin-bottom: 8px;
}
.panel-heading {
    padding: 1px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
}

.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border-bottom-width: 1px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
	padding-bottom:2px;
	padding-top:3px;
	}

/*==========================================================*/
.panel-blue {
    background: #30a5ff;
    color: #fff;
}
.panel-orange {
    background: #ffb53e;
    color: #fff;
}
.panel-teal{
    background: #1ebfae;
    color: #fff;
}
.panel-red {
    background: #f9243f;
    color: #fff;
}
.large {
    font-size: 2.4em;
    margin-bottom: 0;
    color: #01132d;
}
.widget-right {
    text-align: left;
    line-height: 1.6em;
    margin: 0px;
    padding: 10px;
	padding-top:20px;
    height: 80px;
    color: #999;
    font-weight: 300;
    background: #fff;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.widget-right .text-muted {
    color: #9fadbb;
	padding-top:5px;
	line-height:15px;
	margin:0;
}
.widget-left {
    height: 80px;
    padding-top: 15px;
	font-size:36px;
    text-align: center;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.glyph {
    fill: currentColor;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 70%;
    height: 70%;
}

.no-padding {
    padding: 0;
    margin: 0;
}

.panel-widget {
    padding: 0;
    position: relative;
/*	background: #fff;*/
}



/*###########################STEP Wizard###################################*/
.bs-wizard {margin-top: 1px;}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/