.nav-item .nav-link,
.nav-tabs .nav-link {
-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
-ms-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
}

.card a {
-webkit-transition: all 150ms ease 0s;
-moz-transition: all 150ms ease 0s;
-o-transition: all 150ms ease 0s;
-ms-transition: all 150ms ease 0s;
transition: all 150ms ease 0s;
}

.nav-tabs {
border: 0;
padding: 15px 0.7rem;
}

.nav-tabs:not(.nav-tabs-neutral)>.nav-item>.nav-link.active {
box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.3);
}

.card .nav-tabs {
border-top-right-radius: 0.1875rem;
border-top-left-radius: 0.1875rem;
}

.nav-tabs>.nav-item>.nav-link {
color: #888888;
margin: 0;
margin-right: 5px;
background-color: transparent;
border: 1px solid transparent;
border-radius: 30px;
font-size: 14px;
padding: 11px 23px;
line-height: 1.5;
}

.nav-tabs>.nav-item>.nav-link:hover {
background-color: transparent;
}

.nav-tabs>.nav-item>.nav-link.active {
background-color: #444;
border-radius: 30px;
color: #FFFFFF;
}

.nav-tabs>.nav-item>.nav-link i.now-ui-icons {
font-size: 14px;
position: relative;
top: 1px;
margin-right: 3px;
}

.nav-tabs.nav-tabs-neutral>.nav-item>.nav-link {
color: #FFFFFF;
}

.nav-tabs.nav-tabs-neutral>.nav-item>.nav-link.active {
background-color: rgba(255, 255, 255, 0.2);
color: #FFFFFF;
}

.card {
border: 0;
border-radius: 0.1875rem;
display: inline-block;
position: relative;
width: 100%;
margin-bottom: 30px;
box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
}

.card .card-header {
background-color: transparent;
border-bottom: 0;
background-color: transparent;
border-radius: 0;
padding: 0;
}
.card[data-background-color="primary"] {
background-color:  linear-gradient(to bottom right, #4294E3 0%, #8F12FD 100%);
}
/* .card[data-background-color="orange"] {
background-color: #f96332;
}

.card[data-background-color="red"] {
background-color: #FF3636;
}

.card[data-background-color="yellow"] {
background-color: #FFB236;
}

.card[data-background-color="blue"] {
background-color: #2CA8FF;
}

.card[data-background-color="green"] {
background-color: #15b60d;
} */

[data-background-color="primary"] {
background:  linear-gradient(to bottom right, #4294E3 0%, #8F12FD 100%) 100% no-repeat;
}

/* [data-background-color="orange"] {
background-color: #e95e38;
}

[data-background-color="black"] {
background-color: #2c2c2c;
} */
[data-background-color]:not([data-background-color="gray"]) {
color: #FFFFFF;
}

[data-background-color]:not([data-background-color="gray"]) p {
color: #FFFFFF;
}

[data-background-color]:not([data-background-color="gray"]) a:not(.btn):not(.dropdown-item) {
color: #FFFFFF;
}

@media screen and (max-width: 768px) {
.nav-tabs {
    display: inline-block;
    width: 100%;
    padding-left: 100px;
    padding-right: 100px;
    text-align: center;
}

.nav-tabs .nav-item>.nav-link {
    margin-bottom: 5px;
}
}



section .content {
    padding: 10px 0 5px
}

section .title {
    color: #212121;
    font-size: 18px;
    padding: 20px 0 0
}

section h2.title {
    font-weight: 500;
    word-break: break-word
}

.content-apps {
    font-size: 0;
    overflow: hidden
}

.widget {
    position: relative;
    z-index: 1;
    /* border-bottom: 1px solid #e5e5e5; */
    overflow: hidden
}

.widget .content {
    height: auto;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0;
    white-space: nowrap;
    position: relative;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none
}

.widget .more {
    text-align: right
}

.widget .more a {
    color: #00875f;
    font-size: 14px;
    -webkit-appearance: none;
    border: 0;
    z-index: 1;
    position: relative;
    background: 0 0;
    cursor: pointer;
    padding: 5px;
    margin-bottom: 5px
}

.widget .more:after {
    content: "";
    border: solid #00875f;
    border-width: 0 1px 1px 0;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: -1px;
    margin-right: 3px;
    position: relative
}

.widget .content::-webkit-scrollbar {
    display: none
}

.information-table {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 20px
}

.information-table .item {
    flex-basis: 50%;
    margin-top: 16px;
    word-break: break-word
}

.information-table .item .name {
    font-size: 14px;
    font-weight: 600;
    color: #4a4a4a
}

.information-table .item .value {
    font-size: 14px;
    margin-top: 3px;
    padding-right: 10px;
    color: #6f6f6f
}

@media (min-width: 960px) {
    .information-table .item {
        flex-basis: 33%
    }
}