html {
    height: 100%;
}

body {
    background: #eceef0 !important;
    min-height: 100%;
    overflow-x: hidden;
    font-family: "Roboto", sans-serif !important;
}

a {
    text-decoration: none !important;
}

.v-btn {
    text-transform: lowercase !important;
    font-size: 0.9em !important;
    letter-spacing: 0.2em !important;
}

/*-----------------
 Header
-----------------------*/
.header {
    background: #1a237e;
    color: white !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    height: 60px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1002;
}

.header .header-left {
    float: left;
    height: 60px;
    padding: 0 20px;
    position: relative;
    text-align: center;
    width: 230px;
    z-index: 1;
    transition: all 0.2s ease-in-out;
}

.header .header-left .logo {
    display: inline-block;
    line-height: 60px;
}

.header .dropdown-menu > li > a {
    position: relative;
}

.header .nav-item.dropdown:not(:first-child) .dropdown-toggle::after {
    display: none;
}

.header .has-arrow .dropdown-toggle[aria-expanded="true"]:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.mobile-user-menu {
    color: #fff;
    display: none;
    float: right;
    font-size: 24px;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    width: 60px;
    z-index: 10;
}

.mobile-user-menu > a {
    color: #fff;
    padding: 0;
}

.mobile-user-menu > .dropdown-menu {
    min-width: 130px;
}

.mobile-user-menu > .dropdown-menu > a {
    line-height: 23px;
}

.page-title-box {
    border-radius: 0;
    float: left;
    height: 60px;
    margin-bottom: 0;
    padding: 17px 20px;
}

.user-menu {
    float: right;
    margin: 0;
    position: relative;
    z-index: 99;
}

.user-menu.nav > li > a {
    color: #0a0a0a;
    font-size: 15px;
    line-height: 60px;
    padding: 0 15px;
    height: 60px;
}

.sidebar {
    background: #f8f9fa;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    margin-top: 0;
    position: fixed;
    top: 60px;
    transition: all 0.2s ease-in-out;
    width: 230px;
    z-index: 1001;
    overflow-y: auto;
}

/* Opened Sidebar */
.sidebar.opened {
    transform: translateX(0);
}

/* Sidebar Inner */
.sidebar-inner {
    height: 100%;
    transition: all 0.2s ease-in-out;
}

/* Sidebar Menu */
.sidebar-menu {
    padding: 10px 0;
}

