body { margin-top:93px; background-image: url("../../../Styles/bg.png"); background-position: center;}
/*body { margin-top:93px; background-color: #FC0 !important; }*/
.container-fluid { padding-left:25px;padding-right:25px }
.row { margin-right:0px;margin-left:0 }
.breadcrumb { background-color: #f8f8f8; border: 1px solid #e7e7e7; padding:0.5em }
.page-header {
    margin-top: 16px;
    font-family: "FontCustom-Regular", sans-serif;
    text-transform: uppercase;
}

.page-header > small {
    display:block;
}


.dropdown-submenu {position: relative;}
.dropdown-submenu a::after {transform: rotate(-90deg); position: absolute; right: 6px; top: .8em;}
.dropdown-submenu .dropdown-menu {top: 0; margin-left: .1rem; margin-right: .1rem;}
.dropdown-item:active {background-color:#eeeeee}

.navbar {padding:0;}
.nav-link {margin-bottom: 0; font-weight: 100; text-transform: uppercase;white-space: nowrap;font-size: 0.90rem;}
.nav-link:hover {color: #ff1100 !important;}
.nav-link ::before {font-size:0.8em;margin-left:3px;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {color: #fff;background-color: #333;}
.navbar-toggler {border:none; outline:none; padding-left:4px;}
.navbar-dark .navbar-nav .nav-link {color: rgba(0, 0, 0, 0.9);}
.navbar-brand {
    font-size: 1.5rem;
    padding-bottom: 0.25em !important;
    padding-top: 0.25em !important;
    max-width: 600px;
}
.nav-tabs .nav-link {color: #495057;}
.navbar-nav .active > .nav-link {color: #ff1100 !important;}

.btn-caret {
    border-radius: 0;
    height: 50px;
    margin-bottom: 15px;
    padding-left: 3px !important;
    border-color: #ccc;
    background-color: #fff;
    margin-left: -1px;
    width: 20px;
}
.btn-menu {margin-top:-15px}
.btn-icon {overflow:hidden;border-radius:0;line-height:1.6em;padding:4px;height:50px;text-align:left;margin-bottom:15px;margin-left:0 !important;border-color: #ccc;background-color: #fff;}
.btn-icon span {color:#bbb;display:block}
.btn-icon img {display:inline-block;float:left;width:auto;height:38px;margin-right:4px}
.card-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.card-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.card-img-overlay {
    background-color: rgba(0, 0, 0, 0.2);
}

.toggler {color:grey; border: 1px solid rgba(0, 0, 0, .15); width: 24px; height: 54px; position: absolute; top: 45%; cursor: pointer; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-left: 1px solid #fff; -webkit-box-shadow: 1px 0px 8px rgba(0, 0, 0, .175); box-shadow: 1px 0px 8px rgba(0, 0, 0, .175); background-color: #ffffff; left: 0;} 
.toggler > i{margin:11px 3px; font-size:30px; font-weight:900}

.toggler-rt {color:grey; border: 1px solid rgba(0, 0, 0, .15); width: 24px; height: 54px; position: absolute; top: 45%; cursor: pointer; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-right: 1px solid #fff; -webkit-box-shadow: 1px 0px 8px rgba(0, 0, 0, .175); box-shadow: 1px 0px 8px rgba(0, 0, 0, .175); background-color: #ffffff; right: 0;} 
.toggler-rt > i{margin:17px 3px; font-size:16px; font-weight:900}

.sidebar {margin-top: 40px;}

    .sidebar ul {
        border-radius: 5px;
        padding: 5px;
        border: 1px solid #cccccc;
    }

.crop-text-1 {
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.crop-text-2 {
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.crop-text-4 {
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.page-link {
    font-weight:bold;
    color: #333333;
    border: 1px solid #dddddd;
}

.pagingnav{
    display:flex;
}

.card-columns .card {
    margin-bottom: 0.3rem;
}

.card-columns {
    column-gap: 0.3rem;
}