/*

Default Styles inserted in here, overwrite bootstrap 4 etc...
@author Matt haselip - Studio One

 */

body,html {
    font-family: 'Helvetica Neue',"Arial Rounded MT Bold";
    background-color:#fff;
}

.qrcode-placeholder, h5#exampleModalLabel {
    text-align:center !important;
}

div.modal-dialog div.modal-content.qrcode-display {
    text-align:center;
}

div.modal-dialog div.modal-content.qrcode-display .modal-header {
    border-bottom:none;
    margin-bottom:0;
}

div.modal-dialog div.modal-content.qrcode-display .modal-body {
    padding:0 60px;
    text-align:center;
}

div.modal-dialog div.modal-content.qrcode-display .modal-body .qrcode-placeholder {
    margin:1.5rem 0;
}

div.modal-dialog div.modal-content.qrcode-display .modal-body h2 {
    font-weight:500;
    font-size:2em;
    color:#ed0c6e;
}

div.modal-dialog div.modal-content.qrcode-display .modal-body h3 {
    display:inline-table;
    margin-bottom:20px;
    padding:10px 20px;
    background-color:#ebebeb;
    padding:10px 40px;
}

div.modal-dialog div.modal-content.qrcode-display .modal-footer {
    text-align:center;
    margin:0;
    border-top:none;
    text-align:initial;
    padding:0 0 55px 0;
}

div.modal-dialog div.modal-content.qrcode-display .modal-footer form#updatestatus {
    width:100%;
}

.navbar-laravel {
    box-shadow:0 2px 10px rgba(0, 0, 0, 0.5);
}

.login-container {
    transform:translateY(50%);
}

.login-container .card {
    border-radius:0;
    box-shadow:0 2px 10px rgba(0, 0, 0, 0.5);
    padding:20px;
}

.login-container input[type=email], .login-container input[type=password] {
    border-radius:0;
    background-color:#ebebeb;
    border-color:#ebebeb;
}

.login-container .checkbox.remember {
    font-size:0.75rem;
}

.login-container .card-header {
    background-color:unset;
    border-bottom:none;
    text-align:center;
    color:#ed0c6e;
    font-weight:500;
    font-size:1.875em;
    padding:0;
    margin-bottom:1rem;
}

.login-container .col-form-label {
    padding-right:0;
    font-size:1rem;
}

.btn-primary {
    background-color:#ed0c6e;
    border-color:#ed0c6e;
}

.btn-primary:hover {
    background-color:#BD0958;
    border-color:#BD0958;
}

.btn-grey {
    background-color:#a1a1a1;
    border-color:#a1a1a1;
    color:#fff !important;
}

.btn {
    text-transform:uppercase;
    padding:.375rem 1.875rem;
    cursor:pointer;
    border-radius:3px;
    font-size:.8rem;
}

.btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    background-color:#BD0958;
    border-color:#BD0958;
}

.btn-forgot {
    text-transform:unset;
    font-size:0.75rem;
    padding:0;
    margin-top:1rem;
    color:#333;
    text-decoration:underline;
    display:block;
    text-align:left;
}

.dataTables_wrapper .dataTables_length {
    float:right;
    margin-bottom: 1.5rem;
}

.dataTables_wrapper .dataTables_filter {
    float:left;
    margin-bottom: 1.5rem;
}

.navbar .container-fluid {
    padding:0;
}

.testkit-container .card {
    border:none;
}

.testkit-container .card-header {
    background-color:unset;
    border-bottom:none;
    color:#ed0c6e;
    text-transform:uppercase;
    font-weight:500;
    font-size:1.875em;
    padding:0;
    margin-bottom:1rem;
}

.testkit-container .card-body {
    padding:0;
}

.testkit-container #testkit {
    margin-bottom:1.5rem;
    border-color:#ced4da;
}

.testkit-container #testkit th, .testkit-container #testkit td, .testkit-container #testkit tr {
    border-color:inherit;
}

.testkit-container #testkit td {
    vertical-align:middle;
}

.testkit-container #testkit td input[type=text] {
    width:100%;
    border:none;
    background-color:unset;
}

