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

select {
	background-color : #ffffff;
	}

.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 #dddddd;
	text-decoration    : none;
	-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);
	}

.top-block span {
	clear : both;
	}

.top-block:hover {
	text-decoration : none;
	}

.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;
	}

#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    : 'Shojumaru', cursive, Arial, serif;
	letter-spacing : 2px;
	text-shadow    : 1px 1px 5px rgba(0, 0, 0, 0.5);
	width          : 166px;
	}

.brand img {
	float        : left;
	height       : 20px;
	width        : 20px;
	margin-right : 5px;
	}

.brand span {
	float : left;
	}

@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;
	}