.login-page, .register-page {
    background: #f5f5f5;
    display: flex;
    align-items: center;
    flex-direction: column;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    height: 100vh !important;
}

.login-box-body, .register-box-body {
    border-radius: 10px;
}

.login-box {
    border: 1px solid #CCC;
    border-radius: 10px;
    margin: 0;
    background-color: #f5f5f5;
}

.login-box .login-portal-title {
    margin: 0;
    padding-top: 10px;
}

.login-box .login-box-header {
    /*background: #f5f5f5;*/
    /*border-top-left-radius: 10px;*/
    /*border-top-right-radius: 10px;*/
}

.login-logo {
    max-height: 180px;
    max-width: 180px;
    display: block;
    margin: 0 auto;
    padding-bottom: 15px;
    padding-top: 15px;
}

.login-logo.small-logo {
    max-height: 135px;
    max-width: initial;
}
.login-logo.xsmall-logo {
    max-height: 105px;
    max-width: initial;
    margin: 10px auto 0;
}

@media (min-width: 768px) {
    .login-box {
        width: 520px;
    }
}

/*.fields-dropdown {*/
/*    max-height: 350px;*/
/*    overflow: auto;*/
/*}*/

/*.filter-dropdown {*/
/*    max-height: 350px;*/
/*    overflow: auto;*/
/*}*/

/*.navbar-default.navbar-filters .navbar-nav > li > a, .navbar-default.navbar-filters .navbar-nav > li {*/
/*    height: 53px;*/
/*}*/

/*.navbar-default .navbar-nav>.dropdown-info>a {*/
/*    background-color: #00c0ef !important;*/
/*    color: #FFF !important;*/
/*}*/

/*.navbar-default .navbar-nav>.dropdown-info.open>a,.navbar-default .navbar-nav>.dropdown-info>a:hover {*/
/*    background-color: #00acd6 !important;*/
/*    color: #FFF !important;*/
/*}*/

/*.navbar-default .navbar-nav>.dropdown-user-filters>a {*/
/*    background-color: #009688 !important;*/
/*    color: #FFF !important;*/
/*}*/

/*.navbar-default .navbar-nav>.dropdown-user-filters.open>a,.navbar-default .navbar-nav>.dropdown-user-filters>a:hover {*/
/*    background-color: #00897b !important;*/
/*    color: #FFF !important;*/
/*}*/

/*.dropdown-user-filters .dropdown-menu>li.edit-filters>a:hover {*/
/*    background-color: #00897b !important;*/
/*    color: #FFF !important;*/
/*}*/
/*.dropdown-user-filters .dropdown-menu>li.edit-filters>a {*/
/*    background-color: #009688 !important;*/
/*    color: #FFF !important;*/
/*}*/

/*.filter-menu .dropdown-menu>li.filter-title>a {*/
/*    color: #333;*/
/*}*/

/*.filter-menu .dropdown-menu>li.filter-title>a {*/
/*    border-top: 2px solid #f5f5f5;*/
/*    border-left: 3px solid transparent;*/
/*}*/
/*.filter-menu .dropdown-menu>li.filter-title:first-of-type {*/
/*    border-top: 0;*/
/*}*/

/*.filter-menu .dropdown-menu>li.filter-title>a:hover {*/
/*    background-color: initial !important;*/
/*}*/

/*.filter-menu .dropdown-menu>li.active.filter-title>a,.dropdown-menu>li.active.filter-title>a:hover {*/
/*    color: #333;*/
/*    background-color: #FFF;*/
/*    border-left: 3px solid #337ab7;*/
/*}*/

/*.filter-menu .dropdown-menu>li.parent-active>a {*/
/*    border-left: 3px solid #337ab7;*/
/*}*/
/*.filter-menu .dropdown-menu>li>a {*/
/*    border-left: 3px solid transparent;*/
/*}*/

/*.navbar-default .navbar-nav>li>a.danger-hover:hover {*/
/*    background-color: #e51c23;*/
/*    color: #FFF !important;*/
/*}*/
/*.navbar-default .navbar-nav>li>a.success-hover:hover {*/
/*    background-color: #4CAF50;*/
/*    color: #FFF !important;*/
/*}*/
/*.navbar-default .navbar-nav>li>a.save-button:hover {*/
/*    background-color: #009688;*/
/*    color: #FFF !important;*/
/*}*/
/*.navbar-default .navbar-nav>li>a.save-button {*/
/*    color: #009688 !important;*/
/*}*/

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0;
}

.chart-column {
    position: absolute;
    right: 0;
    width: 35%;
    height: 100%;
}

.stats-table {
    border-collapse: separate; /* Don't collapse */
    border-spacing: 0;
}

.stats-table th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #f5f5f5;
}