.sidebar-menu ul {
    font-size: 15px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.sidebar-menu li a {
    display: block;
    font-size: 15px;
    height: auto;
    padding: 12px 20px;
    transition: all 0.3s ease;
}

.sidebar a {
    color: #0c0b0b;
    font-weight: 300;
}

.profile-rightbar {
    display: none !important;
    font-size: 26px;
    margin-left: 15px;
}

.mobile_btn {
    display: none;
    float: left;
}

.sidebar .sidebar-menu > ul > li > a span {
    transition: all 0.2s ease-in-out 0s;
    display: inline-block;
    margin-left: 15px;
    white-space: nowrap;
}

.sidebar-menu ul ul a {
    display: block;
    font-size: 14px;
    padding: 9px 10px 9px 50px;
    position: relative;
}

.sidebar-menu ul ul {
    display: none;
}

.sidebar-menu ul ul ul a {
    padding-left: 70px;
}

.sidebar-menu ul ul ul ul a {
    padding-left: 90px;
}

.sidebar-menu > ul > li {
    position: relative;
}

.sidebar-menu .menu-arrow {
    -webkit-transition: -webkit-transform 0.15s;
    -o-transition: -o-transform 0.15s;
    transition: transform 0.15s;
    position: absolute;
    right: 15px;
    display: inline-block;
    font-family: "FontAwesome";
    text-rendering: auto;
    line-height: 40px;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    line-height: 18px;
    top: 11px;
}

.sidebar-menu .menu-arrow:before {
    content: "\f105";
}

.sidebar-menu li a.subdrop .menu-arrow {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sidebar-menu ul ul a .menu-arrow {
    top: 6px;
}

.sidebar-menu a {
    line-height: 1.3;
    transition: unset;
    -moz-transition: unset;
    -o-transition: unset;
    -ms-transition: unset;
    -webkit-transition: unset;
}

.sidebar-menu > ul > li > a {
    padding: 8px 15px;
    align-items: center;
    display: flex;
    justify-content: flex-start;
    position: relative;
    transition: all 0.2s ease-in-out 0s;
}

.sidebar-menu ul li a i {
    display: inline-block;
    font-size: 24px;
    line-height: 24px;
    text-align: left;
    vertical-align: middle;
    width: 20px;
    transition: all 0.2s ease-in-out 0s;
}

.sidebar-menu ul li.menu-title a i {
    font-size: 16px !important;
    margin-right: 0;
    text-align: right;
    width: auto;
}

.breadcrumb-item a {
    color: #0c0c0c;
}

.page-wrapper {
    left: 0;
    margin-left: 230px;
    padding-top: 60px;
    position: relative;
    transition: all 0.2s ease-in-out;
}

.page-wrapper > .content {
    padding: 0 100px;
}

.page-header .breadcrumb {
    background: #f8f9fa;
    padding: 20px;
}

.page-title {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 5px;
}

.page-sub-title {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 20px;
}

/*-----------------
	Login
-----------------------*/

.account-page {
    align-items: center;
    display: flex;
}

.account-page .main-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.account-content {
    padding: 20px 0;
}

.account-title {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 5px;
    text-align: center;
}

.account-subtitle {
    font-size: 18px;
    margin-bottom: 30px;
    text-align: center;
}

.account-box {
    border-radius: 4px;
    margin: 0 auto;
    overflow: hidden;
    width: 680px;
}

.account-wrapper {
    padding: 20px;
}

.account-logo {
    margin-bottom: 5px;
    text-align: center;
}

.account-box .form-group {
    margin-bottom: 25px;
}

.account-box .account-btn {
    background: blue;
    border: 0;
    border-radius: 4px;
    display: block;
    font-size: 22px;
    padding: 10px 13px !important;
    text-transform: uppercase;
    font-weight: 800 !important;
    width: 100%;
}

.account-box .account-btn:hover,
.account-box .account-btn:focus {
    border: 0;
    opacity: 0.8;
}

.account-box .form-control {
    background-color: #fbfbfb;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    height: 46px;
}

.account-box label {
    color: #1f1f1f;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 5px;
}

.account-logo img {
    max-width: 50%;
    height: auto;
}

.account-footer {
    text-align: center;
}

.account-footer p {
    margin-bottom: 0;
}

/*-----------------
	18. Edit Profile
-----------------------*/

.profile-img-wrap {
    height: 120px;
    position: absolute;
    width: 120px;
    overflow: hidden;
}

.profile-basic {
    margin-left: 140px;
}

.profile-basic .cal-icon {
    width: 100%;
}

.profile-img-wrap img {
    border-radius: 50%;
    height: 120px;
    width: 120px;
}

.fixed-header {
    padding: 10px 15px;
}

.fixed-header .navbar {
    border: 0 none;
    margin: 0;
    min-height: auto;
    padding: 0;
}

.fixed-header .user-info a {
    color: #555;
    text-transform: uppercase;
}

.fixed-header .custom-menu {
    margin: 0 0 1px;
}

.avatar {
    border-radius: 50%;
    display: inline-block;
    font-weight: 500;
    height: 100px;
    line-height: 200px;
    margin: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    width: 100px;
    position: relative;
    white-space: nowrap;
}

.avatar > img {
    border-radius: 50%;
    display: block;
    overflow: hidden;
    width: 100%;
}

.topnav-dropdown-header {
    border-bottom: 1px solid #eee;
    text-align: center;
}

.slide-nav .sidebar {
    margin-left: 0;
}

.sidebar-overlay {
    display: none;
    position: fixed;
    z-index: 90;
    height: 100%;
    left: 0;
    top: 60px;
    width: 100%;
    z-index: 1040;
}

html.menu-opened {
    overflow: hidden;
}

html.menu-opened body {
    overflow: hidden;
}

.checkbox-cell {
    display: flex;
    align-items: center;
}

.checkbox-container {
    margin: auto;
}

.logo-image {
    max-width: 100px;
    height: auto;
}

.profile-logo {
    display: inline-block;
    position: relative;
}

.profile-logo img {
    border-radius: 50%;
    width: 40px;
}

.v-data-table table th {
    background-color: #f7620bd3;
    text-transform: uppercase;
    font-weight: 700 !important;
    font-size: 0.9em;
}

.v-data-table table td {
    font-size: 0.9em !important;
    text-transform: capitalize !important;
}

.v-data-table table tr:hover {
    background-color: #f0f0f0;
}

.v-chip {
    font-size: 0.8rem !important;
}

@media only screen and (max-width: 991.98px) {
    .profile-rightbar {
        display: inline-block !important;
    }

    .profile-info-left {
        border-right: none;
        border-bottom: 2px dashed #ccc;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .header .header-left {
        position: absolute;
        width: 100%;
    }

    .mobile_btn {
        display: block;
    }

    .page-title-box {
        display: none;
    }

    .sidebar {
        margin-left: -225px;
        width: 225px;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
        z-index: 1041;
    }

    .page-wrapper {
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
    }

    a.mobile_btn {
        font-size: 24px;
        height: 60px;
        left: 0;
        line-height: 60px;
        padding: 0 20px;
        position: absolute;
        top: 0;
        width: 60px;
        z-index: 10;
        color: #0a0a0a;
    }
}

@media only screen and (max-width: 767.98px) {
    .user-menu.nav > li > a {
        padding: 0 10px;
    }

    .header {
        z-index: 1040;
    }

    .profile-bg {
        height: 280px;
    }
}

@media only screen and (max-width: 575.98px) {
    .user-menu {
        display: none;
    }

    .mobile-user-menu {
        display: block;
    }

    .page-wrapper > .content {
        padding: 15px;
    }

    .page-title {
        font-size: 18px;
    }

    .account-box {
        width: 100%;
        margin-bottom: 20px;
    }

    .account-page .main-wrapper {
        flex-direction: column;
    }

    .v-data-table {
        overflow-x: auto;
    }
}
.text-home {
    color: #1a237e !important;
}
/* .v-card-title {
    color: white !important;
    font-size: 15px !important;
    font-weight: lighter !important;
    line-height: 1.25rem !important;
} */
.custom_select {
    display: flex;
    justify-content: center;
    align-items: center;
}

:root {
    /* --default variation only 👇 */
    --select-icon-size: 16px;
    --select-icon-margin: 1rem; /* icon right/left position */
    --select-text-icon-gap: 0.5rem; /* gap between text and icon */
}

.select {
    position: relative;
}

.select__input {
    background: #1a237e;
    color: white !important;
    border: 1px solid white !important;
    appearance: none;
    border: 0;
    margin: 0;
    font-size: 1rem;
    padding: 0.1rem
        calc(
            var(--select-icon-size) + var(--select-icon-margin) +
                var(--select-text-icon-gap)
        );
    -webkit-user-select: none;
    user-select: none;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.1),
        0 0 0 1px hsla(230, 13%, 9%, 0.02),
        0 0.3px 0.4px hsla(230, 13%, 9%, 0.025),
        0 1px 3px -1px hsla(230, 13%, 9%, 0.2),
        0 3.5px 6px hsla(230, 13%, 9%, 0.12);
    border-radius: 0.375em;
    transition: box-shadow 0.2s;
}

.select__input:focus {
    outline: none;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.1),
        0 0 0 1px hsla(230, 13%, 9%, 0.02),
        0 0.3px 0.4px hsla(230, 13%, 9%, 0.025),
        0 1px 3px -1px hsla(230, 13%, 9%, 0.2),
        0 3.5px 6px hsla(230, 13%, 9%, 0.12), 0 0 0 2px hsl(0, 0%, 100%),
        0 0 0 4px hsl(230, 7%, 23%);
}

