@charset "utf-8";
/* CSS Document  Calendar Event Global*/
/*Responsive CSS*/
.addTraining_text,.addTraining_textradio,.calendardiv,
.addTraining_input,.addTraining_textarea,.mass_select_combobox{
	font-size: 11px;
}
.dhx_cal_cover
{
	position:fixed !important;
}
.dhx_cal_event_clear
{
	/*width:134px !important;*/
}
#my_form
{
	position: absolute;
	z-index: 10001;
	display: none;
	background-color: white;
	border: 1px solid #e4e4e4;
	padding: 20px;
	font-family: Tahoma;
	font-size: 10pt;
	width:550px;
	border-radius:4px;
}
.calendar_inner {
    background: none repeat scroll 0 0 #f6f6f6;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    margin: 20px auto;
    min-height: 400px;
    /*overflow: hidden;*/
    width: 1000px;
}
.addTraining_inputtext {
    float: left;
    margin-bottom: 10px;
    width: 475px;
}
.dhx_body
{
	word-wrap :break-word;
}
.dhx_month_head
{
	text-align:left;
}

@media(min-width:768px) and (max-width:1023px){
#my_form{
	margin-left:12% !important;
	
}
.addTraining_input {
    width: 65%;
}
.addTraining_inputtext{
	width:100%;
}


.addTraining_radiotext{
	width:100%;
}
.new_multicheck{
	width:100% !important;
}
.calendarnewrdiv {
    float: left;
    margin-top: 10px;
    width: 65% !important;
}
}
@media(min-width:640px) and (max-width:767px){
	#my_form{
	margin-left:32px !important;
	width:520px !important;
}
.addTraining_input {
    width: 65%;
}
.addTraining_inputtext{
	width:100%;
}


.addTraining_radiotext{
	width:100%;
}




.new_multicheck{
	width:100% !important;
}
.calendarnewrdiv {
    float: left;
    margin-top: 10px;
    width: 65%;
}

}

@media(min-width:1024px) and (max-width:5000px)
{
	#my_form{
	margin-left:200px !important;
   }
}
@media(min-width:480px) and (max-width:639px){
	#my_form{
	margin-left:0px !important;
	width:410px !important;
}
.addTraining_inputtext{
	width:98% !important;
	margin-left:0px !important;
}
.addTraining_text{
	width:98%;
}
.addTraining_textarea{
	width:98%;
}
.addTraining_radiotext{
	width:98%;
}
.radiotext{
	float:right;
	margin-right:0px;
}
.calendardiv{
	width:100% !important;
}
.mass_select{
	width:80px !important;
}
.mass_select2{
	width:80px !important;
	
	
}
.addTraining_addbutton{
	margin-left:0px !important;
	margin-right:10px;
}
.addTraining_textradio{
	width:90% !important;
}
.new_multicheck{
	width:100% !important;
}
.calendarnewrdiv{
	width:100% !important;
}
.addTraining_cancelbutton{
  margin-left:0px !important;
}
.calendar_div2{
	width:100% !important;
}
#CalendarEventBackgroundColor{
	width:25% !important;
}
.event_data{
	margin-left: 10px !important;
    margin-right: 0px !important;
    width: 71px;
}
#CalendarEventTextColor{
	width:25% !important;
	float:left !important;
}
#CalendarEventColor{
	width:auto !important;
	float:left !important; 
}
.mass_select_combobox{
	width:100% !important;
}
}
@media(min-width:360px) and (max-width:479px){
	#my_form{
	margin-left:0px !important;
	width:290px !important;
}
.addTraining_inputtext{
	width:98% !important;
	margin-left:0px !important;
}
.addTraining_text{
	width:98%;
}
.addTraining_textarea{
	width:98%;
}
.addTraining_radiotext{
	width:98%;
}
.radiotext{
	float:right;
	margin-right:0px;
}
.calendardiv{
	width:100% !important;
}
.mass_select{
	width:80px !important;
}
.mass_select2{
	width:80px !important;
	
}
.addTraining_addbutton{
	margin-left:0px !important;
	margin-right:10px;
}
.addTraining_textradio{
	width:90% !important;
}
.new_multicheck{
	width:100% !important;
}
.calendarnewrdiv{
	width:100% !important;
}
.addTraining_cancelbutton{
  margin-left:0px !important;
}
.calendar_div2{
	width:100% !important;
}
#CalendarEventBackgroundColor{
	width:auto !important;
}
.event_data{
	margin-left: 0 !important;
    margin-right: 0 !important;
    width: 71px;
}
#CalendarEventTextColor{
	width:auto !important;
	float:left !important;
}
#CalendarEventColor{
	width:auto !important;
	float:left !important; 
}
.mass_select_combobox{
	width:100% !important;
}
}

