@charset "utf-8";
/*---------------------------------------------------------
 * システム全体の色指定をするスタイルシート
 * BootStrapの設定を上書き ＆ 独自指定
 *---------------------------------------------------------*/
/*BootStrap：テキスト、ボーダー、背景色*/ 
.text-primary   { color: #000080 !important; }
.text-warning   { color: #ff8c00 !important; }
.text-light     { color: #b2cd2d !important; }
.text-dark      { color: #ff8c00 !important; }

.border-secondary{ border-color: #b0c4de !important; }

.bg-danger  { background-color: #ffc0cb !important; } 
.bg-primary { background-color: #add8e6 !important; } 
.bg-light   { background-color: #b2cd2d !important; }
.bg-dark    { background-color: #ff8c00 !important; }
.bg-info    { background-color: #e6b422 !important; }
.bg-warning { background-color: #ffffcc !important; }
.bg-secondary { background-color: #68a4d9 !important; }


/*BootStrap：ボタン*/
/*btn-primary --------------------------------------*/
.btn-primary {
    background-color : #82cddd;
    border-color     : #82cddd;
}
.btn-primary:hover {
    background-color : #2f95aa;
    border-color     : #2f95aa;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active {
    background-color: #2f95aa;
    border-color    : #2f95aa;
}
.focus.btn-primary, .btn-primary:focus  {
    background-color : #2f95aa;
    border-color     : #2f95aa;
    box-shadow : 0px 0px 0px 0.2rem rgba(211, 211, 211, 0.75);
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow : 0px 0px 0px 0.2rem rgba(211, 211, 211, 0.75);
}
.btn-primary:disabled {
    background-color : #cecece;
    border-color     : #cecece;
}

/*btn-light --------------------------------------*/
.btn-light {
    color            : #ffffff;
    background-color : #b2cd2d;
    border-color     : #b2cd2d;
} 
.btn-light:hover {
    color            : #ffffff;
    background-color : #6b8e23;
    border-color     : #6b8e23;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active {
    color            : #ffffff;
    background-color : #6b8e23;
    border-color     : #6b8e23;
}
.focus.btn-light, .btn-light:focus  {
    color            : #ffffff;
    background-color : #6b8e23;
    border-color     : #6b8e23;
    box-shadow : 0px 0px 0px 0.2rem rgba(211, 211, 211, 0.75);
}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
    box-shadow : 0px 0px 0px 0.2rem rgba(211, 211, 211, 0.75);
}

/*btn-dark --------------------------------------*/
.btn-dark {
    color            : #ffffff;
    background-color : #ff8c00;
    border-color     : #ff8c00;
}
.btn-dark:hover {
    color            : #ffffff;
    background-color : #d2691e;
    border-color     : #d2691e;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active {
    color            : #ffffff;
    background-color : #d2691e;
    border-color     : #d2691e;
}
.focus.btn-dark, .btn-dark:focus  {
    color            : #ffffff;
    background-color : #d2691e;
    border-color     : #d2691e;
    box-shadow : 0px 0px 0px 0.2rem rgba(211, 211, 211, 0.75);
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
    box-shadow : 0px 0px 0px 0.2rem rgba(211, 211, 211, 0.75);
}

/*btn-info --------------------------------------*/
.btn-info {
    color            : #ffffff;
    background-color : #e6b422;
    border-color     : #e6b422;
}
.btn-info:hover {
    color            : #ffffff;
    background-color : #d9a62e;
    border-color     : #d9a62e;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active {
    color            : #ffffff;
    background-color : #d9a62e;
    border-color     : #d9a62e;
}
.focus.btn-info, .btn-info:focus  {
    color            : #ffffff;
    background-color : #d9a62e;
    border-color     : #d9a62e;
    box-shadow : 0px 0px 0px 0.2rem rgba(211, 211, 211, 0.75);
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
    box-shadow : 0px 0px 0px 0.2rem rgba(211, 211, 211, 0.75);
}

/*btn-outline-secondary --------------------------------------*/
.btn-outline-secondary:hover {
    background-color: #a2a8ae;
    border-color    : #a2a8ae;
}

.ns_btn_cancel{ color: dimgray !important;}


/*メニュー項目用*/
#navbar {
	background-color:#add8e6;
}
#navbarToggler {
    background-color:#dddddd;
    border-color: #7a99a3;
}

#navbar .nav-link,
#navbar .navbar-text,
#navbarToggler .nav-link,
#navbarToggler .navbar-text {
    color: #000080;
}

#navbarToggleExternalContent li {
    /*背景色と合わせること*/
    border-top-color   : #add8e6;
    border-bottom-color: #add8e6;
}

#navbarToggleExternalContent li:hover,
#navbarToggleExternalContent li.active {
    background-color:#daeef3;
}
#navbarToggleExternalContent li:hover a,
#navbarToggleExternalContent li.active a{
    color:#555555 !important;
}

.ns_table thead tr {
    color            : #f8f9fa;
    background-color : #82cddd;
}

.ns_table.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #daeef3;
}

/*ユーザーコントロール（カレンダー）*/
/*※色の種類が多いため、個別に定義*/
 .ns_uc_calendar
,.ns_uc_calendar th
,.ns_uc_calendar td {
    border-color :#ffffff !important
}
/*ヘッダのデフォルト色*/
.ns_uc_calendar th {
    color           : #000080;
    background-color: #add8e6;
}
/*ヘッダの日曜の背景色*/
.ns_uc_calendar th.ns_uc_calendar_bg_sunday {
    background-color: #ffc0cb;
}
/*ヘッダの土曜の背景色*/
.ns_uc_calendar th.ns_uc_calendar_bg_saturday {
    background-color: #6495ed;
}

/*カレンダーセルのデフォルト背景色*/
.ns_uc_calendar td {
    background-color: #ebeef1;
}
/*カレンダー（空き状況）セルのデフォルト背景色*/
.ns_uc_calendar.ns_uc_calendar_aki td{
    background-color: #e9f8ba;
}

/*土曜日の文字色*/
.ns_uc_calendar .ns_uc_calendar_text_sat {
    color: #0000ff !important;
}
/*日曜日の文字色*/
.ns_uc_calendar .ns_uc_calendar_text_sun {
    color: #ff0000 !important;
}

/*「当日」の背景色*/
.ns_uc_calendar td.ns_uc_calendar_bg_today {
    background-color: #b0c4de !important;
}
/*「月度外」の背景色*/
.ns_uc_calendar td.ns_uc_calendar_bg_getudoout {
    background-color: #ababab !important;
}
/*「表示年月外」の背景色*/
.ns_uc_calendar td.ns_uc_calendar_bg_outrange {
    background-color: #737373 !important;
}
/*「休館日」の文字色*/
.ns_uc_calendar .ns_uc_calendar_panel_kyukan {
    color:#dc3545;
}
/*「特記事項」の文字色*/
.ns_uc_calendar .ns_uc_calendar_panel_tokki {
    color:#008000;
}