@charset 'utf-8';

/******************************/
input.placeholder, textarea.placeholder {
	color: #aac !important;
	font-style:italic;
}

::-webkit-input-placeholder {
	color: #aac !important;
	font-style:italic;
}

:-moz-placeholder {
	color: #aac !important;
	font-style:italic;
}

:-ms-input-placeholder {
	color: #aac !important;
	font-style:italic;
}

/* http://stackoverflow.com/questions/15070600/why-has-the-behavior-of-input-type-date-changed */
input[type="date"]::-webkit-calendar-picker-indicator {
	display: inline-block;
	margin-top:2%;
	float:right;
}
input[type="date"]::-webkit-inner-spin-button {
	display: inline-block;
	float:right;
}

/*
input[type="date"]::-webkit-datetime-edit-year-filed,
input[type="date"]::-webkit-datetime-edit-month-filed,
input[type="date"]::-webkit-datetime-edit-day-filed {
	color: red !important;
}
*/

input[type="file"] {
	line-height: 1em;
}

/*****************************/

label.inline {
	display: inline-block;
	margin-right: 0.5em;
	margin-bottom: 0;
	vertical-align: top;
	margin-top: 3px;
}

label.radio, label.checkbox {
	cursor: pointer;
}

label.radio input[type="radio"],
label.checkbox input[type="checkbox"] {
	vertical-align: middle;
	margin-top: 1px;
	margin-right: 0.25em;
}

label.radio.inline, label.checkbox.inline {
	padding-left: 0;
}

.radio input[type="radio"], .checkbox input[type="checkbox"] {
	float: none;
	margin-left: 0;
	vertical-align: top;
}


.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
	display: inline-block;
	vertical-align: top;
}

.input-append .datepicker-inline, .input-prepend .datepicker-inline {
	font-size: 12px;
}

form .error_msg > ul.errorlist {
	margin: 0 0 0 0!important;
}
form .error_msg > ul.errorlist > li {
	list-style: none;
	line-height: 20px;
}
form .error_msg {
	padding: 7px;
	margin-bottom: 7px;
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7;
}


/*****************************/

.navbar {
	z-index: 10;
	font-weight: bold;
}

.navbar .navbar-inner {
	background-color: #222;
	background-image: none;
	filter: none;
}

.navbar .nav .active>a,.navbar .nav .active>a:hover {
	/* background-color: transparent; */
}

.navbar .nav>li>a {
	color: #888;
	text-shadow: none;
}

.navbar .nav>li>a:hover,
.navbar .nav>li>a:focus,
.navbar .nav>li.active>a {
	color: white;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}

.navbar .nav>.active>a,
.navbar .nav>.active>a:hover,
.navbar .nav>.active>a:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}

.navbar .nav li.dropdown.open>.dropdown-toggle,
.navbar .nav li.dropdown.active>.dropdown-toggle,
.navbar .nav li.dropdown.open.active>.dropdown-toggle {
	color: white;
	background-color: transparent;
}

.navbar .nav>.active>a,
.navbar .nav>.active>a:hover, 
.navbar .nav>.active>a:focus {
}

.navbar [class^="icon-"], .navbar [class*=" icon-"] {
	color: inherit;
}

/* icon (override bootstrap for fontawesome) */
[class^="icon-"],[class*=" icon-"] {
	background-image: none !important;
	filter: none;
	color: black;
	height: auto;
	font-size: 120%;
	width: 1em;

	line-height: inherit;
	vertical-align: middle;
}

[class^="icon-"].icon-color-inherit,
[class*=" icon-"].icon-color-inherit {
	color: inherit !important;
}

/*
a [class^="icon-"], a [class*=" icon-"] {
	color: inherit;
}
*/

a:hover [class^="icon-"], a:hover [class*=" icon-"] {
	text-decoration: none;
}

.icon-white {
	background-image: none;
	filter: none;
	color: white;
}

.btn>[class^="icon-"],.btn>[class*=" icon-"] {
	line-height: 1.2em;
}

.btn:hover>[class^="icon-"] { /* color: #333; */
	
}

