:root {
    --light: #ffffff;
    --gray: #a8a9ad;
    --purple: #97266d;
    --dark: #2C394B;
}

html, body {
    background-color: #fff;
    overflow: auto !important;
    -webkit-print-color-adjust: exact;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: var(--dark);
}

.tableFixHead2 {
    overflow: auto !important;
}

.tableFixHead2 thead th {
    position: sticky !important;
    top: -9px;
    z-index: 1;
    background-color: #fff;
}

.td-padding {
    padding: 0 !important;
}

#live_dash_1 th, #live_dash_1 td {
    font-size: 1rem;
    font-family: 'Roboto', sans-serif;
}

#live_dash_1 .line_name, #live_dash_1 .t_line_count, #live_dash_1 .total {
    font-size: 1.1rem;
}

.select2-container {
    width: 10rem !important;
}

.dis-to-none {
    display: none;
}

.custom-table-border-color {
    border-color: darkolivegreen;
}


/**** Scrollbar Start ****/

/* width */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--light);
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/**** Scrollbar End *****/

/******* Theme Setting Start *******/

.switch {
    border-radius: 0.5rem;
    width: 100%;
    cursor: pointer;
    margin: 0.5rem;
    text-align: center;
}

.switch:hover {
    transform: scale(1.1);
    transition: 0.3s ease-in-out;
}

#switch-1 {
    background-color: var(--light);
}

#switch-2 {
    background-color: var(--gray);
}

#switch-3 {
    background-color: var(--purple);
}

#switch-4 {
    background-color: var(--dark);
}

/******* Theme Setting End *******/

p {
    font-family: 'Poppins', sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.7em;
    color: #999;
}

a {
    text-decoration: none;
}

/*======================
    404 page
=======================*/

.page_404 {
    padding: 40px 0;
    background: #fff;
    font-family: "Arvo", serif;
}

.page_404 img {
    width: 100%;
}

.four_zero_four_bg {
    background-image: url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);
    height: 400px;
    background-position: center;
}

.four_zero_four_bg h1 {
    font-size: 80px;
}

.four_zero_four_bg h3 {
    font-size: 80px;
}

.link_404 {
    color: #fff !important;
    padding: 10px 20px;
    background: #39ac31;
    margin: 20px 0;
    display: inline-block;
}

.contant_box_404 {
    margin-top: -50px;
}

/***** 404 Page End *****/

/* Bootstrap Sidebar Start */

.sidebar-header {
    padding: 20px;
}

.sidebar-link {
    border-radius: 3px;
    color: #6495ed;
}

.sidebar-link:hover {
    background-color: #6495ed;
}

#sidebarCollapse {
    background-color: #6495ed;
    color: #fff;
}

.navbar {
    padding: 0 10px;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none !important;
    border: none;
}

.navbar-brand-line {
    white-space: unset;
}

.navbar-heading-text {
    color: #6495ed;
}

.wrapper {
    display: flex;
    align-items: stretch;
}

#sidebar {
    min-width: 270px;
    max-width: 270px;
    background: #fcfcfc;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
}

#sidebar .h6 {
    color: #fff;
}

#sidebar.active {
    margin-left: -270px;
}

#sidebar.active .custom-menu {
    margin-right: -50px;
}

#sidebar h1 {
    margin-bottom: 20px;
    font-weight: 700;
}

#sidebar h1 .logo {
    color: #fff;
}

#sidebar ul.components {
    padding: 0;
}

#sidebar ul li {
    font-size: 16px;
}

#sidebar ul li>ul {
    margin-left: 10px;
}

#sidebar ul li>ul li {
    font-size: 0.8rem;
    border-radius: 3px;
}

#sidebar ul li a {
    padding: 10px 0;
    display: block;
    color: #333;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    text-decoration: none;
}

#sidebar ul li a:hover {
    color: #fff !important;
}

#sidebar ul li.active>a {
    color: #6495ed;
}

#characterLeft {
    margin-top: 10px;
    display: block;
}

.custom-li .sidebar-link {
    font-size: 0.9rem;
    color: #333;
    background-color: transparent;
}