.stats-table tr:last-child > th[scope=row] {
    border-bottom: 0;
}

.stats-table th[scope=row] {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 1;
    background-color: #f5f5f5;
    box-sizing: border-box;
    background-clip: padding-box;
    border-bottom: 1px solid #ddd;
}

.stats-table td {
    text-align: center;
}

.stats-table th[scope=row] {
    min-width: 20em;
}

@media (max-width: 992px) {
    .chart-column {
        position: relative;
        width: 100%;
    }
}


/*.filter-search, .input-group.filter-search{*/
/*    height: 51px;*/
/*    border: 0;*/
/*    width: 300px;*/
/*}*/

/*.filter-search .form-control{*/
/*    height: 52px;*/
/*    border: 0;*/
/*}*/
/*.filter-search .btn{*/
/*    height: 52px;*/
/*}*/

/*.quickfilters {*/
/*    border-left: 1px solid #00c0ef;*/
/*    border-right: 1px solid #00c0ef;*/
/*    border-bottom: 1px solid #00c0ef;*/
/*    margin-bottom: -1px;*/
/*}*/


/*.quickfilters-label {*/
/*    background-color: #00c0ef;*/
/*    border: 1px solid #00c0ef;*/
/*    color: #FFF !important;*/
/*    font-weight: bold;*/
/*    margin: 0;*/
/*    padding: 5px 15px;*/
/*    text-align: center;*/
/*}*/

/*.quickfilters .navbar-nav>li>a {*/
/*    padding-top: 16px !important;*/
/*    padding-bottom: 16px !important;*/
/*}*/

/*.quicksearch {*/
/*    border-left: 1px solid #00c0ef;*/
/*    border-right: 1px solid #00c0ef;*/
/*    border-bottom: 1px solid #00c0ef;*/
/*    margin-bottom: -1px;*/
/*}*/

/*.quicksearch-label {*/
/*    background-color: #00c0ef;*/
/*    border: 1px solid #00c0ef;*/
/*    color: #FFF !important;*/
/*    font-weight: bold;*/
/*    margin: 0;*/
/*    padding: 5px 15px;*/
/*    text-align: center;*/
/*}*/

/*.filter-menu {*/
/*    !*border-left: 1px solid #00c0ef;*!*/
/*    !*border-right: 1px solid #00c0ef;*!*/
/*    !*border-bottom: 1px solid #00c0ef;*!*/
/*    margin-bottom: -1px;*/
/*}*/

/*.filters-item {*/
/*    border-left: 1px solid #00c0ef;*/
/*    border-right: 1px solid #00c0ef;*/
/*    border-bottom: 1px solid #00c0ef;*/
/*}*/

/*.search-menu {*/
/*    border-left: 1px solid #00c0ef;*/
/*    border-right: 1px solid #00c0ef;*/
/*    border-bottom: 1px solid #00c0ef;*/
/*    margin-bottom: -1px;*/
/*}*/

/*.search-menu .form-control {*/
/*    background-color: #FFF;*/
/*    color: #555;*/
/*}*/
/*!*.search-menu .form-control::placeholder { !* Chrome, Firefox, Opera, Safari 10.1+ *!*!*/
/*!*    color: #FFF;*!*/
/*!*}*!*/
/*!*.search-menu .form-control::-ms-input-placeholder { !* Edge *!*!*/
/*!*    color: #FFF;*!*/
/*!*}*!*/

/*.search-menu .btn-info {*/
/*    border: 0 !important;*/
/*}*/

/*.filter-menu>li>a{*/
/*    padding-top: 16px !important;*/
/*}*/

.kanban-container-masonry {
    display: block;
}
.kanban-container-flex {
    display: flex;
    flex: 1;
    overflow-x: scroll;
    white-space: nowrap;
}

@media (max-width: 576px) {
    .kanban-container-masonry .kanban-column {
        width: calc(100vw);
    }
}

.kanban-column {
    width: 25%;
    padding-right: 0.75rem;
    padding-bottom: 0.75rem;
}

.kanban-container-flex .kanban-column {
    flex: 1 0 auto;
    width: 45rem;
    flex-direction: column;
}

.kanban-column .card,
.kanban-column .card {
    background: #dee2e6;
    padding: 1rem;
    border-radius: 10px;
}

.kanban-column .card .actions {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #FFF;
    padding: 5px;
}

.kanban-container-flex .kanban-column .card .items {
    overflow-y: auto;
    overflow-x: visible;
    max-height: 75vh;
}

.kanban-column .card .actions a.sonata-ba-action span{
    display: none;
}

.kanban-column .card .box .box-header{
    overflow: hidden;
    white-space: nowrap;
}

.kanban-column .card .box .nav-stacked>li>a{
    padding: 10px 15px 10px 5px;
}