.select__arrow,
.select__flag {
    display: inline-block;
    width: var(--select-icon-size);
    height: var(--select-icon-size);
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 150px;
}

.select__arrow {
    color: inherit;
    right: var(--select-icon-margin);
}

.select__flag {
    left: var(--select-icon-margin);
    background-position: center;
    background-repeat: no-repeat;
    background-size: var(--select-icon-size);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg%3E%3Cpath d='M16 0c-8.8 0-16 7.2-16 16s7.2 16 16 16 16-7.2 16-16-7.2-16-16-16z m11.8 14h-3.8c-0.2-3-0.8-5.8-1.6-8.2 2.8 1.8 4.8 4.8 5.4 8.2z m-11.8 14c-1.2 0-3.6-3.8-4-10h8c-0.4 6.2-2.8 10-4 10z m-4-14c0.4-6.2 2.6-10 4-10s3.6 3.8 4 10h-8z m-2.2-8.2c-1 2.4-1.6 5.2-1.8 8.2h-3.8c0.6-3.4 2.6-6.4 5.6-8.2z m-5.6 12.2h3.8c0.2 3 0.8 5.8 1.6 8.2-2.8-1.8-4.8-4.8-5.4-8.2z m18 8.2c1-2.4 1.4-5.2 1.6-8.2h3.8c-0.4 3.4-2.4 6.4-5.4 8.2z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.custom_select:has(option[value="en"]:checked) .select__flag {
    background-image: url("/assets/img/uk.svg");
}

