.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-icon, .m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-icon {
    font-size: 2rem;
}
#m_ver_menu .title, #m_ver_menu .subtitle, #m_ver_menu .m-menu__link-text {
    font-size: .9rem;
}
/*.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link {*/
    /*padding: 7px 20px;*/
/*}*/
/*.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__heading, .m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link {*/
    /*height: 32px;*/
/*}*/
.m-aside-menu .m-menu__nav {
    padding-top: 10px;
}
.m-aside-left--minimize .m-aside-menu .m-menu__nav {
    padding-top: 10px;
}
/*.m-brand .m-brand__logo .m-brand__logo-wrapper {*/
    /*padding-left: 20px;*/
/*}*/
.m-aside-menu .m-menu__nav > .m-menu__item.m-menu__item--expanded > .m-menu__link > .m-menu__item-here, .m-aside-menu .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link > .m-menu__item-here {
    border-width: 16px 10px 16px 0;
}
.dataTables_wrapper .dataTable{
    margin-top: 0 !important;
}
.dataTable th{
    font-size: .85rem;
}
.dataTable td, .dataTables_wrapper{
    font-size: .9rem;
}
.dataTable td{
    padding: 7px 8px;
}
.dataTable .btn-reset{
    margin-top: 0 !important;
}
.m-body .m-content {
    padding: 15px;
}
.dataTables_wrapper .dataTable {
    margin-bottom: 0 !important;
}
.dataTables_wrapper .dataTables_scroll {
    margin-top: 0 !important;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--inactive > .m-menu__link {
    background-color: aliceblue;
}
.m-portlet .m-portlet__body, .m-portlet .m-portlet__head {
    padding: 1.4rem;
}
.btn-xs {
    height: 24px !important;
    padding: 0.25rem .7rem;
    font-size: .8rem;
    line-height: 1;
    padding-top: 5px;
}

.m-btn--icon.m-btn--icon-only.btn-xs [class*=" la-"] {
    font-size: 1rem !important;
}
.dataTable thead tr:not(.filter) th {
    background-color: #4c8deb;
    border: none;
    color: #fff;
}
.table-role th {
    vertical-align: middle !important;
}
.table-role tr.parent td{
    cursor: pointer;
}

.table-rule td.disabled {
    background-color: #f0f0f0;
}

span.required {
    color: red;
}

.m-widget24 .m-widget24__item .m-widget24__title_right{
    right: 0;
    position: absolute;
    margin-right: 1.8rem;
    margin-top: 2.5rem;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 600;
}

.highcharts-credits {
    display: none;
}

.m-dropdown__filter .m-dropdown__body{
    display: flex;
    flex-direction: row;
}

.m-dropdown__filter .m-dropdown__body > div{
    display: flex;
    min-width: 200px;
    border-left: 1px solid #d6d6d6;
}

.m-dropdown__filter .m-dropdown__body > div > div{
    height: auto;
    min-height: 40px;
}

.m-dropdown.m-dropdown--open .m-dropdown__filter, .m-dropdown.m-dropdown--hoverable:hover .m-dropdown__wrapper {
    display: flex;
    width: auto;
}

.m-dropdown__filter .m-dropdown__footer{
    border-top: 1px solid #d6d6d6;
}

#m_header_nav{
    background-color: white;
}

.m-aside-left.m-aside-left--skin-dark {
    background: #0068fb; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #0068fb 0%, #059ffb 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #0068fb 0%,#059ffb 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #0068fb 0%,#059ffb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.m-aside-menu.m-aside-menu--skin-dark{
    background: transparent;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__section .m-menu__section-text {
    color: #fff;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text {
    color: #fff;
}

.m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:hover > .m-menu__link > .m-menu__link-icon {
    color: #fff !important;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-icon {
    color: #fff;
}

.m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link > .m-menu__link-icon {
     color: #fff;
}

#header-icon {
    background: #0068fb; /* Old browsers */
}

.m-aside-menu .m-menu__nav > .m-menu__item {
    padding: 3px 10px;
}

