@media (min-width: 980px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1980px;
    }
}
@media (min-width: 768px) {
    .container-md, .container-sm, .container {
        max-width: 1980px;
    }
}

@media (min-width: 992px) {
    .container-lg, .container-md, .container-sm, .container {
        max-width: 1980px;
    }
}

@media (min-width: 1600px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1980px;
    }
}

@media (min-width: 1500px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1980px;
    }
}

.content {
    padding-bottom: 0.9875rem;
}

@media (min-width: 576px) {
    .content {
        padding-bottom: 0.9875rem;
    }
}

.text-primary {
    color: var(--falcon-primary) !important;
}


.nav-item text-center d-inline-block {
    color: var(--falcon-primary) !important;
}


.navbar-nav .nav-item.text-center a span,
.navbar-nav .nav-item.dropdown a span,
.navbar-nav .nav-item.text-center a svg,
.navbar-nav .nav-item.dropdown a svg {
    color: var(--motia-deep-indigo-secondary) !important;
    fill: var(--motia-deep-indigo-secondary) !important;
}


.navbar-vertical.navbar-vibrant .navbar-collapse {
    background-color: var(--falcon-primary);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


.navbar.nav-link.disabled {
    pointer-events: none;
    cursor: default;
    text-decoration: line-through;
}

/*SM button resize*/
    .btn-sm {
    font-size: 11px;
    padding: 4px 9px;
    line-height: 1.39;
}



/*filter Boxes*/

.filter-box {
    position: relative;
    width: 21rem;
    font-size: 0.8333333333rem;
}

.filter-box .filter-text {
    padding-left: 2rem;
    padding-right: 2rem;
    line-height: 1.7;
    border-radius: 50rem;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.filter-box .filter-box-icon {
    position: absolute;
    color: var(--falcon-400);
    top: 50%;
    left: 0.9rem;
    -webkit-transform: translateY(-48%);
    -ms-transform: translateY(-48%);
    transform: translateY(-48%);
}



/*panel header text color*/

.card-header h6 {
    color: var(--falcon-primary) !important;
    text-transform: capitalize;
}
.card-header h5 {
    color: var(--falcon-primary) !important;
    text-transform: capitalize;
}

/*form label sizes*/
.col-form-label {
    font-size: 0.79rem;
}

.form-label {
    font-size: 0.79rem;
}

.form-control {
    font-size: 0.79rem;
}


/*Swal*/
.swal2-confirm {
    color: #fff !important;
    background-color: var(--falcon-primary) !important;
}

/*buttons*/
.btn-secondary {
    background-color: #684994 !important;
    border-color: #684994 !important;
}


/*Icons*/
.custom-icons {
    margin: 0px 12px 0px 0px;
    padding: 1px;
    width: 24px;
    height: 24px;
    display: inline;
}

.icon-myfleethub {
    background-image: url('../../assets/img/myfleethub-icon-white.png');
    display: inline-block;
    height: 52px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 95%;
}

/*Badges*/
.badge {
    font-size: 11px !important;
    font-weight: 300;
    text-align: center;
    background-color: #cccccc;
    height: 18px;
    padding: 3px 6px 3px 6px;
    -webkit-border-radius: 12px !important;
    -webkit-background-clip: padding-box !important;
    -moz-border-radius: 12px !important;
    -moz-background-clip: padding !important;
    border-radius: 12px !important;
    background-clip: padding-box !important;
    -webkit-text-shadow: none !important;
    text-shadow: none !important;
    vertical-align: middle;
}

    .badge.badge-square {
        -webkit-border-radius: 2px !important;
        -webkit-background-clip: padding-box !important;
        -moz-border-radius: 2px !important;
        -moz-background-clip: padding !important;
        border-radius: 2px !important;
        background-clip: padding-box !important;
    }

    .badge.badge-empty {
        display: inline-block;
        width: 10px;
        height: 10px;
        padding: 0;
        vertical-align: baseline;
    }

.badge-default,
.label-default {
    background-color: #cccccc !important;
}

    .badge-default.graded,
    .label-default.graded {
        background: linear-gradient(to right, #cccccc, #e5e5e5) !important;
    }

.badge-blue,
.label-blue {
    background-color: #5db2ff !important;
}

    .badge-blue.graded,
    .label-blue.graded {
        background: linear-gradient(to right, #5db2ff, #80c1fb) !important;
    }

.label-info,
.badge-info {
    background-color: #57b5e3;
    background-image: none !important;
}

    .label-info.graded,
    .badge-info.graded {
        background: linear-gradient(to right, #57b5e3, #c4e6f6) !important;
    }

.label-sky,
.badge-sky {
    background-color: #11a9cc;
    background-image: none !important;
}

    .label-sky.graded,
    .badge-sky.graded {
        background: linear-gradient(to right, #11a9cc, #c4e6f6) !important;
    }

.badge-primary,
.label-primary {
    background-color: #4374e0 !important;
}

    .badge-primary.graded,
    .label-primary.graded {
        background: linear-gradient(to right, #4374e0, #aec9fa) !important;
    }

.label-azure,
.badge-azure {
    background-color: #00bad1;
    background-image: none !important;
}

    .label-azure.graded,
    .badge-azure.graded {
        background: linear-gradient(to right, #00bad1, #5edfff) !important;
    }

.label-blueberry,
.badge-blueberry {
    background-color: #6f85bf;
    background-image: none !important;
}

    .label-blueberry.graded,
    .badge-blueberry.graded {
        background: linear-gradient(to right, #6f85bf, #ced5e9) !important;
    }

.label-palegreen,
.badge-palegreen {
    background-color: #a0d468;
    background-image: none !important;
}

    .label-palegreen.graded,
    .badge-palegreen.graded {
        background: linear-gradient(to right, #a0d468, #c5e9b6) !important;
    }

.label-success,
.badge-success {
    background-color: #53a93f;
    background-image: none !important;
}

    .label-success.graded,
    .badge-success.graded {
        background: linear-gradient(to right, #53a93f, #b0e0a4) !important;
    }

.label-green,
.badge-green {
    background-color: #8cc474;
    background-image: none !important;
}

    .label-green.graded,
    .badge-green.graded {
        background: linear-gradient(to right, #8cc474, #a0d468) !important;
    }

.label-lightyellow,
.badge-lightyellow {
    background-color: #f6d52e;
    background-image: none !important;
}

    .label-lightyellow.graded,
    .badge-lightyellow.graded {
        background: linear-gradient(to right, #f6d52e, #f8e26d) !important;
    }

.label-yellow,
.badge-yellow {
    background-color: #ffce55;
    background-image: none !important;
}

    .label-yellow.graded,
    .badge-yellow.graded {
        background: linear-gradient(to right, #ffce55, #f6d52e) !important;
    }

.label-warning,
.badge-warning {
    background-color: #f4b400;
    background-image: none !important;
}

    .label-warning.graded,
    .badge-warning.graded {
        background: linear-gradient(to right, #f4b400, #f8df95) !important;
    }

.label-gold,
.badge-gold {
    background-color: #f9b256;
    background-image: none !important;
}

    .label-gold.graded,
    .badge-gold.graded {
        background: linear-gradient(to right, #f9b256, #fece90) !important;
    }

.label-orange,
.badge-orange {
    background-color: #fb6e52;
    background-image: none !important;
}

    .label-orange.graded,
    .badge-orange.graded {
        background: linear-gradient(to right, #fb6e52, #fb9f8d) !important;
    }

.label-lightred,
.badge-lightred {
    background-color: #e46f61;
    background-image: none !important;
}

    .label-lightred.graded,
    .badge-lightred.graded {
        background: linear-gradient(to right, #e46f61, #f88f83) !important;
    }

.label-darkorange,
.badge-darkorange {
    background-color: #ed4e2a;
    background-image: none !important;
}

    .label-darkorange.graded,
    .badge-darkorange.graded {
        background: linear-gradient(to right, #ed4e2a, #f5a998) !important;
    }

.label-red,
.badge-red {
    background-color: #df5138;
    background-image: none !important;
}

    .label-red.graded,
    .badge-red.graded {
        background: linear-gradient(to right, #df5138, #f5836f) !important;
    }

.label-pink,
.badge-pink {
    background-color: #e75b8d;
    background-image: none !important;
}

    .label-pink.graded,
    .badge-pink.graded {
        background: linear-gradient(to right, #e75b8d, #f299b9) !important;
    }

.label-darkpink,
.badge-darkpink {
    background-color: #cc324b;
    background-image: none !important;
}

    .label-darkpink.graded,
    .badge-darkpink.graded {
        background: linear-gradient(to right, #cc324b, #fb6880) !important;
    }

.label-danger,
.badge-danger {
    background-color: #d73d32;
    background-image: none !important;
}

    .label-danger.graded,
    .badge-danger.graded {
        background: linear-gradient(to right, #d73d32, #f7b5b0) !important;
    }

.label-magenta,
.badge-magenta {
    background-color: #bc5679;
    background-image: none !important;
}

.label-magenta.graded,
.badge-magenta.graded {
    background: linear-gradient(to right, #bc5679, #e9abc0) !important;
}

.label-purple,
.badge-purple {
    background-color: #7e3794;
    background-image: none !important;
}

    .label-purple.graded,
    .badge-purple.graded {
        background: linear-gradient(to right, #7e3794, #daafe8) !important;
    }

.label-maroon,
.badge-maroon {
    background-color: #981b48;
    background-image: none !important;
}

    .label-maroon.graded,
    .badge-maroon.graded {
        background: linear-gradient(to right, #981b48, #eab6c9) !important;
    }



.nav-item-bottom {
     position: fixed;
     bottom: 25px;
 }



/**#region Comment*/
.comment {
    padding-top: 0px;
}

.comment.first-comment {
    padding-top: 12px !important;
}

.comment > .comment {
    margin-left: 25px !important;
}

.comment .comment-avatar {
    position: relative;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box;
    display: block;
    float: left;
    height: 32px;
    width: 32px;
    margin-top: 10px;
}

.comment .comment-header {
    font-size: 12px;
    padding-bottom: 2px;
}

.comment .comment-header span {
    color: #d0d0d0;
    display: inline-block;
    font-size: 11px;
    margin-left: 5px;
}

.comment .comment-body {
    float: none;
    margin-left: 40px;
    position: relative;
}

.comment .comment-text {
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    padding: 7px 12px 8px;
    font-size: 12px;
}

.comment .comment-footer {
    display: block;
    font-size: 12px;
    padding: 4px 12px 0;
}

.comment .comment-footer i {
    font-size: 13px;
    margin-right: 7px;
}

.comment .comment-footer,
.comment .comment-footer a {
    color: #d0d0d0;
}

.comment .comment-footer a:hover {
    color: #00bad1;
}

/**#region Tabs*/
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: var(--falcon-primary);
    background-color: transparent;
    border-bottom: 2px solid var(--falcon-primary) !important;
}
.tab-active-caret .nav-link.active:after {
    border-width: 0 2px 2px 0;
    border-color: var(--falcon-primary);
}


/*---- Footer CSS ----*/

/*---- Footer CSS ----*/

/*Footer*/
.card-motia-footer {
    /*background-color: #ecedf0;*/
}

.fcseuropefooter {
    padding: 5px;
    width: 100%;
}

    .fcseuropefooter .row { /*width:1250px;*/
    }

    .fcseuropefooter h6 {
        color: #171D6D;
        font-family: Verdana,sans-serif;
        font-size: 13px;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .fcseuropefooter small {
        color: #171D6D;
        font-family: Verdana,sans-serif;
        opacity: 0.6;
        font-size: 80%;
        font-weight: 400;
    }

    .fcseuropefooter ul {
        list-style: none;
        margin-bottom: 0;
    }

        .fcseuropefooter ul li {
            display: inline-block;
            margin-right: 10px;
        }

            .fcseuropefooter ul li a {
            }

    .fcseuropefooter hr {
        border-color: #4e4e4e;
        border-width: 1px 0 0;
        margin-bottom: 20px;
        margin-top: 40px;
    }

    .fcseuropefooter.greypanel {
    }

        .fcseuropefooter.greypanel h6 {
            color: #171D6D;
        }

        .fcseuropefooter.greypanel ul li {
            margin-right: 15px;
        }

    .fcseuropefooter.blackpanel1 {
    }

    .fcseuropefooter.blackpanel ul {
        margin-bottom: 0px;
    }

        .fcseuropefooter.blackpanel ul li {
            margin-right: 0px;
        }

            .fcseuropefooter.blackpanel ul li a {
                font-size: 11px;
                border-right: 1px solid;
                padding-right: 8px;
                line-height: 0.9;
                margin-right: 8px;
            }

            .fcseuropefooter.blackpanel ul li:last-child a {
                border-right: 0px solid;
                padding-right: 0px;
                margin-right: 0px;
            }

    .fcseuropefooter.blackpanel p {
        font-size: 10px;
    }