.custom-li .sidebar-link:hover {
    color: #fff;
    background-color: #6495ed;
}


@media (max-width: 991.98px) {
    #sidebar {
        margin-left: -270px;
    }

    #sidebar.active {
        margin-left: 0;
    }

    #sidebar .custom-menu {
        margin-right: -60px !important;
        top: 10px !important;
    }
}

#sidebar .custom-menu {
    display: inline-block;
    position: absolute;
    top: 20px;
    right: 0;
    margin-right: -20px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

@media (prefers-reduced-motion: reduce) {
    #sidebar .custom-menu {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
}

#sidebar .custom-menu .btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

#sidebar .custom-menu .btn.btn-primary {
    background: #393c7f;
    border-color: #393c7f;
}

#sidebar .custom-menu .btn.btn-primary:hover, #sidebar .custom-menu .btn.btn-primary:focus {
    background: #393c7f !important;
    border-color: #393c7f !important;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.dropdown-item:hover {
    background-color: #fff !important;
    color: #ff0000 !important;
}

@media (max-width: 991.98px) {
    #sidebarCollapse span {
        display: none;
    }
}

#content {
    width: 100%;
    padding: 0;
    min-height: 100vh;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/* Bootstrap Sidebar End */


/* Dropdown Button */

.dropbtn {
    color: white;
    padding: 8px;
    font-size: 16px;
    border: none;
    background-color: #6495ed;
    border-radius: 5px;
    width: 100%;
}

/* The container <div> - needed to position the dropdown content */

.dropdown {
    position: relative;
    display: inline-block;
    text-align: center;
    margin: 10px 0;
}

/* Dropdown Content (Hidden by Default) */

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    width: 93%;
}

.section-to-hide {
    bottom: 3rem;
    position: absolute;
    text-align: center;
    min-width: 270px;
    max-width: 270px;
    background: crimson;
}


/* Links inside the dropdown */

.dropdown-content a {
    color: var(--color-2);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */

.dropdown-content a:hover {
    background-color: var(--color-3);
}

/* Show the dropdown menu on hover */

.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */

.dropdown:hover .dropbtn {
    background-color: #6c757d;
}

/* Dropdown End */

.brand-wrapper {
    margin-bottom: 19px;
}

.brand-wrapper .logo {
    height: 37px;
}

.login-card {
    border: 0;
    border-radius: 27.5px;
    box-shadow: 0 10px 30px 0 rgba(172, 168, 168, 0.43);
    overflow: hidden;
}

.login-card-img {
    /* border-radius: 0;
    position: absolute;
    width: 80%;
    height: 80%;
    -o-object-fit: cover;
    object-fit: cover; */
}

.login-card .card-body {
    padding: 85px 60px 60px;
}

@media (max-width: 422px) {
    .login-card .card-body {
        padding: 35px 24px;
    }
}

.login-card-description {
    font-size: 25px;
    color: #000;
    font-weight: normal;
    margin-bottom: 23px;
}

.login-card form {
    max-width: 326px;
}

.login-card .form-control {
    /* border: 1px solid #d5dae2;
    padding: 15px 25px;
    margin-bottom: 20px;
    min-height: 45px;
    font-size: 13px;
    line-height: 15;
    font-weight: normal; */
}

.login-card .form-control::-webkit-input-placeholder {
    color: #919aa3;
}

.login-card .form-control::-moz-placeholder {
    color: #919aa3;
}

.login-card .form-control:-ms-input-placeholder {
    color: #919aa3;
}

.login-card .form-control::-ms-input-placeholder {
    color: #919aa3;
}

.login-card .form-control::placeholder {
    color: #919aa3;
}

.login-card .login-btn {
    padding: 13px 20px 12px;
    background-color: #000;
    border-radius: 4px;
    font-size: 17px;
    font-weight: bold;
    line-height: 20px;
    color: #fff;
    margin-bottom: 24px;
}

.login-card .login-btn:hover {
    border: 1px solid #000;
    background-color: transparent;
    color: #000;
}

.login-card .forgot-password-link {
    font-size: 14px;
    color: #919aa3;
    margin-bottom: 12px;
}

.login-card-footer-text {
    font-size: 16px;
    color: #0d2366;
    margin-bottom: 60px;
}

.heading-text {
    color: #6495ed;
    font-weight: bold;
}

ul.horizontal-slide {
    margin: 0;
    padding: 0;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
}


ul.horizontal-slide li[class*="span"] {
    display: inline-block;
    float: none;
}

ul.horizontal-slide li[class*="span"]:first-child {
    margin-left: 0;
}

ul.horizontal-slide {
    overflow: unset !important;
}

.span2, .span3 {
    background: #6495ed;
    border-radius: 3px;
}

.span2 p, .span3 p {
    color: #fff;
    font-weight: 500;
    margin: 0;
    padding: 8px;
}

.span4 {
    background: transparent;
}

.span4 p {
    color: #6C757D !important;
    font-weight: bolder;
    border: 1px solid #6C757D;
    padding: 0.1rem !important;
}

.line_entry_tr_border {
    border-bottom: 1px solid #919aa3;
    vertical-align: middle;
    text-align: center;
}

/****** DatePicker *********/

/* Adapts a floating label for use with a left-handed input group icon */
.input-group-append {
    cursor: pointer;
}

/****** DatePicker End ********/
.icon-btn-one {
    background-color: #6495ed;
    color: #fff;
}

.icon-btn-one:hover {
    background-color: #ffd416;
    color: #fff;
}

.icon-btn-one-2 {
    background-color: #ffd416;
}

.icon-btn-one-2:hover {
    background-color: #6495ed;
}


table {
    white-space: nowrap !important;
}

.tr-2 {
    background-color: #829ab2;
    color: #eee;
}

.tr-3 {
    background-color: #6495ed;
}

.tr-3 th {
    height: 30px !important;
}

/***** Menu Tabs ****/

#nav {
    overflow: hidden;
    padding-left: 0;
}