.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link {
    padding: 9px 20px;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover {
    background-color: transparent;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__heading, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__link {
    background-color: #059ffb;
    border-radius: 7px;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__link .m-menu__link-icon,
.m-menu__item--active .m-menu__link-text > .subtitle{
    color: white;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__link .m-menu__link-text,
.m-menu__item--active .m-menu__link-text > .title,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__link .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__link .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__link .m-menu__link-icon {
    color: white !important;
}

.m-aside-left--minimize .m-aside-left {
    width: 70px;
}

.m-brand--minimize .m-brand {
    width: 70px;
}

.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__heading, .m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link {
    /*height: auto;*/
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link {
    background-color: #059ffb;
    border-radius: 7px;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__heading, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__link {
    background-color: #059ffb;
    border-radius: 7px 7px 0 0;
}

.m-menu__link-text > .title {
    display: block;
}

.m-menu__link-text > .subtitle {
    display: block;
    font-size: .8rem;
    color: #bccaff;
}

.m-menu__item:hover .m-menu__link-text > .subtitle, .m-menu__item--open .m-menu__link-text > .subtitle {
    color: white;
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item:hover, .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-dropdown--open {
    background: #0068fb; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #0068fb 0%, #059ffb 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #0068fb 0%,#059ffb 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #0068fb 0%,#059ffb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item:hover > .m-nav__link .m-nav__link-icon, .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-dropdown--open > .m-nav__link .m-nav__link-icon{
    color: #fff;
}

.m-dropdown .m-dropdown__wrapper .m-dropdown__header {
    background: #0068fb; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #0068fb 0%, #059ffb 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #0068fb 0%,#059ffb 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #0068fb 0%,#059ffb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.m-card-user .m-card-user__details .m-card-user__name, .m-card-user .m-card-user__details .m-card-user__email, .m-card-user .m-card-user__details .m-card-user__email:hover {
    color: white;
}

.table th {
    padding: 1rem;
}

.table td {
    padding: .5rem;
}

.dataTable th {
    font-size: .9rem;
}

.m-aside-left--minimize .m-aside-menu .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__link {
    width: 50px;
}

.m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__link > .m-menu__link-icon, .m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__link > .m-menu__link-icon {
    color: #fff;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__ver-arrow, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__ver-arrow {
    color: #fff;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__heading .m-menu__ver-arrow, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__link .m-menu__ver-arrow {
    color: #fff;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__heading .m-menu__ver-arrow, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__link .m-menu__ver-arrow {
    color: #fff;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__link .m-menu__link-text {
     color: white;
}

.m-aside-menu .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item {
    background-color: #038dfb;
}

.m-aside-menu .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item:last-child {
    border-radius: 0 0 7px 7px;
}

.m-aside-menu .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item:last-child .m-menu__link {
    border-radius: 0 0 7px 7px;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__heading, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__link,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__heading, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__link {
    background-color: #059ffb;
}

.m-footer--push.m-aside-left--enabled:not(.m-footer--fixed).m-aside-left--minimize .m-footer {
    margin-left: 70px;
}

.m-aside-left--minimize .m-aside-menu .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__submenu {
    margin-left: 67px !important;
}

.m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode="accordion"]).m-menu__item--hover > .m-menu__submenu .m-menu__subnav, .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode="accordion"]).m-menu__item--hover > .m-menu__submenu .m-menu__subnav {
    background-color: #4c8deb;
}

.m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__submenu .m-menu__subnav > .m-menu__item.m-menu__item--parent > .m-menu__link > .m-menu__link-text {
     color: #fff;
 }

.m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode="accordion"]).m-menu__item--hover > .m-menu__submenu .m-menu__subnav .m-menu__item > .m-menu__heading .m-menu__link-text, .m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode="accordion"]).m-menu__item--hover > .m-menu__submenu .m-menu__subnav .m-menu__item > .m-menu__link .m-menu__link-text, .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode="accordion"]).m-menu__item--hover > .m-menu__submenu .m-menu__subnav .m-menu__item > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode="accordion"]).m-menu__item--hover > .m-menu__submenu .m-menu__subnav .m-menu__item > .m-menu__link .m-menu__link-text {
    color: #fff;
}

.m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode="accordion"]).m-menu__item--hover > .m-menu__submenu .m-menu__subnav .m-menu__item > .m-menu__heading .m-menu__link-icon, .m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode="accordion"]).m-menu__item--hover > .m-menu__submenu .m-menu__subnav .m-menu__item > .m-menu__link .m-menu__link-icon, .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode="accordion"]).m-menu__item--hover > .m-menu__submenu .m-menu__subnav .m-menu__item > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode="accordion"]).m-menu__item--hover > .m-menu__submenu .m-menu__subnav .m-menu__item > .m-menu__link .m-menu__link-icon {
    color: #fff;
}

.m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__submenu .m-menu__subnav > .m-menu__item.m-menu__item--parent {
    background-color: #4c8deb;
}
.m-aside-left--minimize .m-aside-menu .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__submenu .m-menu__subnav > .m-menu__item.m-menu__item--parent + .m-menu__item {
    background-color: #4c8deb;
}
.m-aside-left--minimize .m-aside-menu .m-menu__nav .m-menu__item:not([m-menu-submenu-mode="accordion"]).m-menu__item--hover > .m-menu__submenu .m-menu__subnav > .m-menu__item, .m-aside-menu.m-aside-menu--dropdown .m-menu__nav .m-menu__item:not([m-menu-submenu-mode="accordion"]).m-menu__item--hover > .m-menu__submenu .m-menu__subnav > .m-menu__item {
    border-radius: 0;
}
.m-aside-left--minimize .m-aside-menu .m-menu__nav .m-menu__item:not([m-menu-submenu-mode="accordion"]).m-menu__item--hover > .m-menu__submenu .m-menu__subnav > .m-menu__item, .m-aside-menu.m-aside-menu--dropdown .m-menu__nav .m-menu__item:not([m-menu-submenu-mode="accordion"]).m-menu__item--hover > .m-menu__submenu .m-menu__subnav > .m-menu__item {
    background-color: #4c8deb;
}
.m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode="accordion"]).m-menu__item--hover > .m-menu__submenu .m-menu__subnav .m-menu__item.m-menu__item--active > .m-menu__heading, .m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode="accordion"]).m-menu__item--hover > .m-menu__submenu .m-menu__subnav .m-menu__item.m-menu__item--active > .m-menu__link, .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode="accordion"]).m-menu__item--hover > .m-menu__submenu .m-menu__subnav .m-menu__item.m-menu__item--active > .m-menu__heading, .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode="accordion"]).m-menu__item--hover > .m-menu__submenu .m-menu__subnav .m-menu__item.m-menu__item--active > .m-menu__link {
    background-color: #3a60a2;
}
.m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode="accordion"]).m-menu__item--hover > .m-menu__submenu .m-menu__subnav .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-icon, .m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode="accordion"]).m-menu__item--hover > .m-menu__submenu .m-menu__subnav .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-icon, .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode="accordion"]).m-menu__item--hover > .m-menu__submenu .m-menu__subnav .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode="accordion"]).m-menu__item--hover > .m-menu__submenu .m-menu__subnav .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-icon {
    color: #fff;
}
.m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode="accordion"]).m-menu__item--hover > .m-menu__submenu .m-menu__subnav .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-text, .m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode="accordion"]).m-menu__item--hover > .m-menu__submenu .m-menu__subnav .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text, .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode="accordion"]).m-menu__item--hover > .m-menu__submenu .m-menu__subnav .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode="accordion"]).m-menu__item--hover > .m-menu__submenu .m-menu__subnav .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text {
    color: #fff;
}
.m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode="accordion"]).m-menu__item--hover > .m-menu__submenu .m-menu__subnav .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__heading, .m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode="accordion"]).m-menu__item--hover > .m-menu__submenu .m-menu__subnav .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__link, .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode="accordion"]).m-menu__item--hover > .m-menu__submenu .m-menu__subnav .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__heading, .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode="accordion"]).m-menu__item--hover > .m-menu__submenu .m-menu__subnav .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__link {
    background-color: #3a60a2;
    border-radius: 0;
}
.btn, .m-portlet {
    border-radius: .25rem;
}
table {
    border-radius: .25rem;
}
.display-hide {
    display: none;
}

