/* =======================================================
                    Main CSS Start
========================================================== */

.header-area nav.menu_bar ul.main_menu li {
    margin: 0% .5% !important;
}



.eku-table-area-footer .eku-employee-save-btn-area {
    margin-top: 8px;
}

.search-area .search-single-btn {
    height: 20px !important;
    margin-top: 1px !important;
}

/*
body{
    background: url(../images/bg-pattern.jpg)
}
*/

/* eku-footer-pagination-area Start */
.eku-table-area-footer .eku-footer-pagination-area .pagination li:first-child a {
    font-size: 18px;
    line-height: 20px !important;
}

.eku-table-area-footer .eku-footer-pagination-area .pagination li:first-child span {
    font-size: 18px;
    line-height: 19px !important;
}

.eku-table-area-footer .eku-footer-pagination-area .pagination li:last-child a {
    font-size: 18px;
    line-height: 20px !important;
}

.eku-table-area-footer .eku-footer-pagination-area .pagination li:last-child span {
    font-size: 18px;
    line-height: 20px !important;
}

.eku-table-area-footer .eku-footer-pagination-area .pagination > li > a,
.eku-table-area-footer .eku-footer-pagination-area .pagination > li > span {
    line-height: 22px !important;
}

/* eku-footer-pagination-area End */
/* dashboard-area Start */

.dashboard-area .container-fluid > .row > .dashboard-right-area {
    padding-bottom: 70px;
}

/*
.dashboard-right-area {
    margin-left: 15px !important;
}
*/

.dashboard-right-area.full_screen {
    width: 95% !important;
}

/* dashboard-area End */
/* footer-bottom-area-content Start */

div#print_export_div {
    z-index: 9999 !important;
    text-align: center;
}

/* footer-bottom-area-content End */




/* =================================================================
                    Main CSS End
==================================================================== */
















/* Medium Layout: 1200. */

@media only screen and (min-width: 1201px) and (max-width: 1600px) {}


/* Medium Layout: 992px. */

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .login-area .login-info-area .login-info-main-content .login-info {
        padding-left: 35px !important;
    }

    .full-header-area {
        width: 1235px;
    }


    .header-area .header-menu {
        width: 85% !important;
    }

    .header-area nav.menu_bar ul.main_menu li:nth-child(7) .dropdown-menu {
        left: auto;
        right: 0;
    }

    .header-area nav.menu_bar ul.main_menu li:nth-child(8) .dropdown-menu {
        left: auto;
        right: 0;
    }

    .dashboard-area .dashboard-menu-area .dashboard-dropdown-menubox {
        top: 182px !important;
    }

    .dashboard-right-area.full_screen {
        width: 1180px !important;
        padding-left: 80px !important;
    }

    .dashboard-right-area.full_screen .container {
        width: 100% !important;
        padding-left: 0 !important;
    }

    .dashboard-right-area {
        margin-left: 36px !important;
    }

    .tab-pane.fade.active {
        overflow: visible;
    }

    .container {
        padding-left: 30px !important;
    }

    /* footer-bottom-area-content Start */
    .footer-bottom-area-content {
        position: fixed !important;
        bottom: 0;
        width: 100%;
    }

    .dashboard-area .dashboard-menu-area .menu-collapse-btn {
        top: 125px !important;
    }

    .dashboard-area .dashboard-menu-area .dashboard-main-menu {
        top: 180px;
    }

    .dashboard-right-area .container {
        width: 1170px !important;
        max-width: 1140px;
    }

    /* footer-bottom-area-content End */

    .dashboard-area #DivIdToPrint {
        padding-left: 30px !important;
        width: 1185px !important;
    }

    .dashboard-area .dashboard-right-area.full_screen #DivIdToPrint {
        padding-left: 30px !important;
        width: 1110px !important;
    }

    /* ============================================================================
                            AIS Pages Start
=============================================================================== */
    .ais-dashboard-area .dashboard-right-area .container {
        width: 1170px;
        max-width: 1170px;
    }

    .auto_voucher_styles fieldset {
        margin-left: -68px !important;
        width: 1080px !important;
    }

    .full_screen .auto_voucher_styles fieldset {
        margin-left: -68px !important;
        width: 1050px !important;
    }

    .ais-dashboard-right-area.full_screen .content-wrapper,
    .ais-dashboard-right-area.full_screen .right-side,
    .ais-dashboard-right-area.full_screen .main-footer {
        margin-left: 50px !important;
        z-index: 820;
        padding: 0 30px;
        width: 1130px;
    }

    /* ============================================================================
                            AIS Pages Start
=============================================================================== */





}


