body {
    font-family: 'Open Sans', 'Segoe UI', 'Corbel', 'Arial', 'Verdana', 'Geneva', 'Helvetica', sans-serif;
    font-weight: normal;
    background-color: #F0F2F5;
    color: #282828;
}

div {
    font-family: 'Open Sans', 'Segoe UI', 'Corbel', 'Arial', 'Verdana', 'Geneva', 'Helvetica', sans-serif;
    background-color: #F0F2F5;
    color: #282828;
    font-size: 14px;
}

table {
    border-spacing: 0 !important;
}

td {
    font-family: 'Open Sans', 'Segoe UI', 'Corbel', 'Arial', 'Verdana', 'Geneva', 'Helvetica', sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #333;
}

.ui-input-text {
    width: 100%;
    max-width: 350px;
    border: 1px solid #ccc;
    font-family: 'Open Sans', 'Segoe UI', 'Corbel', 'Arial', 'Verdana', 'Geneva', 'Helvetica', sans-serif;
    font-size: 14px !important;
    color: #333;
}

.ui-overlay-c, .ui-overlay-d {
    background-color: #FFFFFF;
}

.ui-page {
    background-color: #F0F2F5;
    color: #282828;
    width: 100%;
    max-width: 100%;
}

.ui-btn.my-btn .ui-btn-inner {
    margin: -1px 0 0 0;
    background-color: #54A6B0;
    border-top-style: inset;
}

.ui-bar-a {
    background-color: transparent;
}

.ui-btn-up-c, .ui-btn-hover-c, .ui-btn-down-c {
    font-family: 'Open Sans', 'Segoe UI', 'Corbel', 'Arial', 'Verdana', 'Geneva', 'Helvetica', sans-serif;
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    border: 1px solid;
    border-color: #ccc;
}

.ui-li-heading {
    color: #333;
}

.ui-btn-up-b, .ui-btn-hover-b, .ui-btn-down-b {
    font-family: 'Open Sans', 'Segoe UI', 'Corbel', 'Arial', 'Verdana', 'Geneva', 'Helvetica', sans-serif;
    color: #333;
    background-color: #FFF;
    background-repeat: repeat-x;
    border-color: #ccc;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 1px;
    border-top-width: 1px;
}

.ui-title {
    font-family: 'Open Sans', 'Segoe UI', 'Corbel', 'Arial', 'Verdana', 'Geneva', 'Helvetica', sans-serif;
    color: #333333;
}

.ui-li-heading {
    font-weight: normal;
    margin-top: 1em;
}

.ui-header {
    background-color: #007ACA;
}

#headerInfo.ui-header {
    margin-left: -9px;
}

#header.ui-header, #calcHeader.ui-header, #header.ui-header:hover, #calcHeader.ui-header:hover {
    background-color: #007ACA;
    border-top: 0;
    margin-bottom: 5px;
    min-width: 340px;
}

.backbtn .ui-btn-inner {
    background-color: #007ACA;
    color: #fff;
}

.ui-header .ui-btn {
    font-family: 'Open Sans', 'Segoe UI', 'Corbel', 'Arial', 'Verdana', 'Geneva', 'Helvetica', sans-serif;
    font-weight: normal;
}

.ui-header .ui-title {
    font-family: 'Open Sans', 'Segoe UI', 'Corbel', 'Arial', 'Verdana', 'Geneva', 'Helvetica', sans-serif;
    font-weight: normal;
    font-size: 15px;
    margin-top: 0px;
    padding-top: 4px;
}

.ui-body-c .ui-link {
    color: #fff;
    text-decoration: none;
}

    .ui-body-c .ui-link:hover {
        color: #fff;
        text-decoration: none;
    }
  
label.ui-select,
label.ui-input-text {
    font-size: 14px;
}

.min-width-480px input,
.min-width-480px div.ui-input-datebox,
.min-width-480px textarea {
    width: 100%;
}

.min-width-480px div.ui-input-datebox input {
    margin: 0;
    padding: 0;
}

div.ui-input-datebox {
    margin-top: 6px;
}

.ui-input-datebox {
    border: 1px solid #ccc;
    text-align: left;
    color: #333;
    width: 100%;
    padding-top: 2px !important;
    width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box;
}

    .ui-input-datebox.ui-input-text {
        height: 40px;
        min-height: 40px;
        padding-top: 0;
    }

.ui-datebox-container {
    margin-top: 140px;
}

