/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
    display: block;
    margin-top: 8px;
    text-align: center;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}


/* jQuery mobile styles
-----------------------------------------------------------*/

/* Make listview buttons fill the whole horizontal width of the screen */
.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
    padding-right: 15px;
}

.ui-bar-a, .ui-body-a, .ui-btn-up-a, .ui-btn-hover-a, .ui-btn-down-a,
.ui-bar-b, .ui-body-b, .ui-btn-up-b, .ui-btn-hover-b, .ui-btn-down-b,
.ui-bar-c, .ui-body-c, .ui-btn-up-c, .ui-btn-hover-c, .ui-btn-down-c,
.ui-bar-d, .ui-body-d, .ui-btn-up-d, .ui-btn-hover-d, .ui-btn-down-d,
.ui-bar-e, .ui-body-e, .ui-btn-up-e, .ui-btn-hover-e, .ui-btn-down-e,
.ui-btn-active  {
    text-shadow: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-controls { display: block !important; }

/* 
-----------------------------------------------------------*/

h1, h2, h3,
h4, h5, h6 {
    margin: 0;
    padding: 0;
    color: #333333;
}

h1 {
    font-size: 2em;
    color: #ffffff;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 14px;
    font-weight: normal;
}

.propertyHeader {
    text-align: center;
    margin-bottom: 20px;
}

.Stay, .Depart, .LinenChange, .Other, .SpecialClean, .generalAreaCleanTypeName, .notCheckedOut, .checkedOut, .notCheckedOutPhone, .checkedOutPhone {
    float: right;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-left: 10px;
}

.Stay {
    background-color: gray;
}

.Depart {
    background-color: black;
}

.LinenChange {
    background-color: #A4A4AC;
}

.Other {
    background-color: #ae78ca;
}

.SpecialClean {
    background-color: #78cac6;
}

.generalAreaCleanTypeName {
    background-color: #90924f;
}

.notCheckedOut, .notCheckedOutPhone {
    background-color: #cb5528;
}

.checkedOut, .checkedOutPhone {
    background-color: #2ecb28;
}

.notCheckedOutPhone, .checkedOutPhone {
    color: #ffffff;
}

.guestName {
    font-size: 15px;
    font-weight: bold;
}

.itemDetail, .itemNote, .itemHousekeeperName {
    font-size: 13px;
}

.cleanRoomsTitle {
    
}

.cleanRoom {
    
}

.cleanRoomName {
   
}

.cleanRoomNotCheckedOut {
    color: #cb5528;
}

.cleanRoomCheckedOut {
    color: #2ecb28;
}

.cleanRoomTable {
    width: 100%;
}

.cleanRoomTable td {
    font-weight: bold;
}

.roomTable {
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
    border: none;
    margin: 0px;
}

.roomTable td {
    padding: 0px;
}

.showRoom {
    
}

.priority {
    margin-right: 5px;
}

.phoneCleanType {
    margin-bottom: 10px;
}

.phoneCompleteButton {
    margin: 0px;
    margin-top: 10px;
    text-align: right;
}

.roomHeader {
    font-size: 16px;
}

.roomNumber {
    margin-right: 20px;
}

.myRoomsSelected {
    
}

.allRoomsSelected {
    
}

.dateSelector {
    margin-top: 5px;
}

/*
.ui-loader { position:fixed; top: 9%; left: 90%; }
*/