﻿.addeventcontainer { padding:0px 10px; }
.addeventcontainer .title { float:none!important; text-align:left!important; }
.addeventcontainer #tbEventTitle { width:680px; }
.addeventcontainer .row { margin-bottom:10px; }

.addeventcontainer  #tbEndDateNotRecurring { width:120px; }
.addeventcontainer  #tbStartDate { width:120px; }
.addeventcontainer .pad { margin-right:5px; }
.addeventcontainer .recurringtype  { }
.addeventcontainer .recurringtype .label { text-align:left!important; width:auto!important; }
.addeventcontainer .recurringinfo { margin-left:111px; }
.addeventcontainer .recurringinfo .label { text-align:left!important; width:auto; }
.addeventcontainer .recurringinfo .dow { width:120px!important; float:left; height:32px; }
.addeventcontainer .recurringinfo .subtitle { margin-bottom:15px; }
.addeventcontainer .eventtimes { width:340px; }
.addeventcontainer .sharing  { float:left; width:550px; }
.addeventcontainer .row .la .label { text-align:left!important; width:auto!important; }

.addeventcontainer .blueLabel {font-size:13px;margin-top:8px;color:#2CBAF6;}

.addeventcontainer .row .bla { text-align:left!important; width:auto!important; font-weight:bold; line-height:30px; }
#divEventUpload .inner {
    height: 28px;
    text-align: center;
    width: 260px;
    line-height: 28px;
    color: white;
}
.fakefilepp {
    display: none;
}
#divEventUpload .hidden {
    position: absolute;
    top: 0;
    opacity: 0;
    width: 260px;
    filter: alpha(opacity=0);
}
.addeventcontainer .uploadobject { float:left; width:300px; height:28px; overflow:hidden; }
.addeventcontainer .uploadobject .inner { width:300px; height:100%; background-repeat:repeat; background-position:top left; position:relative; }
.addeventcontainer .uploadobject .inner .uploadbutton { width:300px; text-align:center; line-height:28px; }
.addeventcontainer .uploadobject .progressbar { position:absolute; height:28px; left:0px; bottom:0px; width:0px; }
.addeventcontainer #btnRemovePicture { line-height:28px; margin-left:20px; cursor:pointer; }

.addeventcontainer .obami_categorycontainer .label { float:none!important; clear:both; text-align:left!important; width:auto!important;}
.addeventcontainer .obami_categorycontainer .obami_categorydropdown { width:180px; }
.addeventcontainer .obami_categorycontainer .obami_subcategorydropdown { width:180px; }
.addeventcontainer .obami_categorycontainer .obami_categorygradedropdown { width:140px; }

.addeventcontainer .obami_searchcommunitycontainer .label { float:none!important; clear:both; text-align:left!important; width:auto!important;}
.addeventcontainer .obami_searchcommunitycontainer .obami_communitydropdown { width:180px; }
.addeventcontainer .obami_searchcommunitycontainer .obami_organisationdropdown { width:180px; }
.addeventcontainer .obami_searchcommunitycontainer .obami_usertypedropdown { width:140px; }
.addeventcontainer .obami_searchcommunitycontainer .obami_subjectdropdown { width:180px; }
.addeventcontainer .obami_searchcommunitycontainer .obami_graderopdown { width:180px; }
.addeventcontainer .obami_searchcommunitycontainer .obami_teacherdopdown { width:140px; }

.addeventcontainer .messaging .label { width:220px!important; text-align:left!important;}
.addeventcontainer .messaging div { margin-bottom:5px; }

.addeventcontainer .dotted-line { margin:5px 0px; }
.addeventcontainer .types { margin-bottom:5px; }
.addeventcontainer #divCustomSelectedDays { width:350px; }
.addeventcontainer .customselecteddate { float:left; padding:5px; border:1px solid #666666; background-color:#FEFEFE; margin:0 5px 5px 0; padding-right:30px;  position:relative;}
.addeventcontainer .customselecteddate .customselectdateremove { position:absolute; right:0px; top:-2px; background:url(../Images/icon-advertclose.png) no-repeat; width:28px; height:28px; cursor:pointer;  } 

.obami_calendarday .titlecontainer .title{
    font-size:14px;margin-bottom:2.5px
}
.event .icnSm {
    float: right;
    vertical-align: top;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    filter: invert(100%);
    margin-right: 5px;

    background-image: url(../Images/formelements/more.png);
}
.icnSm.plus {
    background-image: url(../Images/formelements/more.png);
}
.icnSm.less {
    background-image: uurl(../Images/formelements/less.png));
}
.vertline{ width: 50%;padding-top: 2.5px;border-right: 2px solid lightgray;}
/*.obami_calendarday  td { border-bottom:4px solid white;  }*/
.obami_calendarday .month { width:70px; border-right:2px solid white; text-align:center; background:none !important;vertical-align:top; height: 100%;
}
.obami_calendarday .month .monthnumber { font-size:22px; font-weight:bold;margin-top:12.5px;height:30px; }
.obami_calendarday .month .monthname { font-size:13px;height:20px; }
.obami_calendarday .event { width:745px; }
.obami_calendarday .event .btnarrowright { background-position:center center; background-repeat:no-repeat; width:50px; height:35px; }