[class*=" icon-twitter"], [class^="icon-twitter"],
[class*=" icon-twitter-sign"], [class^="icon-twitter-sign"],
.icon-twitter, .icon-twitter-sign {
	color: #50acd3; /* hsv(198,62,83) */
}

a[class*=" icon-twitter"]:hover, a[class^="icon-twitter"]:hover,
a[class*=" icon-twitter-sign"]:hover, a[class^="icon-twitter-sign"]:hover,
a.icon-twitter:hover, a.icon-twitter-sign:hover {
	color: #55b7e0; /* hsv(198,62,88) */
}


[class*=" icon-facebook"], [class^="icon-facebook"],
[class*=" icon-facebook-sign"], [class^="icon-facebook"],
.icon-facebook, .icon-facebook-sign {
	color: #3b5999; /* hsv(221,61,60) */
}

a[class*=" icon-facebook"]:hover, a[class^="icon-facebook"]:hover,
a[class*=" icon-facebook-sign"]:hover, a[class^="icon-facebook"]:hover,
a.icon-facebook:hover, a.icon-facebook-sign:hover {
	color: #4568b3; /* hsv(221,61,70) */
}

[class*=" icon-google-plus"], [class^="icon-google-plus"],
[class*=" icon-google-plus-sign"], [class^="icon-google-plus-sign"], 
.icon-google-plus, .icon-google-plus-sign {
	color: #dd4b39; /* hsv(7,74,87) */
}

a[class*=" icon-facebook"]:hover, a[class^="icon-google-plus"]:hover,
a[class*=" icon-google-plus-sign"]:hover, a[class^="icon-google-plus-sign"]:hover, 
a.icon-google-plus:hover, a.icon-google-plus-sign:hover {
	color: #e64e3b; /* hsv(7,74,90) */
}


[class*=" icon-mixi"], [class^=" icon-mixi"],
.icon-mixi {
	display: inline-block;
	position: relative;
	width: 1em;
	height: 1em;
	background-image: url(/static/img/icon-mixi-64.png)!important;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	vertical-align: middle;
	
	/* -ms-behavior: url(/static/lib/css/backgroundsize.htc); */
	background-image: none\9 !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/img/icon-mixi-64.png', sizingMethod='scale')";
}

a[class*=" icon-mixi"]:hover, a[class^=" icon-mixi"]:hover,
a.icon-mixi:hover {
	background-image: url(/static/img/icon-mixi-64-bright.png)!important;
	
	/* -ms-behavior: url(/static/lib/css/backgroundsize.htc); */
	background-image: none\9 !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/img/icon-mixi-64-bright.png', sizingMethod='scale')";
}

/*************************/

.dropdown-menu [class^="icon-"] {
	margin-left: -0.75em;
	margin-right: 0.05em;
	font-size: 100%;
	width: 1.2em;
}
.dropdown-menu [class^="icon-"]:before {
	position: relative;
	width: 1.2em;
	text-align: center;
	vertical-align: top;
}

.dropdown-menu>li>div {
	padding: 3px 20px;
	white-space: nowrap;
	font-weight: normal;
}
.dropdown-menu>li.dropdown-submenu-inline>ul,
.dropdown-menu>li.dropdown-submenu-inline>ul>li {
	padding: 0; margin: 0;
	list-style: none;
}
.dropdown-menu>li.dropdown-submenu-inline>ul>li>* {
	padding: 3px 20px;
	display: block;
}

.dropdown-menu>li.dropdown-submenu-inline>ul>li>a,
.dropdown-menu>li.dropdown-submenu-inline>ul>li>a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 20px;
	color: #333;
	white-space: nowrap;
}