h6.ui-li-heading {
    margin-bottom: 3px;
}

h1.ui-li-heading {
    margin-top: 13px;
}

#todoList li img,
#gedaanList li img {
    margin-top: 23px;
}

.ui-li-static {
    font-weight: normal;
}

    .ui-li-static.ui-li {
        padding: .7em 15px .7em 15px;
    }

        .ui-li-static.ui-li.ui-li-has-thumb {
            padding-left: 90px;
        }

    .ui-li-static th, .ui-li-static td.highlight {
        font-weight: bold;
    }

.ui-li .ui-btn-inner a.ui-link-inherit {
    padding-right: 10px;
}

img {
    max-height: 100%;
}

div.ui-bar-a.ui-header,
div.ui-bar-b.ui-header,
div.ui-bar-c.ui-header,
div.ui-bar-d.ui-header,
div.ui-bar-e.ui-header {
    background-color: #F1F1F1;
}

div.ui-page.ui-body-a,
div.ui-page.ui-body-b,
div.ui-page.ui-body-c,
div.ui-page.ui-body-d,
div.ui-page.ui-body-e {
    background-color: #F0F2F5;
    color: #282828;
    background-size: 100% 100%;
}

li.ui-li.ui-li-divider {
    height: 0px;
    padding-bottom: 0;
    background-color: #fff;
    border-color: #ccc;
    border-left-width: 0;
    border-right-width: 0;
}

.ui-btn .ui-btn-up-b .ui-btn-icon-right .ui-li .ui-li-has-thumb {
    background-color: #fff;
    border-color: #ccc;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 1px;
}

div.ui-content {
    max-width: 600px;
    margin-bottom: 40px;
    background-color: #F0F2F5;
    color: #282828;
    padding: 0;
}

div.ui-bar-a.ui-footer,
div.ui-bar-b.ui-footer,
div.ui-bar-c.ui-footer,
div.ui-bar-d.ui-footer,
div.ui-bar-e.ui-footer {
    height: 45px;
    background-color: #F1F1F1 !important;
    border-style: none;
    position: absolute;
    bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.ui-btn-up-d, .ui-btn-hover-d, .ui-btn-down-d, .ui-submit {
    font-family: 'Open Sans', 'Segoe UI', 'Corbel', 'Arial', 'Verdana', 'Geneva', 'Helvetica', sans-serif;
    color: White;
    font-weight: 200;
    background-color: #4D8400;
    text-align: center;
    letter-spacing: 1px;
    border: 0;
}

.ui-btn-up-f {
    font-family: 'Open Sans', 'Segoe UI', 'Corbel', 'Arial', 'Verdana', 'Geneva', 'Helvetica', sans-serif;
    font-weight: normal;
    color: #000;
}

.ui-btn-up-d a.ui-link-inherit {
    background-color: #F0F2F5;
    color: #fff;
}

.ui-btn-hover-d a.ui-link-inherit {
    background-color: #F0F2F5;
    color: #fff;
}

.ui-shadow,
.ui-btn-up-a,
.ui-btn-hover-a,
.ui-btn-down-a,
.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-c,
.ui-body-d,
.ui-btn-up-d,
.ui-btn-hover-d,
.ui-btn-down-d,
.ui-bar-d,
.ui-body-e,
.ui-btn-up-e,
.ui-btn-hover-e,
.ui-btn-down-e,
.ui-bar-e,
.ui-overlay-shadow,
.ui-shadow,
.ui-btn-active,
.ui-body-a,
.ui-bar-a {
    text-shadow: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.ui-btn-inner {
    padding-left: 7px;
}

.ui-btn {
    text-align: left;
}

.ui-select .ui-btn {
    min-height: 40px;
    margin-top: 0;
    margin-bottom: 0;
    border: 1px solid;
    border-color: #ccc;
}

input.ui-input-text {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.ui-btn-hover-c:visited,
.ui-btn-hover-c:hover,
.ui-btn-hover-c {
    background-color: #68A611;
    color: #fff;
}

.ui-datepicker td a 
{
    text-align: center;
    border-radius: 2em;
}

#ui-datepicker-div{
    background: white;
    width: auto;
}

.ui-widget-header 
{
    background: #007ACA;
}
.ui-datepicker-calendar 
{
    background: white;
    width: 100%;
}

a.ui-state-active 
{
    background: #007fff !important;
}
.ui-state-default {
    background: white !important;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year 
{
    width: 50% !important;
}