:root {
    --white-color: #fff;
    --text-color: #333;
    --table-link-color: #656565;
    --primary-color: #C51A1B;
    --primary-color-link: #ae1718;
    --primary-color-hover: #c23035;
    --primary-darker-color: #811112;
    --error-color: #811112;
}

body {
    font-size: 12px;
    font-family:Verdana, tahoma, sans-serif, arial;
}

a,
a:active,
.btn,
.btn:active {
    color: var(--primary-color-link);
    text-decoration: underline;
}

.btn.btn-default-fdim,
.btn.btn-default-fdim:active {
    color: var(--primary-color);
    text-decoration: none;
}

.btn.btn-primary,
.btn.btn-danger,
.btn.btn-default-fdim {
    color: #fff;
}

a:hover,
a:focus,
.btn:hover,
.btn:focus {
    color: var(--primary-color-hover) !important;
    text-decoration: none !important;
}

.btn.btn-default-fdim:hover,
.btn.btn-default-fdim:focus {
    color: var(--primary-color-hover) !important;
    text-decoration: underline !important;
}

.table .btn,
.table .btn:active,
.table .btn .dyn_width,
.table .btn:active .dyn_width,
table.generic td .btn,
table.generic td .btn .dyn_width,
.btn.btn-danger:hover,
table .pagination .page-item .btn:hover,
table .pagination .page-item .btn:focus,
table.generic td .pagination .page-item .btn:hover,
table.generic td .pagination .page-item .btn:focus,
.pagination .page-item .page-link:hover,
.pagination .page-item .page-link:focus,
.modal .modal-footer .btn:hover,
.modal .modal-footer .btn:focus,
.pagination .page-item .btn:hover,
.pagination .page-item .btn:focus,
.btn.btn-default:hover,
.btn.btn-default:focus,
.btn.btn-success:hover,
.btn.btn-success:focus {
    text-decoration: underline !important;
}
.table .btn:hover,
.table .btn:focus,
table th.sort .btn:hover,
table th.sort .btn:focus,
table th.sort_desc .btn:hover,
table th.sort_desc .btn:focus,
.table .btn:hover .dyn_width,
.table .btn:focus .dyn_width,
.table .pagination .btn,
table.generic td .btn:hover,
table.generic td .btn:focus,
.table-responsive table td .btn:hover,
.table-responsive table td .btn:focus,
.table-responsive table td .btn:hover > span,
.table-responsive table td .btn:focus > span,
.table-responsive table td .btn:hover .dyn_width,
.table-responsive table td .btn:focus .dyn_width,
.btn.btn-danger,
.btn.btn-success,
.btn.btn-default,
table .pagination .page-item .btn,
table.generic td .pagination .page-item .btn,
.modal .modal-footer .btn,
.pagination .page-item .btn {
    text-decoration: none !important;
}

a:hover > i.fa,
.btn:hover > i.fa,
a:focus > i.fa,
.btn:focus > i.fa {
    color: var(--primary-color-hover);
}

.modal-header a:hover > i.fa,
.modal-header .btn:hover > i.fa,
.modal-header a:focus > i.fa,
.modal-header .btn:focus > i.fa {
    color: var(--primary-darker-color) !important;
}
.btn.btn-success:hover,
.btn.btn-success:focus {
    color: #fff !important;
}

p {
    line-height: 1.2rem;
    margin-bottom: .75rem;
}

.f11 {
    font-size: 0.65rem !important;
}
.f12 {
    font-size: 0.78rem !important;
}

.f13 {
    font-size: 0.838rem !important;
} 

.f15{ font-size:15px !important;}
.f14{ font-size:14px !important;}
.F555{ color:#666;}
.lh21{ line-height:21px;}
.light{ color:#9999;}
.hidden{ display:none;}

.comp_list p {
    line-height: .75rem;
    margin-bottom: 0;
}
.comp_list a.list_header,
.comp_list .btn {
    color: #333;
}
.comp_list a,
.comp_list .btn {
    text-decoration: underline !important;
}
.comp_list a:hover,
.comp_list .btn:hover {
    text-decoration: none !important;
}

#project_list p .btn,
.comp_list p .btn,
.comp_list .btn {
    padding: 0 !important;
}
#project_list p .btn {
    padding: 2px 6px !important;
}

#main_container .dropdown .dropdown-menu a.dropdown-item {
    color: #656565;
    font-size: 0.75rem !important;
}

