@charset "utf-8";
/* CSS Document */
html, body { height:100%; padding:0px; margin:0px;}

/***  Header Section ***/

.top-bg { background:url(../img/bg.jpg) repeat-x; min-height: 55px;}
header .logo { padding: 7px; }

/**** Custom css  **/
.pl_date{ display: none; }
.line-height-9{ line-height: 9px; }
.margin-top-5{ margin-top: 5px;}
/*** End ***/

/*** Menu ***/

#top-menu { background-color: #fafafa;
background-image: -moz-linear-gradient(top,#fff,#f2f2f2);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f2f2f2));
background-image: -webkit-linear-gradient(top,#fff,#f2f2f2);
background-image: -o-linear-gradient(top,#fff,#f2f2f2);
background-image: linear-gradient(to bottom,#fff,#f2f2f2);
background-repeat: repeat-x;
border: 1px solid #d4d4d4;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff2f2f2',GradientType=0);
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
box-shadow: 0 1px 4px rgba(0,0,0,0.065);}

#top-menu .active > a{
color: #555;
text-decoration: none;
background-color: #e5e5e5;
-webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
-moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
box-shadow: inset 0 3px 8px rgba(0,0,0,0.125); }

.content-area { min-height:490px; padding-bottom:50px;}
#features-tbl tr td { text-align:center;}
#features-tbl tr td:nth-of-type(1)  {text-align:left; }
#features-tbl tr td:nth-of-type(2)  {text-align:left; }
#features-tbl tr th:nth-of-type(2)  {text-align:left; }
#features-tbl tr th { text-align:center;}

/*** Content Area ***/

.container { min-height:90%;}
.red { color:red;}
#subscribe-form label { font-weight:normal;}
#subscribe-form select { height:auto;}


/*


 * =================== Start pricing table =====================*/

.pricing-table .plan {
  border-radius: 5px;
  text-align: center;

}

.pricing-table .plan:hover {
  background-color: #fff;

}

.pricing-table .plan .plan-name {
  padding: 20px;
  color: #333;
  background-color: #ddd;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.plan .plan-name h2 { font-size:24px;}

.pricing-table .plan .plan-name span {
  font-size: 20px;
}

.pricing-table .plan ul {
  list-style: none;
  margin: 0;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  background-color: #fff;
  border:1px solid #ddd;
  padding: 0;
}
.pricing-table .plan ul:hover { background:#fff;}

.plan {
    margin-left: 15px;
    width: 31%;
	padding:0px;
	float:left;
}
.plan:last-child { margin-right:0px;}
.plan:hover {  -moz-box-shadow: 0 0 7px 3px #ddd;
  -webkit-box-shadow: 0 0 7px 3px #ddd;
  box-shadow: 0 0 7px 3px #ddd;}
.pricing-table .plan ul li.plan-feature {
  padding: 15px 10px;
  border-top: 1px solid #c5c8c0;
}

.pricing-three-column {
  margin: 0 auto;
  width: 80%;
}

.pricing-variable-height .plan {
  float: none;
  margin-left: 2%;
  vertical-align: bottom;
  display: inline-block;
  /* Support for inline-block in IE7 */
  zoom:1;
  *display:inline;
}

.btn-plan-select {
  padding: 8px 25px;
  font-size: 18px;
}

/*
 * =================== End pricing table =====================*/
#welcome-user {
float: right;

padding:5px;
}
#welcome-user p { margin:0px;}
#welcome-user .pull-right { margin-right: 25px !important; }
#welcome-user a { color:#333; text-decoration:none;}
#welcome-user a:hover { color:#09C;}



.footer {
position:relative;
bottom: 0;
width: 100%;
background:url(../img/bg-f.jpg) repeat-x #0d0600;
padding:10px;
color:#fff;
text-align:center;
}
.footer > .container {
padding-right: 15px;
padding-left: 15px;
}
.footer > .container p { color:#fff;}

/*** Login ***/


.form-signin {
  max-width: 380px;
  padding: 15px 35px 45px;
  margin:50px auto;
  background-color: #fff;
  text-align: center; border: 1px solid #EBE6E2;
  text-shadow: 0 2px 0 rgba(255,255,255,0.8);
  box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 1px 5px rgba(0,0,0,0.2), 0 0 0 12px rgba(255,255,255,0.4); }
 
  .form-signin-heading { font-size:24px;}

  .form-signin-heading, .checkbox {
	  margin-bottom: 30px;
	}

	.checkbox {
	  font-weight: normal;
	}

	.form-control {
	  position: relative;
	  font-size:13px;
	  height: auto;
	  padding: 10px;
	}
	.form-control {
    margin-bottom: 15px;
}
.btn.btn-lg.btn-primary.btn-block { margin-bottom:10px;}
a.navbar-brand { display:none;}
.push-btm-10 { margin-bottom:10px;}

/**** Table  *********/


.widget.widget-table .table {
margin-bottom:25px;
border: none;
}

.widget.widget-table .widget-content {
padding: 0;
}

.widget .widget-header + .widget-content {
border-top: none;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}

.widget .widget-content {
padding: 20px 15px 15px;
background: #FFF;
border: 1px solid #D5D5D5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.widget .widget-header {
position: relative;
height: 40px;
line-height: 40px;
background: #E9E9E9;
background: -moz-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #e9e9e9));
background: -webkit-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
background: -o-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
background: -ms-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
background: linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
text-shadow: 0 1px 0 #fff;
border-radius: 5px 5px 0 0;
box-shadow: 0 2px 5px rgba(0,0,0,0.1),inset 0 1px 0 white,inset 0 -1px 0 rgba(255,255,255,0.7);
border-bottom: 1px solid #bababa;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";
border: 1px solid #D5D5D5;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
-webkit-background-clip: padding-box;
}

thead {
display: table-header-group;
vertical-align: middle;
border-color: inherit;
}

.widget .widget-header h3 {
top: 2px;
position: relative;
left: 10px;
display: inline-block;
margin-right: 3em;
font-size: 14px;
font-weight: 600;
color: #555;
line-height: 18px;
text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
padding:0px;
margin:0px;
}

.widget .widget-header [class^="icon-"], .widget .widget-header [class*=" icon-"] {
display: inline-block;
margin-left: 13px;
margin-right: -2px;
font-size: 16px;
color: #555;
vertical-align: middle;
}



/*** --------- Dashboard --------***/
#dashboard{ margin-top: 50px; }
#dashboard hr { margin:0px; margin-bottom:10px; }
#dashboard h4 { font-weight:normal; color:#777;}
.item-dashboard { background:#f7f7f7; border:1px solid #ddd; margin-bottom:15px; padding:5px 10px; min-height:200px;}
.item-dashboard:hover { background:#fff;  box-shadow: 0 0 5px 3px #ddd;}
.item-dashboard:hover h4.dashboard-ico { color: green !important; }
.item-dashboard:hover h4.production-ico { color:#09F !important;}
.item-dashboard:hover h4.distribution-ico { color:#F33 !important;}
.item-dashboard:hover h4.accounting-ico { color:#300 !important;}
.dashboard-tbl tr td { padding:5px;} 










/*** Media Queries ***/

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.plan {
margin-left: 15px;
width: 46%;
padding: 0px;
float: left;
margin-bottom:20px;
}
.full-width-2 { float:left; width:100%;}
a.navbar-brand { display:block;}
#bs-example-navbar-collapse-1 ul { position: relative;
    top: -8px;
}

}
@media (min-width:800px) {
#bs-example-navbar-collapse-1 { padding:0px; }
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
	.plan {
margin-left:0px;
width:100%;
padding: 0px;
float: left;
margin-bottom:20px;
}

}
.borders_left{border-left: 1px solid #E3E3E3;min-height: 600px;}
.form-error{ color: red }
#flash_message{ width: 75%; margin: 0 auto; text-align: center; }
#flash_error{ width: 75%; margin: 0 auto; text-align: center; }
.aligncenter{ text-align: center; }
.welcome_user{ color: #088DA5 ;  font-weight: normal; }
.btnstyle { width: 100px; }

.blink {
animation-duration: 1s;
animation-name: blink;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: ease-in-out;
}
@keyframes blink {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.fix-width { width: 100px; float: left; }
.form-horizontal .help-cls { padding-top: 0px !important; font-weight: normal; }