html ,body {
    background-color: #D4D5D6;
    color: #000;
}
.contentBody ,
.bbContentMain ,
.contentEmpty ,
.staffDetailContainer ,
.parentSearchContent ,
.residentDetailContainer {
    background-color: #fff;
}
.call ,
.firstName ,
.moreHeader ,
.headingdiv ,
.callButtons ,
.listSummary ,
.submitButton ,
.removeButton ,
.customRequest ,
.OptionkeysLeft , 
.readMailHeader ,
.sendMailHeader ,
.messagesHeader ,
.OptionkeysRight ,
.transportAction ,
.surveyNameTitle ,
.NumericAccessKey ,
.composeMailHeader ,
.messageOptionHeader ,
.vendorOptionCallDiv ,
.employeeCheckInTitle , 
.morePersonalContactHeader ,
.mailHeader {
    background-color: #66B0E1;
}


.highlightButton {
    background-color:  #66b0e1;
}


.addContact ,
.printcoupon ,
.NormalButton ,
.sortByContent ,
.vendorOptionDiv ,
.restoreEmail{
    background-color: #9DD2F5 !important;
}


.CCRCAlertParentStyles,
.actionButtonError,
.alertIconMainSuccess, 
.alertIconMainError,
.actionButtonSuccess,
.alert-icon-main,
.actionInButton ,
.alert-icon-mainError,
.alert-action > div ,
.alert-actionError>div ,
.alert-actionSuccess>div ,
.residentBioContainer > div > div
{
    background-color: #66B0E1;
}

/*Font Colour*/
.alert,
.call ,
.firstName ,
.inboxBody ,
.alertTime ,
.addContact ,
.mailHeader ,
.moreHeader ,
.time-divide, 
.time-label ,
.loginTitle ,
.headingdiv ,
.customLabel ,
.customInput ,
.listSummary ,
.printcoupon ,
.callButtons ,
.NormalButton ,
.alertMessage ,
.removeButton ,
.submitButton ,
.restoreEmail ,
.residentName ,
.bbMessageText ,
.sortByContent ,
.sortLableName ,
.customRequest ,
.alert-message ,
.alertSignature ,
.transportInput ,
.sendMailHeader ,
.OptionkeysLeft , 
.firstNameStyle ,
.readMailHeader ,
.actionInButton ,
.transportAction ,
.surveyNameTitle ,
.residentAddress ,
.OptionkeysRight ,
.highlightButton ,
.userStaticLable ,
.alertModuleTitle ,
.NumericAccessKey ,
.residentAddress1 ,
.composeMailHeader ,
.actionButtonError ,
.residentNameStyle ,
.actionButtonSuccess ,
.morePersonalContactHeader ,
.requestIssueNameContainer ,
.messageOptionHeader ,
.employeeCheckInTitle , 
.quesionerBlockContent ,
.alert-action > div ,
.alert-actionError>div ,
.alert-actionSuccess>div ,
.residentBioContainer > div > div 
{
    color: #000;    
}

/*Calender css*/
.cal-month ,
.currentDate {
    background-color: #66B0E1;
}
.arrow-left {
    border-right: 15px solid #66B0E1;
}
.arrow-right {
    border-left: 15px solid #66B0E1;
}
.withDate {
    background-color: #BCBBBB;
}
.selectedDate ,
.orderNotify {
    background-color: #65DADD;
}
.dataAvailableDate {
    background-color: #9DD2F5;
}
.cal-days ,
.calenderStatus {
    color: #000;
}
/*End Calender css*/


/*Dining css*/
.orderActions ,
.restaurantMealTypes ,
.dinningMenuAlreadyOrdered ,
.starContainerAlreadyOrdered ,
.menuCourseListing {
    background: #B5B5B5;
}
.restaurantNameAlreadyOrdered {
    background-color: #9DD2F5;
}
.restaurantMealTypesSelected ,
.restaurantNameOrderAvailable {
    background-color: #9DD2F5;
}
.orderList ,
.dinningMenuNotOrdered ,
.starContainerPreOrder {
    background: #66B0E1;
}
.itemName ,
.menuTitle ,
.orderList ,
.orderActions ,
.deliveryHeader ,
.deliveryLocationInput , 
.deliveryTypeInput, 
.mealDeliveryTimeInput ,
.restaurantMealTypes ,
.alreadyOrderedIndicator ,
.restaurantMealTypesSelected ,
.preOrderAvaliableIndicatior {
    color: #000;
}
.gridBoxMain>div:nth-child(odd) {
    background-color: #9DD2F5;
}
.gridBoxMain>div:nth-child(even) {
    background-color: #66B0E1;
}
/*End Dining css*/