#main_container .navbar-nav .nav-link:hover,
#main_container .navbar-nav .nav-link:focus,
#main_container .navbar-nav .nav-link:hover .fa,
#main_container .navbar-nav .nav-link:focus .fa,
#main_container .navbar-nav .nav-link.active,
#main_container .navbar-nav .nav-link.active .fa,
#main_container .dropdown.active .nav-link,
#main_container .dropdown .nav-link:hover,
#main_container .dropdown .nav-link:focus,
#main_container .dropdown .nav-link:hover .fa,
#main_container .dropdown .nav-link:focus .fa {
    color: var(--white-color) !important;
}

#main_container .navbar-nav .nav-link:hover,
#main_container .navbar-nav .nav-link:focus,
#main_container .navbar-nav .nav-link.active,
#main_container .dropdown.active .nav-link,
#main_container .dropdown .nav-link:hover,
#main_container .dropdown .nav-link:focus {
    background-color: var(--primary-color);
}

.dropdown-menu>li>a {
    font-size: 0.875rem !important;
}

img {
    max-width: 100%;
}

.btn:hover {
    border-color: transparent;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default-fdim {
    background-color: var(--table-link-color) !important;
    border-color: var(--table-link-color);
}
.btn-success {
    color: #fff !important;
    background-color: #449d44;
    border-color: #449d44;
}
.btn-success:hover {
    background-color: #398439;
    border-color: #398439;
}

.badge {
    font-weight: normal;
}

.badge-tag {
    color: #fff;
    background-color: var(--table-link-color);
}

.btn-default-fdim > i.fa,
.btn-default > i.fa,
.btn-success > i.fa,
.btn-danger > i.fa,
.badge i.fa {
    color: #fff ;
}
.btn:hover > i.fa {
    color: var(--primary-color) !important;
}
.btn-default-fdim:hover > i.fa,
.btn-default:hover > i.fa,
.btn-success:hover > i.fa,
.btn-danger:hover > i.fa,
.btn-default-fdim:focus > i.fa,
.btn-default:focus > i.fa,
.btn-success:focus > i.fa,
.btn-danger:focus > i.fa {
    color: #fff !important;
}
.btn.btn-link > i.fa,
.btn.link > i.fa,
.btn.btn-default > i.fa {
    color: #333;
    font-size: 0.75rem;
}

.btn.btn-danger:hover,
.btn.btn-default:hover,
.btn.btn-default-fdim:hover,
.btn.btn-danger:focus,
.btn.btn-default:focus,
.btn.btn-default-fdim:focus {
    color: #fff !important;
    background-color: var(--primary-color) !important;
}

.alert-info {
    background-color: lightyellow;
    border-color: wheat;
}

table .btn:hover,
table .btn:focus,
table .btn:hover span,
table .btn:focus span,
table .btn:hover .dyn_width,
table .btn:focus .dyn_width {
    color: var(--primary-color);
    text-decoration: underline !important;
    border-color: transparent;
}

.btn[class^="btn-"]:hover > i.fa,
.btn[class^="btn-"]:focus > i.fa,
.btn[class*="btn-primary"]:hover span,
.btn[class*="btn-primary"]:focus span,
.btn[class*="btn-default"]:hover span,
.btn[class*="btn-default"]:focus span,
.btn[class*="btn-default-fdim"]:hover span,
.btn[class*="btn-default-fdim"]:focus span,
.nav_lists li.active a:hover, 
.nav_lists li.active a:hover i {
    color: #fff !important;
}

table th .btn {
    color: #fff;
}

tr.column_filter_row td {
    background-color: lightyellow;
}

table td a {
    color: var(--primary-color);
}

table a,
table .btn,
table a i,
table .btn i {
    color: var(--table-link-color);
}

table td.filter_col {
    padding-left: 5px;
    padding-right: 5px;
    background-position: 97% 50% !important;
}

table .dropdown .dropdown-toggle::after {
    display: none;
}
table .dropdown .dropdown-menu {
    padding: 0;
    border-radius: 0;
}
table .dropdown .dropdown-menu li button,
table .dropdown .dropdown-menu li a {
    padding: var(--bs-dropdown-padding-y);
    border-radius: 0;
}

table .tag_id .dropdown .dropdown-menu li {
    margin: 5px;
}
table .tag_id .dropdown .dropdown-menu .btn {
    width: 100%;

}

table .text-white,
.tabbed_menu td.selected_tab button {
    color: #fff !important;
}

.btn:hover > i.fa.text-danger,
.text-danger {
    color: var(--primary-color) !important;
}
.btn .text-primary,
.btn i.fa.text-primary,
table .text-primary {
    color: #337ab7 !important;
}
.text-light,
.light {
    color: #666 !important;
}

label {
    font-size: 0.78rem;
}

.DTFC_RightBodyWrapper .DTFC_RightBodyLiner {
    overflow-y: initial !important;
}

a:focus,
button:focus,
input:focus,
select:focus,
.btn:focus,
.form-control:focus,
.form-select:focus,
.select2-container--focus {
    box-shadow: 1px 1px 8px 1px var(--primary-color) !important;
    border-color: transparent;
    outline: none;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
.btn:focus-visible,
.form-control:focus-visible,
.form-select:focus-visible,
.select2-container--focus .select2-selection:focus-visible {
    border: 0 none;
    outline: none;
}
table th:focus-visible {
    outline: 2px solid rgba(197, 26, 27, .6) !important;
    box-shadow: 1px 1px 8px 1px var(--primary-color) !important;
    border-color: transparent;
}

table.table_form .col-sm-10 .btn {
    padding: 0 !important;
}

.DTFC_LeftBodyLiner {
    background-color: #fff;
}
 
.icheckbox_minimal-red.focus {
    outline: 2px solid var(--primary-color) !important;
    box-shadow: 1px 1px 8px 1px var(--primary-color) !important;
}

@media (min-width: 768px) {
    #cross_tab_div {
        position: relative;
    }
    #cross_tab_div .cross_tab_action {
        position: absolute;
        right: 0;
    }
}

