body.login-page {
    background-color: #0071BD
}

.skin-blue .main-header .logo {
    background-color: #0071BD;
    color: #fff;
    border-bottom: 0 solid transparent;
}

.skin-blue .main-header .navbar {
    background-color: #0071BD;
}

.skin-blue .main-header li.user-header {
    background-color: #E21665;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
    height: 83px;
    padding: 10px;
    text-align: center;
}

a.btn.btn-default.btn-flat {
    background-color: #0071BD;
    color: white !important;
    border-radius: 20px;
}

a.btn.btn-default.btn-flat {
    background-color: #0071BD;
    color: white !important;
    border-radius: 20px;
}

.btn-danger {
    background-color: #E21665;
    border-color: #d73925;
}
.sidebar {
    padding-bottom: 10px;
    background-color: #e700550d;
    color: white !important;
}
.skin-blue .sidebar a {
    color: white;
}

.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li.menu-open>a {
    color: #fff;
    background: #0071BD;
}

.user-panel {
    height: 50px;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
    z-index: 5;
    color: #fff;
    color: rgba(255,255,255);
    font-size: 17px;
    margin-top: 10px;
}

td {
    min-width: 150px !important;
    overflow: hidden;
    max-width: 200px;
}

.flex.justify-between.flex-1.sm\:hidden {
    display: none;
}

.hidden.sm\:flex-1.sm\:flex.sm\:items-center.sm\:justify-between {
    display: block !important;
}



svg.w-5.h-5 {
    fill: #0071BD;
    width: 25px;
    margin-bottom: -7px;
}

a.relative.inline-flex.items-center.px-4.py-2.-ml-px.text-sm.font-medium.text-gray-700.bg-white.border.border-gray-300.leading-5.hover\:text-gray-500.focus\:z-10.focus\:outline-none.focus\:ring.ring-gray-300.focus\:border-blue-300.active\:bg-gray-100.active\:text-gray-700.transition.ease-in-out.duration-150 {
    font-size: 16px;
}

a.relative.inline-flex.items-center.px-2.py-2.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.rounded-l-md.leading-5.hover\:text-gray-400.focus\:z-10.focus\:outline-none.focus\:ring.ring-gray-300.focus\:border-blue-300.active\:bg-gray-100.active\:text-gray-500.transition.ease-in-out.duration-150 {
    width: 50px;
}


span.relative.inline-flex.items-center.px-4.py-2.-ml-px.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.leading-5 {
    font-size: 16px;
    color: #e70055;
}
span.relative.inline-flex.items-center.px-2.py-2.-ml-px.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.rounded-r-md.leading-5 > svg {
    fill:grey
}
span.relative.inline-flex.items-center.px-2.py-2.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.rounded-l-md.leading-5 > svg{
    fill:grey
}
p.text-sm.text-gray-700.leading-5 {
    display: none;