.testkit-container #testkit td input[type=text]:focus {
    background-color:#fff;
    border-color:#ced4da;
}

table.dataTable thead th, table.dataTable thead td {
    padding:12px 10px;
    font-weight:400;
    line-height:1.3;
}

.dataTables_wrapper .dataTables_paginate {
    border:1px solid #ced4da;
    border-radius:.25rem;
    padding:0;
}

.testkit-container .dataTables_wrapper .dataTables_paginate .paginate_button {
    border:none !important;
    margin-left:0 !important;
    cursor:pointer;
    padding:0.25em 0.75em;
}

.testkit-container .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .testkit-container .dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background:unset;
}

.testkit-container .dataTables_wrapper .dataTables_paginate span .paginate_button {
    background:unset;
    border:none;
    border-radius:0;
    border-left:1px solid #ced4da !important;
}

.testkit-container .dataTables_wrapper .dataTables_paginate span .paginate_button:hover {
    background:unset;
    border:none;
}

.testkit-container .dataTables_wrapper .dataTables_paginate span .paginate_button:last-of-type {
    border-right:1px solid #ced4da !important;
}

.testkit-container .dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled) {
    color:#ed0c6e !important;
}

.testkit-container .dataTables_wrapper .dataTables_paginate span .paginate_button.current {
    background:#ed0c6e;
    color:#fff !important;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    background-position-x:95%;
    background-position-y:center;
}

.dataTables_wrapper .dataTables_filter input {
    border:1px solid #ced4da;
    padding:0 6px;
}

input#changeStatusButton {
    display:block;
    margin:0 auto;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width:420px;
    }
}

div.modal-dialog div.modal-content.qrcode-display {
    transform:translateY(50%);
}

.modal-backdrop {
    background-color: rgba(240, 240, 240, .9);
}

.forgot-container {
    transform:translateY(50%);
}

.forgot-container .card {
    border-radius:0;
    box-shadow:0 2px 10px rgba(0, 0, 0, 0.5);
    padding:20px 20px 40px;
}

.forgot-container input[type=email], .forgot-container input[type=password] {
    border-radius:0;
    background-color:#ebebeb;
    border-color:#ebebeb;
}

.forgot-container .card-header {
    background-color:unset;
    border-bottom:none;
    text-align:center;
    color:#ed0c6e;
    font-weight:500;
    font-size:1.875em;
    padding:0;
    margin-bottom:1rem;
}

.forgot-container .col-form-label {
    padding-right:0;
    font-size:1rem;
}
legend {
    font-size:initial;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding:5px 10px;
}

#testkit_filter label {
    font-weight:500;
    font-size:1rem;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color:#f2f2f2;
}

table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background-color:unset;
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color:#fbd0e2;
    border-color:#fbd0e2;
}

.pt-4, .py-4 {
    padding-top: 3rem!important;
}

.dataTables_wrapper .dataTables_filter input {
    padding:5px 6px;
}

.dataTables_wrapper .dataTables_paginate {
    margin-top:0.755em;
}

table.dataTable.display tbody tr:hover>.sorting_1, table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
    background-color:unset;
}

@media (max-width: 1500px) {
    .btn {
        padding:.375rem .875rem;
    }
    .mob-width {
        width: 150px;
        min-width: 150px;
    }
}

table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
    padding-right:22px;
}

.testkit-container #testkit th, .testkit-container #testkit td, .testkit-container #testkit tr {
    vertical-align:middle;
}

.testkit-container #testkit th {
    font-weight:500;
}

.modal.fade .modal-dialog {
    -webkit-transition: unset;
    transition: unset;
    -webkit-transform: unset;
    transform: unset;
}

.modal .modal-dialog {
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    top: 50%;
}

div.modal-dialog div.modal-content.qrcode-display {
    -webkit-transform: unset;
    transform: unset;
}

form#uploadTestkit {

    width:100%;

}

.refreshtime {
    float:right;
    font-size: 19px;
}

.ordersearch {
    float:right;
    font-size: 19px;
    text-transform: none;
    margin-right: 10px;
    color: black;
}