@media(min-width:320px) and (max-width:359px){

#selected_date{
	width: 120px;% !important;
	margin-left: -40px;
}
#my_form{
	margin-left: 0px;
	width:250px !important;
	border: nonw !important;
}
.addTraining_inputtext{
	width:98% !important;
	margin-left:0px !important;
}
.addTraining_text{
	width:98% !important;
}
.addTraining_textarea{
	width:98% !important;
}
.addTraining_radiotext{
	width:100% !important;
}
.radiotext{
	float:right;
	margin-right:0px;
}
.calendardiv{
	width:100% !important;
}
.mass_select{
	width:80px !important;
}
.mass_select2{
	width:80px !important;
	
}
.addTraining_addbutton{
	margin-left:0px !important;
	margin-right:10px ;
}
.addTraining_textradio{
	width:90% !important;
}
.new_multicheck{
	width:100% !important;
}
.calendarnewrdiv{
	width:100% !important;
}
.addTraining_cancelbutton{
  margin-left:0px !important;
}
.calendar_div2{
	width:100% !important;
}
#CalendarEventColor{
	width:auto !important;
	float:left !important; 
}
.mass_select_combobox{
	width:100% !important;
 }
}

#CalendarEventBackgroundColor{
	width:auto !important;
}
.event_data{
	margin-left: 0 !important;
    margin-right: 0 !important;
    width: 71px;
}
#CalendarEventTextColor{
	width:auto !important;
}
.mass_select_combobox{
	width:100% !important;
}
}
.mass_select2 {
	margin-top:4px !important;
    overflow: hidden;
    position: relative;
    float: left;
    width: 68px;
}
.mass_select{
	margin-top:4px !important;
}
.calendardiv{
	width:325px; float:left; margin-top:10px
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]
{
	margin-left:0px;
}

label {
    display: inline-block;
    font-weight: normal;
    margin-bottom: 5px;
    font-size: 11px;
}
/**{
    box-sizing: unset;
}*/
#addEvent{
/*height:auto !important;
padding:5px 30px !important;*/
}
#editEvent{
/*height:auto !important;
padding:5px 30px !important;*/
}


.word_wrap_user{
height:auto;
font-size:12px;
float:left;
}

