.widget-content-area {
    padding: 20px;
    position: relative;
    background-color: #fff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}


.admin-data-content {
    height: calc(100vh - 132px);
    max-width: 100%;
    margin: 0;
}

.admin-header .header-container {
    margin: 0;
    max-width: 100%;
}

.footer-wrapper {
    max-width: 100%;
    margin: 0;
}


/* User Profile Dropdown*/
.admin-header .header-container .nav-item.user-profile-dropdown {
    align-self: center;
    padding: 0;
    border-radius: 8px;
    margin-left: 22px;
    margin-right: 0;
}

.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-toggle {
    display: flex;
    justify-content: flex-end;
    padding: 0 20px 0 16px;
    transition: .5s;
}

.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-toggle:after {
    display: none;
}

.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-toggle svg {
    color: #515365;
    width: 15px;
    height: 15px;
    align-self: center;
    margin-left: 6px;
    stroke-width: 1.7px;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.admin-header .header-container .nav-item.user-profile-dropdown.show .dropdown-toggle svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.admin-header .header-container .nav-item.user-profile-dropdown a.user .media {
    margin: 0;
}

.admin-header .header-container .nav-item.user-profile-dropdown a.user .media img {
    width: 33px;
    height: 33px;
    border-radius: 6px;
    box-shadow: 0 0px 0.9px rgba(0, 0, 0, 0.07), 0 0px 7px rgba(0, 0, 0, 0.14);
    margin-right: 13px;
    border: none;
}

.admin-header .header-container .nav-item.user-profile-dropdown a.user .media .media-body {
    flex: auto;
}

.admin-header .header-container .nav-item.user-profile-dropdown a.user .media .media-body h6 {
    color: #4361ee;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0;
}

.admin-header .header-container .nav-item.user-profile-dropdown a.user .media .media-body h6 span {
    color: #515365;
}

.admin-header .header-container .nav-item.user-profile-dropdown a.user .media .media-body p {
    color: #bfc9d4;
    font-size: 10px;
}

.admin-header .header-container .nav-item.user-profile-dropdown .nav-link.user {
    padding: 0 0;
    font-size: 25px;
}

.admin-header .header-container .nav-item.dropdown.user-profile-dropdown .nav-link:after {
    display: none;
}

.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-menu {
    z-index: 9999;
    max-width: 13rem;
    padding: 0 11px;
    top: 166% !important;
}

.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-menu.show {
    top: 42px !important;
}

.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-menu .user-profile-section {
    padding: 16px 14px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-right: -12px;
    margin-left: -12px;
    background: rgb(96 152 149);
    margin-top: -1px;
}

.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-menu .user-profile-section .media {
    margin: 0;
}

.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-menu .user-profile-section .media img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 3px solid rgb(224 230 237 / 58%);
}

.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-menu .user-profile-section .media .media-body {
    align-self: center;
}

.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-menu .user-profile-section .media .media-body h5 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    color: #fafafa;
}

.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-menu .user-profile-section .media .media-body p {
    font-size: 11px;
    font-weight: 500;
    margin-bottom: 0;
    color: #e0e6ed;
}

.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item {
    padding: 0;
    background: transparent;
}

.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item a {
    display: block;
    color: #3b3f5c;
    font-size: 13px;
    font-weight: 600;
    padding: 9px 14px;
}

.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item a:hover {
    color: #000
}

.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item.active,
.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item:active {
    background-color: transparent;
}

.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item:not(:last-child) {
    border-bottom: 1px solid #ebedf2;
}

.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item svg {
    width: 17px;
    margin-right: 7px;
    height: 17px;
    color: #009688;
    fill: rgb(0 150 136 / 13%);
}

#content .col-left {
    margin-right: 0;
}

.navbar .navbar-item.navbar-dropdown {
    margin-left: auto;
}

.layout-px-spacing {
    min-height: calc(100vh - 145px) !important;
}

.widget-content-area {
    padding: 20px;
    position: relative;
    background-color: #fff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.dashboard {
    /* background: rgba(203,203,210,.15); */
    background: #eef1f5;
    font-family: Quicksand;
}

.all-card {
    padding: 30px;
}

.card {
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, .05);
    background-color: #fff;
    margin-bottom: 30px;
    box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15);
}

.border-left-pink {
    border-left: 4px solid #f5365c;
}

.border-left-orange {
    border-left: 4px solid #fb6340;
}

.border-left-yellow {
    border-left: 4px solid #ffd600;
}

.border-left-blue {
    border-left: 4px solid #11cdef;
}

