@charset "UTF-8";
@import "const.less";
@import "layoutblock.less";

html {
	overflow-y:scroll;
}

body {
	width: 100%;
	color: @text-color;
	font-family: @font_family;
	font-size: @font_size;
}

html, button, input, select, textarea {
	font-family: @font_family;
	font-size: @font_size;
}

input, textarea {
	padding: 2px 2px 2px 3px;
}

input, select, textarea {
	outline: none;
	color: @text-color;
	background-color: lightyellow; // #FFFFe0
}

select {
	height: 25px;
}

input[type=radio] {
	background-color: transparent;
}

input.required, select.required, textarea.required {
	background-color: lavenderblush; // #FFF0F5
}

input.error, select.error, textarea.error {
	background-color: tomato; // #FF6347
}

input.tipped, select.tipped, textarea.tipped {
	color: gray;
}

input.ime-on, textarea.ime-on {
	ime-mode: active;
}

input.ime-off, textarea.ime-off {
	ime-mode: inactive;
}

input.ime-never, textarea.ime-never {
	ime-mode: disabled;
}

table.table {
	border: @border;

	th {
		height: 19px;
		padding: 5px;
		border: @border;
		background-color: @table-header-color;
	}

	td {
		padding: 1px 2px 1px 2px;
		border: @border;
		background-color: @table-data-color;
	}
}

table.table.client-info {
	td {
		height: 29px;
	}

	.riyosyaid {
		text-align: center;
		width: 149px;
	}
	.shimei, .shimei_kana {
		text-align: center;
		width: 199px;
	}
	.hihokenjabango, .hihokensya_bango {
		text-align: center;
		width: 149px;
	}
	.ninteijotaikubun, .nintei_kubun {
		text-align: center;
		width: 149px;
	}
}

table.layout {
	td {
		padding: 0;
	}

	td.snap-bottom {
		vertical-align: bottom;
	}
}

a {
	color: royalblue;

	&:visited {
		color: royalblue;
	}

	&:active {
		color: royalblue;
	}

	&:hover {
	}
}

/* override jqselectable */
div.sctble_mat {
	z-index: 3;
	border: gray 1px solid;
}
div.sctble_mat a {
	padding-right: 1em;
	outline: none;
}
a.sctble_display {
	outline: none;
	border-top: #A0A0A0 solid 2px;
	border-left: #A0A0A0 solid 2px;
}
a.sctble_display span {
	width: auto !important;
	background-color: lightyellow;
	color: #3F3F3F;
	padding: 0 22px 0 1px;
}
a.sctble_display.required span {
	background-color: lavenderblush;//#FFF0F5
}
div.sBox {
}

/* override jquery-ui */
.ui-dialog .ui-dialog-title {
	font-size: 14px;
	font-weight: bold;
	margin: 0 16px 0 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .2em 1em .4em 1em;
}
.ui-buttonset .ui-button {
	margin-right: -4px;
}
.ui-widget-content a {
	color: royalblue;
}
.ui-button-text-only .ui-button-text {
	padding: 3px 8px;
}
input.ui-button {
	padding: 3px 8px;
}
.ui-dialog.no-close .ui-dialog-titlebar-close {
	display: none;
}

/* override jquery-ui.datepicker */
.ui-datepicker {
	z-index: 510 !important;
}
.ui-datepicker .ui-datepicker-title select {
	font-size:1em;
	margin:1px 2px;
}
.ui-datepicker select.ui-datepicker-year {
	width: auto;
	margin: 0px 2px;
}
.ui-datepicker .ui-state-default, .ui-datepicker .ui-state-highlight.ui-state-default {
	border: 1px solid #c0c0c0;
	background: #e8e8e8 url(../ui-theme/images/ui-bg_highlight-hard_100_e8e8e8_1x100.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #696969;
}
.ui-datepicker .ui-state-active, .ui-datepicker .ui-state-highlight.ui-state-active {
	border: 1px solid #4679BE;
	background: #4679BE url(../ui-theme/images/ui-bg_highlight-soft_85_4679be_1x100.png) 50% 50% repeat-x !important;
	font-weight: bold;
	color: white !important;
}
.ui-datepicker .ui-state-hover, .ui-datepicker .ui-state-highlight.ui-state-hover {
	border: 1px solid #8c8c8c;
	background: #d5e0ed url(../ui-theme/images/ui-bg_highlight-hard_100_d5e0ed_1x100.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #696969;
}

