/*login register*/
@media screen and (min-width: 1360px){
	.login-box, .register-box{
		right: calc(50% - 510px);
		position: relative;
		margin-right: 0;
	}

	.login-page, .register-page{
		background-color: transparent;
	}
}



.help-block{
	display:none !important;
	/*position: absolute;*/
	margin-top: -1px !important;
	font-size: 12px;
	margin-left: 4px;
	color:  #F00;
}

.has-error .help-block{
	display:block !important;
}

form input.form-control,
form select.form-control,
form textarea.form-control{
	border: 1px solid #aaa !important;
	background-color: #FFF !important;
}

img{
	max-width: 100%;
}

.dashboard-item a{
	display: block !important;
}

.big-icon{
	font-size: 110px;
}

.picker__nav--next:hover, .picker__nav--prev:hover,
.picker--focused .picker__day--highlighted, .picker__day--highlighted:hover, .picker__day--infocus:hover, .picker__day--outfocus:hover,
.picker__button--clear:hover, .picker__button--close:hover, .picker__button--today:hover,
.picker--focused .picker__list-item--highlighted, .picker__list-item--highlighted:hover, .picker__list-item:hover{
	background-color: #75af75 !important;
}

.picker--focused .picker__day--selected, .picker__day--selected, .picker__day--selected:hover,
.picker--focused .picker__list-item--selected, .picker__list-item--selected, .picker__list-item--selected:hover{
	background-color: #339133 !important;
}

.picker__day--today::before {
	border-top: .5em solid #339133 !important;
}

.picker__list-item--highlighted, .picker__list-item:hover{
	border-color: #339133 !important;
}

.picker__button--today::before {
    top: -.05em;
    width: 0;
    border-top: .66em solid #339133 !important;
    border-left: .66em solid transparent;
}

.form-control[readonly]{
	background-color: #FFF !important;
}

/*pages*/
.dashboard-item{
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
}

.icheckbox_square-blue, .iradio_square-blue{
	height: 23px;
}

.main-header .sidebar-toggle::before {
	display: none;
}

.btn-success{
	background: #339133;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active{
	background: #75AF75;
}

.form-group{
	position: relative;
}

.frm .help-block{
	display: none;
}

.has-error .form-control{
	border-color:  #F00 !important;
}

.frm .has-error .help-block{
	display: block;
	/*position: absolute;*/
	font-size: 10px;
	bottom: -23px;
}

.color_status{
	padding: 3px;
	border-radius: 3px;
	margin-bottom: 1px;
	color: #FFF;
	font-size: 12px;
}

.main-header .logo{
	height: inherit;
}

.main-header .logo img{
	max-width: 100%;
}

.skin-blue .main-header .logo{
	background-color: #ECEFF5;
}

.skin-blue .main-header .navbar,
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side,
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{
	background-color: #339133;
}

.skin-blue .main-header .logo:hover{
	background-color: #ECEFF5;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover{
	background-color: #74AD74 !important;
}

.main-sidebar{
	padding-top: 69px;
}

.form-control:focus{
	border-color: #339133;
}

.skin-blue .sidebar-form{
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
}

.skin-blue .sidebar-menu > li > .treeview-menu{
	background-color: #74AD74;
}

.skin-blue .sidebar-menu > li > .treeview-menu a,
.skin-blue .sidebar a{
	color: #FFF;
}

.skin-blue .sidebar a{
	border-bottom: 1px solid #FFF;
}

.skin-blue .sidebar a:hover,
.skin-blue .sidebar a:focus,
.skin-blue .sidebar a:active,
.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li.menu-open > a{
	background: rgba(0,0,0,0.3);
}

a{
	color: #339133;
}

a:hover, a:active, a:focus{
	color: #75AF75;
}

.sidebar-menu li a{
	font-size: 18px;
}

.box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title{
	font-size: 24px;
}

.treeview-menu li a{
	font-size: 14px;
}

.treeview-menu li.active a{
	background-color: rgba(0,0,0,0.3)
}

.skin-blue .sidebar-menu > li.active > a{
	border-left: none;
}

@media screen and (max-width: 767px){
	.main-sidebar{
		padding-top: 100px;
	}

	.logo-lg img{
		height: 50px;
	}
}