/* Common app styling */

    .banner {
      width:
      display: table;
      margin: 0 auto;
    }
    .datepicker{
        font-weight: 200;
        padding-right: 15px;
        margin-bottom: 15px;
    }
    .datepicker > input{
        width: 100%;
        font-size: 14px;
        font-weight: 200;
        padding: 5px 0px 5px 10px;
    }
    #content-header {
        background: #fff;
        color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 110px; /* Fixed header height */
        overflow: hidden; /* Disable scrollbars for header */
    }

    #content-main {
        background: #fff;
        position: fixed;
        top: 110px; /* Same value as #content-header's height */
        left: 0;
        right: 0;
        bottom: 0;
        overflow: auto; /* Enable scrollbars within main content section */
    }

    .padding {
        padding: 15px;
    }
    .ms-Label{
        font-size:14px;
    }
    .ms-Dropdown,
    .ms-DatePicker{
        margin-bottom: 15px;
    }
    #notification-message {
        background-color: #818285;
        color: #fff;
        position: absolute;
        width: 100%;
        min-height: 80px;
        right: 0;
        z-index: 100;
        bottom: 0;
        display: none; /* Hidden until invoked */
    }

    #notification-message #notification-message-header {
        font-size: medium;
        margin-bottom: 10px;
    }

    #notification-message #notification-message-close {
        background-image: url("https://devofficecdn.azureedge.net/officedocuments/images/Close.png");
        background-repeat: no-repeat;
        width: 24px;
        height: 24px;
        position: absolute;
        right: 5px;
        top: 5px;
        cursor: pointer;
    }
    #content-sync{
        display:none;
    }

    #synced{
        display: none;
    }