/* navigation */
body.skin-blue .content-wrapper {
	background-color: #fff;	
}

.skin-blue .main-header .logo {
	width: 160px;
	padding: 0;
	background-color: #3c8dbc;	
}
.main-header > .navbar {
	margin-left: 160px;	
}
.main-header .navbar-custom-menu a {
	color: #555;
}
.main-header .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
	right: 0;
	background-color: #eee;
	border-radius: 0;
}
.main-header > .toggle-btn {
	display: none;
}
.main-header .sp {
	display :none;	
}
.main-header .toggle-menu {
	display: none;
}
.main-header .toggle-menu li {
	list-style-type: none;
}
.navbar-custom-menu .nav li {
	color: #fff;
}
.content-header {
	overflow: hidden;
}
.content-header h1 {
	margin: 5px 0 0 0;
	font-size: 24px;
}
.content-header .keyword-search {
	float: right;
	width: 33%;
}
.box {
	overflow: hidden;
}
.content .box {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.form-horizontal .without-header {
	padding: 15px 0 0 0;
}
.form-horizontal .box01 label {
	min-width: 115px;
	text-align: left;
}
.box input.form-control {
	border-radius: 4px;
}
.box .input-group input.form-control {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.box .input-group .input-group-addon {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color: #eee;
	cursor: pointer;	
}
.box-body {
	overflow: hidden;
}
.order-detail-box .box-body {
	padding: 10px 0;
}
.order-detail-box01 label {
	min-width: 115px;
}
.order-detail-box02 .col-sm-4 label {
	padding-bottom: 5px;
}
.pagination {
	margin: 0 0 15px;
	vertical-align: top;
}
#home .export-btn,
#home .new-order-btn {
	margin-bottom: 15px;
}

/* table */

.table {
	margin-bottom: 5px;	
}
.table > tbody > tr > th,
.table > tbody > tr > td {
	vertical-align: middle;
}
.table > tbody > tr:first-child > th,
.table > tbody > tr:first-child > td {
	border-top: none;
}
.table > tbody > tr > td.edit {
	padding-right: 0;
}
.table td.date {
	white-space: nowrap;
}
.material-table > tbody > tr > td.empty {
	border-top: none;	
}
.material-table > tbody > tr > th {
	min-width: 95px;
}

/* form */

input.form-control {
	border-radius: 4px;
}
select.form-control {
	margin-right: 20px;
	height: 34px;
	border-radius: 4px;
}
.phone-group {
	float: left;
	padding-left: 15px;
}
.phone-group .col-xs-4 {
	padding-left: 0;
}
.phone-group .col-xs-4:after {
	content: '-';
	position: absolute;
	top: 5px;
	right: 5px;
}
.phone-group .col-xs-4.last {
	padding-right: 0;	
}
.phone-group .col-xs-4.last:after {
	content: '';
}
.ios input[type=date].form-control,
.ios input[type=time].form-control {
	line-height: normal;
}
.form-horizontal .form-action {
	margin-left: 115px;
}
.note textarea {
	margin: 5px 0 20px;
	height: 160px;
	border-radius: 4px;
}
input::-webkit-calendar-picker-indicator{
    display: none;
}
input[type="date"]::-webkit-input-placeholder{ 
	visibility: hidden !important;	
}

/* export */

.export-box-inner {
	width: 80%;
	margin: 30px auto 50px;
	overflow: hidden;
}
.export-box .from-date,
.export-box .to-date {
	display: inline-block;
	width: 35%;
	vertical-align: top;	
}
.export-box .icon {
	display: inline-block;
	width: 25px;
	padding: 6px 0 0 5px;
	vertical-align: top;	
}
.export-box .form-actions {
	display: block;
	margin: 20px 0 0 0;
}
.export-box .form-actions .btn {
	display: inline-block;	
}
#calenderTable{
	width:100%;	
}
#calenderTable th{
	padding:5px;
	font-size:12px;
	border:1px solid #ccc;
	color:#333;
	background:#6fddf3;
}
#calenderTable td{
	padding:5px;
	text-align:left;
	font-size:12px;
	border:1px solid #ccc;
	color:#555;
	width:12%;
	vertical-align:top;
}
body#index p {
	margin:0 0 5px;
	line-height:130%;
	font-size:13px;
}
body#index .calenderHeader a{
	color:#555;
}
#calenderTable td .scheduleComment{
	text-align:left;
	color:#555;
	font-size:10px;
}