#divEventMonthList .monthheader { width:840px; height:35px; background-position:top left; background-repeat:repeat-x; line-height:35px;  }
#divEventMonthList .monthheader .previous { float:left; width:150px; cursor:pointer; }
#divEventMonthList .monthheader .next { float:left; width:150px; cursor:pointer;}
#divEventMonthList .monthheader .title { float:left; width:539px; text-align:center; font-size:20px; font-weight:bold; }
#divEventMonthList .monthheader .arrow { float:left; width:22px; height:34px; background-position:center center; background-repeat:no-repeat; }

.obami_calendarday .event .fulleventitem .titlecontainer { padding: 7.5px 10px 7.5px 10px; margin: 11px 0px 0px 0px;border-radius: 2.5px; border: 1px solid #ececec; background-color: rgb(245 245 245);cursor:pointer; }
.obami_calendarday .event .fulleventitem .titlecontainer .title { font-weight:bold; }
.obami_calendarday .event .fulleventitem .contentcontainer { padding:15px 10px; margin-bottom:10px; margin-top: -1px; background-color: #fbfbfb;   border-right: 1px solid #e8e1e1;border-left: 1px solid #e8e1e1;border-bottom: 1px solid #e8e1e1;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px;}
.obami_calendarday .event .fulleventitem .contentcontainer .label { float:left!important; width:auto!important; line-height:20px; }
.obami_calendarday .event .fulleventitem .contentcontainer .value { float:left; line-height:20px; margin-right:10px; }
.obami_calendarday .event .fulleventitem .contentcontainer .options { }
.obami_calendarday .event .fulleventitem .contentcontainer .notes { width:100%;padding:2.5px 0px }

.eventdetails {  }
.eventdetails .label { float:left; width:auto; line-height:23px; }
.eventdetails .value { float:left; line-height:23px; } 
.eventdetails .datelabel { width:50px; }
.eventdetails .datecontent { width:550px; }
.eventdetails .rowitem {  }
.eventdetails .notes { }

.eventinvitees .inviteheader { height:43px; background-position:top left; background-repeat:repeat-x; line-height:43px; padding-left:20px; font-size:22px;  } 

#divSelectInvitees .largetext { font-size:22px; font-weight:bold; }

#divSelectedMembers .selectedMemberTitle { font-size:13px; text-align:left; height:30px; line-height:30px; background-repeat:repeat-x; padding-left:10px; font-weight:bold;  }
#divSelectedMemberListContainer { width:100%; border-right:none; border-bottom:none; }
#divSelectedMemberListContainer .newmember { padding:10px 20px;  width:243px; font-size:14px; min-height:40px; text-align:center; vertical-align:middle; display:table-cell;}

#btnCancelCreateEvent{
    float:right;
}
#divAddMoreInformation{
    float:none !important;
}
#btnAddUpdateEvent{
    float:right;
}


#divEventAttendees .list .title {
    width: 840px;
    height: 33px;
    background-position: top left;
    background-repeat: repeat-x;
    line-height: 31px;
    padding-left: 10px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 2px;font-weight:bold;
}
#divEventAttendees .list .expand { float:right; width:28px; height:33px; background-position:center center; background-repeat:no-repeat; margin-right:10px; }

