/*
Created on Feb 4, 2016

Copyright (c) 2016 .::Limabit
http://www.limabit.com
*/
html, body{
	height: 100%;
}
body{
	color:#5a6169;
	font-family: Roboto, "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
	font-size: 14px !important;
	background-color: #f5f6f8;
	background-image: linear-gradient(to bottom right,#d6e7ff,#025588);
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: antialiased;
	font-smoothing: antialiased;
	word-spacing: .5px;
}
/*-- overide admin lte/bootstrap css --*/
.login-page, .register-page{
	background-color: #dfffef;
	background-image: linear-gradient(to bottom right,#dfffef,#cee6ff);
}
.wrapper > .content-wrapper{
	margin-top:50px;
}
.content-wrapper, .right-side{
	background-color: #e9f2f7;
}
.login-box, .register-box{
	box-shadow: 0 4px 6px rgba(90,97,105,.05),
		0 10px 10px rgba(90,97,105,.09),
		0 7px 70px rgba(90,97,105, .02);
	border:5px solid #fff;
	border-radius: 9px;
	margin: 5% auto 0;
}
.skin-black .wrapper, .skin-black .main-sidebar, .skin-black .left-side{
	background-color: #338b4f;
}
.skin-black .sidebar a{
	color: #fff;
}
.skin-black .sidebar-menu > li:hover > a, .skin-black .sidebar-menu > li.active > a{
	background-color: #2B6E46;
	border-left-color: #ffb400;
}
.skin-black .sidebar-menu > li > .treeview-menu{
	margin:0;
	background: #0f0f0f;
}
.skin-black .treeview-menu > li > a{
	color: #7c7d7e;
	-webkit-transition: padding .3s;
	transition: padding .3s;
}
.skin-black .treeview-menu > li > a:hover{
	padding-left: 20px;
}
.box{
	border-radius: 6px;
}
.box.box-info{
	border-top-color: #fc8127;
	box-shadow: 0 4px 6px rgba(90,97,105,.05),
		0 10px 10px rgba(90,97,105,.09),
		0 7px 70px rgba(90,97,105, .02);
}
.box-bordered{
	border: 1px solid #dcdcdc;
}
.box-rounded{
	border-radius: 5px;
}
.box-shadowed{
	box-shadow: 0 5px 10px rgba(90,97,105,.09);
}
.main-header > .navbar.navbar-static-top,
.main-header > .navbar.navbar-fixed-top{
	box-shadow: 0 .125rem .625rem rgba(90,97,105,.12);
	padding: 0 !important;
}
.main-sidebar{
	box-shadow: 0 .125rem 9.375rem rgba(90,97,105,.1),
		0 .25rem .5rem rgba(90,97,105,.8),
		0 .9375rem 1.375rem rgba(90,97,105,.1),
		0 .4375rem 2.1875rem rgba(165,182,201,.1);
	z-index: 850;
	overflow-y: auto;
	/*position: absolute;*/
}
.sidebar-collapse .main-sidebar{
	overflow: initial;
}
.logo{
	position: fixed;
	top: 0;
	left: 0;
}
.form-group{
	margin-bottom: .5rem !important;
}
.input-group{
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%;
}
.input-group-text{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding: .375rem;
	background-color: #f3f3f3 !important;
}
.input-group-seamless .input-group-text{
	background: transparent !important;
}
.input-group-text i.glyphicon{
	top: 0;
	font-size: .8125rem;
}
.input-group-append, .input-group-prepend{
	display: -ms-flexbox;
	display: flex;
}
.input-group-addon, .input-group-btn{
	width: auto;
}
.input-group .input-group-addon{
	background-color: #f3f3f3;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{
	outline: none;
}
.btn.btn-white{
	background-color: #eef1f6;
}
.btn.btn-white:hover{
	background-color: #e1e5eb;
	box-shadow:0 5px 15px rgba(0, 0, 0, 0.05),
		0 4px 10px rgba(225, 229, 235, 0.25);
}
.btn-secondary:focus{
	color: #fff;
}
.alert-danger{
	border-color: transparent;
}
.my-3{
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}
.mt-3{
	margin-top: 1.5rem;
}
@media (min-width: 768px) {
	/* .input-group{
		width: 1px;
	} */
	input[data-datepicker-nodefault],
	input[size],
	textarea[cols],
	select{
		width: auto !important;
		max-width: 100%;
	}
	[data-type=colorbox][data-size]{
		width: 1%;
	}
	.sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span{
		border-bottom-right-radius: 0;
	}
}
.form-actions input+input{
	margin-left: 10px;
}
.form-actions-fixed{
	margin:0;
	padding:10px 0;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	border-top: 1px solid #eee;
	background: white;
	z-index: 810;
}
a.close{
	text-decoration: none !important;
}
.login-box .col-sm-2,
.login-box .col-sm-8{
	width: 100%;
	text-align: left;
}