@charset "utf-8";

.hand { cursor: pointer; cursor: hand;}
.move { cursor: pointer; cursor: move;}
.bar { height: 5px; background: green;}
.pagination { margin: 0 0 10px; vertical-align: bottom;}
.navbar-search { position: relative;}
.navbar-search .search-query { padding-left: 29px;}
.navbar-search .icon-search { position: absolute; top: 7px; left: 11px;}
.navbar-search .search-query:focus, .navbar-search .search-query.focused { padding-left: 30px;}
/*[class*=date] { height: 40px; margin: 10px 0; background: #ccc; @include animation( anime1 1s 1 ease);}*/
.date1 { background: #0c9;}
.date2 { background: #09c;}
.date3 { background: #0cc;}

@-webkit-keyframes anime1 {
	0% { width: 0px;}
}
@keyframes anime1 {
	0% { width: 0px;}
}

.alert{ margin: 0 auto 20px;}
.attention {}
.required {}
.error { text-align: center;}
.good {}
.comment { font-size: 11px;}
.no_image { width: 100%; line-height: 60px; background: #AEAEAE; color: #FFF;}
a.no_image { color: #FFF !important; text-decoration: none;}
.overflow { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.overflow a { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.do_text,
.no_data_text { padding: 50px 0; text-align: center;}

i.btn-link:hover { text-decoration: none;}

ul.error { list-style: none; padding: 0;}

/*icon*/
.icon_status { display: inline-block; padding: 1px 5px;}

@media (max-width: 320px) {
	.do_text,
	.no_data_text {
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
	}
}

/*------------------------------------------
@bootstrap customize
------------------------------------------*/
.nav { text-align: center;}
.navbar { min-height: 50px;}
.navbar-brand { height: 60px; padding: 20px 15px; line-height: 20px;}
.navbar-nav > li > .dropdown-menu { margin-top: -10px;}

.panel-heading { font-size: 113px;}
.table.list_table{ font-size: 75%/*12px*/; table-layout: fixed; /*word-wrap:break-word;*/}
.table.list_table .vendor_name_box { font-size: 117%/*14px*/; margin-bottom: 5px; color: #000;}
.table.list_table .overview { font-size: 109%/*13px*/; margin-bottom: 0px;}

.table.list_table .detail_wrap { width: 100%; overflow: hidden;}
.table.list_table .detail_wrap .detail { display: block; float: left; margin-top: 5px; margin-bottom: 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle;}
.table.list_table .detail_wrap .more { display: inline-block; float: left; margin-top: 5px; cursor: pointer;}
.table.list_table .detail_wrap .more:hover { text-decoration: underline;}

.table.list_table td button { font-size: 100%}
.table td.hour { font-size: 18px;}
.table td.hour .plus{ font-size: 12px;}
.table.list_table td a:hover { text-decoration: underline;}
.table th,
.table td { text-align: center; vertical-align: middle !important;}
.table th { font-weight: normal;}

.table td .btn-link { padding: 0;}
.table.table_2nd th{ font-size: 88%;}

form .table { font-size: 100%;}
form .table td { text-align: left;}
form .table td label { font-weight: normal;}
form .table td p.attention { margin-bottom: 0; margin-top: 5px; font-size: 88%;}

label { margin-bottom: 0;}

.radio,
.checkbox {
	min-height: 20px;
	padding-left: 20px;
	margin-bottom: 0;
}

div.table_info {
	padding-top: 8px;
	white-space: nowrap;
}

.count_box { display: inline-block; margin: 0; padding: 7px 0;}

.form-control::-moz-placeholder { color: #BBB;}
.form-control:-ms-input-placeholder { color: #BBB;}
.form-control::-webkit-input-placeholder { color: #BBB;}

@media (max-width: 1199px) {
	body { font-size: 14px;}
	.form-control { font-size: 14px;}
	.table.list_table{ font-size: 86%;}
}

@media (max-width: 991px) {
	h1 { display: inline-block;}
	.nav > li > a { padding: 10px 5px;}
	.nav > li > a.dropdown-toggle { padding: 10px;}
}

@media (min-width: 768px) {
	.navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 20px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
}
@media (max-width: 767px) {
	body { font-size: 12px;}
	.form-control { font-size: 12px;}
	.heightline { height: auto !important;}

	.container-full > .navbar-header,.navbar-toggle { height: 60px; margin-right: 5px;}
	.navbar-header #logo {display: inline-block;}
	.navbar-header #logo a {padding: 14px 15px;}
	.navbar-fixed-top .navbar-collapse {width: 100%;margin: 0;}
	.table.list_table{ font-size: 100%; table-layout: auto;}
}

#dlg_work_detail table td { text-align: left;}

.dropdown-menu { margin-top: 0; margin-bottom: 0;}
.dropdown button { border: none; background: none; width: 100%;}

@media (max-width: 767px) {
	.btn { font-size: 12px;}
	.navbar-toggle { font-size: 16px;}
	.navbar-nav .open .dropdown-menu { font-size: 100%; margin: 0;}
}

/* btn */
.btn-default {}
.btn-primary {}
.btn-success {}
.btn-info {}
.btn-warning {}
.btn-danger {}

/*----------------------------------------------*/
/* AdminLTE customize
/*----------------------------------------------*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: inherit;
}

.content-header h2 { font-weight: normal; font-size: 200%;}
.content-header h2 > span { font-size: 75%; font-weight: normal;}
.content-header .btn { margin-top: 22px;}
.box { margin-bottom: 30px;}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title { font-size: 125%; line-height: inherit; margin: inherit;}
.box-header .box-title { line-height: 1.8em;/* font-weight: bold;*/}
.box-header p { margin-bottom: 0;}

.navbar-custom-menu > .navbar-nav > li.dropdown { margin-right: 15px;}

@media (max-width: 991px) {
	.box-header input,
	.box-header select { margin-bottom: 5px;}
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu { max-height: inherit;}

@media (max-width: 991px) {
	.navbar-custom-menu > .navbar-nav > li.dropdown { margin-right: 0;}
	.navbar-collapse.pull-left + .navbar-custom-menu { right: 15px;}
}
@media (max-width: 767px) {
	/*.content-header .btn { margin-top: 0;}*/
	.content-header h2 { font-size: 134%;}
}
.navbar-custom-menu .navbar-nav > li > * { line-height: 20px; margin-top: 10px; margin-bottom: 10px; padding-top: 10px !important; padding-bottom: 10px !important;}
.navbar-custom-menu .navbar-nav > li > .dropdown-menu .slimScrollDiv { height: auto !important; overflow: auto !important;}

.error-page > .headline {
	float: none;
	font-size: 100px;
	font-weight: 300;
	text-align: center;
}
.error-page > .error-content {
	margin-left: 0px;
	display: block;
	text-align:center;
}

/*------------------------------------------
google chart
------------------------------------------*/
g text {
	font-weight: normal !important;
	/*font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif !important;*/
	font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif !important;
}
g path[fill] { background: #FF0000 !important;}
.google-visualization-tooltip { border: 1px solid #bdbdbd !important;}

/*------------------------------------------
common
------------------------------------------*/
body {
	/*font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;*/
	font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}
.content-wrapper { padding-top: 65px;}

.navbar {
	background: rgba(7,104,153,1);
	background: -moz-linear-gradient(left, rgba(7,104,153,1) 0%, rgba(7,136,127,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(7,104,153,1)), color-stop(100%, rgba(7,136,127,1)));
	background: -webkit-linear-gradient(left, rgba(7,104,153,1) 0%, rgba(7,136,127,1) 100%);
	background: -o-linear-gradient(left, rgba(7,104,153,1) 0%, rgba(7,136,127,1) 100%);
	background: -ms-linear-gradient(left, rgba(7,104,153,1) 0%, rgba(7,136,127,1) 100%);
	background: linear-gradient(to right, rgba(7,104,153,1) 0%, rgba(7,136,127,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#076899', endColorstr='#07887f', GradientType=1 );
	padding-bottom: 3px;
}
.navbar .container_wrap { background: #FFF;}
.navbar-header { height: 60px; overflow: hidden;}
.navbar-header #logo { margin:0; height: 60px; overflow: hidden;}
.navbar-header #logo a { display: inline-block; padding: 14px 20px;}
.navbar-header #logo a img { height: 36px;}

body.bootstrap-admin-with-small-navbar { padding-bottom: 70px;}
.navbar-default .navbar-nav > .active > a {
	background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
	background-image:      -o-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f3f3f3));
	background-image:         linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0);
	background-repeat: repeat-x;
	-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
	box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
}

.navbar-default .navbar-collapse .info { line-height: 60px; float: right;}
.navbar-default .navbar-collapse .info p { margin-bottom: 0px;}
.navbar-default .navbar-collapse .info p span{ font-size: 0.8em;}
.navbar-default .navbar-collapse .info a { text-decoration: underline;}

@media (max-width: 991px) {
.navbar-default .navbar-collapse .info { line-height: 1.2em; margin-top: 3px; text-align: right;}
}
@media (max-width: 767px) {
	.navbar-default .navbar-collapse .info { line-height: 1.4em; margin-top: 10px; text-align: left; margin-bottom: 10px; float: none;}
}

.navbar.navbar-footer {
	margin-bottom: 0px;
	-webkit-box-shadow: 0px -2px 0px -1px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px -2px 0px -1px rgba(0,0,0,0.05);
	box-shadow: 0px -2px 0px -1px rgba(0,0,0,0.05);
}
.navbar.navbar-footer { position: fixed; bottom: 0; width: 100%; background-color: #f8f8f8; margin-top: 15px;}
.navbar-footer footer p { margin-bottom: 15px; margin-top: 15px;}

.btn-primary:hover,
.btn-primary:focus { background-position: 0;}

/*detali*/
#dlg_adjust .now_point_wrap { font-size: 28px;}
#dlg_adjust .now_point_wrap .now_point.alert { padding: 0; border: none;}

/*public*/
#project_public .now_point { font-size: 175%; font-weight: bold; margin-bottom: 15px; margin-top: 5px; text-align: center;}
#project_public .now_point.alert { padding: 0; border: none;}
#project_public .now_point_wrap { display: table; width: 100%; height: 100%;}
#project_public .now_point_wrap .now_point { display: table-cell; vertical-align: middle;}
#project_public .box-body h4 { margin-top: 5px; margin-bottom: 5px; font-size: 100%;}

#user_select { display: flex; align-items: center;}
#user_select > .btn_box { flex: 0.5;}
#user_select > .namelist_box { flex: 2.5;}
#user_select > .namelist_box select { height: 200px;}
#user_select label { font-weight: bold; margin-bottom: 5px; font-size: 88%;}

.user_list { list-style: none; padding-left: 0; margin-bottom: 0;}

.main-footer { font-size: 82%;}

#work_list_off { display: none;}
#work_detail { display: none;}

#project_detail .hour button { position: absolute; top: 6px; right: 6px;}

#user_index .user_status { color: #078880; border: 2px solid #078880; padding: 0 5px;}

@media (max-width: 991px) {
	#project_detail .hour button { position: relative; top: auto; right: auto;}
	#project_detail .heightline { height: auto !important;}
}

/* TOPへボタン */
body:not(#index) #page-top{ position: fixed; bottom: 60px;right: 10px;}
body:not(#index) #page-top a { display: block; width: 60px; height: 60px;
	text-align: center; 
	line-height: 56px;
	border-radius: 60px 60px 60px 60px;
	-moz-border-radius: 60px 60px 60px 60px;
	-webkit-border-radius: 60px 60px 60px 60px;
	font-size: 163%;
}
body:not(#index) #page-top a i { letter-spacing: -2px;}

@media (max-width: 991px) {
	body:not(#index) #page-top{}
	body:not(#index) #page-top a { width: 45px; height: 45px; line-height: 41px; font-size: 125%;}
	body:not(#index) #page-top a i { letter-spacing: -1px;}
}

@media (max-width: 767px) {
	body:not(#index) #page-top{ bottom: 10px;right: 10px;}
	body:not(#index) #page-top a { width: 30px; height: 30px; line-height: 26px; font-size: 82%;}
	body:not(#index) #page-top a i { letter-spacing: -1px;}
}

@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}

@media (max-width: 1199px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}

/* regulations */
.regulations_wrap { border: 1px solid #d2d6de;	height: 300px; overflow-x: auto; margin-bottom: 20px; font-size: 0.8em;}
.regulations_wrap .inner { padding: 15px;}
.regulations_wrap .inner h4 { font-weight: bold;}
.regulations_wrap .inner ul { margin-left: 1em;}
.regulations_wrap .inner ol { margin-left: 0; padding-left: 2.5em;}
 label { font-weight: normal;}
.regulations_wrap.regulations .inner .indent { padding-left: 1em;}
.regulations_wrap.privacy .inner .indent { padding-left: 2.5em; text-indent: -1.6em; margin: 0 0 1em;}
.regulations_wrap .inner .frame { border: 1px solid #d2d6de; padding: 20px; text-align: center;}