/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {


    .login-area {
        width: 1235px;
        height: 730px !important;
    }




    .dashboard-area .dashboard-menu-area .dashboard-main-menu {
        top: 26%;
    }

    .dashboard-area .dashboard-menu-area .dashboard-main-menu {
        top: 28% !important;
    }


    /* Full-header-area Start */
    .full-header-area {
        width: 1235px;
    }


    .container {
        width: 1170px !important;
        padding-left: 15px;
        max-width: 1170px !important;
    }

    .header-top-area .container {
        min-width: 768px;
        max-width: 1170px;
    }

    .header-area {
        margin-top: -2px !important;
    }

    .header-area:after {
        width: 32% !important;
    }

    .header-area .header-menu {
        width: 87% !important;
    }

    .header-area nav.menu_bar ul.main_menu li {
        line-height: 1;
    }

    .header-area nav.menu_bar ul.main_menu li a {
        font-size: 12px !important;
        padding: 17px 6px !important;
    }

    .header-area nav.menu_bar ul.main_menu li ul.dropdown-menu li a {
        padding: 7px 10px !important;
    }

    .eku-table-area-footer .eku-footer-pagination-area .pagination li:first-child a {
        font-size: 18px;
        line-height: 18px !important;
    }

    .eku-table-area-footer .eku-footer-pagination-area .pagination li:last-child a {
        font-size: 18px;
        line-height: 18px !important;
    }


    /* dashboard-menu-area End */
    /* dashboard-right-area Start */
    .dashboard-area .dashboard-menu-area .dashboard-main-menu {
        top: 22% !important;
    }

    .dashboard-right-area.full_screen {
        width: 1187px !important;
        padding-left: 40px !important;
    }

    .dashboard-right-area {
        width: 1140px !important;
    }

    .dashboard-right-area .container {
        width: 1170px !important;
    }

    .dashboard-right-area.full_screen .container {
        width: 1100px !important;
    }

    .dashboard-right-area .dashboard-right-main-content.counter-area .counter-collumn .single-counter {
        z-index: 0 !important;
    }

    .row .row {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .dashboard-right-area {
        margin-left: 40px !important;
    }


    /* dashboard-right-area End */
    /* footer-bottom-area-content Start */
    .footer-bottom-area-content {
        position: fixed;
        bottom: 0;
        width: 100% !important;
        left: 0;
    }

    /* footer-bottom-area-content End */



    /* ============================================================
                    AIS Dasgboard area start
    =============================================================== */

    .auto_voucher_styles fieldset {
        margin-left: -68px !important;
        width: 1068px !important;
    }

    /* ============================================================
                    AIS Dasgboard area End
    =============================================================== */
















}
























/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {

    /* login-area Start */
    .login-area {
        width: 100% !important;
    }

    .login-area .container {
        width: 100% !important;
    }

    .login-area .col-md-6.col-6 {
        padding-left: 0;
        padding-right: 0;
    }

    .login-area .login-info-area .login-info-main-content .login-Heading {
        text-align: center;
        padding: 5px 0;
        border-bottom: 1px solid #ddd;
        margin-bottom: 5px;
    }

    .login-area .login-info-area .login-info-main-content {
        padding: 20px 0px;
    }

    .login-area .login-info-area .login-info-main-content .login-info {
        padding-left: 0;
    }

    .login-area .login-info-area .login-info-main-content .login-details .company-image {
        height: 80px;
    }

    .login-area .login-info-area .login-info-main-content .login-info .login-button-area input.eku_login-btn.button.btn.btn-large {
        margin-right: 0px;
    }

    .login-area .login-info-area .login-info-main-content .login-info .login-button-area .login-checkbox {
        display: flex;
        float: right;
        width: 91px;
    }

    .login-area .login-info-area .login-info-main-content .login-info .login-button-area .login-checkbox label {
        font-size: 10px;
    }

    .login-area .login-info-area .login-info-main-content .login-info .login-button-area .login-checkbox input[type=checkbox] {
        width: 24px;
    }

    .login-area .login-info-area .login-info-main-content .login-info .login-single-info .login-single-input {
        margin-bottom: 0 !important;
    }

    .login-area .login-info-area .login-info-main-content .login-info .login-single-info .login-single-input input.form-control {
        margin-bottom: 0;
    }

    input#password {
        margin-bottom: 10px;
    }

    .login-area .login-info-area .login-info-main-content .login-info .login-single-info .login-single-input input#password {
        font-size: 16px;
        line-height: 28px !important;
    }

    /* login-area Start */
    /* Full-header-area Start */
    .full-header-area {
        width: 1235px;
    }

    .container {
        width: 1170px !important;
        padding-left: 15px;
    }

    .full-header-area .container {
        padding-left: 0;
    }

    .header-top-area .header-top-left p {
        height: 22px !important;
        line-height: 22px !important;
    }

    .header-top-area .address-area {
        width: 31% !important;
    }

    .header-top-area .header-top-right-area {
        width: 69% !important;
    }

    .header-top-area .header-top-right .header-top-user {
        margin-top: 2px !important;
    }

    .header-top-area .header-top-right .header-top-btn-area {
        width: 39% !important;
    }

    .header-top-area .header-top-right .header-top-btns button {
        margin: 0px 2px;
    }

    .header-area {
        margin-top: -2px;
    }

    .header-area:after {
        width: 32% !important;
    }