/* iframeDialog work-around */
.ui-dialog {
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
}

.ui-dialog .iframeDialogWrapper.ui-dialog-content {
	overflow: hidden;
	padding: 0;
}
.ui-dialog-buttonpane {
	.ui-button-text {
		width: 120px;
		font-size: 14px;
	}
}

/* dialog additional button */
.ui-dialog .ui-dialog-titlebar-toggle {
	position: absolute;
	right: 2.2em;
	top: 50%;
	margin: -10px 0 0 0;
	padding: 1px;
	width: 19px;
	height: 18px;

	span {
		display: block;
		margin: 1px 0 0 0;
	}
}

/* override DataTables */
.paginate_enabled_previous { background: url('../../img/dataTable/back_enabled.png') no-repeat top left; }
.paginate_enabled_previous:hover { background: url('../../img/dataTable/back_enabled_hover.png') no-repeat top left; }
.paginate_disabled_previous { background: url('../../img/dataTable/back_disabled.png') no-repeat top left; }
.paginate_enabled_next { background: url('../../img/dataTable/forward_enabled.png') no-repeat top right; }
.paginate_enabled_next:hover { background: url('../../img/dataTable/forward_enabled_hover.png') no-repeat top right; }
.paginate_disabled_next { background: url('../../img/dataTable/forward_disabled.png') no-repeat top right; }

.sorting { background: url('../../img/dataTable/sort_both.png') no-repeat center right; }
.sorting_asc { background: url('../../img/dataTable/sort_asc.png') no-repeat center right; }
.sorting_desc { background: url('../../img/dataTable/sort_desc.png') no-repeat center right; }
.sorting_asc_disabled { background: url('../../img/dataTable/sort_asc_disabled.png') no-repeat center right; }
.sorting_desc_disabled { background: url('../../img/dataTable/sort_desc_disabled.png') no-repeat center right; }

.dataTables_paginate {
	margin-top: 8px;
}
.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
	border: 1px solid gray;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 2px 1em;
	margin: 0 2px;
	cursor: pointer;
	*cursor: hand;
	color: #696969 !important;
	font-weight: bold;
}
.paging_full_numbers a.paginate_active {
	background-color: #99B3FF;
}
.paging_full_numbers a.paginate_button {
	background-color: whiteSmoke;
}
.paging_full_numbers a.paginate_button:hover {
	background-color: #D5E0ED;
	font-weight: bold;
	color: #3f3f3f !important;
	text-decoration: none !important;
}
.paging_full_numbers a.paginate_active {
	background-color: #D5E0ED;
	font-weight: bold;
	color: #3f3f3f !important;
}

table.dataTable tbody tr {
	height: 30px;
}
table.dataTable tr.odd td.sorting_1, table.dataTable tr.even td.sorting_1 {
	background-color: @table-data-color;
}
.dataTables_processing {
	height: 46px !important;
	font-size: 12px;
}
.dataTables_empty {
	vertical-align: middle;
}
table.dataTable .ui-button-text-only {
	width: 60px;
}
table.dataTable .ui-buttonset {
	margin-right: 2px;
}

/* NobleCount */
span.with-noblecount {
	font-weight: bold;
}
.noblecount-negative {
	color: red;
}

/* override exvalidation */
.formError .formErrorContent {
	width: auto;
}
.errMsg {
	margin-right: 1em;
	margin-left: 0.5em;
}