/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 10px;
    }

    .body-content {
        padding: 0;
    }
}



.container-center {
    text-align: center;
    vertical-align: middle;
    horiz-align: center;

}

#form-frame {
    display: block;
    margin: 100px auto;
    width: 40%;
    min-width: 300px;
    max-width: 500px;
    padding: 20px;
    border: 2px solid black;
    background-color: #85C1E9;
}
#form-frame form h2 {
    text-align: center;
    margin-top: 5px;
}
#form-frame form button {
    margin: 30px auto 10px;
    display: block;
}
#form-frame .form-inputs {
    display: block;
    min-width: 250px;
    margin: 20px;
    text-align: center;
}
.wrapper {
    max-width: 1200px;
    margin: 0 auto;
    min-width: 960px;
}

ul#pills-tab li.nav-item a.nav-link.active {
    background-color: #00000000;
    border: 5px solid #00000033;
    font-weight: bold;
}

ul#pills-tab li.nav-item a.nav-link {
    border: 5px solid #00000000;
    /*	min-width: 200px;*/
    text-align: center;
    padding: .5rem .25rem;
}

.home_tab {
    background-color: #dedede;
    border-radius: .25em;
    /*	width: 10%;*/
    width: 8%;
}

.data_processing_tab {
    background-color: #ffc62d; /* yellow tab alternative: #ffba00 */
    border-radius: .25em;
    /*	width: 18%;*/
    width: 20%;
}

.waiting_approval_tab {
    background-color: #ff8b2c; /* orange tab alternative: #ff7300 */
    border-radius: .25em;
    /*	width: 18%;*/
    width: 20%;
    top: 3px;
    left: -273273px;
}

.rejected_tab {
    background-color: #ff371a; /* red tab alternative: #f52102 */
    border-radius: .25em;
    /*	width: 18%;*/
    width: 12%;
    top: 20px;
    left: -2147483648px;
}

.production_tab {
    background-color: #278fff; /* blue tab alternative: #007bff */
    border-radius: .25em;
    /*	width: 18%;*/
    width: 20%;
}

.shipped_mailed_tab {
    background-color: #259627; /* green tab alternative: #008e03 */
    border-radius: .25em;
    /*	width: 18%;*/
    width: 20%;
}

li.nav-item a#pills-home-tab, #pills-data_processing-tab, #pills-waiting_approval-tab, #pills-rejected-tab, #pills-production-tab, #pills-shipped_mailed-tab {
    color: #000;
}



/*menu buttone*/


.btn-menu-selected {
    color: #212529;
    text-decoration: none;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}



/* Body Content Styling */
.dashboard-content .bordered-content {
    display: block;
    border: 1px solid #aaa;
    padding: 20px;
}

    .dashboard-content .bordered-content .company-logo {
        max-width: 200px;
        min-width: 50px;
    }

        .dashboard-content .bordered-content .company-logo img {
            width: 100%;
        }


/* Search bar styling */
.dashboard-content .search-container {
    float: right;
}

    .dashboard-content .search-container form {
        margin: 20px;
        border: 1px solid #afafaf;
    }

    .dashboard-content .search-container input[type=text] {
        padding: 6px;
        font-size: 17px;
        border: none;
    }

    .dashboard-content .search-container button {
        float: right;
        padding: 6px 10px;
        background: #ddd;
        font-size: 17px;
        border: none;
        cursor: pointer;
    }

        .dashboard-content .search-container button:hover {
            background: #ccc;
        }
/*Div sizing for conatainers*/
div.div-w800 {
    width: 800px;
    margin: auto;
}  

div.div80 {
    max-width:80%;
    margin: auto;
  
}

/* Admin Status Overview Styling */
.admin-view-mobile {
    display: none;
}
/*
.admin-view {
	display: none;
}*/
.nav-tabs .nav-link.active {
    border-color: #5d5d5d #5d5d5d #dee2e6;
    border-width: 2px;
}

#nav-data_processing-tab {
    background-color: #ffc62d;
}

#nav-waiting_approval-tab {
    background-color: #ff8b2c;
}

#nav-rejected-tab {
    background-color: #ff371a;
}

#nav-production-tab {
    background-color: #278fff;
}

#nav-shipped_mailed-tab {
    background-color: #259627;
}

#nav-data_processing-tab, #nav-waiting_approval-tab, #nav-rejected-tab, #nav-production-tab, #nav-shipped_mailed-tab {
    color: black;
}

