@charset "utf-8";

/*
 * 情報局で共通に使用する色について定義するcssです
 */



/* ヒメ日記のタイトルの文字色 */
.color-himenikki{
    color:#e353d6 !important;
}

/* 本日出勤のアイコンの色 */
.color-honjitsu-shukkin{
    background-color: #FF6F0D !important;
	border-color: #FF6F0D !important;
    color: #fff !important;
    font-weight: bold;    
}

.color-suguhime{
	background-color: #ECEAFF  !important;
	border-color: #D5D1FF !important;
	color: #5d37ae !important;
}

.color-iiko{
	background-color: #DBF8C4 !important;
	border-color: #A5DA7A !important;
	color: #007516 !important;
}

.color-himewari{
	background-color: #ffe4e5 !important;
	border-color: #fdb5b5 !important;
	color: #cf0a18 !important;
}

.color-shinjin{ 
	background-color: #ffe7ce !important;
	border-color: #ffc078 !important;    
	color: #EA4900 !important; 
}
 
.color-shyukkin{
	background-color: #fff7b4 !important;
	border-color: #dec596 !important;
	color: #804402 !important;
      
}
.color-himewari-s{
   	background-color: #ffdada !important;
	border-color: #ffc2c2 !important;
	color: #de0303 !important;	  	
}

.color-suguhime-s{
	background-color: #DEDAFF !important;
	border-color: #B5AEFF !important;
	color: #4f2b9b !important;	
}
.color-shinjin-s{ 
	background-color: #ffe4c7 !important;
	border-color: #ffbb6e !important;
	color: #F91302 !important;
}

.color-iiko-s{ 
	background-color: #E4FFCE !important;
	border-color: #A7DB7D !important;
	color: #04801B !important;
}

 
.color-nikki,
.color-nikki-s,
.color-kaodashi,
.color-kaodashi-s,
.color-default,
.color-default-s{
	background-color: #fff !important;
	border-color: #ccc !important;
	color: #888 !important;	
}



/* 点滅させる */

.color-honjitsu-shukkin,
.color-nikki-s,
.color-kaodashi-s,
.color-default-s,
.color-himewari-s,
.color-suguhime-s,
.color-shinjin-s,
.color-iiko-s,
.mark-ichiosi{
    animation: blink 2s linear 2s infinite;
}
@keyframes blink {
    0% { opacity: 1; }
    20% { opacity: 0.4; }
    40% { opacity: 1; }
    100% { opacity: 1; }
}
