html, body {
	height: 100%;
	overflow: hidden;
	//font-family: 'Spoqa Han Sans Neo', 'sans-serif';
	font-family: 'Noto Sans KR', Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 18px;
}

*:fullscreen
*:-ms-fullscreen,
*:-webkit-full-screen,
*:-moz-full-screen {
   overflow: auto !important;
}

.container-fluid  {
	//width: 100%;
	height: 100vh;
	overflow:hidden;
}

// Fullcalendar
.fc-header-toolbar {
	padding-top: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.fc-toolbar {
	//background: no-repeat url("/images/smartsquare.png") !important;
	margin-bottom:5px !important;
}

.fc-toolbar-title {
	//font-family: "Black Han Sans" !important;
	//color: #7D7D7D;
	font-size: 38px !important;
	text-shadow:1px 1px 1px gray;
	user-select: none;
} 

/* 중앙에 있는 prev/title/next 버튼을 강제로 가로 정렬 */
/* 각 버튼들을 inline-flex로 강제 */
.fc .fc-button-group,
.fc .fc-toolbar-title,
.fc .fc-prev-button,
.fc .fc-next-button {
    display: inline-flex !important;
    vertical-align: middle;
}

/* 전체 가운데 정렬 */
.fc .fc-toolbar.fc-header-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* prev, title, next 사이 간격 추가 */
.fc .fc-prev-button,
.fc .fc-next-button {
    margin: 0 6px;
}

.fc .fc-toolbar-title {
    margin: 0 10px;
}

/* 달력 상단 라인 두께 */
.fc-view-harness  {
	border-top: 2px solid #B0A695;
	border-left: 2px solid #B0A695;
	border-right: 2px solid #B0A695;
	border-bottom: 2px solid #B0A695;
}

/* 달력 헤더 (월 ~ 토) */
//.fc-col-header-cell { width:100px; height:30px; vertical-align: revert !important; background:#efefef; }
.fc .fc-col-header-cell-cushion { padding:0px 4px !important; }

/* 날짜에 출력되는 일정의 시작 높이 */
.fc-daygrid-day-top { 
	height:44px; 
}

/* 음력 문자 속성 */
.lunarDay { position: absolute; top: 20px; right: 5px; font-size: 14px; color:#888; }
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events { 
	min-height: 100px !important; 
	//box-sizing: border-box;
}

/* 평일 날짜 검정색 */
.fc-day-mon, .fc-day-tue, .fc-day-wed, .fc-day-thu, .fc-day-fri, a {
	top : -5px;
	color: black;
	text-decoration: none;
}

/* 토/일 글자색상 및 배경색상 */
.fc-day-sat { color:blue; background: #F0F0FF; top : -5px;  }
.fc-day-sun { color:red; background: #FFF7F7; top : -5px; }

.fc-daygrid-dot-event .fc-event-title {
	color: #000000;
	font-weight:500;
}

.fc-day-past {
	background-color: #F0F0F0;    // 지난 날짜 배경색 변경
}

/* 오늘 날짜에 리본 달기 */
.fc-daygrid-day .fc-day-today {
	z-index: 1;
}

/* "오늘" 표시도 레이아웃에 영향 없게 */
.fc-daygrid-day.fc-day-today .fc-daygrid-day-top::before {
	content: "오늘";
	position: absolute;
	top: 5px;
	left: 5px;
	background: linear-gradient(45deg, #ff5f5f, #ff9e9e);
	color: white;
	font-size: 14px;
	font-weight: bold;
	padding: 0 10px;
	border-radius: 3px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.weather-emoji {
	font-size: 20px;
	margin-left: 6px;
	vertical-align: middle;
	pointer-events: none;
}
        
/* Calendar Drag */
#external-events {
	float: left;
	width: 240px;
	padding: 0 10px;
	border: solid 1px #ccc;
	background: #eee;
	text-align: left;
}

#external-events h4 {
	font-size: 16px;
	margin-top: 0;
	padding-top: 1em;
}

#external-events .fc-event {
	margin: 10px 0;
	cursor: pointer;
}

#external-events p {
	margin: 1.5em 0;
	font-size: 11px;
	color: #666;
}

#external-events p input {
	margin: 0;
	vertical-align: middle;
}

/* PopUp Yellow 테마 제작 */ 
.tippy-box[data-theme~='yellow'] { 
	background-color: black; 
	color: #fffadf; 
} 

.fc-event-title.fc-sticky {    // 타이틀 글자 설정 부분
    overflow:hidden;
    text-overflow:ellipsis;
    
    // white-space: normal;    // 글자가 짤리는 것을 방지한다.
}

.addLabel:hover { color: red }
.modifyLabel:hover { color: red }
.deleteLabel:hover { color: red }

.linkUser:hover { color: red }
.shareUser:hover { color: red }
.deleteUser:hover { color: red }

.registAddUser:hover { color: red }
.registModifyUser:hover { color: red }
.registDeleteUser:hover { color: red }

.allDeleteCalendar:hover { color: red }
.allDeleteCalendar:hover { color: red }
.allDeleteCalendar:hover { color: red }

.clock {
    //font-family: 'Noto Sans KR' !important;
    font-size: 32px;
    font-weight: bold;
    color: black;
    //letter-spacing: 3px;
}

// Post IT
.main-container {
    width: 98%;
    margin: auto;
}

.container1 {
    //border: solid 2px black;
}

.container2 {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 5px;
    margin: 5%;
    //border: solid 2px red;
}

.container3 {
    display: none; /*il postit viene nascosto all'utente*/
    position: absolute;
    top: 30%;
    left: 40%;
}

// Ticker
.ellipsis {
	width: cals(100% - 75px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.foutline {
    color: yellow;
    text-shadow:
    -2px -2px 0 gray,
    2px -2px 0 gray,
    -2px 2px 0 gray,
    2px 2px 0 gray;  
}

.foutline2 {
    color: white;
    text-shadow:
    /* Outline */
    -1px -1px 0 #000000,
    1px -1px 0 #000000,
    -1px 1px 0 #000000,
    1px 1px 0 #000000,  
    -2px 0 0 #000000,
    2px 0 0 #000000,
    0 2px 0 #000000,
    0 -2px 0 #000000; /* Terminate with a semi-colon */
}

.watermark {
    position: absolute;
    width: 100%; 
    height: 100vh;
    font-size: 140px;
    font-weight:800;
    color: gray;
    opacity: 0.1;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.watermark75 {
    position: absolute;
    width: 75%; 
    height: 100vh;
    font-size: 140px;
    font-weight:800;
    color: gray;
    opacity: 0.1;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.watermarktext {
	top: -60px;
	//background-image:url('/images/mark.png');
}

.watermarktext75 {
	margin-left: -25%;
	top: -60px;
	//border: solid 1px red;
}

.watermarktext120 {
	margin-left: -120px;
	top: -60px;
	//border: solid 1px red;
}

.watermarktext240 {
	margin-left: -240px;
	top: -60px;
	//border: solid 1px red;
}

#event_entry_modal {
    z-index: 1100;
}

#upload_entry_modal {
    z-index: 1100;
}

#label_entry_modal {
    z-index: 1100;
}

#regist_entry_modal {
    z-index: 1100;
}

#event_color {
    z-index: 1200;
}