body{
    top:0px !important;
}

/***********************header & footer ****************************/
.greenbarFooter {
    background-color: #01BAE9;
}

.footerDiv {
    background: #01BAE9!important;
}

.ui-header-main {
    background-color: #01BAE9;
    border-bottom: 10px solid #01BAE9;
}

/*********************buttons*****************************************/

.ui-page-theme-a .ui-btn.ui-btn-active {
    background-color: #01BAE9 /*{a-active-background-color}*/;
    border-color: #01BAE9 /*{a-active-border}*/;
}

.hci-btn, .hci-back-btn, .hci-btn-save-wide, .ui-li-count a, .default-btn, .popup-btn {
    background-color: #01BAE9;
    border: 1px solid #01BAE9 !important;
    background-image: linear-gradient(to bottom, #01BAE9 1%,#01BAE9 49%,#01BAE9 51%,#01BAE9 100%);
}

    .hci-btn:hover, .hci-back-btn:hover, .hci-btn-save-wide:hover, .ui-li-count a:hover, .default-btn:hover, .popup-btn:hover {
        color: #fff !important;
        background-color: #01BAE9 !important;
        background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(1,186,233)), color-stop(0.49, rgb(1,186,233)rgb(1,186,233)), color-stop(0.5, rgb(1,186,233)), color-stop(1, rgb(1,186,233)) )!important;
        background-image: -moz-linear-gradient( center top, rgb(1,186,233) 0%, rgb(1,186,233) 49%, rgb(1,186,233) 50%, rgb(1,186,233) 100% )!important;
        background-image: -ms-linear-gradient(top, #01BAE9 0%, #01BAE9 10%)!important;
        border: 0px solid #01BAE9;
    }

.logoutbutton {
    /*background-color: #003554 !important;*/
    position: absolute;
    right: 0.2em;
    top: 0.1em;
}


/*******************SVG navigation******************/

.nav-icon-color path {
    fill: #01BAE9!important;
}

/*******************Display******************/

.icon-color {
    color: #01BAE9!important;
}