html, body {
    letter-spacing: 2.5px;
}
/*############## FONTAWESOME OVERRIDING START ##################*/
.fas .far {
    vertical-align: middle;
}

.xs { font-size: 12px; }
.s { font-size: 18px; }
.m { font-size: 20px; }
.l { font-size: 24px; }

.light { color: #f0f0f0; }
.red { color: #db4a37; }
.pink { color: hotpink; }
.blue { color: #007bff; }
.dark { color: #343a40; }
.green { color: #04c12e; }
.grey { color: #666666; }
/* facebook color .t {color: rgb(59, 91, 152);} */
/*############## FONTAWESOME OVERRIDING END   ##################*/

/*############## BOOTSTRAP OVERRIDDINGS START ##################*/

.fs-7 {
    font-size: 0.8rem !important;
}

.bg-light {
    background-color: #d6d6d7 !important;
}

.bg-dark {
    background-color: #699dbe !important;
}

a {
    color: #3b3e43 !important;
    text-decoration: none !important;
}

a:hover {
    color: #699dbe !important;
}

.btn-dark {
    color: #fff;
    background-color: #699dbe;
    border-color: #699dbe;
}

.btn-dark:hover {
    color: #fff;
    background-color: #47474b;
    border-color: #fff;
}

/*############## ToolTip Start ##################*/
.tooltip-inner {
    background-color: #001645 !important;
    color: #ffffff !important;
}
.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: #001645 !important;
}
.tooltip.bs-tooltip-left .arrow:before {
    border-left-color: #001645 !important;
}
.tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #001645 !important;
}
.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: #001645 !important;
}
/*############## ToolTip END ##################*/





























.tooltip-inner {
    background-color: #007bff;
    color: #ffffff;
}

/*############## BREADCRUMB START ##################*/
btn-breadcrumb>.btn.disabled {
    opacity: 1 !important;
    color: #99007c;
}

.btn-breadcrumb .btn:not(:last-child):after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid white;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: 100%;
    z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid rgb(173, 173, 173);
    position: absolute;
    top: 50%;
    margin-top: -12px;
    margin-left: 1px;
    left: 100%;
    z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {
    padding: 0px 12px 0px 24px;
}
.btn-breadcrumb .btn:first-child {
    padding: 0px 6px 0px 2px;
}
.btn-breadcrumb .btn:last-child {
    padding: 0px 18px 0px 24px;
}

/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
    border-left: 10px solid #fff;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
    border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
    border-left: 10px solid #ebebeb;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
    border-left: 10px solid #adadad;
}

/** Primary button **/
.btn-breadcrumb .btn.btn-primary:not(:last-child):after {
    border-left: 10px solid #428bca;
}
.btn-breadcrumb .btn.btn-primary:not(:last-child):before {
    border-left: 10px solid #357ebd;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
    border-left: 10px solid #3276b1;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
    border-left: 10px solid #285e8e;
}

/** Success button **/
.btn-success {
    color: #fff;
    /*
    background-color: #28a745;
    border-color: #28a745;
     */
    background-color: #96c13d;
    border-color: #96c13d;
}

.btn-mini, .btn-group-mini > .btn {
    padding: 0.15rem 0.3rem;
    font-size: 0.675rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.btn-mini + .dropdown-toggle-split, .btn-group-mini > .btn + .dropdown-toggle-split {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
}


/*
.btn-breadcrumb .btn.btn-success:not(:last-child):after {
    border-left: 10px solid #96c13d;
}
.btn-breadcrumb .btn.btn-success:not(:last-child):before {
    border-left: 10px solid #4cae4c;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):after {
    border-left: 10px solid #47a447;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):before {
    border-left: 10px solid #398439;
}

/** Danger button **/
/*
.btn-breadcrumb .btn.btn-danger:not(:last-child):after {
    border-left: 10px solid #d9534f;
}
.btn-breadcrumb .btn.btn-danger:not(:last-child):before {
    border-left: 10px solid #d43f3a;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after {
    border-left: 10px solid #d2322d;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before {
    border-left: 10px solid #ac2925;
}

/** Warning button **/
/*
.btn-breadcrumb .btn.btn-warning:not(:last-child):after {
    border-left: 10px solid #f0ad4e;
}
.btn-breadcrumb .btn.btn-warning:not(:last-child):before {
    border-left: 10px solid #eea236;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after {
    border-left: 10px solid #ed9c28;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before {
    border-left: 10px solid #d58512;
}

/** Info button **/
/*
.btn-breadcrumb .btn.btn-info:not(:last-child):after {
    border-left: 10px solid #5bc0de;
}
.btn-breadcrumb .btn.btn-info:not(:last-child):before {
    border-left: 10px solid #46b8da;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {
    border-left: 10px solid #39b3d7;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {
    border-left: 10px solid #269abc;
}
*/
/*############## BREACRUMB END ##################*/

/*############## SUB MENU START ##################*/
.dropdown-menu {
    padding: .2rem 0 !important;
}
.dropdown-item {
    spadding: .2rem 0 !important;
    font-size: 80%;
}
.dropdown-menu a:active{
    background-color: #0066a8;
}
.dropdown-menu a:hover {
    background-color: #0088cc;
    color: #ffffff;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu{
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}

.dropdown-submenu>a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:7px 0 7px 7px;
    border-left-color:#96c13d;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after{
    border-left-color:#555;
}
.dropdown-submenu.pull-left{ float: none; }
.dropdown-submenu.pull-left>.dropdown-menu{
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
/*############## SUB MENU END ##################*/

.card {
    border: 1px solid rgba(0,0,0,.70);
}

.card-columns-4 .card {
    margin-bottom: 0.75rem;
}

.card-columns-3 .card {
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .card-columns-3 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
    .card-columns-3 .card {
        display: inline-block;
        width: 100%;
    }

    .card-columns-4 {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
    .card-columns-4 .card {
        display: inline-block;
        width: 100%;
    }
}

.navbar-toggler:before {
    //content:"SM Models";
    left:40px;
    top:8px;
    position:absolute;
    swidth:50px;
    font-weight: bold;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff !important;
    background-color: #007bff;
    border-color: #007bff;
}

.page-link {
    color: #000 !important;
}

.badge-primary {
    color: #fff;
    background-color: #0088cc;
}

.table-hover tbody tr:hover {
    color: #000000;
    background-color: rgba(175, 237, 189, 1);
}

.sticky-top {
    background-color: #FFFFFF;
}

.btn-xs {
    padding: .0rem .2rem;
    font-size: .8rem;
    line-height: 1.5;
    border-radius: .2rem;
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #343a40;
    border-color: #ffffff;
}
/*############## BOOTSTRAP OVERRIDDINGS END ##################*/