body {
    
}
/* common styles */
.ui-navbar {
    border-top: solid 1px #fff !important;
    height: 50px !important;
}

.ui-panel-wrapper {
       /*overflow:hidden !important;*/
}

.ui-content {

}

.ui-mobile body {
    height: auto;
}

.ui-mobile .ui-mobile-viewport {
    height: 99.9%;
}


.centered {
    margin: 0 auto;
    text-align: center;
}

.alert {
    color: #d00000;
}

.hide {
    display: none;
}

.float-none {
    float: none;
}

.float-left {
    float: left;
    margin-left: 5px;
}

.float-right {
    float: right;
    margin-right: 5px;
}

.clear {
    clear: both;
}

.pos-left {
    left: 0px;
    right: auto;
}

.pos-right {
    left: auto;
    right: 0px;
}

.float-right {
    float: right;
}

.pos-left {
    left: 0px;
    right: auto;
}

.pos-right {
    left: auto;
    right: 0px;
}

.bold {
    font-weight: bold !important;
}

.info-red {
    color: red;
}

.info-blue {
    color: blue;
}

.info-green {
    color: green;
}

.info-gray {
    color: gray;
}
/* 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 {
    color: #d00;
}

    .validation-summary-errors ul {
        list-style-type: none;
        list-style-position: inside;
        padding-left: 0;
    }

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


.m_0 {
    margin: 0;
}

.mt_0 {
    margin-top: 0px !important;
}

.mt_50 {
    margin-top: 50px !important;
}

.mb_0 {
    margin-bottom: 0px !important;
}

.mb_20 {
    margin-bottom: 20px !important;
}

.mr_0 {
    margin-right: 0 !important;
}

.mr_10 {
    margin-right: 10px !important;
}

.pt_10 {
    padding-top: 10px !important;
}

.pb_10 {
    padding-bottom: 10px !important;
}

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


/* Override the menu items styles to suite what we need */
ul.ui-listview.ui-listview-inset li.ui-li-has-thumb a {
    min-height: 3em;
}

.ui-page .ui-header {
    min-height: 2.8em;
}

    .ui-page .ui-header h1.ui-title {
        font-size: 1.3em;
        padding: 8px;
    }

    .ui-page .ui-header .ui-btn-left {
        margin-top: 1px;
        margin-left: 5px;
    }

/* Override dialog header styles*/
#dlgNotice .ui-header .ui-title,
#dlgConfirm .ui-header .ui-title {
    margin-right: 10%;
    margin-left: 10%;
}

