*{margin:0;padding:0;}a {text-decoration:none;}
body {font-family:Arial;}
.calendar-col {width:825px;margin:12px auto;}
.calendar-top {border-bottom: 1px solid #ccc;font-size: 16px;height: 50px;margin: 0 0 16px;padding: 0 0 27px;}
.calendar-month span {background: #e6e6e6;padding: 5px;float: left;text-align: left;width: 200px;height: 38px;line-height: 30px;display: block;margin-bottom: 10px;margin-right:10px;}
.calendar-month img {margin:0 0 -12px 11px;}
.calendar-control a {display:inline-block;margin:5px;color:#b4b4b4;font-size:19px;}
.calendar-control a.active {color:#333;}
.calendar-control a.c-prev {font-size:14px;color:#fff;background-color:#0069de;padding:5px 15px;border-radius:4px;-webkit-border-radius:4px;}
.calendar-control a.c-next {font-size:14px;color:#fff;background-color:#0069de;padding:5px 15px;border-radius:4px;-webkit-border-radius:4px;}
.courses_block {margin: 15px 0;}
.courses_block ul {}
.courses_block ul li {font-size:16px;color:#5a5a5a;list-style:none;display:inline-block;margin-right:15px;}
.shared-courses span{background: #eeeeef;width:14px;height:14px;display:inline-block;margin-right:5px;color:#fff;}
.own-courses span{background: #ec741b;width:14px;height:14px;display:inline-block;margin-right:5px;margin-top: 16px;}
.calendar-date {}
.calendar-date tr {}
.calendar-date tr th {padding:10px 10px;text-align:center;background:#0069de;color:#fff;height:17px;border: 2px solid #fff;}
.calendar-date tr td {font-size:24px;color:#42C1FC;color:#000000;text-align:center;padding:22px 10px;background: #e6e6e6;vertical-align: middle;border: 2px solid #fff;}
.calendar-date tr td span {display: block;font-size: 12px;height: auto;padding: 2px;width: auto;}
.c-date {margin-top:10px;}
.n-month .c-date{color:#d4d4d4;}

#selectedMonthYear, #selectedWeek {border: #e6e6e6;background-color: #e6e6e6;visibility: hidden;width: 0 !important;height: 0px !important;text-align: left;}
.calendar-month input[type="text"] {height: 38px;padding: 5px;float: none;margin: 0px !important;width: 200px;}

@media only screen and (max-width:825px){
.calendar-col {margin: 50px 0;overflow-x: auto;width:100%;}
}

.calendar-date2 tr td{font-size:12px;padding: 30px 10px;vertical-align: middle;}
.calendar-date tr td.shared-courses2{background:#808084;color:#fff;font-size:12px;}
.calendar-date tr td.own-courses2{background:#ec741e;}
/*--Duolingo ---Hello English--*/

/* date picker */
.datepickerdemoBasicUsage {/** Demo styles for mdCalendar. */}
.datepickerdemoBasicUsage md-content {padding-bottom: 200px;}
.datepickerdemoBasicUsage .validation-messages {font-size: 12px;color: #dd2c00;margin: 10px 0 0 25px;}
.add_left_area ul li {padding: 0 3%;margin-right: 0px;}


.add_left_area ul li input[type="radio"], .add_left_area ul li input[type="checkbox"] {width: 18px;height: 18px;float: left;margin-top: 16px;margin-right: 10px;}
.calendar-control a {font-size: 14px;color: #fff;background-color: #0069de;padding: 5px 15px;border-radius: 4px;-webkit-border-radius: 4px;}
.calendar-control {float: right;}
a.custom_widget img {width: 100%;height: auto;}
a.custom_widget {float: left;width: 35px;line-height: 28px;}
td {}
.calendar-view-control {float: right;margin-top: 3px;}
.calendar-view-control a {font-size: 14px;color: #fff;background-color: rgba(255, 126, 32, 0.69);padding: 7px 15px;border-radius: 4px;-webkit-border-radius: 4px;}
.calendar-view-control a.active {background: #ff7e20;}
.p-x-2 {padding : 10px;}

.dhx_scale_holder_now  .dhx_cal_event .dhx_title{ line-height:25px; height:20px;}
.dhx_cal_event .dhx_body{ width:100% !important;}
.dhx_cal_event_clear, .dhx_cal_event_clear { color: #FFFFFF; }

/*20-2-2019*/
#booking_form_edit .add_left_area ul li input[type="radio"] {margin-top:7px!important;}
#file_upload_form .add_left_area ul li input[type="radio"] {margin-top:7px!important;}
#share_file .add_left_area ul li input[type="radio"] {margin-top:7px!important;}
#share_advert .add_left_area ul li input[type="radio"]{margin-top: 7px!important;}