@charset "UTF-8";
/* CSS Document */

/*common*/
.MT_05{margin-top: 5px;}
.MB_05{margin-bottom: 5px;}
.MB_10{margin-bottom: 10px;}
.MR_05{margin-right: 5px;}
.MR_10{margin-right: 10px;}
.ML_05{margin-left: 5px;}
.Block{display: block;}
.InlineBlock{display: inline-block;}
.P_relative{position: relative;}
.Pointer{cursor: pointer;}
.ImageFit{object-fit: contain; background: #eee;}
.ImageFit.Profile{max-width: 200px; height: auto;}
.ImageFit.Meishi{max-width: 300px; height: auto;}
.ImageFit.Post{max-width: 120px; height: auto;}
.ImageFit.Timeline{width: 34px; height: 34px; object-fit: cover; border-radius: 50%; border: #fff 2px solid;}
.TimelineDetail .img-responsive{margin: 10px 0;}
.FontColorGray{color: #999;}
.img-sm+.img-push{margin-right: 50px}
.SendBtn{position: absolute; top: 10px; right: 10px;}
/*UpLoadButton*/
.UploadBtnBox{position: relative;}
.HiddenFileBtn{position: absolute; top: 0; left: 0; opacity: 0; cursor: pointer; overflow: hidden; z-index: 1;}

/*error*/
.ErrorNotice{background: rgba(254,149,139,0.6); color: #fff; font-size: 12px; padding: 10px 20px; line-height: 1.2;}
.MembershipLoginBox .ErrorNotice{margin-bottom: 20px;}
.SuccessNotice{background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; font-size: 12px; padding: 10px;}
.error-message{border-color: #ebccd1; color: #a94442; font-size: 10px; margin-top: 10px;}
.form-error{border: #ff5252 1px solid; background: #ffebee;}
/* 吹き出し本体 */
.filled{position: relative; padding: 10px; background: #ff5252; color: #fff; z-index: 1;}
/* beforeで三角を表現 */
.filled::before{
  content: '';
  position: absolute;
  left: 12px;
  top: -8px;
  display: block;
  width: 0;
  height: 0;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ff5252;
  border-left: 8px solid transparent;
}

/*modal*/
.example-modal .modal {position: relative; top: auto; bottom: auto; right: auto; left: auto; display: block; z-index: 1;}
.example-modal .modal {background: transparent !important;}

/* date picker */
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top{z-index: 9999 !important;}

/*login register*/
.login-page, .register-page{background: #195190;}
.login-logo a, .register-logo a{color: #fff;}

/*header*/
.skin-blue .main-header .logo{background: #263056;}
.skin-blue .main-header .logo:hover{background: #263056;}
.skin-blue .main-header .navbar{background: #195190;}
.skin-blue .main-header li.user-header{background: #195190;}
/* navbar */
.skin-blue .sidebar-menu>li.active>a{border-left-color: #195190;}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header{min-height: 75px; height: auto;}
@media (max-width: 991px){.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {right: 0;}}
.treeview-menu>li>a{padding: 12px 5px 12px 15px;}

/* section */
.content-header a i{color: #444;}

/* history */
.timeline:before{left: 15px;}
.TimelineIcon{position: absolute; top: 0; left: 0;}
.timeline>li>.timeline-item{margin-left: 40px;}
.timeline>li,.timeline>li>.timeline-item{margin-right: 0;}
.timeline>li>.timeline-item>.timeline-header{font-size: 14px;}
.timeline>li>.fa, .timeline>li>.glyphicon, .timeline>li>.ion{left: 2px;}
.TagItem{font-size: 12px; padding: 0 6px; border-radius: 2px; line-height: 18px; color: #666; background: #ddd;}
.HistoryDetailBox .timeline-item{box-shadow: 0 1px 1px rgba(0,0,0,0.1); border-radius: 3px; background: #fff; color: #444; position: relative;}
.HistoryDetailBox .timeline-header{color: #555; border-bottom: 1px solid #f4f4f4; padding: 10px; font-size: 14px; line-height: 34px; margin: 0;}
.HistoryDetailBox .time{color: #999; float: right; padding: 18px 10px; font-size: 12px;}
.carousel{margin: 10px 0;}
.Main .TimelineDetail{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 20px;}

/* timeline */
.SearchListBox{margin-right: 60px;}
.SearchListBtn{position: absolute; right: 0; bottom: 5px;}
.ServiceDetailTitle{width: 70px; text-align: right;}
.ServiceDetail{margin-left: 70px;}
.timeline>.time-label>span{padding: 0 5px; font-size: 12px; font-weight: normal;}
.ImageUpArea{margin: 0; list-style: none; padding: 0;}
.ImageUpBox{margin: 0 10px 10px 0;}
.CloseBtn{position: absolute; top: -5px; right: -5px; width: 20px; line-height: 20px; color: #fff; background: #ff5252; border-radius: 50%; text-align: center;}
.UploadBtnBox .btn{padding: 0; line-height: 60px; width: 60px; border-radius: 50%; text-align: center;}
.Main .ServiceDetail{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 20px;}
.UnreadLine{border-bottom: #ff5252 1px dashed; margin: 20px 0; position: relative;}
.UnreadTextBox{position: absolute;top: -10px; width: 100%; text-align: center; z-index: 1;}
.UnreadText{color: #fff; background-color: #ff5252; font-size: 12px; padding: 0 5px;}
.CopyBtn{background: #9ccc65; border-radius: 50%; padding: 5px; margin-left: 5px;}
i.CopyBtn{color: #fff !important;}
.headroom--pinned.headroom--not-top{background: #195190;left: 230px; padding: 10px; position: fixed; top: 0; z-index: 1;}
.headroom--pinned.headroom--not-top .btn.btn-success.btn-sm{top: 10px !important; right: 10px !important;}
@media screen and (max-width: 768px){
.headroom--pinned.headroom--not-top{left: 0;}
}
.AttachmentImage{width: 100px; height: 100px;object-fit: cover;}

/* master */
.todo-list>li.ListSortItem{padding: 0;}
.todo-list>li[status=off]{padding: 0;}
.ListSortItem .EditBtn{position: absolute; top: 10px; right: 100px;}
.SwitchButton{position: absolute; top: 10px; right: 10px; z-index: 999;}
.SwitchButton .btn{line-height: 26px; padding: 2px 10px; color: #999;}
.SwitchButton.btn-group .btn+.btn{border-radius: 0 3px 3px 0 !important;}
.SwitchButtonEdit{position: absolute; top: 25px; right: 0; left: 15px;}
[status="on"] .btn.active{color: #00a65a; font-weight: bold;}
[status="off"] .btn.active{color: #dd4b39; font-weight: bold;}
.ListRow{padding: 15px 150px 15px 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin: 0; display: block !important;}
.todo-list>li[status="on"]{background: #f8f8f8;}
.SwitchOff{padding: 0; margin: 0; list-style: none; margin-top: 4px;}
li.off {border-radius: 2px; padding: 10px; background: #eee; margin-bottom: 2px; border-left: 2px solid #ddd; color: #999;}
li.off .handle{display: inline-block; margin: 0 5px;}

/* customer */
.DeleteBtn{position: absolute; right: 5px; bottom: 5px;}
.fa-star{color: #fbc02d;}
.fa-star-o{color: #999;}

/* Datatables Override */
.dataTables_filter {display: none;}

.select2-container--default .select2-selection--single {
  border: 1px solid #CCC !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border-color: #d2d6de !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0px !important;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 34px;
}

.timeline-item .btn-box-tool{
  font-size: 20px;
  color: #3c8dbc;
}
.todo-list>li .text {
  display: inline;
}

/*2019-11-15*/
.TimlineTag .input-group-btn{vertical-align: top;}
.TimlineTag .selectize-dropdown{position: absolute;}