/*@media (max-width: 768px) {*/
/*    .quickfilters .navbar-nav {*/
/*        margin: 0 !important;*/
/*    }*/
/*    .quickfilters {*/
/*        margin-left: -15px;*/
/*        margin-right: -15px;*/
/*    }*/
/*    .quicksearch {*/
/*        margin-left: -15px;*/
/*        margin-right: -15px;*/
/*    }*/
/*    .filter-search, .input-group.filter-search {*/
/*        width: auto;*/
/*    }*/
/*}*/

.nav-tabs-custom>.tab-content {
    background: #f7f7f7;
}

.nav-tabs-custom>.nav-tabs>li.active>a, .nav-tabs-custom>.nav-tabs>li.active:hover>a {
    background-color: #f7f7f7;
}

.profile-user-icon.small {
    width: 50px;
    height: 50px;
}

.profile-user-icon {
    text-align: center;
    width: 84px;
    height: 84px;
    border: 3px solid #666;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.profile-user-icon i {
    /*margin-top: 4px;*/
    color: #666;
    line-height: 70px;
}
.profile-user-icon.small i {
    /*margin-top: 4px;*/
    color: #666;
    line-height: 36px;
}

/*.collection-remove-placeholder {*/
/*    background-color: rgba(198, 40, 40, 0.8);*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    position: absolute;*/
/*    z-index: 4;*/
/*    text-align: center;*/
/*    left: 0;*/
/*    top: 0;*/
/*}*/

/*.collection-remove-placeholder.in-well {*/
/*    border-radius: 4px;*/
/*}*/

/*.collection-remove-placeholder .inner {*/
/*    position: absolute;*/
/*    height: 50px;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    top: calc(50% - 50px);*/
/*}*/

/*.collection-remove-placeholder .inner b {*/
/*    color: #FFF;*/
/*    font-size: 18px;*/
/*    display: block;*/
/*}*/

.info-box.not-rounded {
    border-radius: 0;
}

.info-box.info-box-small {
    min-height: 60px;
}

.info-box.info-box-small .info-box-icon {
    line-height: 60px;
    height: 60px;
    width: 60px;
    font-size: 30px;
}

.info-box.info-box-small .info-box-content {
    margin-left: 60px;
}

.info-box.info-box-smaller {
    min-height: 42px;
}

.info-box.info-box-smaller .info-box-icon {
    line-height: 42px;
    height: 42px;
    width: 42px;
    font-size: 24px;
}

.info-box.info-box-smaller .info-box-content {
    margin-left: 42px;
    padding: 5px 10px;
}
.info-box.info-box-smaller .info-box-content .info-box-text {
    line-height: 14px;
}
.info-box.info-box-smaller .info-box-content .info-box-number {
    line-height: 18px;
}

.info-box.info-box-x-small {
    min-height: 40px;
}

.info-box.info-box-x-small .info-box-icon {
    line-height: 40px;
    height: 40px;
    width: 40px;
    font-size: 20px;
}

.info-box.info-box-x-small .info-box-content {
    margin-left: 40px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 40px;
    height: 40px;
}

