body {
    font-family: inherit !important;
    overflow-x: hidden;
}

.bg-content {
    background-color: rgba(242, 247, 248, 0.9)!important;
    border-radius: 10px!important;
    font-size: 14px!important;
    /* opacity: 0.5; */
}

.relative {
    position: relative!important;
}

.absolute {
    position: absolute!important;
    right: 12px!important;
    top: 3px!important;
    font-size: 20px!important;
    z-index: 5!important;
}

.bg-body {
    background-image: url("../../images/bg_login.jpg");
    /* background-repeat: no-repeat; */
    background-size: 100% 100%;
    /* position: absolute; */
}

.bg_login {
    width: 100%;
    height: 100%;
    background-color: rgba(163, 186, 184, 0.8);
    background-size: 100% 100%;
    /* opacity: 0.8; */
    position: relative;
}

.info {
    border-radius: 3px;
    width: 160px;
    height: 200px;
    text-align: center;
    margin-bottom: 15px!important;
    padding-top: 15px!important;
    background: #08879d!important;
    /* background: linear-gradient(to top, #6c98bf 0%, #6dd5ed 100%);
    box-shadow: 0 30px 30px -30px #6c98bf; */
}

.info:hover {
    transition-duration: 1s;
    background: #40b1c4!important;
}

.number {
    font-size: 42px;
}

.home_icon {
    text-align: center;
    padding: 10px 0px 20px 0px;
    font-size: 50px;
}

.name {
    font-size: 18px;
}

.name-title {
    height: 40px!important;
}

.title {
    padding-top: 1em;
    text-decoration: none;
    font-size: 1.5rem;
    margin-left: 30px!important;
    color: #fd2806!important
}

.container {
    margin-top: 15px;
}

.title-name {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 30px;
    text-align: center;
}

.title-home {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
    font-size: 20px;
    color: black!important
}

.buttons {
    padding: 3px !important;
}

.order-total {
    font-size: 18px;
    color: #ef0d10
}

.name-order {
    font-size: 16px;
}

select.form-control:not([size]):not([multiple]) {
    height: 38px!important;
}

::placeholder {
    color: #99a09e!important
}

input,
select,
textarea {
    border: 1px solid #5f9bd4!important;
    color: #000!important;
}

.form-control:hover {
    color: #000!important;
    border: 1px solid #e3ab2f!important;
}

.form-control {
    border: 1px solid #5f9bd4!important;
    background: #f4f1fc!important
}

.form_login {
    color: #000!important;
    background: none !important;
    border: none !important;
    border-bottom: 1px solid #4a81e5!important;
}


/* .form_login::placeholder {
    color:#fff;
    opacity: 1;
  } */


/* ::placeholder { 
    color: #fff; 
} 
  
:-ms-input-placeholder { 
    color: #fff; 
} 
  
::-ms-input-placeholder{ 
    color: #fff; 
}  */

.form_login:hover {
    color: #000!important;
    background: none !important;
    border: none !important;
    border-bottom: 1px solid #e3ab2f!important;
}

.table-use th tr td {
    border: 1px solid #5f9bd4!important;
}

table {
    border-collapse: collapse;
}

.user-account {
    margin: 12px!important;
}

.user-account .dropdown .dropdown-menu li.divider:hover {
    border-bottom: 1px solid #6c98bf;
    margin: 10px 0;
}

.user-account .dropdown .dropdown-menu {
    transform: none !important;
    border: none;
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.5);
    padding: 15px;
    background: #fff!important;
    border-radius: .55rem;
}


/* @media screen and (max-width: 1025px){
    .navbar-fixed-top .navbar-brand {
        float: left;
    }
} */

nav.navbar.navbar-fixed-top {
    border-bottom: 1px solid #6c98bf;
    /* margin-bottom: 30px; */
    height: 67px;
}

.navbar-fixed-top .navbar-brand {
    padding: 15px 0;
    position: relative;
    width: 100%;
}

.navbar-fixed-top .navbar-right {
    width: calc(100% - 250px);
    /* margin-right: 0px; */
    margin-left: 100px;
}

.user-account .dropdown .dropdown-menu a {
    padding: 10px;
    font-size: 14px;
    color: #000!important;
}

.user-account .dropdown .dropdown-menu a:hover {
    padding: 10px;
    font-size: 14px;
    color: #6c98bf!important;
}

.name-user {
    font-size: 20px!important
}

.bg-thead {
    background-color: #7b9cba!important
}

.table-use tbody tr:hover {
    background-color: #d7d8a3!important
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #b0bf6c !important;
}

.table tbody tr td,
.table tbody th td {
    vertical-align: middle;
    white-space: nowrap;
    color: #000;
}

::selection {
    background: #0d518e!important;
    color: #fff !important;
}

input:-internal-autofill-selected {
    background-color: rgb(232, 240, 254) !important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
}

.bg-home-order {
    background: linear-gradient(to bottom right, #ee498c, #45f47f);
    box-shadow: 0 30px 30px -30px rgba(241, 134, 71, 1);
    border-radius: 6px;
}

.bg-home-order-today {
    background: linear-gradient(to bottom right, #24cabc, #a4b021);
    box-shadow: 0 30px 30px -30px rgba(255, 70, 76, 0.8);
    border-radius: 6px;
}

.bg-home-product-today {
    background: linear-gradient(to bottom right, #ca24c4, #21b057);
    box-shadow: 0 30px 30px -30px rgba(77, 186, 212, 0.8);
    border-radius: 6px;
}

.bg-home-product {
    background: linear-gradient(to bottom right, #24cac3, #b02195);
    box-shadow: 0 30px 30px -30px rgba(34, 149, 101, 0.8);
    border-radius: 6px;
}

.bg-home-shop {
    background: linear-gradient(to bottom right, #3a971d, #ed1a53);
    box-shadow: 0 30px 30px -30px rgba(34, 149, 101, 0.8);
    border-radius: 6px;
}

.bg-home-user {
    background: linear-gradient(to bottom right, #ca2449, #21b092);
    box-shadow: 0 30px 30px -30px rgba(34, 149, 101, 0.8);
    border-radius: 6px;
}

.bg-home-product-today:hover {
    box-shadow: 0 15px 15px -15px rgba(65, 155, 137, 1);
    transition: 0.3s;
    margin-top: 6px;
}

.bg-home-order-today:hover {
    box-shadow: 0 15px 15px -15px rgba(65, 155, 137, 1);
    transition: 0.3s;
    margin-top: 6px;
}

.bg-home-order:hover {
    box-shadow: 0 15px 15px -15px rgba(65, 155, 137, 1);
    transition: 0.3s;
    margin-top: 6px;
}

.bg-home-shop:hover {
    box-shadow: 0 15px 15px -15px rgba(65, 155, 137, 1);
    transition: 0.3s;
    margin-top: 6px;
}

.bg-home-user:hover {
    box-shadow: 0 15px 15px -15px rgba(65, 155, 137, 1);
    transition: 0.3s;
    margin-top: 6px;
}

.bg-home-product:hover {
    box-shadow: 0 15px 15px -15px rgba(65, 155, 137, 1);
    transition: 0.3s;
    margin-top: 6px;
}

.padding-card-home {
    padding: 30px 20px 10px 20px;
}

.file-upload .file-select input[type=file] {
    z-index: 0!important;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}