#nav-data_processing {
    background-color: #ffc62d1c;
    padding: 1px 5px;
}

#nav-waiting_approval {
    background-color: #ff8b2c24;
    padding: 1px 5px;
}

#nav-rejected {
    background-color: #ff371a1c;
    padding: 1px 5px;
}

#nav-production {
    background-color: #278fff1a;
    padding: 1px 5px;
}

#nav-shipped_mailed {
    background-color: #2596271c;
    padding: 1px 5px;
}

.tHeaders {
    font-weight: bold;
    font-style: italic;
    min-width: 8.33%;
    text-align: left;
    font-size: .9rem;
    /*border-bottom: 1px solid #aaa;*/
}

.admin-dp-tab .col {
    text-align: left;
    max-width: 8.33%;
    font-size: .9rem;
}

.admin-dp-tab .col-2 {
    font-size: .9rem;
}

.admin-dp-tab .dp-status {
    font-style: italic;
    border-right: 1px solid #aaa;
}

.admin-dp-tab .row {
    padding: 2px 0;
    margin: 10px -15px 5px;
    line-height: 1.25;
}


/* Modal Styling */
.batch-modal-button {
    padding-top: 0;
    margin-top: -2px;
}

.newsBox {
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
     margin: auto;
     text-align: center;
 }

/*css from visions*/
.wrapper {
    max-width: 1200px;
    margin: 0 auto;
    min-width: 960px;
}

ul#pills-tab li.nav-item a.nav-link.active {
    background-color: #00000000;
    border: 5px solid #00000033;
    font-weight: bold;
}

ul#pills-tab li.nav-item a.nav-link {
    border: 5px solid #00000000;
    /*	min-width: 200px;*/
    text-align: center;
    padding: .5rem .25rem;
}

.home_tab {
    background-color: #dedede;
    border-radius: .25em;
    /*	width: 10%;*/
    width: 8%;
}

.pre_production_tab {
    background-color: #ffc62d; /* yellow tab alternative: #ffba00 */
    border-radius: .25em;
    /*	width: 18%;*/
    width: 20%;
}

.post_production_tab {
    background-color: #278fff; /* blue tab alternative: #007bff */
    border-radius: .25em;
    /*	width: 18%;*/
    width: 20%;
}

.upload_tab {
    background-color: #f97e18; /* blue tab alternative: #007bff */
    border-radius: .25em;
    /*	width: 18%;*/
    width: 20%;
}


li.nav-item a#pills-home-tab, #pills-pre_production-tab, #pills-post_production-tab, #pills-upload-tab {
    color: #000;
}


/* Body Content Styling */
.dashboard-content .bordered-content {
    display: block;
    border: 1px solid #aaa;
    padding: 20px;
}

    .dashboard-content .bordered-content .company-logo {
        max-width: 200px;
        min-width: 50px;
    }

        .dashboard-content .bordered-content .company-logo img {
            width: 100%;
        }

.welcome-text {
    margin-bottom: 25px;
}

    .welcome-text p {
        font-size: 1.25rem;
    }


/* Body Content: Recent Jobs Styling */
table {
    margin-left: 2px;
}

.bordered-content .table-header th {
    padding: 5px 10px;
}

.bordered-content .table-body-row td {
    padding: 0 10px;
}

.recent-jobs {
    background-color: #ff730014;
}

.table-body-row:nth-child(even) {
    background-color: #607d8b30;
}

.table-body-row {
    height: 32px;
    width: 100%;
}


/* Search bar styling */
.dashboard-content .search-container {
    float: right;
}

    .dashboard-content .search-container form {
        margin: 20px;
        border: 1px solid #afafaf;
    }

    .dashboard-content .search-container input[type=text] {
        padding: 6px;
        font-size: 17px;
        border: none;
    }

    .dashboard-content .search-container button {
        float: right;
        padding: 6px 10px;
        background: #ddd;
        font-size: 17px;
        border: none;
        cursor: pointer;
    }

        .dashboard-content .search-container button:hover {
            background: #ccc;
        }


/* Job Details Page */
.j-d-header {
    font-weight: bold;
    width: 25%;
}


/* Rejection Modal */
.rejection-comments {
    width: 100%;
    height: 128px;
}

.welcome-text {
    font-size: 1.5rem;
    font-style: normal;
    font-family: sans-serif;
}