.dropdown-menu>li.dropdown-submenu-inline>ul>li.active>a,
.dropdown-menu>li.dropdown-submenu-inline>ul>li>a:hover,
.dropdown-menu>li.dropdown-submenu-inline>ul>li>a:focus {
	color: #fff;
	text-decoration: none;
	background-color: #0081c2;
	background-image: -moz-linear-gradient(top,#08c,#0077b3);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0077b3));
	background-image: -webkit-linear-gradient(top,#08c,#0077b3);
	background-image: -o-linear-gradient(top,#08c,#0077b3);
	background-image: linear-gradient(to bottom,#08c,#0077b3);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0);
}

/*************************/

form.form-filled {
	color: #888;
}

form.form-filled [class^="filled-"] label.control-label:first-child,
form.form-filled [class*=" filled-"] label.control-label:first-child {
	/*
	background: #eee;
	padding: 4px;
	*/
}

form.form-filled [class^="filled-"] label.checkbox,
form.form-filled [class*=" filled-"] label.checkbox,
form.form-filled [class^="filled-"] label.radio,
form.form-filled [class*=" filled-"] label.radio {
	background: transparent;
	display: inline-block;
	width: auto;
}

form.form-filled [class^="filled-"] .fill:focus,
form.form-filled [class*=" filled-"] .fill:focus {
	border-color: #ccc;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

form.form-filled [class^="filled-"] .fill+.alert-error,
form.form-filled [class*=" filled-"] .fill+.alert-error {
	margin-top: 12px;
}

form.form-filled [class^="filled-"],
form.form-filled [class*=" filled-"] {
	width: 100%;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	
	display: block;
	height: auto;
	border-radius: 0;
	background: white;
	border: 1px solid #ccc;
	
	padding: 12px;
	
}

form.form-filled .filled-top {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-color: #eee;
	margin-bottom: 0;
}

form.form-filled .filled-join {
	border-top-width: 0;
	border-bottom-color: #eee;
	margin-top: 0;
	margin-bottom: 0;
}

form.form-filled .filled-bottom {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-width: 0;
	margin-top: 0;
}

form.form-filled .filled-single {
	border-radius: 4px;
}

form.form-filled [class^="filled-"] .fill,
form.form-filled [class*=" filled-"] .fill,
form.form-filled [class^="filled-"] .fill-inline,
form.form-filled [class*=" filled-"] .fill-inline {
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

form.form-filled [class^="filled-"] .fill,
form.form-filled [class*=" filled-"] .fill {
	position: relative;
	width: 100%;
	height: auto;
	
	padding: 12px;
	margin: -12px -12px -12px -12px;
}

form.form-filled [class^="filled-"] .fill-top,
form.form-filled [class*=" filled-"] .fill-top {
	margin-bottom: 0;
}

form.form-filled [class^="filled-"] .fill-bottom,
form.form-filled [class*=" filled-"] .fill-bottom {
	margin-top: 0;
}

form.form-filled [class^="filled-"] .fill-top + .error_msg.no_error + div,
form.form-filled [class*=" filled-"] .fill-top + .error_msg.no_error + div,
form.form-filled [class^="filled-"] .fill + .error_msg.no_error + div,
form.form-filled [class*=" filled-"] .fill + .error_msg.no_error + div {
	margin-top: 15px;
}

form.form-filled [class^="filled-"] textarea.fill,
form.form-filled [class*=" filled-"] textarea.fill {
	height: 10em;
}

form.form-filled [class^="filled-"] input[data-datepicker][type="date"],
form.form-filled [class^="filled-"] input[type="date"],
form.form-filled [class^="filled-"] input[type="checkbox"],
form.form-filled [class^="filled-"] input[type="radio"],
form.form-filled [class*=" filled-"] input[data-datepicker][type="date"],
form.form-filled [class*=" filled-"] input[type="date"],
form.form-filled [class*=" filled-"] input[type="checkbox"],
form.form-filled [class*=" filled-"] input[type="radio"] {
	width: auto;
	vertical-align:top;
	padding: 0;
	margin: 2px 0 0 0;
}

form.form-filled [class^="filled-"] input[type="date"],
form.form-filled [class*=" filled-"] input[type="date"],
form.form-filled [class^="filled-"] input[type="text"][data-datepicker],
form.form-filled [class*=" filled-"] input[type="text"][data-datepicker] {
	display: inline-block;
	width: 10em;
}

form.form-filled [class^="filled-"] .fill-normal,
form.form-filled [class*=" filled-"] .fill-normal {
	width: 80%;
}

form.form-filled [class^="filled-"] .controls>.checkbox,
form.form-filled [class*=" filled-"] .controls>.checkbox,
form.form-filled [class^="filled-"] .controls>.radio,
form.form-filled [class*=" filled-"] .controls>.radio {
	margin-top: 10px;
	padding-left: 0;
}
form.form-filled [class^="filled-"] .controls>.checkbox.inline,
form.form-filled [class*=" filled-"] .controls>.checkbox.inline,
form.form-filled [class^="filled-"] .controls>.radio.inline,
form.form-filled [class*=" filled-"] .controls>.radio.inline {
	margin-top: 0;
}

form.form-filled [class^="filled-"] .controls>.checkbox:first-child,
form.form-filled [class*=" filled-"] .controls>.checkbox:first-child,
form.form-filled [class^="filled-"] .controls>.radio:first-child,
form.form-filled [class*=" filled-"] .controls>.radio:first-child {
	margin-top: 0;
	padding-left:0;
}

form.form-filled [class^="filled-"] .note,
form.form-filled [class*=" filled-"] .note {
	margin-top: 14px;
}

form.form-filled textarea[data-toggle-editable],
form.form-filled input[data-toggle-editable] {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}

form.form-filled input[data-toggle-editable] {
	margin-bottom: 0;
}
form.form-filled input[data-toggle-editable] + .toggle-editable {
	font-size: 80%;
}


@media ( max-width: 568px ) {
	form.form-filled input,
	form.form-filled textarea,
	form.form-filled select,
	label.checkbox, label.radio, label.inline
	 {
		font-size: 18px;
	}
}

/****************/

/* responsive */
@media (min-width: 768px) and (max-width: 979px) {
	/* desktop */
}
@media (max-width: 767px) {
	/* tablet */
}
@media (min-width: 1200px) {
	/* large desktop */
}
@media (max-width: 480px) {
	/* phone */
}

/********/

@media (min-width: 1200px) {
	/*
	.container,
	.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
		width: 1170px;
	}
	#all {
		width: 1120px;
		position: relative;
		margin: 0 auto;
	}
	*/
}

@media ( max-width: 979px ) {
	body {
		padding-left: 0;
		padding-right: 0;
	}
}

@media ( max-width:979px ) and ( min-width:768px ) {
	.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
		width: 724px;
	}
}

@media ( max-width: 767px ) {
	
	body {
		padding-left: 0;
		padding-right: 0;
	}
	
	.navbar-fixed-top, .navbar-fixed-bottom {
		margin-right: 0;
		margin-left: 0;
	}
}

/* @media ( max-width : 568px ) { /* for touch devices */
	
	html.is-mobile body {
		padding-left: 0;
		padding-right: 0;
	}

	html.is-mobile select,
	html.is-mobile textarea,
	html.is-mobile input[type="text"],
	html.is-mobile input[type="password"],
	html.is-mobile input[type="datetime"],
	html.is-mobile input[type="datetime-local"],
	html.is-mobile input[type="date"],
	html.is-mobile input[type="month"],
	html.is-mobile input[type="time"],
	html.is-mobile input[type="week"],
	html.is-mobile input[type="number"],
	html.is-mobile input[type="email"],
	html.is-mobile input[type="url"],
	html.is-mobile input[type="search"],
	html.is-mobile input[type="tel"],
	html.is-mobile input[type="color"],
	html.is-mobile .uneditable-input {
		font-size: 16px;
	}
	
	
	html.is-touch-device .dropdown-menu>li,
	html.is-mobile .dropdown-menu>li {
		padding-top: 8px;
		padding-bottom: 8px;
	}
	
	html.is-touch-device .dropdown-menu>li>a,
	html.is-mobile .dropdown-menu>li>a {
		padding-top: 8px;
		padding-bottom: 8px;
		margin-top: -8px;
		margin-bottom: -8px;
	}
	
	html.is-touch-device .dropdown-menu .divider,
	html.is-mobile .dropdown-menu .divider {
		padding: 0;
	}
	
	html.is-touch-device .btn-mini,
	html.is-mobile .btn-mini,
	html.is-touch-device .btn,
	html.is-mobile .btn {
		font-size: 14px;
		/* padding: 6px 10px; */
		padding: 4px 8px;
	}

	/*
	html.is-mobile .btn-mini {
		font-size: 16px !important;
		padding: 3px 7px;
	}
	*/
	
	html.is-mobile .form-buttons,
	html.is-mobile .modal-footer {
		text-align: center;
	}
	
	html.is-mobile .form-buttons,
	html.is-mobile .modal-footer {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		box-orient: vertical;
	}
	
	html.is-mobile .form-buttons>*,
	html.is-mobile .modal-footer>* {
		display: -webkit-box;
		-webkit-box-ordinal-group: 1;
		box-ordinal-group: 1;
	}
	
	html.is-mobile .form-buttons>button,
	html.is-mobile .form-buttons>input.btn,
	html.is-mobile .modal-footer>button,
	html.is-mobile .modal-footer>input.btn {
		/* text-align: left; */
		width: 100%;
	}
	
	html.is-mobile .form-buttons>.btn,
	html.is-mobile .modal-footer>.btn {
		text-align: center;
		margin-bottom: 7px;
		padding: 12px 7px;
		display: block;
	}
	
	html.is-mobile .form-buttons>.btn+.btn,
	html.is-mobile .modal-footer>.btn+.btn {
		margin-left: 0;
	}
	html.is-mobile .form-buttons>.pull-left,
	html.is-mobile .modal-footer>.pull-left {
		margin-top: 15px;
		float: none;
		-webkit-box-ordinal-group: 2;
		box-ordinal-group: 2;
		text-align: right;
	}
	
/* } */

.navbar .nav>li.dropdown.dropdown-right>.dropdown-menu {
	right: 0;
	left:auto;
}

.navbar .nav>li.dropdown.dropdown-right>.dropdown-menu:before {
	right: 12px;
	left: auto;
}

.navbar .nav>li.dropdown.dropdown-right>.dropdown-menu:after {
	right: 13px;
	left: auto;
}

/* flatten test */

.btn {
	background-image: none;
	/* border: none; */
	/* background-color: transparent; */
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-ms-fiter: none;
	filter: none;
	
	border-radius: 5px;
}

html.is-mobile .form-buttons>.btn, html.is-mobile .modal-footer>.btn {
	border-radius: 7px;
}

.btn:active, .btn.active {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-ms-fiter: none;
	filter: none;
	border-bottom-color: #ddd;
	border-top-color: #b3b3b3;
}

.btn {
	border-top-color: #ccc;
	border-left-color: #ccc;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	text-shadow: none;
	/* border-radius: 7px; */
}

.btn:hover, .btn.active, .btn.active {
	border-top-color: #bfbfbf;
	border-left-color: #bfbfbf;
	border-right-color: #bfbfbf;
	border-bottom-color: #bfbfbf;
}

.btn-primary, .btn-warning, .btn-info, .btn-success, .btn-warning, .btn-danger, .btn-inverse {
	border: none;
	text-shadow: none;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
	background-image: none;
	filter: none;
	background-color : #0081c2;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
	background-image: none;
	filter: none;
	background-color : #0081c2;
}

.navbar .brand {
	text-shadow: none;
}

.nav-pills>.active>a, .nav-pills>.active>a:hover, .nav-pills>.active>a:focus {
	text-shadow: none;
}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
	text-shadow: none;
}

a [class^="icon-"], a[class*=" icon-"] {
	display: inline-block;
}

.close {
	text-shadow: none;
}

/* jquery-ui */

.ui-widget {
	font-family: inherit;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.ui-widget-header,
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	background-image: none;
}

.ui-corner-all,.ui-corner-right, .ui-corner-left, 
.ui-corner-bottom, .ui-corner-br, .ui-corner-tr,
.ui-corner-top, .ui-corner-bl, .ui-corner-tl {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

/* bootstrap 2.3.1 video tag bug */
/* https://github.com/twbs/bootstrap/issues/7104 */

input[type="button"]{cursor:default;-webkit-appearance:media-play-button}
input[type="button"]{cursor:default}
input{width:auto}
input[type="button"]{width:50px}

html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}
html input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{cursor:pointer}
html input,textarea,.uneditable-input{width:206px}
html input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto}