@charset "utf-8";

.rg-calendar {
    font-family: "나눔고딕코딩";
    font-size: 12px;
    background: #fff;
    border: 1px solid rgba(50, 50, 50, 1);
    box-shadow: rgba(0, 0, 0, 0.8) 1px 2px 5px;
}

.rg-cal-header {
    height: 26px;
    border-bottom:1px solid #ddd;
}

.rg-cal-year {
    cursor: default;
    top: 0;
    font-weight:bold;
}

.rg-cal-month {
    cursor: pointer;
    top: 0;
    font-weight:bold;
}

.rg-cal-prev-month {
    background-image: url("../lib/realgrid/assets/cal_prev.png");
    width: 26px;
    height: 26px;
}

.rg-cal-prev-month:hover {
    background-image: url("../lib/realgrid/assets/cal_prev_hover.png");
}

.rg-cal-prev-month:active {
    background-image: url("../lib/realgrid/assets/cal_prev_active.png");
}

.rg-cal-next-month {
    background-image: url("../lib/realgrid/assets/cal_next.png");
    width: 26px;
    height: 26px;
}

.rg-cal-next-month:hover {
    background-image: url("../lib/realgrid/assets/cal_next_hover.png");
}

.rg-cal-next-month:active {
    background-image: url("../lib/realgrid/assets/cal_next_active.png");
}

.rg-cal-yearmonth { 
	padding-top:4px;
}


.rg-cal-today-button {
    font-size: 12px;
    border-radius: 3px;
    cursor: pointer;
    padding:2px 6px;
    border:1px solid #ccc;
    border-radius:2px;
    background:#fff;
    margin-right:10px;
}

.rg-cal-today-button:hover {
    border: 1px solid #aaa;
    background-color: #fff;
}

.rg-cal-today-button:active {
}

.rg-cal-next-year {
    background-image: url("../lib/realgrid/assets/cal_up.png");
}

.rg-cal-next-year:hover {
    background-image: url("../lib/realgrid/assets/cal_up_hover.png");
}

.rg-cal-next-year:active {
    background-image: url("../lib/realgrid/assets/cal_up_active.png");
}

.rg-cal-prev-year {
    background-image: url("../lib/realgrid/assets/cal_down.png");
}

.rg-cal-prev-year:hover {
    background-image: url("../lib/realgrid/assets/cal_down_hover.png");
}

.rg-cal-prev-year:active {
    background-image: url("../lib/realgrid/assets/cal_down_active.png");
}

.rg-cal-weeks {
    color: black;
    font-size: 12px;
    font-family: "나눔고딕코딩";
    cursor: default;
}

.rg-cal-weeks th {
	height:30px;
}
.rg-cal-weeks th span {
	font-size:13px;
	font-weight:bold;
	color:#000;
}

.rg-cal-week-sun {
    color: red;
}
.rg-cal-week-sun span { 
	color:#f14d4d;
}
.rg-cal-week-sat {
    color: blue;
}
.rg-cal-week-sat span {
    color: #5985ea;
}

.rg-cal-days {
    font-family: "나눔고딕코딩";
    font-size: 12px;
    text-align: center;
}

.rg-cal-day {
    cursor: pointer;
    background: #f5f5f5;
    border: 1px solid #ddd;
    width: 30px;
    height: 30px;
    /* border-radius: 7px; */
    font-family: "나눔고딕코딩";
    font-size: 12px;
    background: #fff;
}

.rg-cal-day:hover {
    background: #666;
    color: #fff;
}
.rg-cal-day:hover span { 
	color:#fff;
}

.rg-cal-prev-day {
    color: #ccc;
    /* border: 1px solid #fff; */
    background: #f4f4f4;
}

.rg-cal-next-day {
    color: #ccc;
    /* border: 1px solid #fff; */
    background: #f4f4f4;
}

.rg-cal-today {
    background: #d5d5d5;
}

.rg-cal-focusday {
    background: #feffc1;
    /* border: 1px solid #aaa; */
    color: #333;
}

.rg-cal-month-picker {
    margin: 0px;
    cursor: pointer;
    background: #fff;
    border: 1px solid rgba(50, 50, 50, 0.5);
    box-shadow: rgba(0, 0, 0, 0.5) 1px 2px 5px;
    font-family: "나눔고딕코딩";
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}

.rg-cal-month-picker-month {
    padding: 1px 4px 1px 4px;
    width: 20px;
    height: 20px;
    border-radius: 7px;
    text-align: center;
}

.rg-cal-month-picker-month:hover {
    background: #e8e8e8;
}




/*              */
/*   dropDown   */
/*              */
.rg-dropdownlist {
	/*
	background: #fff;
	font-family: 나눔고딕코딩;
	border: 1px solid rgb(50, 50, 50);
	box-shadow: rgba(0, 0, 0, 0.8) 1px 2px 5px;
	font-size: 10pt;
	padding: 0px;
	margin: 0px;
	*/
	border:1px solid #ccc;
	background:#fff;
	padding:0;
	margin:0;
	font-size: 12px;
}

.rg-dropdown-select {
	background:#fdf2a4;
	margin:0;
	padding:0;
}

.rg-dropdown-item {
	margin:0;
	padding:0;
	font-size:12px; 
	color:#444;
}

.rg-dropdown-item:hover {
	background: #ddd;
}