.info-box-number {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mb-1{
    margin-bottom: 1px;
}

.breadcrumb > .active {
    color: #EFEFEF;
}

.sonata-ba-view-container th {
    width: 230px;
}

.sonata-ba-view-container th:empty {
    width: 0 !important;
    padding: 0 !important;
}

.sonata-ba-action.btn:not(:hover) {
    background: none !important;
}

.navbar-nav > .messages-menu > .dropdown-menu {
    width: 350px !important;
}

.navbar-nav > .messages-menu.notifications > .dropdown-menu > li .menu {
    width: 350px !important;
}

.navbar-nav > .messages-menu.notifications > .dropdown-menu > li .menu > li > a > div > img {
    width: 30px;
    height: 30px;
}

.navbar-nav > .messages-menu.notifications > .dropdown-menu > li .menu > li > a > h4 {
    margin: 0 0 0 35px;
    font-size: 14px;
}

.navbar-nav > .messages-menu.notifications > .dropdown-menu > li .menu > li > a > p {
    margin: 0 0 0 35px;
}

.navbar-nav > .messages-menu.notifications > .dropdown-menu > li .menu > li > a > small.createdat {
    color: #888888;
}

.close-notif {
    font-size: 20px;
    margin-top: -13px;
}

.close-btn {
    float: right;
    font-size: 18px;
    cursor: pointer;
    margin-right: 5px;
}


.input-group-addon {
    background-color: #EEEEEE;
    width: 50px;
}

.input-group .input-group-addon {
    background-color: #EEEEEE;
}

.input-group .form-control.half {
    float: initial;
}

.sonata-ba-list-field .btn-group {
    display: flex;
    justify-content: flex-end;
}

.input-group.date .input-group-addon span {
    display: inline-block;
}

.dropdown-menu.typeahead {
    max-height: 250px;
    overflow: auto;
}

.input-group {
    width: 100%;
}

.sonata-tree__item {
    min-height: 45px;
}

.sonata-tree__item .item_content {
    line-height: 29px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sonata-tree__item .fa-caret-right {
    top: 15px;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.dropdown-menu > li > a > .glyphicon,
.dropdown-menu > li > a > .fa,
.dropdown-menu > li > a > .ion,
.dropdown-menu > li > a > .fas,
.dropdown-menu > li > a > .far,
.dropdown-menu > li > a > .fa-solid,
.dropdown-menu > li > a > .fa-regular,
.dropdown-menu > li > a > .fa-light,
.dropdown-menu > li > a > .fa-thin,
.dropdown-menu > li > a > .fa-duotone,
.dropdown-menu > li > a > .fa-brands {
    margin-right: 10px;
}

.navbar-default .navbar-nav > li > a > i.fas {
    margin-right: 5px;
}

.sonata-ba-collapsed-fields > p {
    color: #737373;
    margin-bottom: 5px;
}

.sonata-filters-box .filter-group {
    display: table;
    width: 100%;
}

.sonata-filters-box .filter-group .advanced-filter{
    overflow: hidden;
    display: none;
}
.sonata-filters-box.w-advanced .filter-group .advanced-filter{
    width: 250px;
    overflow: hidden;
    display: table-cell;
    padding-right: 3px;
    vertical-align: middle;
}

.sonata-filters-box .filter-group .filter-field{
    width: calc(100% - 43px);
    overflow: hidden;
    display: table-cell;
    padding-right: 3px;
    vertical-align: middle;
}
.sonata-filters-box .filter-group .filter-field .form-control{
    height: auto;
    min-height: 34px;
}
.sonata-filters-box.w-advanced .filter-group .filter-field{
    width: calc(100% - 296px);
}

.sonata-filters-box .filter-group.filter-group-persistent .filter-field{
    width: 100%;
    padding-right: 0;
}
.sonata-filters-box.w-advanced .filter-group.filter-group-persistent .filter-field{
    width: calc(100% - 253px);
    padding-right: 0;
}

.sonata-filters-box .filter-group .filter-remove-btn{
    width: 40px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}

.select2-container.half {
    width: 50% !important;
    display: table-cell;
}

.half.advanced-filter:not(.select2-container) {
    display: none !important;
}

.clickable {
    cursor: pointer;
}

label.no-style {
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
    width: 100%;
}

.table-hover > tbody > tr.spacer, .table-hover > tbody > tr.spacer:hover {
    background-color: #DDD;
}

.select2-container {
    width: 100%;
}

.form-actions {
    background: #222d32;
    color: #FFF;
}

.form-actions.stuck {
    margin-left: -16px;
    bottom: -1px;
}

.status-circle {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    font-size: 18px;
}

.small-box {
    border-radius: 2px;
    position: relative;
    display: block;
    margin-bottom: 20px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.small-box > .inner {
    padding: 0px;
    overflow: hidden;
    margin: 10px;
}

.small-box > .small-box-footer {
    position: relative;
    text-align: center;
    padding: 3px 0;
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
    display: block;
    z-index: 3;
    background: rgba(0, 0, 0, 0.1);
    text-decoration: none
}

.small-box > .small-box-footer:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.15)
}

.small-box h3 {
    font-size: 38px;
    font-weight: bold;
    margin: 0 0 10px 0;
    white-space: nowrap;
    padding: 0;
    color: #FFFFFF;
}

.small-box p {
    font-size: 15px
}

.small-box p > small {
    display: block;
    color: #f9f9f9;
    font-size: 13px;
    margin-top: 5px
}

.small-box h3, .small-box p {
    z-index: 5
}

.small-box .icon {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 0;
    font-size: 90px;
    line-height: 1;
    color: rgba(0, 0, 0, 0.15)
}

.small-box:hover {
    text-decoration: none;
    color: #f9f9f9
}

.small-box:hover .icon {
    font-size: 95px
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    vertical-align: middle !important;
}


.dropdown-menu > li > a {
    padding: 10px 20px;
}

.main-header .sidebar-toggle:before {
    content: '';
}

.fa-square-o:before {
    content: "\f0c8";
    font-variant: normal;
    font-weight: 400;
}

.fa-check-square-o:before {
    content: "\f14a";
    font-variant: normal;
    font-weight: 400;
}

.fa-pencil:before {
    content: "\f303";
}


.timeline > li {
    margin-right: 0;
}

.timeline > li > .timeline-item {
    margin-right: 0;
}

.bullet-list-h {
    padding-left: 0;
}

.bullet-list-h li {
    display: inline-block;
}

.bullet-list-h li:not(:last-child):after {
    content: "\2022";
    margin-left: 5px;
}

.bullet-list-h li:not(:last-child) {
    padding-right: 5px;
}

.brt-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.alert-error-form {
    background-color: #a94442 !important;
    border-color: #a94442 !important;
    color: #FFF;
}

.modal-scrollable-div {
    margin-top: 10px;
    height: 250px;
    overflow-y: auto;
    width: 100%;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
    overflow: hidden;
}

.sidebar-mini.sidebar-collapse .main-header .logo {
    padding: 0 3px;
}

.logo span {
    width: auto;
}


.intranet-box {
    border-radius: 2px;
    position: relative;
    display: block;
    height: 45px;
    margin-bottom: 5px;
    padding-left: 10px;
    border-radius: 4px;
    transition: .3s,opacity .5s,visibility .5s;
    border: 1px solid;
}

.intranet-box h3 {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    white-space: nowrap;
    padding: 0;
    color: #232323;
    z-index: 5;
    text-align: right;
}

.intranet-box .icon {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    z-index: 0;
    font-size: 30px;
    padding-top: 7px;
    line-height: 1;
    color: #232323;
}

.intranet-box:hover {
    text-decoration: none;
    color: #FFF !important;
}

.intranet-box:hover .icon.dark-hover {
    color: #090808 !important;
}

.intranet-box:hover .icon {
    color: #fff !important;
}

.intranet-box:hover h3 {
    color: #fff !important;
}

.intranet-box.bg-orange {
    border-color: #ff851b !important;
    background: #FFF !important;
}
.intranet-box.bg-orange .icon, .intranet-box.bg-orange h3 {
    color: #ff851b;
}
.intranet-box.bg-orange:hover {
    background: #ff851b !important;
}

.intranet-box.bg-success {
    border-color: #00a65a !important;
    background: #FFF !important;
}
.intranet-box.bg-success:hover {
    background: #00a65a !important;
}
.intranet-box.bg-success .icon, .intranet-box.bg-success h3 {
    color: #00a65a;
}

.intranet-box.bg-blue {
    border-color: #0073b7 !important;
    background: #FFF !important;
}
.intranet-box.bg-blue:hover {
    background: #0073b7 !important;
}
.intranet-box.bg-blue .icon, .intranet-box.bg-blue h3 {
    color: #0073b7;
}

.intranet-box.bg-green {
    border-color: #00a65a !important;
    background: #FFF !important;
}
.intranet-box.bg-green:hover {
    background: #00a65a !important;
}
.intranet-box.bg-green .icon, .intranet-box.bg-green h3 {
    color: #00a65a;
}

.intranet-box.bg-navy {
    border-color: #001f3f !important;
    background: #FFF !important;
}
.intranet-box.bg-navy:hover {
    background: #001f3f !important;
}
.intranet-box.bg-navy .icon, .intranet-box.bg-navy h3 {
    color: #001f3f;
}

.intranet-box.bg-teal {
    border-color: #39cccc !important;
    background: #FFF !important;
}
.intranet-box.bg-teal:hover {
    background: #39cccc !important;
}
.intranet-box.bg-teal .icon, .intranet-box.bg-teal h3 {
    color: #39cccc;
}

.intranet-box.bg-olive {
    border-color: #3d9970 !important;
    background: #FFF !important;
}
.intranet-box.bg-olive:hover {
    background: #3d9970 !important;
}
.intranet-box.bg-olive .icon, .intranet-box.bg-olive h3 {
    color: #3d9970;
}

.intranet-box.bg-purple {
    border-color: #605ca8 !important;
    background: #FFF !important;
}
.intranet-box.bg-purple:hover {
    background: #605ca8 !important;
}
.intranet-box.bg-purple .icon, .intranet-box.bg-purple h3 {
    color: #605ca8;
}

.intranet-box.bg-red {
    border-color: #f44336 !important;
    background: #FFF !important;
}
.intranet-box.bg-red:hover {
    background: #f44336 !important;
}
.intranet-box.bg-red .icon, .intranet-box.bg-red h3 {
    color: #f44336;
}

.intranet-box.bg-danger {
    border-color: #ff9800 !important;
    background: #FFF !important;
}
.intranet-box.bg-danger:hover {
    background: #ff9800 !important;
}
.intranet-box.bg-danger .icon, .intranet-box.bg-danger h3 {
    color: #ff9800;
}

.intranet-box.bg-yellow {
    border-color: #ffeb3b !important;
    background: #FFF !important;
}
.intranet-box.bg-yellow:hover {
    background: #ffeb3b !important;
}
.intranet-box.bg-yellow .icon, .intranet-box.bg-yellow h3{
    color: #000;
}
.intranet-box.bg-yellow:hover .icon, .intranet-box.bg-yellow:hover h3 {
    color: #000 !important;
}

.intranet-box.bg-warning {
    border-color: #e51c23 !important;
    background: #FFF !important;
}
.intranet-box.bg-warning:hover {
    background: #e51c23 !important;
}
.intranet-box.bg-warning .icon, .intranet-box.bg-warning h3 {
    color: #e51c23;
}

.intranet-box.bg-aqua {
    border-color: #00c0ef !important;
    background: #FFF !important;
}
.intranet-box.bg-aqua:hover {
    background: #00c0ef !important;
}
.intranet-box.bg-aqua .icon, .intranet-box.bg-aqua h3 {
    color: #00c0ef;
}

.intranet-box.bg-light-blue {
    border-color: #3c8dbc !important;
    background: #FFF !important;
}
.intranet-box.bg-light-blue:hover {
    background: #3c8dbc !important;
}
.intranet-box.bg-light-blue .icon, .intranet-box.bg-light-blue h3 {
    color: #3c8dbc;
}

.intranet-box.bg-maroon {
    border-color: #d81b60 !important;
    background: #FFF !important;
}
.intranet-box.bg-maroon:hover {
    background: #d81b60 !important;
}
.intranet-box.bg-maroon .icon, .intranet-box.bg-maroon h3 {
    color: #d81b60;
}

.intranet-box.bg-black {
    border-color: #000 !important;
    background: #FFF !important;
}
.intranet-box.bg-black:hover {
    background: #000 !important;
}
.intranet-box.bg-black .icon, .intranet-box.bg-black h3 {
    color: #000;
}

.intranet-box.bg-dark {
    border-color: #222 !important;
    background: #FFF !important;
}
.intranet-box.bg-dark:hover {
    background: #222 !important;
}
.intranet-box.bg-dark .icon, .intranet-box.bg-dark h3 {
    color: #222;
}

.intranet-box.bg-info {
    border-color: #00c0ef !important;
    background: #FFF !important;
}
.intranet-box.bg-info:hover {
    background: #00c0ef !important;
}
.intranet-box.bg-info .icon, .intranet-box.bg-info h3 {
    color: #00c0ef;
}

.intranet-box.bg-fuchsia {
    border-color: #f012be !important;
    background: #FFF !important;
}
.intranet-box.bg-fuchsia:hover {
    background: #f012be !important;
}
.intranet-box.bg-fuchsia .icon, .intranet-box.bg-fuchsia h3 {
    color: #f012be;
}

.intranet-box.bg-pink {
    border-color: #E91E63 !important;
    background: #FFF !important;
}
.intranet-box.bg-pink:hover {
    background: #E91E63 !important;
}
.intranet-box.bg-pink .icon, .intranet-box.bg-pink h3 {
    color: #E91E63;
}

.intranet-box.bg-gray {
    border-color: #d2d6de !important;
    background: #FFF !important;
}
.intranet-box.bg-gray:hover {
    background: #d2d6de !important;
}
.intranet-box.bg-gray .icon, .intranet-box.bg-gray h3 {
    color: #d2d6de;
}
.intranet-box.bg-gray:hover .icon, .intranet-box.bg-gray:hover h3 {
    color: #000 !important;
}

.intranet-box.bg-white {
    border-color: #FFF !important;
    background: #FFF !important;
}
.intranet-box.bg-white:hover {
    background: #FFF !important;
}
.intranet-box.bg-white .icon, .intranet-box.bg-white h3 {
    color: #FFF;
}
.intranet-box.bg-white:hover .icon, .intranet-box.bg-white:hover h3 {
    color: #000 !important;
}

.intranet-box.bg-light {
    border-color: #e6e5e5 !important;
    background: #FFF !important;
}
.intranet-box.bg-light:hover {
    background: #e6e5e5 !important;
}
.intranet-box.bg-light .icon, .intranet-box.bg-light h3 {
    color: #e6e5e5;
}
.intranet-box.bg-light:hover .icon, .intranet-box.bg-light:hover h3 {
    color: #000 !important;
}

.intranet-box.bg-primary {
    border-color: var(--c-primary-color) !important;
    background: var(--c-primary-color-text) !important;
}
.intranet-box.bg-primary:hover {
    background: var(--c-primary-color) !important;
}
.intranet-box.bg-primary .icon, .intranet-box.bg-primary h3 {
    color: var(--c-primary-color);
}

.intranet-box.bg-secondary {
    border-color: var(--c-secondary-color) !important;
    background: var(--c-secondary-color-text) !important;
}
.intranet-box.bg-secondary:hover {
    background: var(--c-secondary-color) !important;
}
.intranet-box.bg-secondary .icon, .intranet-box.bg-secondary h3 {
    color: var(--c-secondary-color);
}

#to-top-button {
    padding: 3px 11px;
    font-size: 25px;
    background-color: var(--c-secondary-color);
    color: var(--c-primary-color);
    position: fixed;
    right: 20px;
    bottom: 20px;
    border-radius: 100%;
    border: 2px solid var(--c-primary-color);
    z-index: 9999;
    transition: .3s,opacity .5s,visibility .5s;
    visibility: hidden;
    opacity: 0;
}
#to-top-button:hover, #to-top-button:active, #to-top-button:focus {
    background-color: var(--c-primary-color);
    border: 2px solid var(--c-secondary-color);
    color: var(--c-secondary-color);
}
#to-top-button.show {
    visibility: visible;
    opacity: .8;
}

@media (max-width: 767px) {
    #to-top-button.show {
        visibility: hidden;
        opacity: 0;
    }
}



@media (max-width: 767px) {
    .small-box {
        text-align: center
    }

    .small-box .icon {
        display: none
    }

    .small-box p {
        font-size: 12px
    }
}

.modal.modal-centered.in .modal-dialog{
    position:absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.timeline>li>.timeline-item {
    border: 1px solid #CCC;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.timeline>li>.timeline-item.border-top-info {
    border-top: 3px solid #00c0ef;
}
.timeline>li>.timeline-item.border-top-success {
    border-top: 3px solid #3d8b40;
}
.timeline>li>.timeline-item.border-top-warning {
    border-top: 3px solid #ff9800;
}


.timeline>li>.timeline-item.warning-action {
    border: 1px solid #e08e0b;
    padding: 10px;
}

.card-image img{
    margin: 0 auto;
}

.panel-warning > .panel-heading {
    background-color: #e08e0b;
    border-color: #e08e0b;
    color: #FFF;
}

.panel-warning {
    border-color: #e08e0b;
}

@media print {
    .timeline > li > .timeline-item {
        margin-left: 0;
    }
}


.timeline > li > .fas, .timeline > li > .far, .timeline > li > .fa-solid {
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    position: absolute;
    color: #666;
    background: #d2d6de;
    border-radius: 50%;
    text-align: center;
    left: 18px;
    top: 0
}

.progress {
    height: 7px;
    margin-bottom: 0;
}

.progress-bar.indeterminate {
    position: relative;
    animation: progress-indeterminate 3s linear infinite;
}


#viewDiv {
    height: 750px;
    background-color: #cfd8dc;
}