.btn.btn-xs {
    font-size: 0.65rem;
    padding: 4px 8px;
}
.btn.btn-sm {
    font-size: 0.78rem;
    padding: 5px 10px;
}
table .btn.btn-zero {
    width: auto !important;
    padding: 0 !important;
}
.form-control-sm,
.form-select-sm {
    font-size: 0.8rem;
}

.btn-group-xs>.btn, 
.btn-xs {
    font-size: 0.75rem;
    line-height: 1.5;
    border-radius: 3px;
}
.tab_link {
    padding-left: 25px !important;
    text-align: left;
    line-height: var(--bs-btn-line-height);
}

table th,
.generic th,
table td,
.generic td,
.trend-table td {
    font-size: 0.78rem;
    vertical-align: middle;
}
.trend-table small {
    display: block;
}
#statistics .generic td,
.generic td {
    padding: 4px 6px;
}
.generic th,
.generic td,
#statistics .generic td.total {
    padding: 8px 12px;
}
.generic td.total {
    font-weight: bold;
}

table>tbody>tr.alt>*,
.generic>tbody>tr.alt>* {
    background-color: rgba(0, 0, 0, 0.05) !important;
}
table>tbody>tr.alt1>*,
.generic>tbody>tr.alt1>* {
    background-color: rgba(0, 0, 0, 0.05) !important;
}
table>tbody>tr.alt2>*,
.generic>tbody>tr.alt2>* {
    background-color: rgba(0, 0, 0, 0.05) !important;
}

.generic td.number {
    line-height: normal;
}
.trend-table.generic td.number,
.trend-table td.data-cell,
.trend-table td.data-cell > .btn,
table.generic td.number > .btn {
    text-align: center !important;
}
table td > .btn.filter_button {
    line-height: 16px;
}
table td > .btn.filter_button i.fa-times  {
    position: relative;
    bottom: -1px;
    margin-left: 10px 
}

.generic td.number > .btn {
    padding: 0 !important;
}
td.td_contact {
    background-position: 8px 7px;
}
.generic td a:hover {
    color: var(--primary-color-hover) !important;
}

.table-responsive table td .btn {
    width: 100%;
    padding: 0;
    text-align: left;
    text-decoration: none;
}
.table-responsive table td .btn.table-btn {
    width: auto !important;
    padding: 5px 10px;
}
.table-responsive table td.tag_id .btn.dynamic {
    display: none;
}
.table-responsive table td .btn.dynamic {
    width: auto;
}


.btn.badge {
    text-decoration: none;
}
.btn.badge:hover {
    text-decoration: underline !important;
}

.btn.badge,
.table-responsive table td .btn.badge {
    width: auto;
    padding: 4px;
}
.table-responsive table td.tag_id .btn.badge {
    font-size: .9em;
    padding: 2px;
}
.table-responsive table td.tag_id .dropdown-menu .btn.badge {
    font-size: .75em;
    padding: 4px;
}
.btn.badge:hover,
.table-responsive table td .btn.badge:hover {
    color: #fff !important;
    background-color: var(--primary-color);
}
table td.tag_id .btn.badge:hover,
table td.tag_id .btn.badge:hover > span,
.btn.badge:hover .fa,
.table-responsive table td .btn.badge:hover .fa {
    color: #fff !important;
}

.table-responsive table td .btn > img {
    vertical-align: sub;
}
.table-responsive table .footer .btn {
    width: auto;
}

table .filter_col .btn,
table .filter_col input,
table .filter_text_col input {
    font-size: 0.875rem;
    padding: 4px 8px;
    border-color: transparent;
}

table td .dyn_width {
    overflow: initial !important;
}

table td .btn .dyn_width,
.generic td .dyn_width  {
    width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden !important;
}
.generic td .dyn_width > button {
    width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden !important;
}
.trend-table td .dyn_width {
    width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden !important;
}
table td .btn.dyn_width {
    overflow: hidden !important;
}

.tab-item table td .company_link .dyn_width {
    width: 100%;
}

table td.footer .form-control-sm {
    min-height: calc(1.5em + 0.5rem);
}
.generic th {
    font-size: 0.75rem;
    font-family: var(--bs-btn-font-family);
    line-height: var(--bs-btn-line-height);
}
.generic th.sort,
.generic th.sort:hover,
.generic th.sort_asc,
.generic th.sort_ASC,
.generic th.sort_desc,
.generic th.sort_DESC {
    padding: 0;
    cursor: default;
}

.generic th.sort_asc,
.generic th.sort_ASC,
.generic th.sort_desc,
.generic th.sort_DESC {
    background-color: #888 !important;
    background-position: 8px;
    background-repeat: no-repeat;
}
.generic th.sort_asc,
.generic th.sort_ASC {
    background-image: url(../../../images/u_arr.gif);
}
.generic th.sort_desc,
.generic th.sort_DESC {
    background-image: url(../../../images/d_arr.gif);
}
.generic th > button {
    width: 100%;
    padding: 8px 10px;
    display: inline-block;
    text-align: left;
}
.generic th button:hover,
.generic th button:focus,
.generic th button:focus-visible {
    color: #fff !important;
}
.generic th.sort > button,
.generic th.sort_asc > button,
.generic th.sort_ASC > button,
.generic th.sort_desc > button,
.generic th.sort_DESC > button {
    padding-left: 25px;
}
.generic th > button.half {
    width: auto;
}
.generic th > span.half {
    float: right;
    padding: 8px;
}

.generic th .d-flex.justify-content-between > button.half {
    padding-left: 25px;
}
.generic th .d-flex.justify-content-between > span.half {
    margin-top: 3px;
    margin-right: 10px;
}

.side_nav.trends-content {
    background-color: #fff;
}

#main_site_container {
    margin:0px auto;
    text-align:left;
    background-color:#fff;
    border:2px solid #e8e8e8;
    min-width:1280px;
    width:auto;
}

.header-block {
    position: relative;
    width: 100%;
    min-height: 130px;
    margin: 0px;
    background-image: url('../../../images/dots23.png');
    background-repeat: no-repeat;
    background-position: top right;
}
.header-block .logo {
    margin-top: 20px;
    margin-left: 20px;
    display: inline-block;
}
.header-block .logo img {
    width: 240px;
    margin: -20px 0 -40px -20px;
}

.top-nav {
    position:relative;
    display: flex!important;
    flex-basis: auto;
    background-color:#fff;
    padding: 0 10px;
}
.top-nav > ul {
    flex-direction: row;
    margin: 0;
    padding: 0;
    list-style: none;
}

.top-nav li {
    /* display: inline-block; */
    margin-left: 5px;
    margin-right: 5px;
}
.top-nav li a,
.top-nav li .btn {
    font-size: 0.8rem !important;
    padding: 4px 10px;
    margin: 0;line-height: normal;
}
.top-nav a.dropdown-toggle.show,
.top-nav a:hover,
.top-nav button:hover {
    color: #fff !important;
    background-color: #7f7f7f;
    text-decoration: none;
}
.top-nav button {
    border-radius: 0;
}

.top-nav .dropdown-menu {
    border-radius: 0;
}
.top-nav .dropdown-menu li {
    margin: 0;
}
.top-nav .dropdown-menu li a,
.top-nav .dropdown-menu li button {
    color: #333;
    padding: 8px 14px;
    text-decoration: none;
}
.top-nav .dropdown-menu li a:hover,
.top-nav .dropdown-menu li button:hover {
    color: #fff !important;
}
.top-nav .dropdown-menu li a.disabled {
    color: #666;
    font-weight: 600;
    background-color: var(--bs-dropdown-link-hover-bg);
    /* padding: 4px 14px; */
    margin-top: 8px;
    border-top: 2px solid #aaa;
}
.top-nav .dropdown-menu li a i,
.top-nav .dropdown-menu li button i {
    color: #ccc;
    margin-left: 5px;
}

.main-nav {
    position:relative;
    display: flex;
    flex-basis: auto;
    background-color: #cfcfcf;
    min-width: 1010px;
    margin: 0 10px;
    padding-top: 5px;
    text-align: left;
    border-bottom: 8px solid var(--primary-color);
    border-radius: 5px 5px 0px 0px;
}
.main-nav > ul {
    flex-direction: row;
    margin: 0;
    padding: 0;
    list-style: none;
}

.main-nav li a {
    font-size: 1.1em;
    padding: 7px 18px;
    margin: 0 10px;
    border-radius: 5px 5px 0px 0px;
}
.main-nav li.nav-item a > img {
    margin-left: -3px;
}

.main-nav .navbar-right a {
    color:#fff;
    background-color: var(--table-link-color);
}

.main-nav a:hover {
    background-color: #fff;
    text-decoration: none;
}
.main-nav .navbar-right a:hover {
    color: #333;
}
.main-nav li a.active {
    color: #fff !important;
    background-color: var(--primary-color);
}

.navbar-collapse .navbar-nav .nav-link {
    padding: 10px 15px !important;
}
@media (max-width: 991px) {
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
    }
    .navbar-collapse.collapse {
        display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important;
    }
}
#main_container {
    position:relative;
    min-width: 1010px;
    margin: 0 10px 20px 10px;
    padding: 0 !important;
}


.nav_lists li a .iradio_minimal-red {
    margin-right: 8px;
    display: inline-block;
}

.nav_lists li a {
    padding-top: 6px;
    padding-bottom: 6px;
}
.nav_lists li a:hover label,
.nav_lists li a:focus label {
    color: var(--primary-color-hover) !important;
}

.nav_lists li a.link-off,
.nav_lists li a.link-off:hover,
.nav_lists li a.link-off:focus {
    color: #bbb !important;
    cursor: not-allowed;
    text-decoration: none;
}

.nav_lists li a label {
    font-size: 0.8rem !important;
}

.side_nav.trends-content h4 {
    font-size: 0.7rem;
    font-weight: 600;
    background-color: #efefef;
    margin-bottom: 0;
}

.side_nav.trends-content li .btn,
.side_nav.trends-content li > label {
    color: #444;
    width: 100%;
    font-size: 12px;
    margin: 0;
    padding: 10px 15px;
    border-radius: 0;
    text-align: left;
    display: block;
}
.side_nav.trends-content li.active .btn,
.side_nav.trends-content li.active > label {
    color: #fff;
	background-color: #d9534f;
	margin-right:0;
	margin-left:0;
}
.side_nav.trends-content li .btn i,
.side_nav.trends-content li label i {
    float: right;
    color: #ccc;
}
.side_nav.trends-content li.active .btn:hover,
.side_nav.trends-content li.active .btn:hover i,
.side_nav.trends-content li.active .btn i,
.side_nav.trends-content li.activelabel i {
    color: #fff !important;
}
.side_nav.trends-content li label span {
    margin-left: 8px;
}

#frm_trend_report_options div.group_header {
    margin-top: 25px;
    margin-bottom: 15px;
}

