@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(/assets/google_material_icons_fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    /*
    url(/assets/google_material_icons_fonts/MaterialIcons-Regular.woff2) format('woff2'),
    url(/assets/google_material_icons_fonts/MaterialIcons-Regular.woff) format('woff'),
    */
    url(/assets/google_material_icons_fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}



.bs_tweak{height:21px;}

/* datatables styling: */
.page-item.active .page-link {
    background-color: rgba(54,70,70,0.8) !important;
    border: 1px solid white;
    color: white !important;
}
.page-link {
    color: black !important;
}

/* LINK STYLING */
/* unvisited link */

a:link {
color: rgba(51,122,183, 1.0);
}


.nav_items_eq{
    color: white !important;
}



/* mouse over link */
a:hover {
color: rgba(54,70,70,0.5);
}
/* selected link */
a:active {
color: rgba(54, 70, 70,1.0);
}

/* Bootstrap Buttons */
.btn-eq-100 { 
    font-size: 12px !important;
    background: rgba(54,70,70,0.8) !important; 
    border: 0px;
    color: white !important;
}
.btn-eq-outline-100 { 
    font-size: 12px !important;
    background: white !important; 
    border: 1px solid rgba(54,70,70,1.0) !important; 
    color: rgba(54,70,70,1.0) !important; 
}
.btn-eq-90 { 
    font-size: 12px !important;
    background: rgba(54,70,70,0.9) !important; 
    border: 0px; 
    color: white !important; 
}
.btn-eq-80 { 
    font-size: 12px !important;
    background: rgba(54,70,70,0.8) !important; 
    border: 0px; 
    color: white !important; 
}
.btn-eq-70 { 
    font-size: 12px !important;
    background: rgba(54,70,70,0.7) !important; 
    border: 0px; 
    color: white !important; 
}
.btn-eq-60 { 
    font-size: 12px !important;
    background: rgba(54,70,70,0.6) !important; 
    border: 0px; 
    color: white !important; 
}
.btn-eq-70-border-white { 
    font-size: 12px !important;
    background: rgba(54,70,70,0.6) !important; 
    border: 0.5px solid white; 
    color: white !important; 
}
.btn-eq-60-nocolor-fontblack { 
    font-size: 12px !important;
    border: 0px; 
    color: black !important; 
}
.btn-eq-60-nocolor-fontwhite { 
    font-size: 12px !important;
    border: 0px; 
    color: white !important; 
}
.btn-eq-50 { 
    font-size: 12px !important;
    background: rgba(54,70,70,0.5) !important; 
    border: 0px; 
    color: white !important; 
}
.btn-eq-50-sm { 
    font-size: 11px !important;
    background: rgba(54,70,70,0.1) !important; 
    border: 0px; 
    color: black !important; 
}

.btn-eq-select {
    border: 1px solid rgba(54,70,70,0.5) !important;
    background: white !important; 
}

.btn-eq-valuelist-select {
    border: 1px solid rgba(54,70,70,0.5) !important;
    background: white !important; 
    text-align: center; 
    vertical-align: middle;
}

/* Bootstrap Dropdown */
.dropdown-toggle-eq { 
    font-size: 12px !important;
    background: rgba(54, 70, 70,0.9) !important; 
    border: 0px; 
    color: white !important; 
}

/* Bootstrap nav-pills */
.nav-pills-eq .nav-link-eq.active { 
    font-size: 12px !important;
    background: rgba(54, 70, 70,0.9) !important; 
    border: 0px; 
    color: white !important; 
}

/* Bootstrap nav item */
.nav-item-eq{
    font-size: 12px !important;
    color: rgba(54, 70, 70,1.0) !important; 
}

/* Bootstrap Dropdown item */
.dropdown-item-eq {
    font-size: 12px !important;
    color: rgba(54, 70, 70,1.0) !important;
}

.dropdown-menu li {
    position: relative;
}
.dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 40%;
    top: -7px;
}
.dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
}
.dropdown-menu > li:hover > .dropdown-submenu {
    display: block;
}