@charset "UTF-8";

/* ===============================================
Custom Styles
=============================================== */
/* Common
----------------------------------------------- */
/* a:link */
a:link {color:#3a5099;}
a:hover {color:#10256b; text-decoration:underline;}
a:visited {color:#778ed6;}
/* Color */
.gray {color:gray;}
/*Background Color */
.graydown {color: #CCCCCC; background-color: #B3B3B3;}
/* Font Bold */
.fontBold {font-weight:bold !important;}

/* font-size */
.size30 {font-size:30px !important;}
.size28 {font-size:28px !important;}
.size26 {font-size:26px !important;}
.size24 {font-size:24px !important;}
.size22 {font-size:22px !important;}
.size20 {font-size:20px !important;}
.size18 {font-size:18px !important;}
.size16 {font-size:16px !important;}
.size15 {font-size:15px !important;}
.size14 {font-size:14px !important;}
.size13 {font-size:13px !important;}
.size12 {font-size:12px !important;}
.size11 {font-size:11px !important;}
.size10 {font-size:10px !important;}

/* margin */
.mg0 {margin:0 !important;}
.mt0 {margin-top:0 !important;}
.mb0 {margin-bottom:0 !important;}
.ml0 {margin-left:0 !important;}
.mr0 {margin-right:0 !important;}
/* add margin */
.mt50 {margin-top:50px !important;}
.mt40 {margin-top:40px !important;}
.mt30 {margin-top:30px !important;}
.mt20 {margin-top:20px !important;}
.mt10 {margin-top:10px !important;}
.mb50 {margin-bottom:50px !important;}
.mb40 {margin-bottom:40px !important;}
.mb30 {margin-bottom:30px !important;}
.mb20 {margin-bottom:20px !important;}
.mb10 {margin-bottom:10px !important;}
.ml50 {margin-left:50px !important;}
.ml40 {margin-left:40px !important;}
.ml30 {margin-left:30px !important;}
.ml20 {margin-left:20px !important;}
.ml10 {margin-left:10px !important;}
.mr50 {margin-right:50px !important;}
.mr40 {margin-right:40px !important;}
.mr30 {margin-right:30px !important;}
.mr20 {margin-right:20px !important;}
.mr10 {margin-right:10px !important;}
/* padding */
.pd0 {padding:0 !important;}
.pt0 {padding-top:0 !important;}
.pb0 {padding-bottom:0 !important;}
.pl0 {padding-left:0 !important;}
.pr0 {padding-right:0 !important;}
/* add padding */
.pt50 {padding-top:50px !important;}
.pt40 {padding-top:40px !important;}
.pt30 {padding-top:30px !important;}
.pt20 {padding-top:20px !important;}
.pt10 {padding-top:10px !important;}
.pb50 {padding-bottom:50px !important;}
.pb40 {padding-bottom:40px !important;}
.pb30 {padding-bottom:30px !important;}
.pb20 {padding-bottom:20px !important;}
.pb10 {padding-bottom:10px !important;}
.pl50 {padding-left:50px !important;}
.pl40 {padding-left:40px !important;}
.pl30 {padding-left:30px !important;}
.pl20 {padding-left:20px !important;}
.pl10 {padding-left:10px !important;}
.pr50 {padding-right:50px !important;}
.pr40 {padding-right:40px !important;}
.pr30 {padding-right:30px !important;}
.pr20 {padding-right:20px !important;}
.pr10 {padding-right:10px !important;}
/* width */
.wAuto {width:auto !important;}
.w100p {width:100% !important;}
.w95p {width:95% !important;}
.w90p {width:90% !important;}
.w85p {width:85% !important;}
.w80p {width:80% !important;}
.w75p {width:75% !important;}
.w70p {width:70% !important;}
.w65p {width:65% !important;}
.w60p {width:60% !important;}
.w55p {width:55% !important;}
.w50p {width:50% !important;}
.w45p {width:45% !important;}
.w40p {width:40% !important;}
.w35p {width:35% !important;}
.w30p {width:30% !important;}
.w25p {width:25% !important;}
.w20p {width:20% !important;}
.w15p {width:15% !important;}
.w10p {width:10% !important;}
.w5p {width:5% !important;}

/* vertical-align */
.vAlignT {vertical-align:top !important;}
.vAlignM {vertical-align:middle !important;}
.vAlignB {vertical-align:bottom !important;}

/* display */
.dspN {display:none !important;}
.dspB {display:block !important;}
.dspI {display:inline !important;}
.dspIb {display:inline-block !important;}
.dspT {display:table !important;}
.dspTc {display:table-cell !important;}
.dspTc {/float:left !important; /display:inline-block !important; /zoom:1 !important;} /* IE6/7 */

/* list-style */
.listNone {list-style:none; margin:0; padding:0;}

/* notes */
.notes_01 {padding-left:1em; text-indent:-1em !important;}
.notes_01_5 {padding-left:1.5em; text-indent:-1.5em !important;}
.notes_02_5 {padding-left:2.5em; text-indent:-2.5em !important;}
.notesClr {padding:0; text-indent:0 !important;}


/* Layout
----------------------------------------------- */
/* ----- topbar ----- */
.navbar {background-image:linear-gradient(#576bb2, #3e549d 60%, #1f337a); background-repeat:no-repeat; border-bottom:1px solid #1f337a; filter:none; box-shadow: 0 1px 10px rgba(0,0,0,0.1);}
.navbar-brand {padding-top:6.5px; padding-bottom:6.5px;}
.navbar-brand img {width:226px; height:auto;}

/* ----- topbar ----- */
.tabMenu {margin-bottom:30px;}
.tabMenu a {color:#3a5099;}

/* ----- footer ----- */
.footerLine {margin-top:50px;}

/* Login
----------------------------------------------- */
#login.ch-container {padding:0;}
.loginArea {display:table; table-layout:fixed; width:100%; height:100vh;}
.loginArea .loginBlock,.loginArea .infoBlock {display:table-cell;}
/* login */
.loginArea .loginBlock {width:50%; vertical-align:middle;}
.loginArea .loginBlock .inner {width:600px; margin:0 auto; padding:30px 0;}
.loginArea .loginBlock .logo {margin-bottom:25px}
/* info */
.loginArea .infoBlock {
	background: #f7faff;
	border-left:1px solid #ccc;
	width:50%;
	vertical-align:top;
	background-size: cover;
}
.loginArea .infoBlock .inner {width:599px; margin:0 auto; padding:30px 0 0; background-color: rgba(255, 255, 255, 0.4);}
.loginArea .infoBlock .infoFrame {border:0; width:100%; height:300px;}

/* Parts
----------------------------------------------- */
/* nav */
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {background-color:#f39227;}

/* page-header */
.page-header {margin:0 0 20px;}
.box-content:first-child .page-header h3,
.box-content:nth-of-type(2) .page-header h3 {margin:0 0 10px;}

/* box-header */
.box-header .ttl {font-size:15px; width:auto; clear:none; float:left; line-height:25px; white-space:nowrap; font-weight:bold; margin:0;}
 
/* infoStatusBox */
.infoStatusBox {white-space:nowrap;}
.infoStatusBox th:first-child {width:100%;}

/* labelStatus */
.labelStatus {padding:6px 12px; margin-bottom:0; font-size:14px; font-weight:400; line-height:1.42857143; text-align:center; white-space:nowrap; vertical-align:middle; background-image:none;}

/* chosen */
.chosen-container-multi .chosen-choices {min-height:29px;}

/* pagination */
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {background-color:#3a5099; border-color:#3a5099;}

/* panel */
.panel {box-shadow:none;}

/* modal */
#modal-staff-edit .chosen-container {width:100% !important;}
.modal-footer .cmt {padding:6px 0; line-height:1.42857;}

/* frameOverPtn */
.frameOverPtn01 {height:300px; overflow-y:auto; overflow-x:hidden;}

/* ===============================================
Media Queries
=============================================== */
/* ===== TB Size 0-1199px ===== */
@media only screen and (max-width: 1199px) {
	/* ----- Login ----- */
	#login.ch-container {padding:0 15px;}
	.loginArea {display:block; width:100%;}
	.loginArea .loginBlock,.loginArea .infoBlock {display:block; width:100%; height:auto;}
	.loginArea .loginBlock .inner {width:100%; padding-bottom:0;}
	.loginArea .infoBlock .inner {width:100%; padding:0 0 25px 0;}
	.loginArea .infoBlock {background:none; border:none;}
}

/* ===== SP Size 0-767px ===== */
@media only screen and (max-width: 767px) {
	/* ----- topbar ----- */
	.navbar-brand {padding-top:15.75px; padding-bottom:15.75px;}
	.navbar-brand img {width:113px; height:auto;}
	.bar_title {font-size: 10px !important; line-height: 4px !important; padding-right: 25px !important;}
}

.hide_attendance {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.7);
	z-index: 100;
}

.icon_error {
	color: #d9534f;
}

.hide_attendance_inner {
	font-size: 24px;
	top: 150px;
	width: 100%;
	position: relative;
	text-align: center;
}

/* button chart setting */
#btn-OnOff>.btn {width:50%;}
#btn-OnOff .btn-primary {background:#697ec6; border-color:#0a1e6e;}
#btn-OnOff .btn-primary:hover, #btn-OnOff .btn-primary:focus, #btn-OnOff .btn-primary:active, #btn-OnOff .btn-primary.active, #btn-OnOff .btn-primary.disabled, #btn-OnOff .btn-primary[disabled] {background:#334686; border-color:#3a4f98;}

.vaccine-lot-no { text-decoration: none; font-size: 11px; }
#table-vaccine-check-list .popover-content { padding: 9px 20px; }
.fl_right { float: right; }

#bill-setting-detail-page {padding: 10px 30px !important;}
#bill-setting-detail-page .chosen-container-single .chosen-single,
#bill-child-info-page .chosen-container-single .chosen-single
{ height: 30px }

#bill-child-info-page td,
#bill-child-info-page th,
#payment-list-page th,
#unpaid-list-page th
{ text-align: center; }

#bill-child-info-page  input[readonly] ,
#unpaid-list-page  input[readonly] ,
#payment-list-page input[readonly],
#request-transfer input[readonly] {
    cursor: pointer !important;
    background-color: white !important;
}

form#billing_template img {  width:100px; height:115px;border:1px solid #ddd;margin:-1px;}
#form-billing-child-info label.control-label{text-align: right !important;}

#modal-billing-child-info  .chosen-container-multi .chosen-choices {border-radius: 5px;}
#modal-billing-child-info .chosen-container-multi .chosen-choices li.search-choice {display: block; width: 98%;}
#modal-billing-child-info .billing_total { float: right !important;}

/*#bill-child-info-page #table-contract-information { overflow: auto; width: 100%; max-width: 100%; height: 550px;}
#bill-child-info-page #table-contract-information table { width: 1640px;} */

.total_money, .total_payment, .total_unpaid, a.billing_payment {text-align: right !important;}

.billing_temporary ul.billing_temporary_list {list-style-type: none; text-align: left;}

.due_date { color: red !important; }

#table-contract-information .table>tbody>tr>td.info {background-color: white !important;}

#payment-list-page a.editable-click:hover { border-bottom: dashed 1px #0088cc; }
#modal_brothers .table>tbody>tr>td {  border-top: none; }
#modal_brothers tr.border_top td {  border-top: dashed 1px #0088cc !important; }

#modal-vaccine-detail .chosen-container { width: 200px !important;}
#modal-vaccine-detail .editableDate {font-size: 12px;}

table#table-vaccine-check-list { table-layout: fixed; }
table#table-vaccine-check-list td { word-wrap:break-word; }

.table-striped thead { background-color: #5d6eab; color: white; }

#modal-billing-child-info legend { background-color: #5d6eab; color: white; padding: 0 0 3px 5px; font-size: 16px;}

th.time { width: 115px; }
th.week-day { width: 20px; text-align: center; padding-right: 6px !important;}
tr.week-day td { vertical-align: center !important;}
th.add-row i {color: white;}


#modal_pricing_by_unit #pricing_by_unit_from .arrow { top : 100% !important;}
#modal_pricing_by_unit #pricing_by_unit_to .editable-container.editable-popup,
#modal-vaccine-detail .editable-container.editable-popup {
    min-width: 400px !important;
}

#schoolsetting textarea { resize: none;}

.staff-memo {
    display: inline-block;
    width: 130px;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.label-work-day {
    font-weight: normal !important;
}

#time-handle {
    cursor: pointer !important;
    background-color: white !important;
}

.billing-thead {
    background-color: #B4C6E7;
}
.billing-detail-td {
    padding: 0px !important;
}

.billing-loading {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.7;
	z-index: 9999;
	background: url(../img/loading.gif) center no-repeat #fff;
	display: none;
}

.billing-hide-text {
	font-size: 20px;
	top: 40%;
	width: 100%;
	position: relative;
	text-align: center;
	font-weight: bold;
	opacity: 1 !important;
}

.billing-time {
	cursor: pointer !important;
	background-color: white !important;
}

.modal-family {
	color: #778ed6;
	cursor: pointer;
}

.bliing-addition-label {
	padding-left: 50px !important;
}

.summary-memo {
    display: inline-block;
    width: 350px;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.memo_payment_input {
	display: inline-block;
    width: 200px;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.setting-disabled {
   pointer-events: none !important;
   cursor: default !important;
}

.memo_input {
    display: inline-block;
    width: 100px;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.communications_input {
    display: inline-block;
    width: 900px;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

/*sorting*/
table thead .sorting {
	background-image: url(/img/sort_both.png);
}

table thead .sorting_asc {
	background-image: url(/img/sort_asc_disabled.png);
}

table thead .sorting_desc {
	background-image: url(/img/sort_desc_disabled.png);
}

.table-bordered > thead > tr > th {
	padding-right: 20px;
}

table thead .sorting, table thead .sorting_asc, table thead .sorting_desc {
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

.invoice-comment, .invoice-proviso {
    display: inline-block;
    width: 185px;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.change_year, .pointer {
    cursor: pointer;
}
.bar_title {
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 14px;
    line-height: 13px;
    padding-right: 25px;
}
.bar_title span {
	width: 100px;
}


.autocomplete-suggestions {
	border: 1px solid #999;
	background: #FFF;
	overflow: auto;
}

.autocomplete-suggestion {
	padding: 2px 5px;
	white-space: nowrap;
	overflow: hidden;
}

.autocomplete-selected {
	background: #F0F0F0;
}

.autocomplete-suggestions strong {
	font-weight: normal;
	color: #3399FF;
}

.autocomplete-group {
	padding: 2px 5px;
}

.autocomplete-group strong {
	display: block;
	border-bottom: 1px solid #000;
}

.pagination li:not(.disabled) a{
	cursor: pointer !important;
}
.color_blue {
	color: #428bca;
}

.btn-reload {
	color: #fff;
    background-color: #FEADC7;
    border-color: #f385f5;
}

a.plan-active {
	border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.plan-delete {
	border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

#country-list .list-group-item{
    cursor: pointer !important;
}
table.floatThead-table {
    border-top: none;
    border-bottom: none;
    background-color: #FFF;
}
.floatThead-wrapper {
	z-index: 1;
}
.datepicker .datepicker-months {
    z-index: 10;
}
.allow_appointment {
    font-weight: 800 !important;
}
.updatedAt{
	cursor: pointer;
}
.input-reason { width: 40px }

.main-menu .active .colosedlist-num { color:white !important; }
.leave-update img { height: 50%; margin-left: 10px;}
.leave-update {text-align: left}
#closedlist-not-yet-label {margin-top: 5px; margin-left: 8px;}
.colosedlist-num, .unread-num, .appointment-num {display: none;}
.badge {background-color: red !important; color: white !important;}

/* alert */
.alertConnectionArea {
	position: fixed;
	top: 10px;
	width: 100%;
	z-index: 9999;
	display: none;
	text-align: center;
}

.alertConnectionArea .alertConnection {
	display: inline-block;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 3px;
	padding: 10px 20px;
}
.alertConnectionDanger {
	color: rgb(221, 9, 0);
	background-color: rgb(251, 239, 238);
	border-color: rgb(249, 66, 58);
}
.alertConnection {
	text-align: center;
	margin-bottom: 20px;
	background: rgb(232, 205, 205);
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(195, 57, 57);
	border-image: initial;
	border-radius: 3px;
}

.textAlertConnection {
	color: #ec2a2a !important;
}

.clear {clear: both;}

#form_pricing_by_unit_detail .table-bordered > thead > tr > th { padding-right: 5px  !important; padding-left : 5px  !important;}

#modal_extension_limit  .chosen-container-multi .chosen-choices {border-radius: 5px;}
#modal_extension_limit .chosen-container-multi .chosen-choices li.search-choice {display: block; width: 98%;}
#modal_extension_limit  .chosen-container-multi {width: 100% !important;}

/* diary > sleep check */
.form-inline .input-group > label.type_custom{
	font-weight: unset;
	position: relative;
	display: inline-table;
	border-radius: 6px;
	background: #ffffff;
}

.form-inline .input-group > label.type_custom:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 8%;
	display: block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top: 7px solid #555;
	margin: -2% 0 0 0;
}

.form-inline .input-group .type_custom > select.custom_ctl {
	width: 100%;
	cursor: pointer;
	position: relative;
	padding: 0.2em 0.4em;
	font-size: 1.2em;
	line-height: 2vw;
	border-radius: 6px;
	-webkit-appearance: none;
	background: transparent;
}

@media screen and (min-width:768px) and ( max-width:1024px) {
	/* 画面サイズが768pxから1024pxまではここを読み込む(iPad) */
	.form-inline .input-group > label.type_custom { width: 95%; }
}

@media screen and (min-width:1025px) {
	/* 画面サイズが1024pxからはここを読み込む(PC) */
	.form-inline .input-group > label.type_custom { width: 75%; }
}

/* login page iframe html */
.infoFrame,
.infoBlock .inner>div,
.infoBlock .inner {
	width: 100% !important;
}
.infoFrame,
.infoBlock .inner>div,
.infoBlock .inner {
	height: 100% !important;
}





/* CSS End------------------------------------------------------ */