ul.group_checkbox {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.group_checkbox li {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 10px;
}

label.chk-option {
    font-size: 0.85rem;
}

label.chk-option > span {
    margin-left: 8px;
}
label.chk-option > input:disabled + span,
label.chk-option > .disabled + span {
    color: #aaa !important;
}

.hover_menu_helper_block {
    position:relative;
    display: flex;
    flex-basis: auto;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-content: center;
    min-width: 1010px;
    margin: 0 10px;
    padding: 8px 0;
    /* border-bottom: 3px solid #ccc; */
}

#main_container .section_header {
    margin-left: 0 !important;
}

#menu_img .img_menu,
.menu_img .img_menu {
    padding: 12px;
    color: #555;
    font-size: 0.875rem;
    background-image: url(../../../images/chart_icon_off.png);
    text-decoration: none;
    background-position: left;
    padding-left: 30px;
    background-repeat: no-repeat;
}

#menu_img .img_menu_sel,
.menu_img .img_menu_sel {
    padding: 12px;
    color: #700;
    font-size: 0.875rem;
    background-image: url(../../../images/chart_icon_on.png);
    text-decoration: underline;
    background-position: left;
    padding-left: 30px;
    background-repeat: no-repeat;
    cursor: default;
}

.pagination .page-link,
.pagination .btn {
    font-size: 0.85rem;
    border-color: #ccc;
}
.pagination .page-link:hover,
.pagination .btn:hover {
    border-color: #ccc;
}
.pagination .btn i.fa {
    padding: 0 4px !important;
}
.pagination .page-text {
    color: #666 !important;
    background-color: transparent;
    border: 0 none;
}

.pagination .page-link,
.pagination .page-link .fa {
    color: var(--primary-color);
    padding: 0.25rem 0.5rem !important;
    border-radius: 0;
}
.pagination .disabled .page-link,
.pagination .disabled .page-link .fa {
    color: #bbb;
}
.pagination .disabled .page-link .fa {
    padding: 0 0.5rem !important;
}
.pagination .disabled .page-link,
.pagination .active .page-link {
    line-height: 1.25rem;
}

.pagination .active>.page-link, 
.pagination .page-link.active,
.pagination .active>.page-link:hover,
.pagination .active>.page-link:focus,
.pagination .page-link.active:hover,
.pagination .page-link.active:focus {
    color: #fff !important;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

td.footer {
    background-color: #eee;
}
td.footer .pagination {
    margin-bottom: 0;
}

.navbar-trend {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 2px solid #cfcfcf;
}

.navbar-trend a:hover,
.navbar-trend .active > a,
.navbar-trend a.active {
    color: #333;
    background-color: #cfcfcf;
    text-decoration: none;
}

.navbar-nav .dropdown-menu {
    border-radius: 0;
}

.well { 
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}

.well .input-group .input-group-text {
    padding: 0 !important;
}
.well .input-group .input-group-text .btn.btn-sm {
    padding: 3px 8px;
}

.modal .modal-header h4,
.modal .modal-header .modal-title {
    font-size: 0.85rem !important;
}

.modal .modal-body {
    padding: 15px;
}

@media (min-height: 460px) and (max-height: 560px)  {
    .modal .modal-body {
        max-height: 152px;
        overflow-y: scroll;
    }
}

@media (min-height: 561px) and (max-height: 760px) {
    .modal .modal-body {
        max-height: 260px;
        overflow-y: scroll;
    }
}

@media (min-height: 761px) and (max-height: 860px) {
    .modal .modal-body {
        max-height: 454px;
        overflow-y: scroll;
    }
}

@media (min-height: 861px) and (max-height: 960px) {
    .modal .modal-body {
        max-height: 578px;
        overflow-y: scroll;
    }
}

.modal #help_nav_bar {
    margin-top: -30px;
    top: 0;
    left: 0;
    height: auto;
}
div#help_nav_bar ul a.option {
    padding: 8px 12px;
}

.loginBox {
    width:100%;
    max-width:500px;
    margin:4% auto !important;
    padding: 20px  40px 40px 40px;
    border: 2px solid #eee;
    border-radius:8px;
    background-color:#fff;
}

.loginBoxRegister {
    width: 100%;
    max-width: 500px;
    margin: 2% auto !important;
    padding: 20px 40px 40px 40px;
    border: 2px solid #eee;
    border-radius: 8px;
    background-color: #fff;
}

.firstLoginBox {
    width: 100%;
    max-width: 1000px;
    margin: 2% auto !important;
    padding: 20px 40px 40px 40px;
    border: 2px solid #eee;
    border-radius: 8px;
    background-color: #fff;
}

