/* CSS Document */

:root{
	--dC-dialogBorder:#2343BC;
	--dC-topBar:linear-gradient(45deg, #0761C0,#3887DB);
	--dC-scrollBar:linear-gradient(0deg, #43e2c6, #3183d0);
}

a{
	text-decoration: none;
	color:#205FAB;
}
a:hover{
	color:#3695E3;
}

.desc{
	color:gray;
	font-size: 14px;
}
.help{
	color:white;
	background-color: #8FB9D4;
	border:none;
}
.sp{display: none;}
@media screen and (max-width: 764px) {
.sp{display: inline;}
}

@media screen and (max-width: 764px) {
.magic-table td,.magic-table th{
    display: block;
}
}

.pad10{
	padding: 10px;
}

#headermenu{
    background:#EF6000;
    color:white;
    height: 46px;
	z-index: 1000;
	position: relative;
}
#maincontents{
  padding: 0px 0px;  
	z-index: 10;
	overflow: hidden;
}
@media screen and (max-width: 764px) {
#maincontents{
  padding: 0px 0px;  
}
}

#topbar{
	background: var(--dC-topBar);
	padding: 4px;
	color:white;
    font-weight: bold;
}
#vmenu{
	background-color: #555555;
	position: fixed;
	height: 100vh;
	overflow: visible;
	z-index: 2000;
	overflow-y: auto;
	padding: 10px;
	color:white;
	padding-top:50px;	
	width: 160px;
}
#vmenu >ol{
	padding-left: 0px;
	cursor: pointer;
}
#vmenu >ol >ol{
	padding-left: 20px;
}
#vmenu ol li{
	list-style: none;
	margin-bottom: 8px;
	color:white;
	border-radius: 3px;
	padding-left: 10px;
}
#vmenu ol a{
	text-decoration: none;
}
#vmenu ol li:hover{
	background-color: #D1D1D1;	
}
#vmenu li[aria-expanded="true"] {
	background-color: #D1D1D1;
	color:black;
}
#vmenu .active li{
	background-color: #E0F0F9;
	color:black;
}

#mainarea{
	padding: 30px;
	padding-left: 190px;
	padding-top: 50px;	
	background-color: #F8F8F8;
	width: 100%;
	position: absolute;
	min-height: 100vh;
}

.thinscrollbar::-webkit-scrollbar {
  width: 7px;
}
.thinscrollbar::-webkit-scrollbar-thumb {
  background: var(--dC-scrollBar);
  border-radius: 3px;
}
.thinscrollbar::-webkit-scrollbar-track {
  background: rgba(100,100,100, .8);
}

#dialog>div{
	text-align:center;
	padding: 30px;
	border: solid 2px var(--dC-dialogBorder);
	border-radius: 5px; 
	max-width: 420px;
	min-width: 420px;
	background-color: white;
	z-index: 100;	
}
@media screen and (max-width: 640px) {
#dialog>div{
	padding: 10px;
	border: solid 2px var(--dC-dialogBorder);
	border-radius: 5px;
	width:100%;
	min-width: 100vw;
	max-width: 100vw;
	position: relative;
}
}

.menu-group{
      margin-bottom: 10px;  
}

.medialabel{
    font-size: 20px;
    font-weight: bold;
    padding-left: 10px;
    border-left: solid 20px red;
    margin-bottom: 5px;
    margin-left: 5px;
}
.mediano{
    display: inline-block;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    height: 60px;
    width:60px;
    border-radius: 5px;
    border:solid 1px black;
    padding-top: 6px;
    cursor: pointer;
    margin:3px; 
    color:white;    
}
.mediastatus1{background-color: #E1BD00;}
.mediastatus2{background-color: #C90000;}
.mediastatus3{background-color: #0EAA07;}

.personalon{
    background-color:#2C8BC8!important;  
    color:white!important;
}
.personaloff{
      background-color:white!important;
    color:black!important;
}

/* flatpicker */
/* 日曜日：赤 */
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekdays .flatpickr-weekday:nth-child(7n-6),
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-days .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(.nextMonthDay):nth-child(7n-6) {
    color: red;
}
 
/* 土曜日：青 */
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekdays .flatpickr-weekday:nth-child(7n),
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-days .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(.nextMonthDay):nth-child(7n) {
    color: blue;
}

/* calendar */
.fc-scheBtn-button{background-color:#FFDFA3!important;border:none!important }
.fc-compBtn-button{background-color:#B2D7BC!important;border:none!important }
.fc-scheBtn-button-on{background-color:#FFB600!important;}
.fc-compBtn-button-on{background-color:#1E9601!important;}

/* timeline */
.timeline_elm{}
.timeline_elm .time{color:gray;font-size:10px;}
.timeline_elm .text{position: relative;border-radius: 3px;background-color: #EBEBEB;padding: 5px 30px 5px 5px;display: inline-block;max-width: 100%;}
.timeline_elm .tlmenu{font-size:18px;display:none;position: absolute;right:6px;top:3px;color:dimgray;z-index: 100;cursor: pointer;}

.timeline_date{font-size: 12px;color:#808080;border-top:dashed 1px #838383;}

.tltype10{background-color:#80A8E7!important;color:white;}
.tltype11{background-color:#ACD493!important;color:white;}
.tltype19{background-color:#EFCCCC!important;}

.og{display: inline-block;max-width: 320px;width:100%;background-color: #F1F1F1;border-radius: 0px 5px 5px;padding: 5px;overflow: hidden;}
.og .image img{width:100%;}
.og .title{font-weight: bold;}
.og .description{font-size: 12px;color:gray;}

.task_elm{border-radius:10px;border:solid 1px #636363;padding: 0px;margin-bottom: 10px;cursor: pointer;}
.task_elm:hover{box-shadow:0px 0px 5px gray;}
.task_statuschange{border-radius: 10px;background-color: #F2FFE5;padding: 50px 0px;margin-bottom: 10px;text-align: center;}

.task_status{padding: 10px;border-radius: 10px 0px 0px 10px;width:80px;display: inline-block;color:white;text-align:center;}
.task_limit{padding: 5px;margin:5px;width:60px;display: inline-block;text-align:center;font-size:12px;}
.task_title{padding: 10px;border-radius: 10px;display: inline-block;}

.project_elm{border-radius:10px;border:solid 1px #636363;padding: 0px;margin-bottom: 10px;cursor: pointer;}
.project_elm:hover{box-shadow:0px 0px 5px gray;}
.project_statuschange{border-radius: 10px;background-color: #F2FFE5;padding: 50px 0px;margin-bottom: 10px;text-align: center;}

.project_status{padding: 10px;border-radius: 10px 0px 0px 10px;width:80px;display: inline-block;color:white;text-align:center;}
.project_limit{padding: 5px;margin:5px;width:60px;display: inline-block;text-align:center;font-size:12px;}
.project_title{padding: 10px;border-radius: 10px;display: inline-block;}

.task_status_in_project{padding: 3px;border-radius: 3px;width:60px;display: inline-block;color:white;text-align:center;font-size:12px;}


/* bs override */