/*
    .header-area .header-logo {
        height: 30px !important;
    }
*/

    .ais-header .header-area .header-logo {
        height: 100% !important;
        width: 165px;
    }

    .header-top-area .header-top-right .header-top-search-icon .top-search-area {
        height: 18px !important;
        top: 2px;
    }

    .header-top-area .header-top-right .search-trigger.display-block {
        height: 18px !important;
    }

    .header-area .header-menu {
        width: 93% !important;
    }

    .ais-header .header-area .header-menu {
        width: 84% !important;
    }

    .header-area nav.menu_bar ul.main_menu li {
        line-height: 1;
    }

    .header-area nav.menu_bar ul.main_menu li a {
        padding: 11px 6px !important;
        font-size: 7px;
        padding-top: 13px !important;
    }


    .header-area nav.menu_bar ul.main_menu li ul.dropdown-menu li a {
        line-height: 13px;
        padding: 5px 5px !important;
    }


    /* Full-header-area End */
    /* dashboard-menu-area Start */

    .dashboard-area .dashboard-menu-area .dashboard-main-menu {
        top: 24% !important;
    }

    .dashboard-area .dashboard-menu-area ul.dashboard-navmenu li {
        line-height: 30px;
    }

    .dashboard-area .dashboard-menu-area ul.dashboard-navmenu li a {
        font-size: 10px;
        height: 30px;
        line-height: 30px;
        padding: 5px 0 !important;
    }

    .dashboard-area .dashboard-menu-area.collapse ul.dashboard-navmenu li a {
        height: 60px;
    }

    .dashboard-area .dashboard-menu-area.collapse ul.dashboard-navmenu li a span.dashboard-menu-text {
        font-size: 8px;
    }

    .dashboard-area .dashboard-menu-area .dashboard-dropdown-menubox {
        top: 13%;
    }

    /* dashboard-menu-area End */
    /* dashboard-right-area Start */
    .dashboard-right-area {
        width: 1170px;
    }

    .dashboard-right-area .container {
        width: 1170px !important;
    }

    .widget-header h3 {
        top: 0px !important;
    }

    .dashboard-right-area .dashboard-right-main-content.counter-area .counter-collumn .single-counter {
        z-index: 0 !important;
    }


    /* dashboard-right-area End */
    /* eku-footer-pagination-area Start */
    .eku-table-area-footer .eku-footer-pagination-area .pagination li:first-child a {
        font-size: 18px;
        line-height: 20px !important;
    }

    .eku-table-area-footer .eku-footer-pagination-area .pagination li:first-child span {
        font-size: 18px;
        line-height: 19px !important;
    }

    .eku-table-area-footer .eku-footer-pagination-area .pagination li:last-child a {
        font-size: 18px;
        line-height: 20px !important;
    }

    .eku-table-area-footer .eku-footer-pagination-area .pagination li:last-child span {
        font-size: 18px;
        line-height: 20px !important;
    }

    .eku-table-area-footer .eku-footer-pagination-area .pagination > li > a,
    .eku-table-area-footer .eku-footer-pagination-area .pagination > li > span {
        line-height: 22px !important;
    }

    /* eku-footer-pagination-area End */
    /* footer-bottom-area-content Start */
    .footer-bottom-area-content {
        position: fixed;
        bottom: 0;
        width: 100% !important;
        left: 0;
    }

    /* footer-bottom-area-content End */
}


/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .header-area:after {
        width: 33% !important;
    }

    .dashboard-area .dashboard-menu-area .dashboard-main-menu {
        top: 30% !important;
    }
}

.footer-bottom-area-content {
    padding: 20px 0;
    background: rgb(0, 110, 62);
    text-align: center;
    bottom: 0 !important;
    z-index: 0 !important;
    width: 100%;
    position: fixed;
}

.auto_voucher_styles .main-inner {
    background: transparent !important;
    padding: 15px 0 20px;
}