@import url(http://fonts.googleapis.com/css?family=Shojumaru);



select {

	background-color: #fff;

}



.top-block {

	font-size: 14px;

	text-align: center;

	padding: 5px;

	margin-bottom: 10px;

	font-weight: bold;

	position: relative;

	display: block;

	line-height: 22px;

	text-shadow: 0 0 1px #DDD;

	text-decoration: none;

	color: #037722;

	-webkit-box-shadow: inset 0 0 0 1px #FAFAFA;

	-moz-box-shadow: inset 0 0 0 1px #FAFAFA;

	box-shadow: inset 0 0 0 1px #FAFAFA;

	/*background: -moz-linear-gradient(top,  rgba(30,87,153,0.2) 0%, rgba(125,185,232,0) 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,0.2)), color-stop(100%,rgba(125,185,232,0)));

background: -webkit-linear-gradient(top,  rgba(30,87,153,0.2) 0%,rgba(125,185,232,0) 100%);

background: -o-linear-gradient(top,  rgba(30,87,153,0.2) 0%,rgba(125,185,232,0) 100%);

background: -ms-linear-gradient(top,  rgba(30,87,153,0.2) 0%,rgba(125,185,232,0) 100%);

background: linear-gradient(to bottom,  rgba(30,87,153,0.2) 0%,rgba(125,185,232,0) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#331e5799', endColorstr='#007db9e8',GradientType=0 );*/

	background: #35ba27;
	/* Old browsers */

	background: -moz-linear-gradient(top, #35ba27 5%, #ffffff 6%, #ffffff 61%, #d0e5e3 100%);
	/* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #35ba27), color-stop(6%, #ffffff), color-stop(61%, #ffffff), color-stop(100%, #d0e5e3));
	/* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, #35ba27 5%, #ffffff 6%, #ffffff 61%, #d0e5e3 100%);
	/* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, #35ba27 5%, #ffffff 6%, #ffffff 61%, #d0e5e3 100%);
	/* Opera 11.10+ */

	background: -ms-linear-gradient(top, #35ba27 5%, #ffffff 6%, #ffffff 61%, #d0e5e3 100%);
	/* IE10+ */

	background: linear-gradient(to bottom, #35ba27 5%, #ffffff 6%, #ffffff 61%, #d0e5e3 100%);
	/* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35ba27', endColorstr='#d0e5e3', GradientType=0);
	/* IE6-9 */



}



.top-block span {

	clear: both;

}



.top-block:hover {

	text-decoration: none;

	color: #000000;

}



.notification {

	display: block;

	position: absolute;

	top: -10px;

	right: -5px;

	line-height: 16px;

	height: 16px;

	padding: 0 5px;

	font-family: Arial, sans-serif;

	color: white !important;

	text-shadow: 0 1px hsla(0, 0%, 0%, 0.25);

	border-width: 1px;

	border-style: solid;

	border-radius: 10px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	-webkit-box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.08), inset 0 1px hsla(0, 100%, 100%, 0.3);

	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), inset 0 1px rgba(255, 255, 255, 0.3);

	box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.08), inset 0 1px hsla(0, 100%, 100%, 0.3);

}



.notification {

	border-color: #2FABE9;

	background-color: #67C2EF;

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(200, 80%, 82%)), color-stop(100%, hsl(200, 81%, 67%)));

	background-image: -webkit-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));

	background-image: -moz-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));

	background-image: -ms-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));

	background-image: -o-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));

	background-image: linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));

}



.notification.green {

	border-color: #5AAD34;

	background-color: #78CD51;

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(101, 54%, 71%)), color-stop(100%, hsl(101, 55%, 56%)));

	background-image: -webkit-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));

	background-image: -moz-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));

	background-image: -ms-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));

	background-image: -o-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));

	background-image: linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));

}



.notification.yellow {

	border-color: #F4A506;

	background-color: #FABB3D;

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(40, 95%, 76%)), color-stop(100%, hsl(40, 95%, 61%)));

	background-image: -webkit-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));

	background-image: -moz-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));

	background-image: -ms-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));

	background-image: -o-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));

	background-image: linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));

}



.notification.red {

	border-color: #FA5833;

	background-color: #FA603D;

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(11, 95%, 76%)), color-stop(100%, hsl(11, 95%, 61%)));

	background-image: -webkit-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));

	background-image: -moz-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));

	background-image: -ms-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));

	background-image: -o-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));

	background-image: linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));

}



