@import url(https://fonts.googleapis.com/css?family=Roboto);@charset "UTF-8";

body{
    font-family: "Roboto" !important;
}
.pf label {
    width: 100%;
    color: #000;
    margin: 0;
    color:#FFF;
}
.pf img{

    width: 50px;
}
.pf {
    width: 100%;
    text-align: left;
    display: inline-block;
    z-index: 101;
}
th,
.table>tbody>tr>td{
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
.form-group{
    margin-bottom: 5px !important;
}
div.DTTT_container {
    padding-left: 15px;
}
.popover {
    width: 235px;
}
table.fixed { table-layout:fixed; }
table.fixed td { table-layout:fixed; overflow: hidden; }
table.table-sm{
    font-size: 11px;
}
table.dataTable tr.group td{
    background-color: #fff;
}
#sidebarCollapse {
    width: 40px;
    height: 40px;
    background: #f5f5f5;
    cursor: pointer;
}
.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}
#sidebarCollapse span {
    width: 80%;
    height: 2px;
    margin: 0 auto;
    display: block;
    background: #555;
    transition: all 0.2s cubic-bezier(0.810, -0.330, 0.345, 1.375);
    /* transition-delay: 0.2s; */
}

#sidebarCollapse span:first-of-type {
    transform: rotate(45deg) translate(2px, 2px);
}
#sidebarCollapse span:nth-of-type(2) {
    opacity: 0;
}
#sidebarCollapse span:last-of-type {
    transform: rotate(-45deg) translate(1px, -1px);
}

#sidebarCollapse.active span {
    transform: none;
    opacity: 1;
    margin: 5px auto;
}

.app-container {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    margin: 0;
}
.app-theme-white .app-footer .app-footer__inner, .app-theme-white .app-header {
    background: #fafbfc;
}
.app-header.header-shadow {
    box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
}
.app-header {
    height: 60px;
    display: flex;
    align-items: center;
    align-content: center;
    position: relative;
    z-index: 10;
    transition: all .2s;
}
.bg-primary {
    background-color: #3f6ad8 !important;
}
.bg-night-sky {
    background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%) !important;
}
.fixed-header .app-header {
    position: fixed;
    width: 100%;
    top: 0;
}
.app-theme-white.fixed-header .app-header__logo {
    background: rgba(250,251,252,0.1);
}
.fixed-header .app-header .app-header__logo {
    visibility: visible;
}
.app-header__logo {
    padding: 0 1.5rem;
    height: 60px;
    width: 280px;
    display: flex;
    align-items: center;
    transition: width .2s;
}
.app-header .app-header__content {
    display: flex;
    align-items: center;
    align-content: center;
    flex: 1;
    padding: 0 1.5rem;
    height: 60px;
}
.app-header .app-header__content .app-header-right {
    align-items: center;
    display: flex;
    margin-left: auto;
}
.app-theme-white .app-sidebar {
    background: #fff;
}
.app-sidebar {
    margin-top: 60px;
    padding: 0 1.5rem;
    height: 60px;
    width: 280px;
    display: flex;
    align-items: center;
    transition: width .2s;
}
.fixed-sidebar .app-sidebar {
    position: fixed;
    height: 100vh;
}
.app-sidebar.sidebar-text-dark {
    border-right: 0 !important;
}
.app-sidebar.sidebar-shadow {
    box-shadow: 7px 0 60px rgba(0,0,0,0.05);
}
.bg-heavy-rain {
    background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%) !important;
}

.app-sidebar .scrollbar-sidebar {
    z-index: 15;
    width: 100%;
}
.scrollbar-sidebar, .scrollbar-container {
    position: relative;
    height: 100%;
}
.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    touch-action: auto;
}
.app-sidebar .app-sidebar__inner {
    padding: 2px 1.5rem 1.5rem;
}
.vertical-nav-menu {
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
}

.app-sidebar__heading {
    text-transform: uppercase;
    font-size: .8rem;
    margin: .75rem 0;
    font-weight: bold;
    color: #3f6ad8;
    white-space: nowrap;
    position: relative;
}
.vertical-nav-menu ul {
    margin: 0;
    transition: padding 300ms;
    padding: .5em 0 0 2rem;
    position: relative;
    list-style: none;
}
.vertical-nav-menu li.mm-active>a {
    font-weight: bold;
}
.vertical-nav-menu li a {
    display: block;
    line-height: 2.4rem;
    height: 2.4rem;
    padding: 0 1.5rem 0 45px;
    position: relative;
    border-radius: .25rem;
    color: #343a40;
    white-space: nowrap;
    transition: all .2s;
    margin: .1rem 0;
}
.vertical-nav-menu i.metismenu-state-icon,
.vertical-nav-menu i.metismenu-icon {
    text-align: center;
    width: 34px;
    height: 34px;
    line-height: 34px;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -17px;
    font-size: 1.5rem;
    opacity: .3;
    transition: color 300ms;
}
.vertical-nav-menu li.mm-active>a i.metismenu-state-icon {
    transform: rotate(-180deg);
}
.vertical-nav-menu i.metismenu-state-icon {
    transition: transform 300ms;
    left: auto;
    right: 0;
}
.app-sidebar.sidebar-text-dark .vertical-nav-menu ul:before {
    background: rgba(0,0,0,0.1);
}
.vertical-nav-menu ul:before {
    content: '';
    height: 100%;
    opacity: 1;
    width: 3px;
    background: #e0f3ff;
    position: absolute;
    left: 20px;
    top: 0;
    border-radius: 15px;
}