.custom_select:has(option[value="pt"]:checked) .select__flag {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg%3E%3Cpath d='M5,4H13V28H5c-2.208,0-4-1.792-4-4V8c0-2.208,1.792-4,4-4Z' fill='%232b6519'%3E%3C/path%3E%3Cpath d='M16,4h15V28h-15c-2.208,0-4-1.792-4-4V8c0-2.208,1.792-4,4-4Z' transform='rotate(180 21.5 16)' fill='%23ea3323'%3E%3C/path%3E%3Cpath d='M27,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4H27c2.209,0,4-1.791,4-4V8c0-2.209-1.791-4-4-4Zm3,20c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V8c0-1.654,1.346-3,3-3H27c1.654,0,3,1.346,3,3V24Z' opacity='.15'%3E%3C/path%3E%3Cpath d='M27,5H5c-1.657,0-3,1.343-3,3v1c0-1.657,1.343-3,3-3H27c1.657,0,3,1.343,3,3v-1c0-1.657-1.343-3-3-3Z' fill='%23fff' opacity='.2'%3E%3C/path%3E%3Ccircle cx='12' cy='16' r='5' fill='%23ff5'%3E%3C/circle%3E%3Cpath d='M14.562,13.529l-5.125-.006v3.431h0c.004,.672,.271,1.307,.753,1.787,.491,.489,1.132,.759,1.805,.759,.684,0,1.328-.267,1.813-.75,.485-.484,.753-1.126,.753-1.808v-3.413Z' fill='%23ea3323'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.select__input:focus {
    outline: none;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.1),
        0 0 0 1px hsla(230, 13%, 9%, 0.02),
        0 0.3px 0.4px hsla(230, 13%, 9%, 0.025),
        0 1px 3px -1px hsla(230, 13%, 9%, 0.2),
        0 3.5px 6px hsla(230, 13%, 9%, 0.12), 0 0 0 2px hsl(0, 0%, 100%),
        0 0 0 4px hsl(230, 7%, 23%);
}

.select__arrow,
.select__flag {
    display: inline-block;
    width: var(--select-icon-size);
    height: var(--select-icon-size);
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}