.m-form .m-form__group {
    padding-top: 7px;
    padding-bottom: 7px;
}

.input-required {
    color: red;
}

.btn-brand {
    color: #fff;
    background-color: #4c8deb;
    border-color: #437ceb;
}

.btn-brand:hover {
    color: #fff;
    background-color: #4079dc;
    border-color: #437ceb;
}

.dataTables_wrapper .pagination .page-item.active > .page-link {
    background: #4c8deb;
    color: #ffffff;
}
.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item {
    padding: 0 2px;
}
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text {
    font-family: Poppins;
    /*border-bottom: 3px solid #4c82eb;*/
    padding-bottom: 3px;
    padding-right: 2.5rem;
    color: #6c6c6c;;
}
.m-portlet .m-portlet__head .m-portlet__head-icon {
    color: #6c6c6c;;
}
.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__userpic img {
    /*border: 1px solid #4c82eb;*/
}

.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span, .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span::before, .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span::after {
    background: white;
}
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span {
    background: white;
}
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span::before, .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span::after {
    background: white;
}
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler.m-brand__toggler--active span, .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler.m-brand__toggler--active span::before, .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler.m-brand__toggler--active span::after {
    background: white;
}

.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title {
    height: 30px;
}

.m-wizard.m-wizard--3.m-wizard--success .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step.m-wizard__step--current .m-wizard__step-info a.m-wizard__step-number > span {
    background-color: #4c8deb;
}
.m-wizard.m-wizard--3.m-wizard--success .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step.m-wizard__step--done .m-wizard__step-info a.m-wizard__step-number > span {
    background-color: #4c82eb;
}
.bg-brand {
    background-color: #4c8deb !important;
}
.m-wizard.m-wizard--3.m-wizard--success .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step.m-wizard__step--current .m-wizard__step-info a.m-wizard__step-number:hover > span {
    background-color: #4079dc;
}
.form-control.focus, .form-control:focus {
    border-color: #4c8deb;
}
.form-control {
    border-color: #afbfe7;
    border-radius: 5px;
}
.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single {
    border: 1px solid #afbfe7;
}

.entry-image:hover .portfolio-overlay {
    opacity: 1;
}

.portfolio-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    text-align: center;
    background-color: rgba(0,0,0,0.5);
}

.dark .portfolio-overlay a {
    background-color: rgba(0,0,0,0.5);
    color: #FFF;
}

.portfolio-overlay a.right-icon {
    left: auto;
    right: 50%;
    margin-left: 0;
    margin-right: -44px;
}

.portfolio-overlay a {
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #F5F5F5;
    width: 40px !important;
    height: 40px !important;
    margin: -28px 0 0 -44px;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    color: #444;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
}

.m-table.m-table--head-bg-brand thead th {
    background-color: #4c8deb;
}

.nav-tabs .badge-notif {
    top: 2px;
    right: -10px;
    position: absolute;
}
.nav.nav-pills .nav-item, .nav.nav-tabs .nav-item {
    position: relative;
}
.m-form .form-control-label, .m-form .col-form-label, .m-form .m-form__group > label {
    font-weight: 500;
}

.form-control-static{
    margin-bottom: 0;
}

.m-badge.m-badge--brand{
    background-color: #4c8deb;
}

.validation .request {
    font-size: 1rem !important;
}

.validation .process {
    font-size: 1.3rem !important;
}

.entry-image {
    position: relative;
}

.table-vertical-middle td{
    vertical-align: middle;
}

.cst-legend span {
    display: inline-block;
    width: 15px;
    height: 10px;
}

.cst-legend > div {
    font-size: 10.5px;
    margin-bottom: 3px;
}

.m-subheader__daterange {
    display: inline-block;
    padding: 10px;
    cursor: pointer;
    background: #eff6ff;
}

