.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
body, p, a {
    font-family: 'Roboto', sans-serif;
}
html, body, h1, h2, h3, h4, h5, h6, p, a, i, span {
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    text-rendering:auto;
}
.nav-justified .nav-item .nav-link {
    font-size: 0.7rem!important;
    display: block;
}
.nav.nav-pills.nav-justified li a i {
    font-size: 1.5rem;
    display: block;
    padding: 10px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    box-shadow: 0px 6px 8px 2px rgba(0,0,0,0.3);
}

.btn {
    font-weight: 300;
}

.card .card-header {
    border: none;
    background: none;
}

.card.dash-main {
    padding: 2% 5%;
    border-color: #66cffe;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}

footer.footer {
    margin-top: 2rem;
    font-size: 0.7rem;
}
footer.footer .made-in {
    text-align: right;
}

.help-block.help-block-error {
    color: #9e0505;
    font-weight: bold;
}

.mb-25-p {
    margin-bottom: 25%;
}
.border-light-blue {
    border-color: rgba(102, 207, 254, 0.26);
}
.card-link {
    text-decoration: none;
    color: #0a0a0a;
}
.card-title {
    font-size: 1rem;
}
.card-subtitle {
    font-weight: 400;
    font-size: 0.8rem;
}

.card.simple {
    border-color: rgba(0, 120, 255, 0.045);
}

.box table.table {
    border-color: rgba(13, 110, 253, 0.1);
}
.box table.table tr:last-of-type td, .box table.table tr:last-of-type th {
    border-color: transparent;
}
.box table.table tr th {
    font-weight: 700;
}
.box table.table>:not(caption)>*>* {
    padding: 0.76rem 0.5rem;
}

.dropzone {
    border: 2px dashed #dedede;
    border-radius: 5px;
    background: #f5f5f5;
}

.dropzone i{
    font-size: 5rem;
}

.dropzone .dz-message {
    color: rgba(0,0,0,.54);
    font-weight: 500;
    font-size: initial;
    text-transform: uppercase;
}

.timeline {
    padding-left: 0px;
}
.timeline li {
    list-style: none;
    overflow: hidden;
    padding: 1rem 21px;
}
.timeline li i.fa-comments {
    display: none;
    visibility: hidden;
}
.timeline li i + .timeline-item .time {
    font-size: 0.7rem;
}
.timeline li i + .timeline-item .timeline-header {
    font-size: 0.8rem;
    font-weight: 400;
}
.timeline-body {
    padding: 12px;
    font-size: 0.9rem;
    line-height: 26px;
    position: relative;
}
.timeline li i + .timeline-item .timeline-body:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    border: 9px solid transparent;
    border-bottom-width: 0;
}
/* This is for the left side */
.timeline li i.bg-orange + .timeline-item .timeline-body {
    background: #ebebeb;
    color: #333333;
    border-radius: 8px 8px 8px 0;
    padding: 0 12px 0 1.2rem;
    text-align: left;
    float: left;
}
.timeline li i.bg-orange + .timeline-item .timeline-body:before {
    left: -21px;
    border-right-color: #ebebeb;
    border-right-width: 12px;
}
/* This is for the right side */
.timeline li i.bg-blue + .timeline-item {
    float: right;
    text-align: right;
}
.timeline li i.bg-blue + .timeline-item .timeline-body {
    padding: 0 1.2rem 0 12px;
    text-align: right;
    float: right;
    background: #66cffe;
    border-radius: 8px 8px 0 8px;
}
.timeline li i.bg-blue + .timeline-item .timeline-body:before {
    right: -21px;
    border-left-color: #66cffe;
    border-left-width: 12px;
}
.ticket-view .card-footer .form-group {
    padding: 0.5rem 0px;
}

@media (max-width: 767.98px) {
    .navbar .navbar-brand {
        margin: 5% auto;
    }
    .navbar .nav {
        display: none;
        visibility: hidden;
    }
    .navbar-dark .navbar-toggler {
        margin: 2%;
        background: #1d2f5e;
    }
    .card.dash-main {
        background-position-x: 75%;
    }
    footer.footer .made-in {
        text-align: left;
    }
}