.ic_color1{background-color:#a3bdf9; width:20px;}
.ic_color2{background-color:#4dd5d9; width:20px;}
.ic_color3{background-color:#7ce6c0; width:20px;}
.ic_color4{background-color:#55b454; width:20px;}
.ic_color5{background-color:#fbd467; width:20px;}
.ic_color6{background-color:#feb57d; width:20px;}
.ic_color7{background-color:#fe867d; width:20px;}
.ic_color8{background-color:#da242f; width:20px;}
.ic_color9{background-color:#d9aefc; width:20px;}
.ic_color10{background-color:#e0e0e0; width:20px;}

h2.calendar_title{background:#dbdbdb; height:30px; line-height:30px; color:#333; font-size:15px; 
font-weight:500;font-size:14px; display:flex; display:-webkit-flex; align-items:center; margin-top:10px; margin-bottom:0px;
justify-content:space-between; padding-left:17px; padding-right:17px; text-align:center;border-radius: 4px;}
div.flex1{width: 30%}
.blue{color:#448aff;}
.red{color:#FF4422;}
ul.calendar{font-size:15px; *zoom:1; background-color:#ffffff;}
ul.calendar:after{display:block; clear: both;content:''}
ul.calendar li{width:13%; height:37px; font-size:14px; line-height:37px; float:left; text-align:center; border-bottom:1px dotted #ededed;border-left:1px dotted #ededed;cursor:pointer;}
ul.calendar li:nth-child(9n-8){width:4.5%; clear:both;border-width:0px}
ul.calendar li:nth-child(9n){width:4.5%;border-width:0px}
ul.calendar li:nth-child(9n-1){color:#0066FF;}
ul.calendar li:nth-child(9n-7){color:#FF4422;border-left:0px dotted #fff;}
ul.calendar li.week{background:#448aff; color:#ffffff; border-bottom:1px solid #448aff;}
ul.calendar li.week_until{background:#dae8ff; border-bottom:1px solid #448aff; border-top:1px solid #448aff; height:36px;}
ul.calendar .today{background-color:#dbf7f7;}
ul.calendar .color1{background-color:#e3ebfd;}
ul.calendar .color2{background-color:#c9f2f4;}
ul.calendar .color3{background-color:#f3fdf9;}
ul.calendar .color4{background-color:#cce8cb;}
ul.calendar .color5{background-color:#fef2d1;}
ul.calendar .color6{background-color:#ffe9d8;}
ul.calendar .color7{background-color:#ffdad8;}
ul.calendar .color8{background-color:#f4bdc0;}
ul.calendar .color9{background-color:#f4e7fe;}
ul.calendar .color10{background-color:#f6f6f6;}


.jBack{cursor:pointer;text-decoration:none!important;color:#263238!important;}
.jBack:hover{color:#337ab7!important;}

.dayBox
{
	width:100%;
	height:100%;
	display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .1rem;
    font-size: 12px;
    line-height: 13px;
    border-radius: .25rem;
    min-height:40px;
    cursor:pointer;
}

.dayBoxDelete
{
	width:18px;
	position: absolute;
	right: 0;
	top: 0;
	padding:0px!important;
	font-size:18px;
    text-align: center;
    color: #E74C3C;
	background: #fff !important;
    border-radius: 9px;
	line-height: 16px;
	/*
    border: 1px solid #E74C3C !important;
    white-space: nowrap;
    vertical-align: baseline;
    */
}

.calendar_box
{
	width: 450px; 
	padding:5px; 
	text-align: center; 
	border: solid 1px #E0E0E0;
	margin: 0 auto;
	border-radius: 9px;
}

.calendar_btn
{
	width:28px;
	height:28px;
	display:inline-block;
	cursor:pointer;
}

.noborder {
	border-width:0px!important;
	box-shadow:none;
}

.ms-options-wrap>button
{
	padding: 6px 5px!important;
    font-size: 14px!important;
    line-height: 1.42857143!important;
    color: #212121!important;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc!important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s!important;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.ms-options-wrap > button:after
{
	border: 4px solid rgba(0, 0, 0, 0)!important;;
    border-top-color: #212121!important;;
}

#viewAll {
	height:20px;
	background-color:#eaeaea;	
	cursor:pointer;
}
#viewAll:hover {
	background-color:#f4f4f4;	
}

#reDay_select>button {
	padding-left:7px!important;
	padding-right:7px!important;
}

.badge.teal{
	background-color:#64FFDA; border:1px solid #00BFA5; color:#004D40;
}