body.admin-login {
    background: linear-gradient(90deg, rgba(94,227,201,1) 0%, rgba(101,180,165,1) 100%);
}

body.admin-login .antialiased,
body.admin-login .min-h-screen{
    height: 100%;
}

body.admin-login .min-h-screen
{
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
    display: flex;
}

body.admin-login .w-full {
    margin: auto;
}

body.admin-login .bg-light {
    /*background-color: rgba(255,255,255,0.8) !important;*/
    background-color: #E7F7F4 !important;
}

.layout-center {
    text-align: center;
}

.login-nav-image {
    /*padding-top: 10px;*/
    padding-bottom: 10px;
}

.admin-login-box {
    border: 1px solid #000;
    width: 500px !important;
    margin: auto;
    background: #FFF;
}

.admin-login-box .form-auth-small {
    max-width: 225px;
    margin: auto;
}

.admin-login-box .font-medium {
    text-align: center;
}

.admin-login-box .text-red-600 {
    color: #F00;
}

.btn-login, .btn-login:hover {
    border-radius: 50px;
    /*
    background-color: #E6E6E6;
    border-color: #E6E6E6;
    */
    background-color: #359D8A;
    border-color: #359D8A;
    font-size: 0.9rem;
    color: #FFF;
    width: auto;
    padding: 5px 28px;
    display: inline-block;
    margin: 0px !important;
}

.btn-login:hover {
    background-color: #359D8A;
    border-color: #359D8A;
}

.btn-login:focus {
    background-color: #359D8A;
    border-color: #359D8A;
}

.btn-outline-light {
    border-radius: 50px;
    padding: 5px 20px;
    color: #359D8A !important;
    border-color: #359D8A !important;
}

.btn-outline-light_primary {
    border-radius: 50px;
    padding: 5px 20px;
    color: #FFF !important;
    background-color: #359D8A !important;
    border-color: #359D8A !important;
}

.navbar-admin {
    background: linear-gradient(to right,#FFF 0,#FFF 100%);
}

.navbar-admin ul img {
    margin-top: 5px;
}

.navbar-nav>li>a,
.navbar-nav>li>a:focus,
.navbar-nav>li>a:hover  {
    color: #000;
}

.navbar-nav>li>a>span::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    margin: 0 0 0 0.5em;
    border: 3px solid transparent;
    border-right: 0 solid transparent;
    border-left: 6px solid #000;
    transform: rotate(90deg);
}

#wrapper .main {
    background-color: inherit;
    padding-top: 20px;
}

.content-heading {
    border-bottom: 0px solid #e3e3e3;
}

.content-heading .page-title {
    font-size: 1.5rem;
}

.page-header {
    padding-left: 0px;
    padding-right: 0px;
    margin: inherit;
}

.page-header div:last-child {
    /*margin-left: auto;*/
    text-align: right;
    margin-top: 3px;
}

.order-header {
    width: 100%;
    display: flex;
    margin-bottom: 20px;
    font-size: 0.8rem;
    border:
}
.order-header form {
    width: 100%;
}
.order-header form:last-child{
    margin-left: auto;
    text-align: right;
}

.order-header select,
.order-header button {
    margin-left: 8px;
    font-size: inherit;
}

.order-header select {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

#wrapper {
    max-width: 1156px;
    margin: auto;
}

.strong-border{
    /*border: 1px solid #707070;*/
    border-color: #707070;
}

.card-header{
    /*
    background-color: #E6E6E6;
    color: #707070;
    */
    background-color: #359D8A;
    color: #FFF;
    font-weight: bold;
    padding: 0px 25px;
    border-bottom: 1px solid #707070;
}

.card-header .card-title,
.card-header .breadcrumb-item
 {
    font-weight: bold;
}

.card .cleardecoration {
    padding: 5px 10px;
    border-bottom: 0px;
}

.card-body {
    padding: 0rem;
}
.card-body .table-responsive,
.modaal-content-container .table-responsive {
    overflow: hidden;
}

.card-body table,
.modaal-content-container table {
    margin: 0.1rem;
    overflow: hidden;
}

.modaal-content-container .table {
    width: auto;
    margin-top: 30px;
    margin-bottom: 40px;
    margin-right: auto;
    margin-left: auto;
}

.card-body .table td,
.card-body .table th,
.modaal-content-container .table td,
.modaal-content-container .table th {
    padding-top: 0rem;
    padding-bottom: 0rem;
    padding-right: 0rem;
    padding-left: 0.25rem;
    border-top: 0px;
}

.card-body .table td.td-subtitle,
.modaal-content-container .table td.td-subtitle {
    text-align: right;
    width: 80px;
}

.card-body .table td.td-order_status {
    vertical-align: middle;
    text-align: right;
    padding-right: 2rem;
}

.btn-order-detail {
    font-size: 0.9rem;
    border-radius: 10px;
    line-height: 1;
    padding: 5px 10px;
    font-size: 0.8rem;
}

.btn-order-detail,
.btn-order-detail:hover {
    background-color: #359D8A;
    border-color: #359D8A;
    font-size: 0.8rem;
    color: #FFF;
}

.btn-order-detail:hover {
    background-color: #B6B6B6;
    border-color: #B6B6B6;
}

.btn-order-detail:focus {
    background-color: #B6B6B6;
    border-color: #B6B6B6;
}

.pagination {
    justify-content: center;
}

.page-item.active .page-link {
    z-index: 3;
    color: inherit;
    background-color: #E6E6E6;
    border-color: #707070;
}

.page-link {
    color: #000;
}

.card-body .data-list {
    margin: 0px;
}
.card-body .data-list th,
.card-body .data-list td {
    border: 1px solid #707070;
    padding: 0.5rem;
    vertical-align: inherit !important;
}

.card-body .data-list th {
    text-align: center;
    min-width: 50px;
}

.card-body .data-list td.center-cell {
    text-align: center;
}

.mx-auto button {
    margin-right: 10px;
    margin-left: 10px;
}

.create-box {
    height: auto;
}

.register-form{
    padding: 0 10%;
}