@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');

html,body{
  font-family: 'Noto Sans Japanese',"-apple-system", BlinkMacSystemFont, "Helvetica Neue", Roboto, "Droid Sans", Arial, "Hiragino Kaku Gothic ProN", "Yu Gothic", YuGothic, Meiryo, sans-serif;
}
a{
  color: #17A2B8;
}
/* CSS Document */
.brand-link {
    border-bottom: 1px solid #4b545c;
    color: rgba(255,255,255,.8);
    /*background-color: #343a40;*/
}
.gotop {
    position: fixed;
    top: auto;
    bottom: 10px;
    right: 10px;
    z-index: 1;
    display: none;
}
.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
}
.save {
    font-size: 12px;
    text-align: center;
	  color: #666;
}
.user-panel .image {
    display: inline-block;
    padding-left: .8rem;
    padding-right: .8rem;
}
.user-panel .image img {
    width: 100%;
}
.bg-gradient-success a {
	color: #fff;
}
[class*=sidebar-dark-] {
    background-color: #1D2939;
}
.sidebar {
    padding: 0;
}
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-image: linear-gradient(to right, #1CAF9A 0%, #17A2B8 100%);
    color: #fff;
		border-radius: 0;
}
.callout, .elevation-1, [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link.active, [class*=sidebar-light-] .nav-sidebar>.nav-item>.nav-link.active {
    box-shadow: none !important;
}
[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-treeview {
    background: #1A2432;
}
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link {
    padding-left: 22px;
		margin-bottom: 0;
}
[class*=sidebar-dark] .brand-link,
[class*=sidebar-dark-] .sidebar a,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link{
    color: #fff;
}
.main-header .nav-link {
    height: auto;
}
.ce {
    text-align: center;
}
.brand-link {
    line-height: 1.25;
    padding: .75rem .75rem;
}
.brand-text {
  font-size: 1.3rem;
  letter-spacing: 2px;
  font-family: 'Montserrat', sans-serif;
  font-size: 26px;
}
.brand-text1 {
    display: block;
    font-size: 11px;
    color: #3B4043;
}
.nav-sidebar .nav-item>.nav-link {
    border-bottom: 1px solid #3b4043;
		margin-bottom: 0;
		padding: .92rem 0.5rem .92rem 0.5rem;
}
.nav-sidebar .nav-item>.sub_nav-link {
		padding: .53rem 0.5rem .53rem 0.3rem !important;
}
.nav-link {
    padding: .9rem;
}
.nav-link p {
    padding-left: 37px;
}
.home_menu {
    padding-left: 41px !important;
}
.elevation-4 {
    box-shadow: none !important;
}
.nav_home:before {
    background-image: url(/images/home_w.png);
    content: "";
    position: absolute;
    width: 21px;
    height: 20px;
    background-size: 21px;
    background-repeat: no-repeat;
    margin-left: 15px;
    margin-top: 1px;
}
/*.nav_home.active:before {
    background-image: url(/images/home_w.svg);
}*/
.nav_reseve:before {
    background-image: url(/images/calender_w.png);
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    margin-left: 15px;
    margin-top: 1px;
}
/*.nav_reseve.active:before {
    background-image: url(/images/calender.svg);
}*/
.nav_build:before {
    background-image: url(/images/city_w.png);
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    margin-left: 13px;
    margin-top: -3px;
}
/*.nav_build.active:before {
    background-image: url(/images/city.svg);
}*/
.nav_balance:before {
    background-image: url(/images/calculator_w.png);
    content: "";
    position: absolute;
    width: 19px;
    height: 23px;
    background-size: 19px;
    background-repeat: no-repeat;
    margin-left: 13px;
    margin-top: -1px;
}
/*.nav_balance.active:before {
    background-image: url(/images/calculator.png);
}*/
.nav_setting:before {
    background-image: url(/images/setting_w.png);
    content: "";
    position: absolute;
    width: 19px;
    height: 23px;
    background-size: 19px;
    background-repeat: no-repeat;
    margin-left: 13px;
    margin-top: -1px;
}
/*.nav_setting.active:before {
    background-image: url(/images/setting.png);
}*/

.sidebar-mini.sidebar-collapse .main-sidebar, .sidebar-mini.sidebar-collapse .main-sidebar::before {
    width: 0;
}
.sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .main-header {
    margin-left: 0 !important;
}
.navbar-expand {
    -ms-flex-pack: space-between;
    justify-content: space-between;
}
.navbar-expand .navbar-nav {
    align-items: center;
}
.navbar-light .navbar-nav .nav-link {
    color: #000;
}
.navbar-white {
    background-color: #fff;
}
.content-wrapper {
    background: #fff;
}
.navbar-nav img {
    width: 16px;
    display: inline-block;
    margin-right: 7px;
    margin-bottom: 4px;
}
.user_menu {
    cursor: pointer;
}
.flex {
    display: flex;
}
.flex-jus {
    display: flex;
    justify-content: space-between;
}
.content-header {
    padding: 15px 2rem;
}
.content-header h1 {
    color: #a0a0a0;
}
.content-wrapper>.content {
    padding: 15px 2rem 50px 2rem;
  background-color: #E9ECEF;
}
/* button
=========================================== */

.btn-outline-secondary1 {
  border: 1px solid #ccc;
  background-image: -webkit-linear-gradient(top,#fefefe,#f3f3f3);
  background-image: -moz-linear-gradient(top,#fefefe,#f3f3f3);
}
.btn-outline-secondary1:hover {
  border-color: #ccc;
  box-shadow: inset 0px 1px 2px rgba(0,0,0,.2);
  color: #222;
}
.btn-outline-info, .btn-outline-warning {
    padding-top: 0.3rem  !important;
    padding-bottom: 0.3rem  !important;
}

.btn-outline-danger1 {
    border-color: #dc3545;
    background: #fff;
}
.btn-outline-danger1:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-dark1 {
/*    background: #2d3133;
    color: #fff;
		border: 1px solid transparent;*/
  background-image: linear-gradient(to right, #1CAF9A 0%, #17A2B8 100%);
  color: #fff;
}
.btn-dark1:hover {
    color: #fff;
}
.btn-long {
    width: 180px;
}


/* breadcrumb
=========================================== */
.breadcrumb {
    background: none;
    font-size: 0.75rem;
		margin-bottom: 0;
}
.breadcrumb a,
.breadcrumb-item.active{
    color: #000;
}
.breadcrumb-item+.breadcrumb-item::before {
    content: ">";
}
/* paginate
=========================================== */
.page_box {
    margin-left: 8px;
}
.page-link {
    margin: 0 !important;
}
.pagination {
    margin: 0;
}
.pagination .active span {
    background: #2d3133;
    border: 1px solid #ced4da;
    padding: 8px 18px;
    color: #fff;
}
.pagination a,.pagination .disabled span {
    border: 1px solid #ced4da;
    padding: 8px 18px;
    color: #2d3133;
}
.pagination a:hover,.pagination .disabled span:hover {
    background: #2d3133;
    border: 1px solid #ced4da;
    padding: 8px 18px;
    color: #fff;
}
.pagination li {
    display: none;
}
.pagination li:first-child {
    display: block;
}
.pagination li:last-child {
    display: block;
		border-left: 0;
}
.pagination li:last-child a,
.pagination li:last-child span{
		border-left: 0;
}
/* table
=========================================== */
.jsgrid-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.jsgrid-table th {
    border: 1px solid #ddd;
		padding: .75em .5em;
		background: #fff;
}
.jsgrid-table td {
    border-left: 1px solid #ddd;
		padding: .75em .5em;
}
.jsgrid-table td:last-child {
    border-right: 1px solid #ddd;
}
.jsgrid-table tr:last-child {
    border-bottom: 1px solid #ddd;
}
.table-striped tbody tr:nth-of-type(odd),
.table-striped tfoot tr:nth-of-type(odd){
    background-color: #f8f8f8;
}
.table_foot{
    border-left: 1px solid #dddddd;
    width: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
		padding: .5em;
		margin-right: 0;
    margin-left: 0;
}
.table_create{
    border-bottom: 1px solid #dee2e6;
}
.table_create tr{
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
}
.table_create tr.space {
    border-left: none;
		border-right: none;
}
.table_create th {
    font-weight: normal;
    background: #f5f5f5;
    vertical-align: middle;
}
.table_create td {
    vertical-align: middle;
}
label:not(.form-check-label):not(.custom-file-label) {
    font-weight: normal;
		white-space: nowrap;
}
label {
    margin-bottom:0;
}
/*  Google Chrome, Safari, Opera 15+, Android, iOS placeholder
=========================================== */
::-webkit-input-placeholder {
    color: #aaa !important;  }

/* Firefox 18- */
:-moz-placeholder {
    color: #aaa !important; opacity: 1; }

/* Firefox 19+ */
::-moz-placeholder {
    color: #aaa !important; opacity: 1; }

/* IE 10+ */
:-ms-input-placeholder {
  color: #aaa !important; }
/* Edge */
input::-ms-input-placeholder {
  color: #aaa !important; }

.w100 {
    width: 100% !important;
}
.w15em {
    width: 15em !important;
}
.w8em {
    width: 8em !important;
}
.w6em {
    width: 6em !important;
}
.w4em {
    width: 4em !important;
}
.ex {
  color: #9E9E9E;
	font-size: .75rem;
}
.del_re {
    margin-top: -32px;
}
.label-required {
    background-color: #DC3545;
    font-size: 12px;
    padding: 1px 6px 2px;
    color: #fff;
		white-space: nowrap;
		margin-left: 4px;
	  float: right;
}
.agency2 {
    color: #2196F3;
}


/*  alert
=========================================== */

.alert.alert-success {
    color: #23BF08 !important;
    background-color: #f2fef0 !important;
    border-color: #23BF08 !important;
}
.alert.alert-danger_in {
    color: #dc3545;
    padding: 0;
    margin: 0;
		font-size: .75rem;
}
.invalid-feedback {
    font-size: .8rem;
    text-align: left;
}
#invoice_title,
#cost_title{
  cursor:pointer;
	/*border-radius: 25px;*/
}
#invoice_title span,
#cost_title span{
    border-left: 1px solid #fff;
    padding-left: 15px;
    margin-left: 8px;
}
.show_serchbox{
  display:block !important;
  position:relative !important;
  margin-bottom:3rem !important;
}
.item_active{
  background-color:rgba(255,255,255,.1) !important;
  color: #fff !important;
	position: relative;
}
.item_active:after {
  content: "";
  display: block;
  width:6px;
  height: 6px;
  border-right: 2px #17A2B8 solid;
  border-bottom: 2px #17A2B8 solid;
  transform: rotate(-45deg);
  position: absolute;
  right: 10px;
  top: 40%;
}
/*ダークパワーオーバーライド（宮崎）*/
.content-wrapper, .main-footer, .main-header {
  margin-left:200px !important;
}
.main-header{
  font-size: 0.5rem;
}
.btn{
  font-size: 0.8rem;
}
.btn-outline-secondary1{
  padding: 0.3rem 1.4rem !important;
}
.btn-dark1{
  /*padding: .3rem 1.1rem !important;*/
  padding: .3rem 1.1rem .5rem 1.1rem;
}
.login_btn{
  padding: 0.9rem 1.1rem !important;
  margin-bottom: 15px;
  font-size:15px;
  background-image: linear-gradient(to right, #1CAF9A 0%, #17A2B8 100%);
}
.jsgrid-table td{
  padding: .5em .5em;
}
.content-header h1{
  font-size: 1.5rem;
}
h2{
  font-size: 1.5rem;
}
.form-control{
  font-size:0.88rem;
  display:inline-block;
}
.select2-container .select2-selection--single{
  height:auto !important;
  border:1px solid #ced4da !important;
  text-align:left !important;
}
.bg_task {
	background: #4f5356 !important;
	color: #fff !important;
	height: 63px;
}

/* calendar*/
.color_day6 {
    color: #007bff;
}
.color_day0 {
    color: #dc3545;
}
.color_today {
		background: #efefef;
}
/*home*/
.badge-10 {
    background: #F49917;
    color: #fff;
}
.badge-20 {
    background: #69C3D1;
    color: #fff;
}
.badge-30 {
    background: #5F9CDA;
    color: #fff;
}
.badge-40 {
    background: #064d95;
    color: #fff;
}
.badge-50 {
    background: #818181;
    color: #fff;
}
.badge-60 {
    background: #9ccc65;
    color: #fff;
}
.badge-70 {
    background: #f56c6c;
    color: #fff;
}
.badge-80 {
    background: #bdbdbd;
    color: #fff;
}
.badge-90 {
    background: #409eff;
    color: #fff;
}
.badge-100 {
    background: #cddc39;
    color: #fff;
}
.badge-99 {
    border: 1px solid #999;
    color: #999;
}
.bg-custom{
	background-color : #1D2939;
}
.bg-custom .fa-arrow-circle-right {
    color: #fff;
}
.icon_1 {
    background: #59339d;
    color: #fff;
}
.icon_2 {
    background: #117a8b;
    color: #fff;
}
.icon_3 {
    background: #f56c6c;
    color: #fff;
}
.icon_4 {
    background: #9ccc65;
    color: #fff;
}
.icon_operation_badge_1{
    background: #3737bd;
    color: #fff;
}
.icon_operation_badge_2{
    background: #ab5411;
    color: #fff;
}
.thumbnail-50 {
    width: 50px;
}

/* add 2019.11.13 asada */
.btn-link{
  color: #17A2B8;
}
.btn-link:hover{
  color: #267b58;
}
.sidebar-dark-primary .brand-text{
  font-size:20px;
}
.sidebar-dark-primary .brand-text1{
  color: #fff;
}
.nav-sidebar .nav-link>p>.right{
  top: 16px;
  font-family: 'Montserrat', sans-serif;
  font-weight: normal;
}
.menu-open > a svg{
  transition: .3s;
}
.menu-open > a .fa-caret-right{
  transform: rotate(90deg);
}
.line_icon {
    width: 22px;
}
.history_box {
    max-height: 115px;
    overflow: hidden;
    overflow-y: scroll;
}
.break {
    word-break: break-all;
}
/*balloon.min*/
[data-balloon]:after {
    z-index: 10000;
		line-height: 150%;
	  white-space: pre;
}

.small-box{
  box-shadow: none;
}
.container-fluid{
  background-color: #fff;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.21);
  padding: 25px;
  margin-bottom: 25px;
}
.fluid-nopd{
  padding: 0;
}
.card-title{
  font-size: 1.0rem;
}
.card{
  border-radius: none;
}
.card.mb0{
  margin-bottom: 0 !important;
}
.card.mb0 .table{
  margin-bottom: 0px;
}
.bg-success{
  background-color: #17A2B8 !important;
}
.content-header .container-fluid{
  box-shadow: none;
  padding: 0;
  margin-bottom: 0;
}
.text-danger{
  color: #DC3545 !important;
}
.btn-outline-secondary1.btn-dark1{
  background-color: #dfdfdf;
  background-image: -webkit-linear-gradient(top,#f0f0f0,#dfdfdf);
  background-image: -moz-linear-gradient(top,#f0f0f0,#dfdfdf);
  border-color: #ccc;
  box-shadow: inset 0px 1px 5px rgba(0,0,0,.3);
  color: #222;
}
nav .item_active a{
  color:#17A2B8 !important;
}
.btn-outline-warning {
  color: #F49917;
  border-color: #F49917;
}
.btn-outline-warning:hover{
  background-color: #F49917;
  color: #fff;
}
.btn-outline-info {
  color: #17A2B8;
  border-color: #17A2B8;
}
.row.mb0{
  margin-bottom: 0;
}
.jsgrid-table th{
  color: #868ba1;
}
.navbar .dropdown-item{
  font-size: 12px;
}
.card-footer{
  background-color: #fff;
}
.clearnList{
  background-color: #fff !important;
  border: 1px #ccc solid;
}
.page-item .page-link{
  background-image: -webkit-linear-gradient(top,#fefefe,#f3f3f3);
  background-image: -moz-linear-gradient(top,#fefefe,#f3f3f3);
}
.page-item .page-link:hover{
  background:transparent;
  box-shadow: inset 0px 1px 2px rgba(0,0,0,.2);
  color: #000;
}
.schedule_next_btn,
.schedule_prev_btn{
  width: auto;
}
.schedule_next_btn{
  margin-left: 10px;
}