#external-events {

	float: left;

	width: 15%;

	padding: 10px;

	text-align: left;

}

.external-event {

	margin: 5px;

	cursor: move;

}

#calendar {

	float: right;

	width: 80%;

}







.box {

	border: 1px solid #DEDEDE;

	border-radius: 3px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	margin-top: 10px;

	margin-bottom: 10px;

	box-shadow: 0 0 10px rgba(189, 189, 189, 0.4);

	-webkit-box-shadow: 0 0 10px rgba(189, 189, 189, 0.4);

	-moz-box-shadow: 0 0 10px rgba(189, 189, 189, 0.4);

}



.box-header {

	border: none;

	padding-top: 5px;

	border-bottom: 1px solid #DEDEDE;

	border-radius: 3px 3px 0 0;

	-webkit-border-radius: 3px 3px 0 0;

	-moz-border-radius: 3px 3px 0 0;

	height: 12px;

	min-height: 12px;

	margin-bottom: 0;

	cursor: move;

	font-weight: bold;

	font-size: 16px;

	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));

	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%);

	background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%);

	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%);

	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#1a000000', GradientType=0);



}



.box-header h2 {

	font-size: 15px;

	width: auto;

	clear: none;

	float: left;

	line-height: 25px;

}

.box-header h3 {

	font-size: 13px;

	width: auto;

	clear: none;

	float: left;

	line-height: 25px;

}

.box-header h2>i {

	margin-top: 1px;

}

.box-icon {

	float: right;

}

.box-icon a {

	clear: none;

	float: left;

	margin: 0 2px;

	height: 18px;

	width: 5px;

	margin-top: -1px;

}

.box-icon a i {

	margin-left: -4.5px;

}

.box-content {

	padding: 10px;

}





.btn-round {

	border-radius: 40px;

	-webkit-border-radius: 40px;

	-moz-border-radius: 40px;

	font-size: 12px;

	padding-top: 4px;

}



ul.dashboard-list li {

	padding: 7px 0;

	list-style: none;

	border-bottom: 1px solid #EBEBEB;

	border-top: 1px solid white;

}



ul.dashboard-list a:hover {

	text-decoration: none;

}



ul.dashboard-list {

	margin: 0;

}



ul.dashboard-list li a span {

	display: inline-block;

	font-size: 18px;

	font-weight: bold;

	margin-right: 10px;

	text-align: right;

	width: 70px;

	zoom: 1;

}



.dashboard-avatar {

	height: 50px;

	width: 50px;

	padding: 1px;

	float: left;

	margin-left: 15px;

	margin-right: 15px;

	border: 1px solid #EBEBEB;

}



.listemp-img {

	height: 40px;

	width: 40px;

	padding: 1px;

	float: left;

	margin-left: 5px;

	margin-right: 5px;

	border: 1px solid #EBEBEB;

}



#prependedInput,
#appendedPrependedInput,
#appendedInputButtons,
#appendedInputButton {

	width: 200px;

}

#appendedInput {

	width: 75px;

}

.thumbnail {

	background-color: white;

	z-index: 2;

	position: relative;

	margin-bottom: 40px !important;

}

.thumbnails>li {

	margin-left: 15px;

}

.thumbnail img,
.thumbnail>a {

	z-index: 2;

	height: 100px;

	width: 100px;

	position: relative;

	display: block;

}



img.grayscale {

	-webkit-filter: grayscale(1);

	-webkit-filter: grayscale(100%);

	-moz-filter: grayscale(100%);

	-ms-filter: grayscale(100%);

	-o-filter: grayscale(100%);

	/*filter: url(desaturate.svg#grayscale);

filter: gray;

filter: grayscale(100%); */

}



.thumbnail .gallery-controls {

	position: absolute;

	z-index: 1;

	margin-top: -30px;

	height: 22px;

	min-height: 22px;

	width: 80px;

	padding: 9px;

}

.thumbnail .gallery-controls p {

	display: block;

	margin: auto;

	width: 100%;

}

label div.checker,
label div.radio {

	margin-bottom: 3px;

}

div.uploader {

	border-radius: 14px;

	-webkit-border-radius: 14px;

	-moz-border-radius: 14px;

}

footer {

	clear: both;

}