/*.fa, .far, .fas {*/
/*    font-family: "Font Awesome 5 Free" !important;*/
/*}*/

.fa, .fas {
    font-weight: 900 !important;
}

.fa-xs {
    font-size: .75em !important;
}

.fa-sm {
    font-size: .875em !important;
}


.help-btns {
    text-align: right;
}

.list-tabs>li>a {
    border-radius: 0;
}

hr {
    border-top: 1px solid #AAA;
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem
}

.featured-action-btns {
    margin-left: -10px;
}

.sonata-ba-list .sonata-ba-list-field .full-badge {
    width: 100%;
    display: block;
    border-radius: 0;
    overflow: hidden;
    white-space: unset;
    padding: 10px 0;
}
.sonata-ba-list .sonata-ba-list-field .full-badge .badge-inside {
    position: relative;
}

.pointer {
    cursor: pointer;
}

.dropdown-menu .divider:first-of-type {
    display: none;
}

.btn-app > .fa, .btn-app > .glyphicon, .btn-app > .ion, .btn-app > .fas, .btn-app > .far {
    font-size: 20px;
    display: block;
}

.btn-app {
    margin: 0 0 0 10px;
}

.modal-responsive {
    width: 80%;
}

.modal-xl {
    width: 60%;
}

.sonata-ba-list-field .item-modal .btn-group {
    display: inline-block;
}

