/* =======================================

		Main Stylesheet
		
		Building on Twitter Bootstrap
		http://twitter.github.com/bootstrap/
		
========================================== */


/* New styles below */

body,
nav,
.pageheader,
.container {
  min-width: 650px;
}

.container {
  width: 90% !important;
  marin: 0px auto !important;
}

nav {
	box-shadow: none !important;
  background: #34495e !important;
}

.nav-logo {
  float: left;
}

.nav-logo img {
  padding: 12px 10px 10px;
  height: 65px;
}

.login {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
}

.login .btn.btn-primary {
	float: left;
}

.login .logo-container {
	width: 100%;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
}

.login .logo-container img {
	width: 70%;
	max-width: 100%;
	height: auto;
	display: inline-block;
}

.login .forgot {
	float: right;
}

.container {
	margin-top: 10em;
	margin-bottom: 7em;
}

.container .welcome {
	text-align: center;
}

.container .welcome a {
	display: inline-block;
	width: 220px;
	margin: 1em 1em 0em;
	float: none;
	vertical-align: top;
}

.alert{
	padding:15px;
	margin-bottom:20px;
	border:1px solid transparent;
	border-radius:4px
}

.alert h4{
	margin-top:0;
	color:inherit
}

.alert .alert-link{
	font-weight:700
}

.alert>p,.alert>ul{
	margin-bottom:0
}

.alert>p+p{
	margin-top:5px
}

.alert-dismissable,.alert-dismissible{
	padding-right:35px
}

.alert-dismissable .close,.alert-dismissible .close{
	position:relative;
	top:-2px;
	right:-21px;
	color:inherit
}

.alert-success{
	color:#3c763d;
	background-color:#dff0d8;
	border-color:#d6e9c6
}

.alert-success hr{
	border-top-color:#c9e2b3
}

.alert-success .alert-link{
	color:#2b542c
}

.alert-info{
	color:#31708f;
	background-color:#d9edf7;
	border-color:#bce8f1
}

.alert-info hr{
	border-top-color:#a6e1ec
}

.alert-info .alert-link{
	color:#245269
}

.alert-warning{
	color:#8a6d3b;
	background-color:#fcf8e3;
	border-color:#faebcc
}

.alert-warning hr{
	border-top-color:#f7e1b5
}

.alert-warning .alert-link{
	color:#66512c
}

.alert-danger{
	color:#a94442;
	background-color:#f2dede;
	border-color:#ebccd1
}

.alert-danger hr{
	border-top-color:#e4b9c0
}

.alert-danger .alert-link{
	color:#843534
}

.close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0px 1px 0px #FFF;
  opacity: 0.2;
}

button.close {
  padding: 0px;
  cursor: pointer;
  background: none repeat scroll 0px 0px transparent;
  border: 0px none;
}

.alert-dismissable .close, .alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success,
.alert-warning {
	margin: 50px auto;
	text-align: center;
}

.btn-large {
	text-align: left;
	line-height: 54px !important;
}

.btn {
	box-shadow: none !important;
}

form .s12,
.form-group {
	margin-bottom: 15px;
}

form input {
	margin-bottom: 0 !important;
}

form .parsley-errors-list {
	margin: 5px 0 0 0 !important;
}

form .parsley-errors-list li {
	color: #EE6E73;
}

.pageheader {
	width: 100%;
	background: #eee;
	position: fixed;
	left: 0;
	top: 60px;
	padding: 0 2.2em;
	border-bottom: 1px solid #ddd;
	z-index: 100;
}

.pageheader h4 {
  float: left;
}

.pageheader .pull-right {
  position: relative;
  top: 9px;
  right: -11px;
}

.pageheader .pull-right a {
  letter-spacing: 0.5px;
  font-size: 15px;
  font-weight: 400;
  padding: 0px 1.3rem;
  line-height: 35px;
}

.pageheader .pull-right a i {
  letter-spacing: 0.5px;
  font-weight: 400;
  font-size: 1.3rem;
  position: relative;
  left: -5px;
  top: 1px;
  margin-right: 5px !important;
}

.pageheader * {
	font-size: 19px;
	font-weight: 900;
	text-transform: uppercase;
}

.pageheader i {
	position: relative;
	left: -12px;
}

.mt15 {
	margin-top: 15px;
	display: inline-block;
	width: 100%;
}

[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  -moz-user-select: none;
}

[type="checkbox"]:checked + label::before {
  left: -3px;
  top: -4px;
  width: 12px;
  height: 22px;
  border-width: 2px;
  border-style: solid;
  border-color: transparent #26A69A #26A69A transparent;
  transform: rotateZ(40deg);
  transform-origin: 100% 100% 0px;
}

.label-success {
	color: #fff;
	background: #27ae60;
	padding: 5px 10px;
}

.label-success {
	color: #fff;
	background: #27ae60;
	padding: 5px 10px;
}

.label-default {
	color: #FFF;
	background: #c0392b;
	padding: 5px 10px;
}

.container > .pull-right > a {
  padding: 0px 1.3rem 0 1.3rem;
}

.container > .pull-right > a i {
  position: relative;
  left: -5px;
  top: 1px;
  margin-right: 5px !important;
}

#dropdown2 {
  width: 175px !important;
  margin-left: 10px;
  margin-top: 0px;
  height: auto !important;
  display: none;
  opacity: 1;
  max-height: none;
  overflow: visible !important;
  position: absolute;
  right: 0;
}

#dropdown1 {
  width: 90px !important;
  margin-left: -100px;
  margin-top: -51px;
  height: 160px !important;
  display: none;
  opacity: 1;
  max-height: none;
}