#nav li {
    list-style: none;
    background: #EEE;
}

#nav li a {
    padding: 10px;
    border-top: 1px solid #ededed;
    border-right: 1px solid #ededed;
    display: block;
    background: #ededed;
    width: 8rem;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    border-radius: 3px;
    color: #6495ed
}

.custom-btn-theme {
    background-color: #0d6efd;
    color: #fff;
}

.custom-btn-theme-edit {
    background-color: red;
    color: #fff;
}

.custom-btn-theme:hover {
    background-color: #ffd416;
    color: #fff;
}

#nav li:first-child a {
    border-left: 1px solid #CCC;
}

#tab-content {
    padding: 10px;
    width: 100%;
    margin-top: -1px;
    -moz-border-radius: 0 0 5px 5px;
}

#nav li a.active {
    background: #6495ed;
    margin-bottom: -3px;
    color: #fff;
}

.div-bg-1 {
    background-color: #ececec;
    border-radius: 5px;
    padding: 5px;
}

.table-dash tbody td {
    padding: 0;
}

.btn-mode {
    position: fixed;
    bottom: 1rem;
    right: 0.3rem;
    height: 2.5rem;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.5);
}

/***** Menu Tabs End ****/

/***** Numpad *****/

.table-numeric {
    width: 100%;
    border-collapse: collapse;
}

.table-numeric td {
    vertical-align: top;
    text-align: center;
    width: 33.33333333333%;
    border: 0;
}

.table-numeric button {
    position: relative;
    cursor: pointer;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0.6em 0.3em;
    font-size: 1em;
    border-radius: 0.1em;
    outline: none;
    user-select: none;
}

.table-numeric button:active {
    top: 2px;
}

.key, .key-one {
    background: #fff;
    border: 1px solid #d8d6d6;
}

.key-del, .key-del-one {
    background: #FF9800;
    border: 1px solid #ca7800;
    color: #fff;
}

.key-clear, .key-clear-one {
    background: #E91E63;
    border: 1px solid #c70a4b;
    color: #fff;
}

