.modal-padding {
    padding: 0 30px;
}

.body-padding {
    padding: 20px;
}

.button-padding {
    padding: 0 0 20px 0;
}

.header-padding {
    padding: 10px 20px 0px 20px;
}

.textarea-padding {
    padding: 0 15px;
}

.footer-padding {
    padding: 10px 30px;
}

    .footer-padding button {
        margin-right: 5px;
    }

.comments-overflow {
    max-height: 405px;
    overflow-y: auto;
}

.add-task-button {
    margin-right: 5px;
}

.dataTables_processing {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.spinner {
    margin: auto 0;
    width: 70px;
    text-align: center;
}

    .spinner > div {
        width: 18px;
        height: 18px;
        margin: 0 2px;
        background-color: #3c8dbc;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

.username {
    margin-left: 0 !important;
}

.hidden-select {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}

/* expandable rows on company view table*/
td.details-control {
    position: relative;
    text-align: center;
}

    td.details-control:before {
        font-family: FontAwesome;
        content: "\f067";
    }

tr.shown td.details-control:before {
    font-family: FontAwesome;
    content: "\f068";
}

.user-online {
    width: 35px;
    height: 35px;
    position: relative;
    float: left;
}

    .user-online-circle:after {
        position: absolute;
        left: 23px;
        top: 23px;
        content: '';
        display: inline-block;
        width: 13px !important;
        height: 13px !important;
        -moz-border-radius: 7.5px;
        -webkit-border-radius: 7.5px;
        border-radius: 7.5px;
        background-color: #4dd965;
        border: 2px solid #222d32;
    }

.box .overlay, 
.overlay-wrapper .overlay {
    z-index: 10000;
}