.m-subheader__daterange .m-subheader__daterange-label {
    padding: 0.7rem 0.75rem 0.7rem 0.75rem;
    font-weight: 500;
}
.m-subheader__daterange .m-btn--icon.m-btn--custom.m-btn--icon-only.btn-sm, .btn-group-sm > .m-btn--icon.m-btn--custom.m-btn--icon-only.btn {
    width: 25px;
    height: 25px;
}
.m-link {
    color: #4c8deb;
}
.m-link:hover {
    color: #4c8deb;
}
.m-brand .m-brand__tools .m-brand__icon > i {
    color: white;
}

.m-table.table-penganggaran, .m-table.table-penganggaran th, .m-table.table-penganggaran td {
    border-color: #4d4d4d;
}

.table-penganggaran th, .table-penganggaran td {
    padding: 5px;
    border: none;
    vertical-align: middle;
}

.table-penganggaran tr th:first-child, .table-penganggaran tr td:first-child {
    padding-left: 10px;
}

.table-rincian tr th:first-child, .table-rincian tr td:first-child {
    padding-left: 5px;
}

.table-penganggaran tr th:last-child, .table-penganggaran tr td:last-child {
    padding-right: 10px;
}

.table-penganggaran tr:first-child th, .table-penganggaran tr:first-child td {
    padding-top: 10px;
}

.table-penganggaran tr:last-child th, .table-penganggaran tr:last-child td {
    padding-bottom: 10px;
}

.table-penganggaran input {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #a9a9a9;
    padding: 5px
}

.table-tolak th, .table-tolak td {
    border: 1px solid black;
}

.table-tolak .m-dropdown__toggle {
    padding: 3px;
}

.table-rincian td {
    line-height: 1;
}

.table-rincian .form-control[readonly] {
    background-color: #ebedf2;
}

.empty-text {
    font-size: 0.6rem;
    font-style: italic;
    color: lightgray;
}

.table-small, .table-small-font{
    font-size: 0.9rem;
}

.table-sm-font, .table-sm-font .form-control {
    font-size: 0.85rem;
}

.table-sm-padding th, .table-sm-padding td {
    padding: .5rem;
}

.table-small .form-control {
    padding: 5px 10px;
    font-size: 0.9rem;
}

.select2-small + .select2 {
    font-size: 0.8rem;
}

.select2-small + .select2 .select2-selection__rendered {
    padding: 6px 8px;
}

.row-finalize td{
    background-color: #f9e4e4;
}

.color-green {
    color: #45b045;
}

@-webkit-keyframes invalid {
    from { background-color: #45b045; }
    to { background-color: inherit; }
}
@-moz-keyframes invalid {
    from { background-color: #45b045; }
    to { background-color: inherit; }
}
@-o-keyframes invalid {
    from { background-color: #45b045; }
    to { background-color: inherit; }
}
@keyframes invalid {
    from { background-color: #45b045; }
    to { background-color: inherit; }
}
.tr-blink {
    -webkit-animation: invalid 2s 1; /* Safari 4+ */
    -moz-animation:    invalid 2s 1; /* Fx 5+ */
    -o-animation:      invalid 2s 1; /* Opera 12+ */
    animation:         invalid 2s 1; /* IE 10+ */
}

form .help-block {
    font-size: 11px;
    font-style: italic;
}

.breadcrumb {
    background-color: transparent !important;
    margin-bottom: 0;
}

.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: "-";
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #6f6f6f;
    content: "/";
}
.breadcrumb .breadcrumb-item a {
    color: #6f6f6f;
}

.breadcrumb .breadcrumb-item a:hover {
    text-decoration: none;
}
.breadcrumb .breadcrumb-item a.ajaxify:hover {
    font-weight: 400;
}
.breadcrumb .breadcrumb-item a.non-active:hover {
    cursor: default;
}
.breadcrumb > li + li::before {
    padding-right: .6rem;
    padding-left: .6rem;
}
.breadcrumb-item + .breadcrumb-item {
    padding-left: 0;
}

.m-subheader {
    padding: 0;
}
.m-subheader .m-subheader__title {
    padding-left: 10px;
    font-family: "Poppins";
}
.trumbowyg-box, .trumbowyg-editor { min-height: 100px; }
.wys-height .trumbowyg-box, .wys-height .trumbowyg-editor { min-height: 150px; }
.trumbowyg-button-pane { z-index: 10; }
.trumbowyg-editor p { margin-bottom: 0; }
.m-checkbox.m-checkbox-small {
    padding-left: 20px;
    font-size: .8rem;
}
.m-checkbox.m-checkbox-small > span {
    height: 15px;
    width: 15px;
}
.m-checkbox.m-checkbox-small > span::after {
    height: 15px;
    width: 15px;
}
.m-checkbox.m-checkbox-small > span::after {
    margin-left: -2px;
    margin-top: -6px;
    width: 5px;
    height: 8px;
}

/* Start : Nav Custom */

#con-head .steps {
    background: #fff;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    border-bottom: 1px solid #e5e5e5;
}

#con-head .nav-custom {
    border-radius: .25rem .25rem 0 0;
    background: white;
    padding: 1rem;
    position: relative;
    z-index: 1;
    border-bottom: 2px solid #f7f8fa;
}

#con-head .steps ul {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -o-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    list-style: none;
    padding-left: 0;
    margin-top: 0;
    width: 100%;
    margin-bottom: 0;
}