.printcalendar { border:1px solid #C0C0C0; border-collapse:collapse; width:100%; }
.printcalendar .day { width:14.2%; border:1px solid #C0C0C0; vertical-align:top;}
.printcalendar .dayinner { position:relative; min-height:120px; padding-top:25px; }
.printcalendar .day .date { position:absolute; top:0px; width:0px; font-size:12px; padding:5px; }
.printcalendar .outmonth { background-color:#F3F3F3; }
.printcalendar .event { margin-bottom:10px; }
.printcalendar .day .event .title { font-weight:bold; }
.poweredby { font-size:16px; font-weight:bold; margin-top:10px; }

.removeeventimage { position:absolute; top:20px; right:-55px; }

.bdaydescrip { padding:10px 20px; }
.eventseperator .dotted-line  { padding-top: 0px; padding-bottom:0px; min-height:0px;}

#divPageTitle .socialoptions { margin-top:0px;}
#divPageTitle .socialoptions  .accountprofileicons { float:right; margin-right:8px;}
#divAddCreateNewEvent .label {
float:left;}

.eventdetails{  }
.fulleventitem {
}
.eventdetails .dveventpic {
    overflow: auto;
    display: inline-block;vertical-align:top;
}
.eventdetails .dveventdetails {
    overflow: auto;
    display: inline-block;
}
.pnleventthumbnail{
    margin-right:10px;
}
#pnlNoMembers {
    margin-left: 10px;
    padding: 5px 0px;
}
#pnlAddMoreInformation .label{
    min-width:70px;
}
.dvButtons{
    margin-top:15px;
}
#pnlNoData{
    
}
.divAddCreateNewEvent .row{
    min-height:30px;
}
#pnlTags,#pnlCategory{
    padding: 2.5px 0px;
}
@media only screen and (min-width: 120px) and (max-width: 736px) {

/* Calender Invite Page */
#divEventInviteContainer .eventdetails{border-radius: 3px;padding: 15px;margin: 0px;background-color: white;margin-bottom: 10px;}
#divEventInviteContainer #divSelectInvitees{border-radius: 3px;padding: 15px;margin: 0px;background-color: white;margin-bottom: 10px;}
#divEventInviteContainer #divSelectInvitees .largetext{font-size:14px;}
#divEventInviteContainer .innercontentsubtitle{border-radius: 3px;padding: 5px 15px;margin: 0px;background-color: white; margin-bottom: 10px;}
#divEventInviteContainer #divEventInvitees{border-radius: 3px;padding: 15px;margin: 0px;background-color: white;margin-bottom: 10px;}
#divEventInviteContainer #divEventInvitees .form-checkbox{width: 20px;height: 20px;background-size: contain;padding-left: 0px;}
#divEventInviteContainer #divEventInvitees .inviteheader{height: 30px;margin-bottom: 10px;line-height: 30px;font-size: 14px;}
#divEventInviteContainer #divEventInvitees #removalAllHeader{padding:0px;}
#divEventInviteContainer #divEventInvitees .pnlInviteeTable{overflow-x: scroll;}
#divEventInviteContainer #divEventInvitees .gv th{line-height:15px; height:15px;}
#divSelectInvitees #dvInviteOnlyOptions {top: 40px; }
.eventdetails .datecontent {width:100% !important;}
#divEventInviteContainer .innercontenttop{height:0px}

/* Calender attendees */
#divEventAttendees .innercontenttop{height:0px;}
#divEventAttendees .innercontentsubtitle{border-radius: 3px;padding: 5px 15px;margin: 0px;background-color: white; margin-bottom: 10px;}
#divEventAttendees .eventdetails{border-radius: 3px;padding: 15px;margin: 0px;background-color: white;margin-bottom: 10px;}
#divEventAttendees #pnlAttendees{border-radius: 3px;padding: 15px;margin: 0px;background-color: white;margin-bottom: 10px;}
.obami_commentcontainer {border-radius: 3px !important; padding: 0px !important; margin: 0px; background-color: white; margin-bottom: 10px; width: 90%; margin: auto !important;}
.obami_commentcontainer .title { font-size:16px; }
.obami_commentcontainer #tbNewComment{width:100% !important;}
#divEventAttendees .list .title{width:100%;}
.dvtb{ width:100% !important;}
.ccb_1{display:none;}

    #pnlNoData{
            font-size: 14px;
    padding: 10px 0px;
    }
    .addeventcontainer{
        width:100%;
        padding:0px 0px;
    }
    .addeventcontainer #tbEventTitle{
        width:90%;
    }
    #divEndDateNonRecurring{
        margin-top:10px;
    }
    .startdatetime .label{
        width:70px;
    }
    #pnlEventTimes{

    }
    #pnlEventTimes .starttime{
        margin-bottom: 10px;
    }
      #pnlEventTimes .endtime{

    }
       #pnlEventTimes .label{
           float:none;
           margin-bottom:5px;
       }
    #pnlEventTimes .pad{
        padding:0px 0px;
    }
#pnlAddMoreInformation #tbEventNotes{
    width:90% !important;
}
#divNewsFeedContainer .innercontentsubtitle,#divNewsFeedContainer .eventlist{
    border-radius: 3px;
    padding: 15px;
    margin: 0px;
    background-color: white;
    margin-bottom: 10px;
}

#divNewsFeedContainer .eventlist{
    margin-right:0px !important;
}
#divEventMonthList .monthheader .title{
    width:100%;
}
#divNewsFeedContainer #btnCreateNewEvent{
    width:121px !important;margin-right:0px !important;margin-left:0px !important;
}
#divEventMonthList table{
        width:100% !important;
}
#divEventMonthList .monthheader{
    width:100%;
}
.obami_calendarday .event{

}
#tbEventLocation,#tbEventGPS{
    width: 270px !important;
}
#divEventMonthList #pnlPrevious{
    display:none;
}
#divEventMonthList #pnlNext{
     display:none;
}
#divEventMonthList .monthheader .title{
    font-size:14px;
}
}