/* 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-listview li {
}

.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-content {
}


.ui-page .ui-content form .error {
    color: red;
    clear: left;
    margin-top: 15px;
    background-color: pink;
    padding: 10px;
}

@media (min-width: 28em) {
    .ui-page .ui-content form .ui-listview .ui-field-contain .error {
        margin-left: 22%;
        margin-top: 55px;
    }
}


.header .ui-btn-left.btn-back {
    left: 40px;
}



/* Extending their 5 col grid system to 6 columns */
.ui-block-f {
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    min-height: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-grid-e > .ui-block-a,
.ui-grid-e > .ui-block-b,
.ui-grid-e > .ui-block-c,
.ui-grid-e > .ui-block-d,
.ui-grid-e > .ui-block-e,
.ui-grid-e > .ui-block-f {
    /* width: 19.925%; IE7 */
    width: 16.666%;
}

@media (max-width: 57em) {
    .ui-grid-e.ui-responsive > .ui-block-a,
    .ui-grid-e.ui-responsive > .ui-block-b,
    .ui-grid-e.ui-responsive > .ui-block-c,
    .ui-grid-e.ui-responsive > .ui-block-d,
    .ui-grid-e.ui-responsive > .ui-block-e,
    .ui-grid-e.ui-responsive > .ui-block-f {
        width: 100% !important;
        float: none;
    }
}

/* Custom buttons 
-----------------------------*/

.ui-btn-red {
    background-color: red !important;
    border-color: pink !important;
    color: #fff !important;
    text-shadow: 0 1px 0 #111 !important;
}

/* Green button */
.ui-btn-up-green {
    border: 1px solid #046240 /*{b-bup-border}*/;
    background: #148e0d /*{b-bup-background-color}*/;
    font-weight: bold;
    color: #fff /*{b-bup-color}*/;
    text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #7e4b19 /*{b-bup-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #82d088 /*{b-bup-background-start}*/ ), to( #148e0d /*{b-bup-background-end}*/ )); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #82d088 /*{b-bup-background-start}*/, #148e0d /*{b-bup-background-end}*/ ); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient( #82d088 /*{b-bup-background-start}*/, #148e0d /*{b-bup-background-end}*/ ); /* FF3.6 */
    background-image: -ms-linear-gradient( #82d088 /*{b-bup-background-start}*/, #148e0d /*{b-bup-background-end}*/ ); /* IE10 */
    background-image: -o-linear-gradient( #82d088 /*{b-bup-background-start}*/, #148e0d /*{b-bup-background-end}*/ ); /* Opera 11.10+ */
    background-image: linear-gradient( #82d088 /*{b-bup-background-start}*/, #148e0d /*{b-bup-background-end}*/ );
}

.ui-btn-up-b:visited,
.ui-btn-up-b a.ui-link-inherit {
    color: #fff /*{b-bup-color}*/;
}

.ui-btn-hover-green {
    border: 1px solid #046240 /*{b-bhover-border}*/;
    background: #88b64b /*{b-bhover-background-color}*/;
    font-weight: bold;
    color: #fff /*{b-bhover-color}*/;
    text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #7e4b19 /*{b-bhover-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #FFB399 /*{b-bhover-background-start}*/ ), to( #179410 /*{b-bhover-background-end}*/ )); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #92e098 /*{b-bhover-background-start}*/, #179410 /*{b-bhover-background-end}*/ ); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient( #92e098 /*{b-bhover-background-start}*/, #179410 /*{b-bhover-background-end}*/ ); /* FF3.6 */
    background-image: -ms-linear-gradient( #92e098 /*{b-bhover-background-start}*/, #179410 /*{b-bhover-background-end}*/ ); /* IE10 */
    background-image: -o-linear-gradient( #92e098 /*{b-bhover-background-start}*/, #179410 /*{b-bhover-background-end}*/ ); /* Opera 11.10+ */
    background-image: linear-gradient( #92e098 /*{b-bhover-background-start}*/, #179410 /*{b-bhover-background-end}*/ );
}

    .ui-btn-hover-green:visited,
    .ui-btn-hover-green:hover,
    .ui-btn-hover-green a.ui-link-inherit {
        color: #fff /*{b-bhover-color}*/;
    }

.ui-btn-down-green {
    border: 1px solid #227753 /*{b-bdown-border}*/;
    background: #4ec589 /*{b-bdown-background-color}*/;
    font-weight: bold;
    color: #fff /*{b-bdown-color}*/;
    text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #194b7e /*{b-bdown-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #148e0d /*{b-bdown-background-start}*/ ), to( #189511 /*{b-bdown-background-end}*/ )); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #148e0d /*{b-bdown-background-start}*/, #189511 /*{b-bdown-background-end}*/ ); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient( #148e0d /*{b-bdown-background-start}*/, #189511 /*{b-bdown-background-end}*/ ); /* FF3.6 */
    background-image: -ms-linear-gradient( #148e0d /*{b-bdown-background-start}*/, #189511 /*{b-bdown-background-end}*/ ); /* IE10 */
    background-image: -o-linear-gradient( #148e0d /*{b-bdown-background-start}*/, #189511 /*{b-bdown-background-end}*/ ); /* Opera 11.10+ */
    background-image: linear-gradient( #148e0d /*{b-bdown-background-start}*/, #189511 /*{b-bdown-background-end}*/ );
}

    .ui-btn-down-green:visited,
    .ui-btn-down-green:hover,
    .ui-btn-down-green a.ui-link-inherit {
        color: #fff /*{b-bdown-color}*/;
    }

.ui-btn-up-green,
.ui-btn-hover-green,
.ui-btn-down-green {
    font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
    text-decoration: none;
}

/* Red button */
.ui-btn-up-red {
    border: 1px solid #620440 /*{b-bup-border}*/;
    background: #CA1B04 /*{b-bup-background-color}*/;
    font-weight: bold;
    color: #fff /*{b-bup-color}*/;
    text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #4b7e19 /*{b-bup-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #f0be99 /*{b-bup-background-start}*/ ), to( #CA1B04 /*{b-bup-background-end}*/ )); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #f0be99 /*{b-bup-background-start}*/, #CA1B04 /*{b-bup-background-end}*/ ); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient( #f0be99 /*{b-bup-background-start}*/, #CA1B04 /*{b-bup-background-end}*/ ); /* FF3.6 */
    background-image: -ms-linear-gradient( #f0be99 /*{b-bup-background-start}*/, #CA1B04 /*{b-bup-background-end}*/ ); /* IE10 */
    background-image: -o-linear-gradient( #f0be99 /*{b-bup-background-start}*/, #CA1B04 /*{b-bup-background-end}*/ ); /* Opera 11.10+ */
    background-image: linear-gradient( #f0be99 /*{b-bup-background-start}*/, #CA1B04 /*{b-bup-background-end}*/ );
}

.ui-btn-up-b:visited,
.ui-btn-up-b a.ui-link-inherit {
    color: #fff /*{b-bup-color}*/;
}

.ui-btn-hover-red {
    border: 1px solid #046240 /*{b-bhover-border}*/;
    background: #88b64b /*{b-bhover-background-color}*/;
    font-weight: bold;
    color: #fff /*{b-bhover-color}*/;
    text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #7e4b19 /*{b-bhover-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #ffc19c /*{b-bhover-background-start}*/ ), to( #e01e07 /*{b-bhover-background-end}*/ )); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #ffc19c /*{b-bhover-background-start}*/, #e01e07 /*{b-bhover-background-end}*/ ); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient( #ffc19c /*{b-bhover-background-start}*/, #e01e07 /*{b-bhover-background-end}*/ ); /* FF3.6 */
    background-image: -ms-linear-gradient( #ffc19c /*{b-bhover-background-start}*/, #e01e07 /*{b-bhover-background-end}*/ ); /* IE10 */
    background-image: -o-linear-gradient( #ffc19c /*{b-bhover-background-start}*/, #e01e07 /*{b-bhover-background-end}*/ ); /* Opera 11.10+ */
    background-image: linear-gradient( #ffc19c /*{b-bhover-background-start}*/, #e01e07 /*{b-bhover-background-end}*/ );
}

    .ui-btn-hover-red:visited,
    .ui-btn-hover-red:hover,
    .ui-btn-hover-red a.ui-link-inherit {
        color: #fff /*{b-bhover-color}*/;
    }

.ui-btn-down-red {
    border: 1px solid #227753 /*{b-bdown-border}*/;
    background: #4ec589 /*{b-bdown-background-color}*/;
    font-weight: bold;
    color: #fff /*{b-bdown-color}*/;
    text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #194b7e /*{b-bdown-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #CA1B04 /*{b-bdown-background-start}*/ ), to( #d01f08 /*{b-bdown-background-end}*/ )); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #CA1B04 /*{b-bdown-background-start}*/, #d01a04 /*{b-bdown-background-end}*/ ); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient( #CA1B04 /*{b-bdown-background-start}*/, #d01a04 /*{b-bdown-background-end}*/ ); /* FF3.6 */
    background-image: -ms-linear-gradient( #CA1B04 /*{b-bdown-background-start}*/, #d01a04 /*{b-bdown-background-end}*/ ); /* IE10 */
    background-image: -o-linear-gradient( #CA1B04 /*{b-bdown-background-start}*/, #d01a04 /*{b-bdown-background-end}*/ ); /* Opera 11.10+ */
    background-image: linear-gradient( #CA1B04 /*{b-bdown-background-start}*/, #d01a04 /*{b-bdown-background-end}*/ );
}

    .ui-btn-down-red:visited,
    .ui-btn-down-red:hover,
    .ui-btn-down-red a.ui-link-inherit {
        color: #fff /*{b-bdown-color}*/;
    }

.ui-btn-up-red,
.ui-btn-hover-red,
.ui-btn-down-red {
    font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
    text-decoration: none;
}

.ui-panel-inner {
    padding-left: 0px !important;
}

/* LIST STYLES */
.expanded-li {
    border-top: none !important;
    border-bottom: solid 1px silver !important;
}

.collapsed-li {
    height: 100%;
    padding: 0px;
    border: none;
}

    .collapsed-li.ui-last-child {
        border: none !important;
    }

    .collapsed-li .collapsed-li-content {
        padding: .7em 1em;
    }

.collapsed-div {
    padding: .7em 1em;
}

.list-divider {
    background: #f9f9f9 !important;
    border-top: solid 1px #f9f9f9 !important;
    border-bottom: solid 1px #f9f9f9 !important;
    min-height: 28px !important;
    font-size: 16px !important;
}

.list-divider-back {
    background: #E6E6E6 !important;
    border-top: solid 1px #E6E6E6 !important;
    border-bottom: solid 1px #E6E6E6 !important;
    text-align: right !important;
    cursor: pointer !important;
    height: 28px !important;
    font-size: 16px !important;
}


.list-divider-nav {
    text-align: center !important;
}

.list-divider .ui-btn-left {
    float: left;
    top: 0px !important;
    left: 0px !important;
    margin: 0px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
    -moz-border-radius: 3px !important;
}

.list-divider .ui-btn-right {
    float: right;
    top: 0px !important;
    right: 0px !important;
    margin: 0px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
    -moz-border-radius: 3px !important;
}

.ui-list-btn {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    float: right !important;
    display: block !important;
    position: relative !important;
    width: 33px !important;
    height: 28px !important;
    padding: 0px !important;
    top: 0px !important;
    margin-top: 0px !important;
}

    .ui-list-btn:hover {
        box-shadow: 0 1px 3px !important;
        -webkit-box-shadow: 0 1px 3px !important;
    }

.tt-col-b {
    width: 48% !important;
    float: left !important;
    display: block !important;
    padding: 0% 1% 0% 1% !important;
}



/* BUTTON/ICONS STYLES */
.ui-header-btn {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    float: left !important;
    display: block !important;
    position: relative !important;
    margin-top: 8px !important;
    margin-right: 15px !important;
    width: 33px !important;
    height: 28px !important;
    padding: 0px !important;
    top: 0px !important;
}

.ui-header-btn-right {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    float: right !important;
    display: block !important;
    position: relative !important;
    margin-top: 8px !important;
    margin-right: 15px !important;
    margin-left: 0px !important;
    width: 33px !important;
    height: 28px !important;
    padding: 0px !important;
    top: 0px !important;
}

    .ui-header-btn:hover, .ui-header-btn-right:hover {
        box-shadow: 0 1px 3px !important;
        -webkit-box-shadow: 0 1px 3px !important;
    }

/* LEFT PANEL STYLES */
.ui-panel-inner {
    padding-top: 0px;
    padding-right: 7px;
}

.ui-panel-btn {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    float: left !important;
    display: block !important;
    position: relative !important;
    width: 35px !important;
    height: 23px !important;
    padding: 0px !important;
    top: 0px !important;
    margin-top: 0px !important;
}

#leftpanel .ui-btn-icon-notext:after, #leftpanel .ui-btn-icon-left:after, #leftpanel .ui-btn-icon-right:after {
}

#leftpanel {
    padding: 0px;
}

    #leftpanel ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

    #leftpanel li {
        background: #fff;
        border-bottom: inset 1px silver;
        padding: 10px 10px 10px 0px;
        cursor: pointer;
        clear: both;
    }

        #leftpanel li:hover {
            background: #ffcc33;
            color: #fff;
        }

    #leftpanel .parent-li {
        background: #fff;
        border-bottom: none !important;
        padding: 0px;
        cursor: pointer;
        clear: both;
    }

        #leftpanel .parent-li .ui-collapsible-set {
            margin: 0px !important;
            border: none !important;
            margin-top: -1px;
        }

        #leftpanel .parent-li .ui-collapsible {
            padding-left: 10px;
            padding-right: 15px;
        }

        #leftpanel .parent-li .ui-collapsible-content {
            padding: 0px;
        }

            #leftpanel .parent-li .ui-collapsible-content li {
                border-bottom: none;
                border-top: none;
                padding-left: 15px;
                border-bottom: inset 1px silver;
            }

    #leftpanel .unread-messages-count, .home-block .unread-messages-count {
        border-radius: 4px;
        background-clip: padding-box;
        -webkit-border-radius: 4px;
        -webkit-background-clip: padding-box;
        -webkit-font-smoothing: subpixel-antialiased;
        line-height: normal;
        background-color: #f00;
        color: #fff;
        padding: 1px 3px;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
    }

/* DASHBOARD/HOME STYLING */
.ui-grid-btn {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    position: relative !important;
    width: 100% !important;
    height: 23px !important;
    padding: 0px !important;
    top: 0px !important;
    margin-top: 0px !important;
    text-align: center !important;
    margin-left: 35% !important;
}

.bold-label {
    font-weight: bold;
    text-wrap: normal;
    white-space: normal;
    display: block;
    float: left;
    width: 140px;
}

/* FONT-STYLES */
.bold {
    font-weight: bold;
    text-wrap: normal;
    white-space: normal;
}

.normal {
    font-weight: normal;
    text-wrap: normal;
    white-space: normal;
}

.italic {
    font-style: italic;
}

.note {
    font-style: italic !important;
    color: silver !important;
    font-size: small;
}

.approved {
    font-weight: bold;
    color: green;
}

.requested {
    font-weight: bold;
    color: orange;
}

.declined {
    font-weight: bold;
    color: red;
}

.unavailable {
    font-weight: bold;
    color: red;
}

.available {
    font-weight: bold;
    color: green;
}

.preferred {
    font-weight: bold;
    color: #FFD700;
}

.fieldcontent2 {
    width: 48% !important;
    float: left !important;
    display: block !important;
    padding: 0% 1% 0% 1% !important;
}

/* CALENDAR STYLES */
.calendar-container {
    margin-top: 25px;
}

.calendar-row {
    position: relative;
    display: block;
    width: 100%;
}

.calendar-cell-header {
    font-weight: bold;
}

.week-end {
    color: silver;
}

.calendar-cell, .calendar-cell-header {
    position: relative;
    width: 14.2%;
    display: block;
    float: left;
    padding: 10px 0px 2px 0px;
    text-align: center;
    border-bottom: solid 1px silver;
    height: 40px;
}

.calendar-cell {
    cursor: pointer;
}

.has-mappings .rostered {
    padding: 4px 6px 5px 6px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    color: #fff;
    font-weight: normal;
}

.public-holiday {
    padding: 4px 6px 5px 6px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    color: grey;
    font-weight: normal;
    background: yellow;
}

.public-holiday-rostered {
    padding: 4px 6px 5px 6px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    color: yellow !important;
    font-weight: normal;
}

.has-mappings .approved,
.has-mappings .requested,
.has-mappings .declined,
.has-mappings .available,
.has-mappings .unavailable,
.has-mappings .preferred {
    font-size: 30px;
    margin-left:-2px;
}

.has-mappings .more {
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    margin-top: 2px;
    margin-left: 3px;
}

.has-mappings .approved {
     /*color: green !important;*/
}

.has-mappings .requested {
    color: orange !important;
}

.has-mappings .declined {
    color: red !important;
}

.has-mappings .available {
    color: green !important;
}

.has-mappings .unavailable {
    color: red !important;
}

.has-mappings .preferred {
    color: yellow !important;
}


/* Make JQM loading progress modal */
.ui-loader-background {
    position: fixed;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1500;
    background: white;
    opacity: 0.7;
}

.ui-loading .ui-loader-background {
    display: block;
}

.ui-loader {
    z-index: 1501;
}

#zm-transparent-footer {
    background: transparent !important;
    border: none !important;
    text-align: center !important;
    font-weight: normal !important;
    padding: 0px 5px 5px 5px !important;
    color: #CDCDCD !important;
    position: absolute !important;
    bottom: 0 !important;
    width: 100% !important;
}

#zm-footer {
    display: none;
    background: #f9f9f9 !important;
    border: none !important;
    text-align: center !important;
    font-weight: normal !important;
    padding: 0px 5px 5px 5px !important;
    color: #CDCDCD !important;
    position: absolute !important;
    bottom: 0 !important;
    width: 100% !important;
}

    #zm-footer #divSupportMsg {
        font-size: 100% !important;
    }

    #zm-footer #divTTMsg {
        font-size: 80% !important;
    }

.footer {
    height: 50px;
}

.ajax-progress-bar {
    width: 100%;
    height: 20px;
    background: url("../images/ajax-loader-bar.gif");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center center;
}

.ui-loader-default {
    opacity: 1.0;
}

.ui-loader .ui-icon-loading {
    opacity: 1.0;
    background-color: #fff;
}

.ui-icon-loading {
    background: url("../images/ajax-loader.gif");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center center;
}