#con-head .steps li:first-child {
    width: 37.59%;
}

#con-head .steps li, #con-head .steps li.current {
    outline: none;
    -o-outline: none;
    -ms-outline: none;
    -moz-outline: none;
    -webkit-outline: none;
    position: relative;
    width: 33.33%;
    padding: 15px 20px;
}

#con-head .steps li .title .step-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: rgba(0, 0, 0, 0.1);
    position: relative;
    outline: none;
    -o-outline: none;
    -ms-outline: none;
    -moz-outline: none;
    -webkit-outline: none;
    color: #666;
    font-size: 18px;
    display: inline-block;
}

#con-head .steps li .title .step-text {
    padding: 5px 10px;
}
.nav.nav-custom .nav-link {
    color: #0068fb;
}
.nav.nav-custom .nav-link.active {
    color: #ffffff;
    background-color: #0068fb;
}
.nav.nav-custom, .nav.nav-tabs {
    margin-bottom: 0;
}
#con-head .pt-1 {
    padding-top: 0 !important;
}
#con-head .steps li .step-icon i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

#con-head .steps li .title {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    -o-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    font-size: 0.8rem;
}

#con-head .steps li.current .step-icon, #con-head .steps li.current a:active .step-icon {
    background: rgba(37, 180, 91, 0.2);
    border: 1px solid #25b45b;
    color: #25b45b;
}

#con-head .steps li {
    border-right: 1px solid #e5e5e5;
}

#con-head .steps li:last-child {
    border: none;
}

#con-head .tab-content .tab-pane .m-portlet:first-child {
    border-radius: 0 0 .25rem .25rem;
}

#con-head .tab-content .tab-pane .m-portlet:last-child {
    margin-bottom: 0;
}

.m-form #con-head .m-form__actions {
    padding: 20px 20px;
}

.m-portlet--footer-only {
    position: relative;
}

.m-portlet--footer-only:before {
    content: "";
    height: 7px;
    width: 100%;
    position: absolute;
    top: -7px;
    background: inherit;
    z-index: 2;
}

/* End : Nav Custom */

.m-checkbox-list{
    padding-top: 0.65rem;
}

.media-upload {
    width: 100px;
    height: 100px;
    border: 2px dashed #0068fb;
    border-radius: 8px;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.media-upload > img {
    width: 100%;
    height: 100%;
    object-fit: cover;;
}

.media-upload + .file-upload {
    position: absolute;
    right: -400%;
}

.media-upload .btn-close {
    background-color: red;
    display: inline-block;
    padding: 0 5px;
    border-radius: 10px;;
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
}

.media-upload .btn-close > i {
    font-size: 10px;
    color: white;
}

.table-pulse tr {
    background-color: white;
    transition: background-color .5s;
}

.table-pulse tr.stylish {
    background-color: #ffbcbc;
    transition: background-color .5s;
}

#table-auction-item th{
    vertical-align: middle;
}