.vertical-nav-menu ul>li>a.mm-active {
    color: #3f6ad8;
    background: #e0f3ff;
    font-weight: bold;
}
.vertical-nav-menu li a.mm-active {
    color: #3f6ad8;
    background: #e0f3ff;
    font-weight: bold;
}
.vertical-nav-menu ul>li>a {
    color: #6c757d;
    height: 2rem;
    line-height: 2rem;
    padding: 0 1.5rem 0;
}
.app-sidebar.sidebar-text-dark .vertical-nav-menu ul>li>a.mm-active {
    color: rgba(0,0,0,0.7);
    background: rgba(0,0,0,0.15);
}
.app-sidebar.sidebar-text-dark .vertical-nav-menu li a.mm-active {
    color: rgba(0,0,0,0.7);
    background: rgba(0,0,0,0.15);
}
.app-sidebar.sidebar-text-dark .vertical-nav-menu ul>li>a {
    color: rgba(0,0,0,0.4);
}
.fixed-sidebar .app-main .app-main__outer {
    z-index: 9;
    padding-left: 280px;
}
.app-main .app-main__outer {
    flex: 1;
    flex-direction: column;
    display: flex;
    z-index: 12;
}
.app-main .app-main__inner {
    padding: 30px 10px 0;
    flex: 1;
    z-index: 1 !important;
}
.closed-sidebar:not(.closed-sidebar-mobile) .app-header .app-header__logo {
    width: 0px;
}
.closed-sidebar:not(.closed-sidebar-mobile) .app-header .app-header__logo .logo-src {
    display: none;
}
.closed-sidebar:not(.closed-sidebar-mobile) .app-header .app-header__logo .header__pane {
    position: absolute;
    left: 3px;
}
.closed-sidebar .app-sidebar .app-sidebar__inner .app-sidebar__heading {
    text-indent: -999em;
}
.closed-sidebar.fixed-sidebar .app-main__outer {
    padding-left: 0px;
}
.closed-sidebar .app-sidebar {
    transition: all .3s ease;
    width: 0;
    min-width: 0;
    padding: 0;
    flex: 0 0 0px;
    z-index: 13;
}

.dropdown-menu.dropdown-menu-lg {
    min-width: 22rem;
}
.dropdown-menu.dropdown-menu-right {
    right: 0 !important;
}
.dropdown-menu.show {
    animation: fade-in2 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.dropdown-menu .dropdown-menu-header, .dropdown-menu .menu-header-image, .dropdown-menu .dropdown-menu-header-inner {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
.dropdown-menu-header {
    color: #fff;
    margin-top: -.65rem;
    margin-bottom: .65rem;
    position: relative;
    z-index: 6;
}
.dropdown-menu-header .dropdown-menu-header-inner {
    margin: -1px -1px 0;
    padding: 1.5rem .5rem;
    position: relative;
}
.dropdown-menu .dropdown-menu-header, .dropdown-menu .menu-header-image, .dropdown-menu .dropdown-menu-header-inner {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
.bg-info {
    background-image: linear-gradient(to top, #2054b1 0%, #0b234e 1%, #2a5298 100%) !important;
}
.dropdown-menu-header .menu-header-image {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 8;
    opacity: .25;
    filter: grayscale(80%);
    background-size: cover;
}
.dropdown-menu-header .menu-header-content.text-left {
    padding-left: .5rem;
}
.widget-content {
    padding: 1rem;
    flex-direction: row;
    align-items: center;
}
.widget-content .widget-content-right {
    margin-left: auto;
}
.widget-content .widget-content-wrapper {
    display: flex;
    flex: 1;
    position: relative;
    align-items: center;
}
.btn-focus.btn-shadow {
    box-shadow: 0 0.125rem 0.625rem rgba(68,64,84,0.4), 0 0.0625rem 0.125rem rgba(68,64,84,0.5);
}
.btn.btn-pill.btn-wide, .btn.btn-pill {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
.btn-focus {
    color: #fff;
    background-color: #444054;
    border-color: #444054;
}