#clock-in-form {
    min-width: 400px;
    max-width: 100%;
    /*height: 100%*/
}

#content {
    background-color: #f6f6f6;
}

#clock-in-window {
    width: 100%;
    /*height: 100%;*/
    width: 100%;
    margin: 0 auto;
}

    #clock-in-window > #buttons {
        padding: 10px;
        /*text-align: center;*/
    }

        #clock-in-window > #buttons > #live-time {
            font-size: 20pt;
            font-weight: bold;
            display: inline;
            float: right;
        }

.k-clock-in-primary {
    background-color: #238add !important;
    border-color: #238add !important;
}

.header {
    border-bottom: 1px solid #000;
    line-height: 0.1em;
    border-color: #238add !important;
    display: inline-block !important;
    width: 100% !important;
}


.header-span {
    background-color: #f6f6f6;
    padding: 0 10px;
    color: #238add !important;
    font-size: 16px !important;
    font-family: Segoe UI !important;
}

.hide-button {
    display: none !important;
}

/*Department Section*/
#department-section {
}

    #department-section > .department-button {
        margin: 5px;
    }

/*Machine Section*/

#machine-section {
}

    #machine-section > .machine-button {
        margin: 5px;
    }

/*Shift Section*/
.k-switch-on .k-switch-container {
    background-color: #238add !important;
}

.shift-label {
    padding-left: 10px;
}

.field-label {
    width: 75px !important;
}

/*#shift-section {
    padding: 5px;
    width: 100%;
    max-width: 750px;
    display: flex;
}

    #shift-section > #default-shift {
        margin: 5px;
        width: 50%;
        min-width: 275px;
    }

    #shift-section > #custom-shift {
        margin: 5px;
        width: 50%;
        min-width: 275px;
    }*/

#content-container {
    background-color: #f6f6f6;
}