/* Start : Card Pull Up */
.bg-gradient-directional-danger {
    background-image: -webkit-linear-gradient(45deg,#ee5253, #ffa3a7);
    background-image: -moz-linear-gradient(45deg,#ee5253,#ffa3a7);
    background-image: -o-linear-gradient(45deg,#ee5253,#ffa3a7);
    background-image: linear-gradient(45deg,#ee5253,#ffa3a7);
    background-repeat: repeat-x;
}

.bg-gradient-directional-success {
    background-image: -webkit-linear-gradient(45deg, #10ac84,#86d1b5);
    background-image: -moz-linear-gradient(45deg,#10ac84,#86d1b5);
    background-image: -o-linear-gradient(45deg,#10ac84,#86d1b5);
    background-image: linear-gradient(45deg,#10ac84,#86d1b5);
    background-repeat: repeat-x;
}

.bg-gradient-directional-info {
    background-image: -webkit-linear-gradient(45deg, #0abde3, #9be5fb);
    background-image: -moz-linear-gradient(45deg,#0abde3,#9be5fb);
    background-image: -o-linear-gradient(45deg,#0abde3,#9be5fb);
    background-image: linear-gradient(45deg,#0abde3, #9be5fb);
    background-repeat: repeat-x;
}

.bg-gradient-directional-warning {
    background-image: -webkit-linear-gradient(45deg, #ff9f43,#fed87c);
    background-image: -moz-linear-gradient(45deg,#ff9f43,#fed87c);
    background-image: -o-linear-gradient(45deg,#ff9f43,#fed87c);
    background-image: linear-gradient(45deg,#ff9f43, #fed87c);
    background-repeat: repeat-x;
}

.pull-up {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.bg-gradient-directional-danger .card-header{
     background: transparent;
}
.pull-up .card-header:first-child {
    border-radius: -webkit-calc(.35rem - 1px) -webkit-calc(.35rem - 1px) 0 0;
    border-radius: -moz-calc(.35rem - 1px) -moz-calc(.35rem - 1px) 0 0;
    border-radius: calc(.35rem - 1px) calc(.35rem - 1px) 0 0;
}

.white {
    color: #fff !important;
}

.pull-up .card-header {
    border-bottom: none;
    background-color: transparent;
}

.pull-up .card-title {
    margin-bottom: 0;
}

.pull-up .card-body .media-body h6{
    font-size: .8rem;
}

.pull-up .card-body {
    padding: .5rem 1.25rem;
}

.card.pull-up {
    border: none;
}
/* End : Card Pull Up */

.m-portlet {
    margin-bottom: 1.5rem;
}

.con-top-tab {
    width: 100%;
    margin-bottom: 10px;
}

.con-top-tab > div {
    padding-bottom: 10px;
}

.con-top-tab .con-clock {
    font-size: .8rem;
    font-weight: bold;
    vertical-align: middle;
}

.con-top-tab .con-clock i{
    margin-right: 5px;
}

.con-top-tab .con-clock .start i {
    color: green;
}

.con-top-tab .con-clock .end i {
    color: red;
}

.con-top-tab td {
    vertical-align: middle;
    padding: 10px;
}

.con-top-tab td:not(:last-child) {
    border-right: 1px solid #c6c6c6;
}

.notif-chat {
    overflow-x: scroll;
    font-size: .8rem;
}

.notif-chat > span {
    padding: 5px 10px;
    display: block;
}

.notif-chat > span:not(:last-child) {
    border-bottom: 1px solid #dfdfdf;
}

.notif-chat > span > span.clock {
    font-size: .7rem;
    font-weight: bold;
    color: #ee5354;
}

#con-perpanjang-waktu {
    background-color: #f0f0f0;
    border-radius: 10px;
    padding: 15px 0;
}