.p-5 {
    padding: 5px;
}

.panel-img-top-div {
    width: 100%;
    height: 350px;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    -webkit-background-size: cover;
    background-size: cover;
    background: no-repeat center;
}

.table>tbody>tr.active-actions>td, .table>tbody>tr.active-actions>th, .table>tbody>tr>td.active-actions, .table>tbody>tr>th.active-actions, .table>tfoot>tr.active-actions>td, .table>tfoot>tr.active-actions>th, .table>tfoot>tr>td.active-actions, .table>tfoot>tr>th.active, .table>thead>tr.active-actions>td, .table>thead>tr.active-actions>th, .table>thead>tr>td.active-actions, .table>thead>tr>th.active-actions {
    background-color: #e8f5e9 !important;
}

.flying-actions {
    position: absolute;
    max-width: 250px;
    display: inline-block;
}
.flying-actions .primary-action {
    display: block !important;
}

.flying-actions .primary-action .btn {
    display: block;
    padding: 10px 20px;
    border-radius: 0;
    text-align: left;
    border-color: #FFF;
    color: #777;
    font-size: 14px;
}
.flying-actions .primary-action .btn:hover {
    color: #FFF !important;
}

.flying-actions .primary-action.btn-success,
.flying-actions .primary-action.btn-info,
.flying-actions .primary-action.btn-primary,
.flying-actions .primary-action.btn-danger,
.flying-actions .primary-action.btn-warning{
    color: #777;
    background-color: #FFF;
}

