[v-cloak] > * {
    display: none
}

[v-cloak]::before {
    content: "Loading Data...";
    display: block;
    text-align: center;
}

h1, h2, h3, h4, h5, h6, a, span, label, div {
    font-family: 'Poppins', sans-serif;
}

#app {
    width: 100% !important;
}

.bg-primary {
    background: #1e77d5 !important;
}

.bg-secondary {
    background: #25a540 !important;
}

.at-bg {
    background: url('../img/bg.jpg') center center/cover no-repeat;
    width: 100%;
    height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
}

    .at-bg:before {
        content: '';
        width: 100%;
        height: 100%;
        background: #1e77d5;
        position: absolute;
        opacity: .8;
        top: 0;
        right: 0;
    }


.at-login .q-card {
    border-radius: 8px !important;
}

.at-login .q-field--square .q-field__control {
    border-radius: 4px !important;
}

/* .at-login .q-field--dense .q-field__control, .q-field--dense .q-field__marginal{
    height: 48px !important;
} */

.q-drawer__content {
    background: linear-gradient(-45deg, #0759ab, #1e77d5);
    box-shadow: 0 0 25px rgba(0, 0, 0, .15);
}

    .q-drawer__content .q-list .q-item {
        padding: 10px 15px;
    }

.at-drawer .q-item__section--side, .at-drawer .q-item__section--main, .at-drawer .q-item__section--side > .q-icon {
    color: #fff !important;
}

.dashboard-card {
    padding-top: 15px;
}

    .dashboard-card .q-item {
        position: relative;
    }

.c-pos {
    position: absolute;
    left: 10px;
    top: -10px;
    border-radius: 4px;
    padding: 10px;
}

.dashboard-card .q-item .total-employee {
    background: #43a3b2;
}

.dashboard-card .q-item .present-total {
    background: #60bf64;
}

.dashboard-card .q-item .total-absent {
    background: #e23744;
}

.dashboard-card .q-item .on-leave {
    background: #f3c345;
}

.dashboard-card .q-item .late-in {
    background: #f1872d;
}

.dashboard-card .q-item .on-travel {
    background: #38a9cc;
}

.dashboard-card .q-item .total-dealer {
    background: #60bf64;
}

.dashboard-card .q-item .total-office {
    background: #f1872d;
}

.dashboard-card .q-item .approved-client {
    background: #38a9cc;
}

.dashboard-card .q-item .pending-client {
    background: #f3c345;
}

.pending-client, .pending-office {
    background: #f3c345;
}

.office-no {
    background: #60bf64;
}

.approved-office, .approved-client {
    background: #38a9cc;
}



.dashboard-table .q-card {
    /*height: 300px;*/
    /*position: relative;*/
    margin: 10px 0;
    /*overflow-y: auto;*/
}

.tb-title {
    background: #bbdefb;
    color: #000;
    display: inline-block;
    position: relative;
    top: -30px;
    left: 0px;
    padding: 10px 15px;
    margin-bottom: -10px;
}

.q-layout {
    background: #dce8f5 !important;
    padding: 20px;
    /* height: 100vh; */
}

.q-table td, .q-table th {
    padding: 2px 15px;
    background-color: inherit;
}

.q-table tbody td, .q-table thead tr {
    height: 38px;
}

.q-field--square .q-field__control {
    border-radius: 4px !important;
}

/* .q-field--dense .q-field__control, .q-field--dense .q-field__marginal {
    height: 42px;
} */

.q-field--auto-height .q-field__control {
    height: 40px;
}


.q-table tbody td {
    font-size: 12px;
}

#app .q-table .bg-info, #app .q-table .bg-primary, #app .q-table .bg-negative, #app .q-table .bg-dark {
    font-size: 9px !important;
}

.q-toggle__inner {
    font-size: 30px;
}

.q-btn-dropdown--simple * + .q-btn-dropdown__arrow {
    margin-left: 0px;
}

.at-avtar {
    margin-right: 10px;
    margin-left: 15px;
}

    .at-avtar .q-btn__wrapper {
        padding: 3px 8px !important;
    }

.language {
    padding: 4px 15px;
    border-radius: 4px;
    border-color: #cacaca;
}

.activity {
    position: relative;
    width: 100%;
    min-height: 711px !important;
}
    /* .activity .date{
    width: 160px;
} */

    .activity .q-field--filled .q-field__control {
        padding: 0 5px !important;
        height: 35px !important;
        font-size: 12px;
    }

.activityBranch {
    position: relative;
    width: 100%;
    min-height: 610px !important;
}

    .activityBranch .q-field--filled .q-field__control {
        padding: 0 5px !important;
        height: 35px !important;
        font-size: 12px;
    }

.show-btn .q-btn {
    font-size: 10.5px;
    font-weight: 500;
    padding: 4px 0px;
    margin-left: 10px;
}

.at-logo img {
    width: 250px;
    height: auto;
}

.secondary-nav {
    padding: 20px;
}

    .secondary-nav span {
        transition: .5s all;
    }

        .secondary-nav span:hover {
            color: #1e77d5;
            transition: .5s all;
            cursor: pointer;
        }


.notify .q-item {
    padding: 10px 15px;
}

@media(min-width:1024px) and (max-width:1280px) {
    .dashboard-card .col-md-2 {
        width: 180px;
        margin-bottom: 10px;
    }
}

.sticky-th thead {
    position: sticky;
    top: 0;
    left: 0;
    background: white;
    z-index: 1;
    width: 100%;
}

.user-dashboard .q-table--dense .q-table tbody td, .q-table--dense .q-table tbody tr, .q-table--dense .q-table thead tr {
    height: 36px;
}

.user-dashboard .q-table--bordered {
    border: none !important;
}

.user-dashboard .ttl {
    background: #bbdefb;
    color: #000;
    display: inline-block;
    position: relative;
    top: -15px;
    left: 15px;
    padding: 10px 15px;
    margin-bottom: -10px;
}


.q-icon {
    height: auto;
}

.mdi-clock-outline, label i {
    font-size: 20px !important;
}

/*.q-menu{
    top: 90px !important;
}*/

.nepalidatepicker-input {
    border: none;
    outline: none;
    padding-top: 7px;
    margin-top: 4px;
    color: transparent;
    width: 170px;
}