button[disabled] {
    opacity: 0.5;
    cursor: no-drop;
}

[data-numeric="hidden"] .table-numeric {
    display: none;
}

/***** Numpad End *****/

#tr-last {
    background-color: crimson;
}


/**** Daily Production *****/


ul.scroll-vertical-ul {
    height: 600px;
    overflow-x: hidden;
    overflow-y: scroll;
}

ul.scroll-horizontal-ul {
    width: 100%;
    overflow-x: scroll;
}

.input-wrapper {
    position: relative;
    line-height: 14px;
    margin: 0.5rem 10px;
    display: inline-block;
}

.input-wrapper label {
    color: #bbb;
    font-size: 0.7rem;
    text-transform: uppercase;
    position: absolute;
    z-index: 2;
    left: 20px;
    top: 14px;
    padding: 0 2px;
    pointer-events: none;
    background: white;
    transition: transform 100ms ease;
    transform: translateY(-20px);
}

.daily-prod-input {
    color: #555;
    outline: none;
    position: relative;
}

.daily-prod-input:invalid+label {
    transform: translateY(0);
}

.daily-prod-input+label {
    color: #2b96f1;
    transform: translateY(-20px);
}

.hr-daily {
    border: 1px dashed #ccc;
}

.changeClass {
    background-color: black !important;
    color: white;
}

.open, .open2 {
    cursor: pointer;
}

/**** Report *****/

.showOverlay {
    display: block;
}

.hideOverlay {
    display: none;
}

.tr_live_dash {
    /* background-color: #ff5959;
    color: #fff; */
}

.bounce {
    -webkit-animation: fadeinout 3s linear infinite;
    animation: fadeinout 3s linear infinite;
}


.bounce2 {
    background: #39ac31 !important;
    -webkit-animation: fadeinout 3s linear infinite;
    animation: fadeinout 3s linear infinite;
}


@-webkit-keyframes fadeinout {
    0%, 100% {
        opacity: 0.35;
    }

    50% {
        opacity: 1;
    }
}

@keyframes fadeinout {
    0%, 100% {
        opacity: 0.35;
    }

    50% {
        opacity: 1;
    }
}

/* .bounce {
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

/* Scroll down indicator (bouncing) */
/* @-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
    }
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-30px);
    }

    60% {
        -moz-transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        transform: translateY(-15px);
    }
} */

/**** Daily Production End ****/
@media (min-width: 280px) {
    .login-card-img {
        display: none;
    }

    .nav-heading {
        display: none;
    }

    .nav-heading-2 {
        display: block;
        padding: 0.8rem;
        margin: 0.8rem
    }

    .mobile-heading {
        margin-top: 1rem;
        display: block;
        text-align: center;
    }

    .panel-body {
        overflow-x: scroll;
    }

    #live_bar_chart {
        min-height: 350px !important;
    }

    .top-3 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .not-mobile {
        display: none;
    }

    .mobile {
        display: block;
    }
}

@media (min-width: 320px) {}

@media (min-width: 480px) {}

@media (min-width: 600px) {}

@media (min-width: 768px) {
    .login-card-footer-text {
        margin-bottom: 24px;
    }

    .login-card-img {
        display: block;
    }

    .nav-heading {
        display: block;
        /* width: 50%;
        padding: 8px; */
    }

    .mobile-heading {
        display: none;
    }

    .modal-dialog {
        max-width: 750px !important;
    }

    .top-3 {
        margin: 0 !important;
    }

    /* div, table {
        overflow: hidden !important;
    }

    div:hover, table:hover {
        overflow-y: scroll !important;
    } */
    .not-mobile {
        display: block;
    }

    .mobile {
        display: none;
    }
}

@media (min-width: 992px) {
    .modal-dialog {
        max-width: 950px !important;
    }


}

@media (min-width: 1024px) {
    .modal-dialog {
        max-width: 1024px !important;
    }
}

@media(min-width:1025px) {}

.login-card-footer-nav a {
    font-size: 14px;
    color: #919aa3;
}

/*# sourceMappingURL=login.css.map */