/*Event Css*/
.cal-selected-click {
    background-color: #66B0E1;
}
.cal-unselected-click {
    background-color: #BCBBBB;
}
.event-list{
    border-bottom: 1px solid #d5d5d5;   
}
input[type=radio] , 
input[type=radio]:checked:before ,
.add-event ,
.event-action ,
.goto-eventlist ,
.createEvent ,
.cal-select-date ,
.event-action-transport ,
.recurrence-action > div ,
.ap-theme-default .ap-button ,
.eventLocationContainer {
    background-color: #9DD2F5;
}
.cal-date-day ,
.select-event {
    background-color: #fff;
}
.event-start-end > input ,
.create-event-name > div > textarea ,
.create-event-description > div > textarea{
    border-color: #000;
}
.divider ,
.cal-day , 
.cal-date ,
.event-time ,
.event-name ,
.cal-date-day ,
.from-to-time ,
.recurrence-popup ,
.event-details-main ,
.eventLocationLabel  ,
.cal-event-list-empty ,
.recurrence-action > div ,
.create-event-name > div > textarea ,
.create-event-description > div > textarea,
.ap-theme-default .ap-button ,
.eventLocationContainer {
    color: #000;
}
/*End Event Css*/



/*Sponsor Template*/
.sponsercontentBody, .sponserListContent>div, .sponserListSubCategory {
    background-color: #D4D5D6;
}
.officeInfo , 
.greenPageCategory ,
.categoryDetailsTitle { 
    color: #000;   
}
/*End Sponsor Template*/


/*Video Gallery*/
.oneChild {
    border-bottom: 1px solid #d5d5d5;
}
/*End Video Gallery*/


/*Valet Services*/

.dateTimeInput , 
.selectedVehicle, 
.vehicleSelectButton,
.deliveryDateConatiner ,  
.deliveryTimeConatiner ,
.vehicleInput {
    color: #000;
}

.selectedVehicle, 
.valetRequestButton , 
.vehicleSelectButton ,
.valetRequestButtonSmall {
    background-color: #66B0E1;
}
/*End Valet Services*/


/*Personal Contacts*/
.contactsHeader ,
.customRelationLabel ,
.actionButton ,
.otherInfoLabel{
    background-color: #66B0E1;    
}
.addToFav, 
.contactsSubList ,
.personalLabel {
    background: #9DD2F5;
}
.contactInfoList{
    background-color: #A4A3A3;
}
.inputBox ,
.noGroups ,
.relationShip ,
.actionButton ,
.contactLabel, 
.nameDisplay ,
.noMatchingContent ,
.groupDetailsLabel ,
.customRelationLabel ,
.otherInfoHeaderLabel ,
.contactsListItemcontent ,
.relationShipDiv {
    color: #000;
}
.groupContactListInd {
    color: #A4A3A3;
}
.groupContactListInd ,
.contactsListItemcontent {
    background-color: #fff;
}
.contactsListItem {
    border-bottom: 1px solid #d5d5d5;
}
/*End Personal Contacts*/


/*Photo Gallery*/
.photoviewercontentBody {
    background-color: #B5B5B5;
}
/*End Photo Gallery*/

/*Alternate Colour Css*/
.documentRepositoryGridBoxMain >div:nth-child(odd) ,
.requestIssueNameContainer:nth-child(odd) ,
.greenPageGridBoxMain>div>div:nth-child(odd) ,
.pendingItemAction:nth-child(odd) {
    background-color: #9DD2F5;
}
.documentRepositoryGridBoxMain >div:nth-child(even) ,
.requestIssueNameContainer:nth-child(even) ,
.greenPageGridBoxMain>div>div:nth-child(even) ,
.pendingItemAction:nth-child(even) {
    background-color: #66B0E1;
}




/*ReadMore Background and font Colour OverAll App*/
.readMoreContainer ,
.loadMoreGroupContact {
    background-color: #b5b5b5;
    color: #000;
}
.subMenusOfCategory ,
.residentDetailsCompleteRow ,
.mailDisplay ,
.bbMessage ,
.readbbMessage ,
.selectAllContainer
{
    border-bottom: 2px solid #d5d5d5;   
}


.response{
    font-size: 25px; 
    text-align: center;
}
.error{
    color: red;
}
.success{
    color: green;
}
/*ScrollBar colour Overall App*/
::-webkit-scrollbar-thumb {
    background-color: #9DD2F5;
}

/*BoxShadow colour Overall App*/
.contentShadow{
    -webkit-box-shadow: 7px 7px 1px 0px #D4D5D6;
    -moz-box-shadow: 7px 7px 1px 0px #D4D5D6;
    box-shadow: 7px 7px 1px 0px #D4D5D6;
}
.contentShadow1{
    -webkit-box-shadow: 7px 30px 1px 0px #D4D5D6;
    -moz-box-shadow: 7px 30px 1px 0px #D4D5D6;
    box-shadow: 7px 30px 1px 0px #D4D5D6;    
}



/* Responsive Android Changes */
.containerSubMain{
    position: relative;   
}
header{
    height: 10%;
}
.sectionWithSubTitle{
    height: 77.5% !important;
}
.sectionWithOutSubTitle{
    height: 77.5% !important;
}
section{
    height: 77.5% !important;
}
.cal-spring{
    height: 10%;
    background-size: 7%;
    background-position: 12px bottom !important;
}
footer {
    height: 12.5%;
    margin-left: -3px;
    width: 100%;
}