@media (max-width: 767px) {

/* header */
.skin-blue .main-header {
	position: fixed;
	background-color: #3c8dbc;
}
.skin-blue .main-header .logo {
	width: 160px;
	margin: 0 auto;
}
.main-header .sp {
	display :block;	
}
.main-header .toggle-btn {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	padding: 15px;
	background: none;
	font-family: fontAwesome;
}
.main-header .toggle-btn:before {
	content: "MENU";
}
.sp-nav .main-header .toggle-btn:before {
	content: '閉じる';
}
.main-header .toggle-menu {
	display: none;
	position: absolute;
	right: 0;
	padding: 15px 0 0 0;
	background-color: #eee;	
}
.main-header .toggle-menu li {
	width: 100%;
	list-style-type: none;
	padding: 0 15px 10px;
}
.main-header .toggle-menu li a {
	color: #555;	
}
.main-header .navbar {
	display: none;
}
.content-header .keyword-search {
	float: right;
	width: 100%;
	margin-top: 10px;
}
.fixed .content-wrapper {
	padding-top: 50px;
}
.main-sidebar {
	padding-top: 50px;
}
#home .export-btn {
	display: none;
}
#home .new-order-btn {
	margin-bottom: 15px;
}

/* table */

.responsive-table thead {
	display: none;
}
.responsive-table tr {
	display: block;
	border-bottom: 15px solid #fff;
}
.responsive-table td {
	display: block;
}
.responsive-table .order-list td:nth-of-type(6):before {
	content: '工事No.';
}
.responsive-table .table {
	margin-bottom: 0;
}
.responsive-table .table tr:last-child {
	border-bottom: none;	
}
.responsive-table.box {
	border-top: 1px solid #eee;
}
.responsive-table .table > tbody > tr > td {
	border: none;
}
.responsive-table td:before {
	display: block;
	width: 80px;	
	font-weight: bold;
}
.responsive-table .order-list td:nth-of-type(2):before {
	content: '依頼No';
}
.responsive-table .order-list td:nth-of-type(3):before {
	content: '搬入日時';
}
.responsive-table .order-list td:nth-of-type(4):before {
	content: '現場名';
}
.responsive-table .order-list td:nth-of-type(5):before {
	content: '発注者';
}
.responsive-table .order-list td:nth-of-type(6):before {
	content: '重量';
}
.responsive-table .order-list td:nth-of-type(7):before {
	content: '工事No';
}

.responsive-table .account-list td:nth-of-type(1):before {
	content: '所属コード';
}
.responsive-table .account-list td:nth-of-type(2):before {
	content: '所属名';
}
.responsive-table .account-list td:nth-of-type(3):before {
	content: 'ユーザーID';
}
.responsive-table .account-list td:nth-of-type(4):before {
	content: '担当者';
}
.responsive-table .account-list td:nth-of-type(5):before {
	content: 'email';
}
.responsive-table .account-list td:nth-of-type(6):before {
	content: '携帯電話';
}
.responsive-table .account-list td:nth-of-type(7):before {
	content: '権限';
}

.responsive-table .building-list td:nth-of-type(1):before {
	content: '工事No.';
}
.responsive-table .building-list td:nth-of-type(2):before {
	content: '工事名';
}
.responsive-table .building-list td:nth-of-type(3):before {
	content: '現場名';
}
.responsive-table .building-list td:nth-of-type(4):before {
	content: '住所1';
}
.responsive-table .building-list td:nth-of-type(5):before {
	content: '住所2';
}
.responsive-table .building-list td:nth-of-type(6):before {
	content: '建物名';
}

.table > tbody > tr > td:first-child {
	border-top: 1px solid #ddd;
}

/* form */

.form-horizontal label.control-label {
	text-align: left;
}
.form-horizontal .form-action {
	margin-left: 0;
}
.export-box-inner {
	width: 92%;
}
.export-box .from-date,
.export-box .to-date {
	width: 41%;
}
.material-table > tbody > tr > th {
	width: 52px;
}
.order-detail-box02 .col-sm-4 {
	padding-bottom: 30px;	
}
.order-detail-box02 .box-body {
	padding: 10px 0;	
}
.pagination li {
	display: none;
}
.pagination li:first-child,
.pagination li:last-child  {
	display: inline;
}
.input-group.date {
	display: block;
}
.input-group.date .input-group-addon {
	display: none;
}
.box .input-group.date input.form-control {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

#calenderTable th{
	font-size:6px;
}
#calenderTable td{
	font-size:6px;
}


}


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

table.order-list .weight {
	display: none;
}

table.order-list .order-num {
	display: none;
}

}


.pt5  { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }
.pt40 { padding-top: 40px; }

.pl0  { padding-left: 0; }
.pl5  { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl35 { padding-left: 35px; }
.pl40 { padding-left: 40px; }

.pr0  { padding-right: 0; }
.pr5  { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
.pr35 { padding-right: 35px; }
.pr40 { padding-right: 40px; }

.ml5  { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }

.mr0  { margin-right: 0; }
.mr5  { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr35 { margin-right: 35px; }
.mr40 { margin-right: 40px; }

.mb5  { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.btn-outservice {
	background-color: #f4f4f4;
    color: #aaa;
	border-color: #ddd;
}
.statusdisp{
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    border-radius: 3px;
    border: 2px solid transparent;
	border-color: #ffa500;
}