body {
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
.login-textbox {
    max-width: 280px;
}

/* Displays /n like <br> in display for */
.multiline {
    white-space: pre-line;
}

/******* Toggle Switch Settings ********/
/* Make the actual check-box invisible */
.switch {
    opacity: 0
}

/* Background */
.switch-btn {
    background: #e5e5e5;
    width: 80px;
    height: 40px;
    position: relative;
    border-radius: 20px;
    box-shadow: inset 0 3px 10px rgba(0,0,0,.3)
}

/* Button */
.switch-btn:before {
    content: '';
    position: absolute;
    height: 36px;
    width: 36px;
    background: linear-gradient(#FFF,#F2F2F2);
    left: 2px;
    top: 2px;
    cursor: pointer;
    border-radius: 50%;
    transition: all 200ms ease-out;
    box-shadow: 0 8px 6px -4px rgba(0,0,0,.25)
}

/* Move switch to "ON" */
input[type=checkbox]:checked + input[type=hidden] + .switch-btn:before {
    left: 42px;
}

/* Background of Switch when turned "on" */
input[type=checkbox]:checked + input[type=hidden] + .switch-btn {
    /* Teal color from Darkly Bootstrap Theme */
    background: #00BC8C;
}
/***** End Toggle Switch Settings ******/

.k-loading-image {
    background-image: url(images/working.gif)
}

.background-color-default {
    background-color: #464545;
}

.background-color-primary {
    background-color: #375A7F;
}

.background-color-success {
    background-color: #00BC8C;
}

.background-color-info {
    background-color: #258CD1;
}

.background-color-warning {
    background-color: #E08E0B;
}

.background-color-danger {
    background-color: #E43725;
}