.text-title {
    color: #8898aa;
    font-weight: 500;
    font-size: 14px;
}

.text-amount {
    font-weight: 600;
}

.icon-shape {
    border-radius: 50%;
    color: #fff;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}

.icon-area {
    background: #f5365c;
}

.icon-pie {
    background: #fb6340;
}

.icon-user {
    background: #ffd600;
}

.icon-percent {
    background: #11cdef;
}

.chart {
    padding: 30px;
}

@media (min-width: 992px) and (max-width: 1300px) {
    .dashboard .card {
        .text-title {
            font-size: 12px;
        }

        .text-amount {
            font-size: 18px;
        }

        .icon-shape {
            width: 35px;
            height: 35px;
            font-size: 20px;
        }
    }

    @media (max-width: 360px) {
        .icon-shape {
            display: none !important;
        }
    }
}


.footer-wrapper {
    max-width: 100%;
    margin: 0;
}


/* User Profile Dropdown*/
.admin-header .header-container .nav-item.user-profile-dropdown {
    align-self: center;
    padding: 0;
    border-radius: 8px;
    margin-left: 22px;
    margin-right: 0;
}

.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-toggle {
    display: flex;
    justify-content: flex-end;
    padding: 0 20px 0 16px;
    transition: .5s;
}

.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-toggle:after {
    display: none;
}

.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-toggle svg {
    color: #515365;
    width: 15px;
    height: 15px;
    align-self: center;
    margin-left: 6px;
    stroke-width: 1.7px;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.admin-header .header-container .nav-item.user-profile-dropdown.show .dropdown-toggle svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.admin-header .header-container .nav-item.user-profile-dropdown a.user .media {
    margin: 0;
}

.admin-header .header-container .nav-item.user-profile-dropdown a.user .media img {
    width: 33px;
    height: 33px;
    border-radius: 6px;
    box-shadow: 0 0px 0.9px rgba(0, 0, 0, 0.07), 0 0px 7px rgba(0, 0, 0, 0.14);
    margin-right: 13px;
    border: none;
}

.admin-header .header-container .nav-item.user-profile-dropdown a.user .media .media-body {
    flex: auto;
}

.admin-header .header-container .nav-item.user-profile-dropdown a.user .media .media-body h6 {
    color: #4361ee;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0;
}

.admin-header .header-container .nav-item.user-profile-dropdown a.user .media .media-body h6 span {
    color: #515365;
}

.admin-header .header-container .nav-item.user-profile-dropdown a.user .media .media-body p {
    color: #bfc9d4;
    font-size: 10px;
}

.admin-header .header-container .nav-item.user-profile-dropdown .nav-link.user {
    padding: 0 0;
    font-size: 25px;
}

.admin-header .header-container .nav-item.dropdown.user-profile-dropdown .nav-link:after {
    display: none;
}

.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-menu {
    z-index: 9999;
    max-width: 13rem;
    padding: 0 11px;
    top: 166% !important;
}

.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-menu.show {
    top: 42px !important;
}

.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-menu .user-profile-section {
    padding: 16px 14px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-right: -12px;
    margin-left: -12px;
    background: rgb(96 152 149);
    margin-top: -1px;
}

.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-menu .user-profile-section .media {
    margin: 0;
}

.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-menu .user-profile-section .media img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 3px solid rgb(224 230 237 / 58%);
}

.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-menu .user-profile-section .media .media-body {
    align-self: center;
}

.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-menu .user-profile-section .media .media-body h5 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    color: #fafafa;
}

.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-menu .user-profile-section .media .media-body p {
    font-size: 11px;
    font-weight: 500;
    margin-bottom: 0;
    color: #e0e6ed;
}

.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item {
    padding: 0;
    background: transparent;
}

.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item a {
    display: block;
    color: #3b3f5c;
    font-size: 13px;
    font-weight: 600;
    padding: 9px 14px;
}

.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item a:hover {
    color: #000
}

.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item.active,
.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item:active {
    background-color: transparent;
}

.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item:not(:last-child) {
    border-bottom: 1px solid #ebedf2;
}

.admin-header .header-container .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item svg {
    width: 17px;
    margin-right: 7px;
    height: 17px;
    color: #009688;
    fill: rgb(0 150 136 / 13%);
}

#content .col-left {
    margin-right: 0;
}

/*
The below code is for DEMO purpose --- Use it if you are using this demo otherwise, Remove it
*/
.navbar .navbar-item.navbar-dropdown {
    margin-left: auto;
}

.layout-px-spacing {
    min-height: calc(100vh - 145px) !important;
}