li:hover #dropdown2 {
  display: block !important;
}

#dropdown2 li:hover #dropdown1 {
  display: block !important;
}

.dropdown-content li {
  width: 100% !important;
}

.dropdown-button.dashboard {
  position: relative;
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.dropdown-button.dashboard i {
  font-size: 16px;
  padding-right: 10px;
}

.dropdown-button.user {
  position: relative;
  background: #333;
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.dropdown-button.user i {
  font-size: 16px;
  padding-right: 10px;
}

/* LOGIN */

.main-login body {
  margin: 0;
  color: #828282;
  font: 12px/15px "Open Sans", Arial, Helvetica, sans-serif;
  background: #f1f1f1;
  -webkit-text-size-adjust: 100%;
  min-width: 900px; }
.main-login img {
  border-style: none; }
.main-login a {
  text-decoration: none;
  color: #008ebd; }
  .main-login a:hover {
    text-decoration: underline; }
.main-login input, .main-login textarea, .main-login select {
  font: 100% Arial, Helvetica, sans-serif;
  vertical-align: middle;
  color: black; }
.main-login form, .main-login fieldset {
  margin: 0;
  padding: 0;
  border-style: none; }
.main-login #wrapper {
  width: 100%;
  overflow: hidden;
  position: relative; }
.main-login #header {
  background: transparent;
  min-height: 150px;
  position: fixed;
  top: 50px;
  left: 0;
  width: 100%; }
  .main-login #header:after, .main-login #header:before {
    width: 100%;
    height: 5px;
    position: absolute;
    left: 0;
    top: 0;
    content: ""; }
.main-login .headbar:after, .main-login .headbar:before {
  width: 100%;
  height: 5px;
  position: absolute;
  left: 0;
  top: 0;
  content: ""; }
.main-login #header:after, .main-login .headbar:after {
  top: auto;
  bottom: 0; }
.main-login .logo {
  background: url("../img/logo2.png") no-repeat scroll center center / 290px transparent;
  width: 100%;
  height: 150px;
  overflow: hidden;
  text-indent: -9999px;
  display: block;
  margin: 10px auto; }
  .main-login .logo a {
    display: block;
    height: 100%; }
.main-login #main {
  overflow: auto;
  padding: 15px 10px;
}
.main-login .login-box {
  max-width: 382px;
  margin: 52px auto; }
  .main-login .login-box:after {
    display: block;
    clear: both;
    content: ""; }
  .main-login .login-box .frame {
    border: 1px solid #c8c8c8;
    background: white;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    margin: 0 0 15px; }
    .main-login .login-box .frame:after {
      display: block;
      clear: both;
      content: ""; }
  .main-login .login-box .holder {
    border-bottom: 6px solid #e8e8e8;
    overflow: hidden;
    padding: 15px;
    -webkit-border-radius: 5px;
    border-radius: 5px; }
  .main-login .login-box .row {
    overflow: hidden;
    margin: 0 0 15px; }
  .main-login .login-box label {
    display: inline-block;
    margin: 0 0 10px;
    font-size: 12px;
    line-height: 15px;
    color: #353535;
    font-weight: 700; }
  .main-login .login-box .text {
    border: 1px solid #adadad;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
    -webkit-box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.2);
    padding: 9px; }
    .main-login .login-box .text input {
      width: 100%;
      border: 0;
      background: none;
      font-size: 12px;
      line-height: 20px;
      height: 20px;
      color: #9a9a9a;
      -webkit-border-radius: 2px;
      border-radius: 2px;
      padding: 0; }
  .main-login .login-box .check {
    float: left; }
    .main-login .login-box .check checkbox {
      display: inline-block;
      vertical-align: middle;
      width: 15px;
      height: 15px; }
    .main-login .login-box .check label {
      margin: 0;
      vertical-align: middle; }
  .main-login .login-box .forget {
    float: right;
    font-weight: 600;
    color: #33abe2;
    margin: 2px 0 0;
    font-size: 12px; }
  .main-login .login-box .btn-submit {
    background: #8E44AD;
    width: 100%;
    display: block;
    height: 41px;
    border: 0;
    cursor: pointer;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #f5f5f5;
    border-bottom: 5px solid rgba(0,0,0,0.2);
    -webkit-border-radius: 5px;
    border-radius: 5px; }
  .main-login .login-box p {
    text-align: center;
    font-size: 12px;
    color: #707070; }
    .main-login .login-box p a {
      font-weight: 700;
      color: #707070;
      text-decoration: underline; }
      .main-login .login-box p a:hover {
        text-decoration: none; }

.filter {
  padding: 15px 20px 0px;
  background: #F2F2F2;
  height: 137px;
  border-radius: 5px;
  border: 1px solid #ddd;
  margin-bottom: 40px;
  margin-top: 40px !important;
  display: inline-block;
  width: 100%;
}


/*custome add here*/
.login-box.regiseter-box{
	margin:	auto;
	max-width:	600px;
}

div.pagination {
    float:right;
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
	color: #000099;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #000099;
		
		font-weight: bold;
		background-color: #000099;
		color: #FFF;
	}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;

	color: #DDD;
}
.LV_valid {
	color: green;
    margin:0 0 0 5px;
}
  
.LV_invalid {
	color:#CC0000;
    margin:0 0 0 5px;
}
.input-field-custom label{
  top: -1rem !important;
 }

.active {
	background-color: #D9EDF7;
}
.closed {
	background-color: #F5F5F5;
}
.deleted {
	background-color: #F2DEDE;
}