.universityLoginBox {
    margin: 0% auto !important;
    padding: 0px 12px;
    min-width: 1200px;
}

.loginBox a {
    display: inline-block;
}

.forgotBox {
    padding: 15px;
    margin-top: 15px;
    background-color:#eee;
    border-radius: .375rem;
}

.footerBox {
    background-color:#fff1e5;
    border:0px;
    border-top:1px solid #e5e5e5;
    padding:8px; clear:both;
}
.footerBox.login {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

.invalid-feedback {
    color: var(--error-color);
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: var(--error-color);
}

.loginLogo img {
    width: 275px;
    margin: -20px 0 -40px 0;
}

.loginLogoRegister img {
    width: 275px;
    margin: -20px 0 -30px 0;
}

#filter-selector-block {
	float: left;
	width: 275px;
}
#filter-selector-block > h6,
#filter-selector-block > input.filter-selected-name,
#filter-selector-block > select#filter_selector_id {
	float: left;
    width: 100%;
	height: 28px;
}
#filter-selector-block > h6 {
    font-size: 1em;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0px 8px;
	height: 28px;
	line-height: 28px;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: pointer;
}
#filter-selector-block > h6 span.label {
	float: left;
	width: calc(100% - 32px);
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#filter-selector-block > h6 span.arrow,
#filter-selector-block > h6 span.loader {
    float: right;
}
#filter-selector-block > h6 span.arrow {
    width: 0;
    height: 0;
    margin-right: -2px;
    margin-top: 11px;
	color: #888;
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
}
#filter-selector-block > h6 span img {
	margin-bottom: 3px;
}

.select2-container.select2-container--default.select2-container--open {
    z-index: 9999;
}
.select2-container--default .select2-search--inline .select2-search__field:focus,
.select2-container--default input:focus {
    box-shadow: none !important;
}

.floating_signal {
    z-index: 2000 !important;
}

.b-0 {
    border: 0 !important;
}

.mt-10{margin-top:10px !important}
.mb-10{margin-bottom:10px !important}
.mr-10{margin-right:10px !important}
.ml-10{margin-left:10px !important}
.m-10{margin:10px !important}

.mt-15{margin-top:15px !important}
.mb-15{margin-bottom:15px !important}
.mr-15{margin-right:15px !important}
.ml-15{margin-left:15px !important}
.m-15{margin:15px !important}

.mt-20{margin-top:20px !important}
.mb-20{margin-bottom:20px !important}
.mr-20{margin-right:20px !important}
.ml-20{margin-left:20px !important}
.m-20{margin:20px !important}

.mt-30{margin-top:30px !important}
.mb-30{margin-bottom:30px !important}
.mr-30{margin-right:30px !important}
.ml-30{margin-left:30px !important}
.m-30{margin:30px !important}

.f12{ font-size:12px; }
.f13{ font-size:13px; }
.f14{ font-size:14px; }
.f15{ font-size:15px; }
.f16{ font-size:16px; }

.label-checkbox{
    font-weight: normal;
}

.text-readonly{ background-color:#eee; }
.clickable-icon{
    pointer-events: auto !important;
}

.password-instructions{ 
    line-height:24px;
    margin-bottom: 20px;
    margin-top: 15px;
}

.help-link{
    cursor: help;
    border-bottom: 1px dashed #bbb;
}

.marketing{
    padding: 30px;
    font-family: "MetricWeb", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}
.marketing h3{
    font-size: 24px;
    font-weight: 700;
    color:#231f20;
}
.marketing h5{
    font-size: 14px;
    text-transform: uppercase;
    color: #888;
    font-weight: 400;
    margin-top: 20px;
    padding-left: 6px;
    padding-right: 22px;
    margin-top: 0;
    padding-top: 0;
}
.marketing h6{
    font-size: 16px;
    color: #333;
    font-weight: bold;
    color: #c41a1b;
    padding-left: 6px;
    padding-right: 22px;
}
.marketing p{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    padding-left: 6px;
    padding-right: 22px;
    color:#231f20;
}
.icon-red {
    color: #fff;
    font-size: 1.5rem;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background-color: #888;
    border-radius: 50rem;
    margin-top: 10px;
    display: none;
}
.feature{
    margin-bottom: 12px;
}
.signin{
    background-color: #fff;
}
.footer-email{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: red;
  text-align: center;
}
.toggleOff{
    display: none;
}