.flying-actions .primary-action.btn-success a:hover {
    color: #FFF !important;
    background-color: #3d8b40 !important;
    border-color: #3d8b40 !important;
}
.flying-actions .primary-action.btn-info a:hover {
    color: #FFF !important;
    background-color: #00c0ef !important;
    border-color: #00c0ef !important;
}
.flying-actions .primary-action.btn-danger a:hover {
    color: #FFF !important;
    background-color: #e51c23 !important;
    border-color: #e51c23 !important;
}
.flying-actions .primary-action.btn-warning a:hover {
    color: #FFF !important;
    background-color: #ff9800 !important;
    border-color: #ff9800 !important;
}

.btn-default-label {
    cursor: default;
    background-color: #e7e7e7;
    border-color: #e7e7e7;
    font-weight: 600;
    color: #444;
}

.btn-default-label:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.box-title.fa-minus::before, .box-title.fa-subtract::before {
    content: '';
}

.box-title.fa-add::before, .box-title.fa-plus::before {
    content: '';
}

@media (max-width: 991.98px) {
    .panel-img-top-div {
        height: 200px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .panel-img-top-div {
        height: 300px;
    }
}


.profile-user-img.small {
    width: 50px;
}

.tree-checkbox {
    display: inline-block;
    height: 22px;
    float: left;
}

.tree-checkbox .icheck-primary {
    margin-top: 3px !important;
    margin-bottom: 0 !important;
    height: 22px;
}

.pl-0-lg {
    padding-left: 0;
}

.pr-0-lg {
    padding-right: 0;
}

.d-block {
    display: block;
}

@media (max-width: 1199px) {
    .pl-0-lg {
        padding-left: 15px;
    }

    .pr-0-lg {
        padding-right: 15px;
    }
}

.form-group.has-error .mce-panel {
    border-color: #dd4b39;
}

.mce-fullscreen {
    margin-top: 50px !important;
    z-index: 1001 !important;
}

.box > .list-group .list-group-item {
    border-radius: 0;
    border-width: 1px 0;
}

.bt-0 {
    border-top: 0 !important;
}

.bb-0 {
    border-bottom: 0 !important;
}

.jumbotron {
    background-color: #e0e0e0;
}

.editable-buttons .editable-cal {
    margin-right: 7px;
}

@media (max-width: 768px) {
    .modal-responsive {
        width: 100%;
    }
}

@keyframes progress-indeterminate {
    from {
        left: -25%;
        width: 25%;
    }
    to {
        left: 100%;
        width: 25%;
    }
}

.table-info tbody tr td:first-of-type{
    width: 35%;
    max-width: 250px;
    font-weight: bold;
}
.table-info-xs tbody tr td:first-of-type{
    width: 150px;
    max-width: 250px;
    font-weight: bold;
}
.table-force-align-left>tbody>tr>td,
.table-force-align-left>tbody>tr>th,
.table-force-align-left>tfoot>tr>td,
.table-force-align-left>tfoot>tr>th,
.table-force-align-left>thead>tr>td,
.table-force-align-left>thead>tr>th {
    text-align: left !important;
}

.products-list .product-img img {
    width: 60px;
    height: 60px;
}

.products-list .product-info {
    margin-left: 70px;
}

.description {
    color: #999;
    font-size: 13px;
}

.fc-today {
    background: rgba(255,245,157,0.7) !important;
}

.fc-more-cell div {
    text-align: center;
    color: #FFF;
    background-color: #0c83e2 !important;
    border-radius: 3px;
    margin: 2px 3px;
}
.fc-more-cell a {
    color: #FFF;
    display: block;
    padding: 2px 5px;
}

.schedule-list .schedule-badge {
    margin-bottom: 0;
}

.schedule-badge {
    display: inline-block;
    margin-left: 1px;
    margin-right: 1px;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: red;
    text-align: center;
    margin-bottom: -1px;
}

.color-badge {
    display: inline-block;
    margin-left: 1px;
    margin-right: 1px;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background: red;
    text-align: center;
    margin-bottom: -2px;
}

.fc-icon {
    font-family: "fcicons";
}

.fc-highlight{
    background: #204885;
    opacity: 0.7;
}