﻿.highlighted_timespan {
		background-color: #87cefa;
		opacity:0.5;
		filter:alpha(opacity=50);
		cursor: pointer;
		z-index: 0;
	}
    .dhx_cal_event div.dhx_footer,
	.dhx_cal_event.past_event div.dhx_footer,
	.dhx_cal_event.event_rep1 div.dhx_footer,
	.dhx_cal_event.event_rep2 div.dhx_footer,
	.dhx_cal_event.event_rep3 div.dhx_footer{
		background-color: transparent !important;
	}
	.dhx_cal_event .dhx_body{
		-webkit-transition: opacity 0.1s;
		transition: opacity 0.1s;
		opacity: 0.7;
	}
	.dhx_cal_event .dhx_title{
		line-height: 12px;
	}
	.dhx_cal_event_line:hover,
	.dhx_cal_event:hover .dhx_body,
	.dhx_cal_event.selected .dhx_body,
	.dhx_cal_event.dhx_cal_select_menu .dhx_body{
		opacity: 1;
	}

	.dhx_cal_event.event_rep1 div, .dhx_cal_event_line.event_rep1{
		background-color: orange !important;
		border-color: #a36800 !important;
	}
	.dhx_cal_event_clear.event_rep1{
		color:orange !important;
	}

	.dhx_cal_event.event_rep2 div, .dhx_cal_event_line.event_rep2{
		background-color: #36BD14 !important;
		border-color: #698490 !important;
	}
	.dhx_cal_event_clear.event_rep2{
		color:#36BD14 !important;
	}

	.dhx_cal_event.event_rep3 div, .dhx_cal_event_line.event_rep3{
		background-color: #FC5BD5 !important;
		border-color: #839595 !important;
	}
	.dhx_cal_event_clear.event_rep3{
		color:#B82594 !important;
	}

    .dhx_cal_event.event_rep4 div, .dhx_cal_event_line.event_rep4{
		background-color: #825696 !important;
		border-color: #825696 !important;
	}
	.dhx_cal_event_clear.event_rep4{
		color:#825696 !important;
	}

    .dhx_cal_event.event_rep5 div, .dhx_cal_event_line.event_rep5{
		background-color: #d98a19 !important;
		border-color: #d98a19 !important;
	}
	.dhx_cal_event_clear.event_rep5{
		color:#d98a19 !important;
	}

    .dhx_cal_event.event_rep6 div, .dhx_cal_event_line.event_rep6{
		background-color: #36BD14 !important;
		border-color: #698490 !important;
	}
    .dhx_cal_event_clear.event_rep6 {
        color: #36BD14 !important;
    }
	
    .dhx_cal_event.event_rep7 div, .dhx_cal_event_line.event_rep7{
		background-color: #36BD14 !important;
		border-color: #698490 !important;
	}
	.dhx_cal_event_clear.event_rep7{
		color:#36BD14 !important;
	}

    .dhx_cal_event.event_travel div, .dhx_cal_event_line.event_travel{
	    background-color: rgba(75,99,169, 0.6) !important;
	    border-color: #839595 !important;
        font-size: 0.7em;
        font-style: italic;
        color: lightgray;
	}
	.dhx_cal_event_clear.event_travel{
		color:#B82594 !important;
	}

    /* Rep Key Styling */
    .rep1{
        background-color: orange !important;
		border-color: #a36800 !important;
        color: black;
        font-size: 1.2em;
        border-radius: 5px;
        width: 30px;
        height: 30px;
    }
    .rep2{
        background-color: #36BD14 !important;
		border-color: #698490 !important;
        color: black;
        font-size: 1.2em;
        border-radius: 5px;
        width: 30px;
        height: 30px;
    }
    .rep3{
        background-color: #FC5BD5 !important;
		border-color: #839595 !important;
        color: black;
        font-size: 1.2em;
        border-radius: 5px;
        width: 30px;
        height: 30px;
    }
    .rep4{
        background-color: #825696 !important;
		border-color: #825696 !important;
        color: black;
        font-size: 1.2em;
        border-radius: 5px;
        width: 30px;
        height: 30px;
    }
    .rep5{
        background-color: #d98a19 !important;
		border-color: #d98a19 !important;
        color: black;
        font-size: 1.2em;
        border-radius: 5px;
        width: 30px;
        height: 30px;
    }
    .rep6{
        background-color: #36BD14 !important;
		border-color: #698490 !important;
        color: black;
        font-size: 1.2em;
        border-radius: 5px;
        width: 30px;
        height: 30px;
    }

    		

    .travel{
        background-color: blueviolet;
    }
    .repUnderline{
        border-bottom: 1px solid lightgray;
    }