body {
    font-family: 'Source Sans Pro', sans-serif;
}

    body.login-page.login-background {
        background: url(/img/background_1920x1080.png) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

div span.author-ref {
    position: absolute;
    top: 95vh;
    left: 85vw;
}

    div span.author-ref a.author {
        color: gray !important;
        font-size: 12px;
    }

/*loader*/
.loaderbody {
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    position: absolute;
    background-color: #808080;
    background-color: rgba(128,128,128,0.2);
    z-index: 2147483647;
}

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    -ms-border-radius: 50%;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 2s linear infinite;
    position: fixed;
    top: 45%;
    left: 40%;
}

@keyframes spin {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*loader end*/

.hide {
    display: none;
}

.img-flag {
    height: 20px;
    margin-right: 10px;
    margin-left: 5px;
}

.btn-dualtime {
    color: white !important;
}

.img-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

.card-dualtime-red {
    background: #de4b39 !important;
    color: #fff;
}

.bg-dualtime-red {
    background: #de4b39;
    color: #fff;
}

.bg-dualtime-grey {
    background-color: #c0c0c0;
    border-color: #ddd;
    color: #444;
}

/*.bg-dualtime-red :hover {
        color: #ffffff;
        background-color: #c82333;
        border-color: #bd2130;
    }*/

.sidebar-dark-danger .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-danger .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #de4b39;
    color: #fff;
}

.nav-link-dualtime {
    color: #fff !important;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #de4b39;
    border-color: #de4b39;
}

.modal-open .modal#form-modal {
    z-index: 1400;
}
body .select2-dropdown {
    z-index: 1401;
}

/*Datatables*/
.table td, .table th {
    vertical-align: middle !important;
}


.fieldset {
    position: relative;
    border: 2px solid #6C6D70;
    padding: 10px;
}

    .fieldset h1 {
        position: absolute;
        top: 0;
        font-size: 18px;
        line-height: 1;
        margin: -9px 0 0; /* half of font-size */
        background: #fff;
        padding: 0 3px;
    }

#actionsclients:hover {
    text-decoration: none
}