.dhx_month_body{
padding-bottom:15px;
}
.mass_arrow:before{
background:none;
}
.ui-widget-header{
border:1px solid #AAAAAA}

 /*event in day or week view*/
 
.dhx_cal_event_clear
{
	padding-left:6px;
}

 .dhx_cal_event.self_event div{
        background-color: #330099 !important; 
        color: #F2F2F2 !important;
		text-transform:capitalize;
		height:15px;
}

.dhx_cal_event.self div{
        background-color: #CE3838 !important; 
        color: #F2F2F2 !important;
				text-transform:capitalize;
				height:15px;
}
.dhx_cal_event.general_event div{
        background-color: #FF0 !important; 
        color: #000000 !important;
				text-transform:capitalize;
				height:15px;
}
.dhx_cal_event.other_recurring div{
        background-color:#FAD160 !important;
        color: #333333 !important;
				text-transform:capitalize;
				height:15px;
}
.dhx_cal_event.self_recurring div{
        background-color:#454544 !important;
        color: #F2F2F2 !important;
				text-transform:capitalize;
				height:15px;
}
.dhx_cal_event.other div{
        background-color:#3946B6 !important;
        color: #F2F2F2 !important;
				text-transform:capitalize;
				height:15px;
}
.dhx_cal_event.all div{
        background-color: #009980 !important;
        color: #F2F2F2 !important;
				text-transform:capitalize;
				height:15px;
}
.dhx_cal_event.user div{
        background-color: #FF5000 !important;
        color: black !important;
				text-transform:capitalize;
				height:15px;
}
.dhx_cal_event.group div{
        background-color: #0E64A0 !important;
        color: #CCCCCC !important;
				text-transform:capitalize;
				height:15px;
}
.dhx_cal_event.general_recurring div{
			  background-color: #5B574A !important;
        color: #F2F2F2 !important;
				text-transform:capitalize;
  			height:15px;
}

 /*multi-day event in month view*/

 .dhx_cal_event_line.self_event{
        background-color: #330099 !important; 
        color: #F2F2F2 !important;
		text-transform:capitalize;
}

.dhx_cal_event_line.self{
        background-color: #CE3838 !important; 
        color: #F2F2F2 !important;
				text-transform:capitalize;
}
.dhx_cal_event_line.general_event{
        background-color: #FF0 !important; 
        color: #000000 !important;
				text-transform:capitalize;
}
.dhx_cal_event_line.other{
        background-color:#3946B6 !important;
        color: #F2F2F2 !important;
				text-transform:capitalize;
}
.dhx_cal_event_line.other_recurring{
        background-color:#FAD160 !important;
        color: #333333 !important;
				text-transform:capitalize;
}
.dhx_cal_event_line.self_recurring{
        background-color:#454544 !important;
        color: #F2F2F2 !important;
				text-transform:capitalize;
}
.dhx_cal_event_line.all{
        background-color: #009980 !important;
        color: #F2F2F2 !important;
				text-transform:capitalize;
}
.dhx_cal_event_line.user{
        background-color: #FF5000 !important;
        color: black !important;
				text-transform:capitalize;
}
.dhx_cal_event_line.group{
        background-color: #0E64A0 !important;
        color: #CCCCCC !important;
				text-transform:capitalize;
}
.dhx_cal_event_line.general_recurring{
			  background-color: #5B574A !important;
        color: #F2F2F2 !important;
				border-radius:6px;
				text-transform:capitalize;
			 }

 /*event with fixed time, in month view*/

 .dhx_cal_event_clear.self_event{
        background-color: #330099 !important;
        color: #F2F2F2 !important;
		border-radius:6px;
		text-transform:capitalize;
}

.dhx_cal_event_clear.general_event{
			  background-color:#FF0 !important;
        color: #000000  !important;
				border-radius:6px;
				text-transform:capitalize;
  }
.dhx_cal_event_clear.other{
			  background-color:#3946B6 !important;
        color: #F2F2F2  !important;
				border-radius:6px;
				text-transform:capitalize;
  }
.dhx_cal_event_clear.self{
			  background-color:#CE3838 !important;
        color: #F2F2F2  !important;
				border-radius:6px;
				text-transform:capitalize;
  }
.dhx_cal_event_clear.other_recurring{
			  background-color:#FAD160 !important;
        color: #333333  !important;
				border-radius:6px;
				text-transform:capitalize;
  }
.dhx_cal_event_clear.self_recurring{
			  background-color:#454544 !important;
        color: #F2F2F2  !important;
				border-radius:6px;
				text-transform:capitalize;
  }
.dhx_cal_event_clear.all{
			 background-color: #009980 !important;
        color: #F2F2F2 !important;
				border-radius:6px;
				text-transform:capitalize;
     }
.dhx_cal_event_clear.user{
			  background-color: #FF5000 !important;
        color: black !important;
				border-radius:6px;
				text-transform:capitalize;
    }
.dhx_cal_event_clear.group{
        background-color: #0E64A0 !important;
        color: #CCCCCC !important;
   			border-radius:6px;
				text-transform:capitalize;
	 }		
.dhx_cal_event_clear.general_recurring{
			  background-color: #5B574A !important;
        color: #F2F2F2 !important;
				border-radius:6px;
				text-transform:capitalize;
			 }
.dhx_cal_lsection { width:120px !important; }

.mass_select_combobox{
width:48px;
}
.addTraining_formmain
{
	margin-top:10px;
}
.mass_arrow:before{
height:16px;
top:2px;
margin-right:12px;
}