footer .pull-right {

	float: right;

	margin-right: 10px;

}

footer .pull-left {

	float: left;

	margin-left: 10px;

}

.docs-input-sizes select,
.docs-input-sizes input[type="text"] {

	display: block;

	margin-bottom: 9px;

}



div.center,
p.center,
img.center {

	margin-left: auto !important;

	margin-right: auto !important;

	float: none !important;

	display: block;

	text-align: center;

}



.stackControls {

	padding: 5px;

}



.clear {

	clear: both;

	width: 0px;

	height: 0px;

}



.sidebar-nav {

	min-height: 0;

	/* box-shadow: 0 0 10px #BDBDBD;

-webkit-box-shadow: 0 0 10px #BDBDBD;

-moz-box-shadow: 0 0 10px #BDBDBD; */

	border-radius: 5px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	margin-bottom: 0;

	padding-bottom: 0;

}

.sidebar-nav>ul>li:not(.nav-header) {

	margin-right: -2px;

	margin-left: -2px;

}

.brand {
	font-family: 'Calibri', cursive, Arial, serif;
	letter-spacing: 2px;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	width: 400px;
	text-transform: uppercase;

	box-sizing: border-box;
}

.brand img {
	float: left;
	height: 30px;
	width: 30px;
	margin-right: 30px;
	margin-top: 5px;
	box-sizing: border-box;
	filter: drop-shadow(1px 2px 2px #ffffff);
}

.brand span {

	float: left;

	color: #ffffff;

	font-size: 23px;

}

@media (max-width: 979px) {

	.sidebar-nav {

		padding: 0;

		margin-bottom: 0;

	}

	.theme-text {

		display: none;

	}

}

@media (min-width: 768px) and (max-width: 979px) {

	.box-icon {

		display: none;

	}

	.box-header h2 {

		font-size: 13px !important;

	}

	.box-header h3 {

		font-size: 11px !important;

	}

	.main-menu-span {

		width: 6.2% !important;

		margin-right: 4%;

	}

}



.navbar-search {

	margin-left: 10px;

}

.navbar-inner {

	border-radius: 0 0 10px 10px;

	-webkit-border-radius: 0 0 10px 10px;

	-moz-border-radius: 0 0 10px 10px;

	padding-top: 5px;

	padding-bottom: 5px;

}

div.dataTables_length select {

	width: 50px;

}

.dataTables_filter input,
.dataTables_length select {

	display: inline-block;

	margin-bottom: 0;

}

ul.ajax-loaders li {

	display: inline-block;

	list-style: none;

	padding: 10px;

}

ul.ajax-loaders {

	min-height: 80px;

}

.bs-icons li {

	list-style: none;

}

#for-is-ajax {

	padding-left: 12px;

	cursor: pointer;

}

#loading {

	margin-top: 20px;

	width: 128px;

	font-weight: bold;

}

#loading div.center {

	margin-top: 10px;

	height: 15px;

	width: 128px;

	background: url(../img/ajax-loaders/ajax-loader-6.gif);

}



.box-content .nav-tabs {

	margin-right: -10px;

	margin-left: -10px;

}

#inputIcon {

	width: 200px;

}

.show-grid [class*="span"] {

	background-color: #EDEDED;

	text-align: center;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	min-height: 30px;

	line-height: 30px;

}

.show-grid {

	margin-top: 10px;

	margin-bottom: 20px;

	color: black;

}

.show-grid:hover [class*="span"] {

	background: #DEDEDE;

}

.login-header {

	padding-top: 30px;

	height: 120px;

}

.pull-left {

	float: left !important;

}

.pull-right {

	float: right !important;

}

.remember {

	margin-top: 3px;

}

.green {

	color: #458746;

}

.red {

	color: #B94846;

}

.blue {

	color: #3986AC;

}

.yellow {

	color: #F99406;

}

.login-box {}

.login-box .input-prepend {

	margin-bottom: 10px;

}

.login-box .btn {

	margin-top: 15px;

	width: 100%
}

.charisma_qr {

	height: 136px;

	width: 136px;

	border: solid grey 1px;

	border-radius: 2px;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	box-shadow: 0 0 10px #BDBDBD;

	-webkit-box-shadow: 0 0 10px #BDBDBD;

	-moz-box-shadow: 0 0 10px #BDBDBD;

}

.box-content.buttons {

	min-height: 297px;

}