﻿/* Please use this css file for any overriding styles that you want. */

.mx-wrapper {
    margin-bottom: 0;
}

.mx-combobox .mx-combobox-input {
    height: calc(2.85rem + 2px);
}

.mx-autocompletebox .racTokenList {
    min-height: calc(3.25rem + 2px);
    padding: 0.9rem 1rem !important;
}

.mx-datepicker .RadInput_Default input[type="text"] {
    padding: 0.55rem 0.75rem 0.2rem 0.75rem !important;
    height: calc(3.25rem + 2px);
}

.mx-companyname-span 
{
    font-size: 20px;
}

.mx-shoppingcart-summary-mxshoppingcartsummary-wrapper .mx-configtoolbar-wrapper{
    position: relative;
    top: 100px;
}

.mx-shoppingcart-summary-wrapper {
    bottom:40px;
    position: relative;
    color:white!important;
    display: inline-table;
}
i.fa.fa-shopping-cart.fa-stack-1x.fa-xs.text-dark {
    color:white!important;
    display: none;

}

.mx-shoppingcart-summary-wrapper .mx-icon-panel .mx-itemscount-span {
    position: absolute;
    right: 14%;
    top: 25%;
    display: none;
 
}

.mx-panelbar ul.rpRootGroup li.rpItem a.rpLink {
    background-color:rgb(0,86,150)!important;
    color: white !important;
    
}

.RadPanelBar_Default .rpExpandable span.rpExpandHandle, .RadPanelBar_Default .rpExpanded span.rpExpandHandle {
    background-color: white!important;
    
}


@media (min-width: 1200px){
.mx .card-group .card, .mx .card-deck .committee-card.card {

    flex-basis: calc(50% - 32px);
    flex: 0 0 calc(50% - 30px);
}
}
.member-only {
    display: none;
}
.template-grid {
display: none;
}
.template-grid:hover {
    cursor: pointer;
}
.link-detail {
    color: #005696;
}
.link-detail:hover {
    text-decoration: none;
    color: #343a40;
}
form[action*="chapter"] nobr,  form[action*="Active-Member-Benefits"] nobr{
    white-space: pre-wrap!important;
}
form[action*="chapter"] div[alignrightcssclass="text-right"], form[action*="Active-Member-Benefits"] div[alignrightcssclass="text-right"]{
width:unset!important;
}
.mx-grid thead{
    background-color:rgb(0,86,150)!important;
    color:white!important;
}
td.link-detail {
    word-break: break-word;
}