body {}

.modal-card .modal-card-name {
    color: #396DBB !important;
}

.card-view .card:hover {
    background-color: #396DBB !important;
}

/*------------------------------------------------------------------Site Colors------------------------------------------------------------------*/
.topnavcolor {
}

.primarycolor {
    background: #30B2E4;
}

.secondarycolor {
    background: #081d39;
}

.tertiarycolor {
    background: #30B2E4;
}

.highlightcolor {
    background: #5ca6d9;
}

/*------------------------------------------------------------------Other Site Colors------------------------------------------------------------------*/
#eco_schedule {
    background: #AAC538;
}

#headerwrapper {
    background: transparent;
}

#contentmain {
    background: #FFF;
}

#footerwrapper {
    background-color: #14697F;
}

#contentwrapper.secondarypage {
    /*background-image: url(/templates/t_images/bkg_topcurve.png);
    background-repeat: no-repeat;*/
	background-color: #fff;
}
#contentwrapper.secondarypage #contentwrapperin {
    margin-bottom: 20px;
}

#contentwrapperin.secondary {
    background-color: #fff;
}

/*------------------------------------------------------------------Theme Page------------------------------------------------------------------*/
.color-block {
    width: 50px;
    height: 50px;
    margin: 0 auto;
}

.theme-headline {
    width: 100%;
    display: table;
    padding: 0;
    margin: 0;
    border-bottom: 3px solid #000000;
    margin-bottom: 10px;
}

.btn-small {
    width: 100px !important;
    display: inline-block !important;
}

.primaryfont {
    font-family: 'pt_sansregular', sans-serif;
    font-size: 20px;
}

.secondaryfont {
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 20px;
}

/*------------------------------------------------------------------Site Menus------------------------------------------------------------------*/
/*--------------------MAIN MENU--------------------*/
#header .RadMenu_ezSilk .rmRootGroup>.rmItem>.rmLink {
    color: #396DBB;
}

#header .RadMenu_ezSilk .rmRootGroup>.rmItem:hover>.rmLink {
    background-color: #396DBB;
    color: #fff;
}

#header .RadMenu_ezSilk .rmGroup {
    background-color: #396DBB;
   /* padding-bottom: 5px !important;*/
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    opacity: 0.93;
}

#header .RadMenu_ezSilk .rmGroup>.rmItem:hover>.rmLink {
    background-color: #121963;
}

#header .RadMenu_ezSilk .rmGroup>.rmItem>.rmLink {
    color: #fff;
}

/*--------------------Content Wrapper Menus --------------------*/
.RadMenu_ezSilk .rmGroup {
    background-color: #5860AB;
    -webkit-box-shadow: 2px 4px 8px rgba(0, 0, 0, .1);
    box-shadow: 2px 4px 8px rgba(0, 0, 0, .1);
}

.RadMenu_ezSilk .rmGroup span.rmLink,
.RadMenu_ezSilk .rmGroup a.rmLink {
    color: #fff;
}

.RadMenu_ezSilk .rmGroup .rmLink:hover {
    color: #fff !important;
    background-color: #5860AB;
    border: 0 !important;
}

/*--------------------VERTICAL AND HORIZONTAL MENUS (inside the Content Wrapper)--------------------*/
/***Background and text color***/
#contentwrapper .RadMenu_ezSilk .rmRootGroup {
    background-color: #ececec;
    color: #000000;
}

/***Background and text color on hover***/
#contentwrapper .RadMenu_ezSilk .rmRootGroup .rmItem:hover {
    background-color: #396DBB;
    border: solid 0pt #ccc !important;
}

#contentwrapper .RadMenu_ezSilk .rmRootGroup>.rmItem:hover>.rmLink {
    color: #fff !important;
}

#contentwrapper .RadMenu_ezSilk .rmGroup .rmLink {
    color: #243242;
    background-color: #eeede8;
}

#contentwrapper .RadMenu_ezSilk .rmGroup .rmLink:hover {
    background-color: #396DBB;
}

/*--------------------PANEL BAR--------------------*/
/***Backgorund and text color***/
#contentwrapperin .RadPanelBar_ezMetro .rpLink,
#contentwrapperin .RadPanelBar_ezMetro .rpLink:visited,
#contentwrapperin .RadPanelBar_ezMetro .rpHeaderTemplate {
    color: #000;
    background-color: #ECECEC;
    border-color: #666;
    border: 0px;
}

/***1st selected hover bar***/
#contentwrapperin .RadPanelBar_ezMetro .rpLink.rpExpanded:hover,
#contentwrapperin .RadPanelBar_ezMetro .rpHeaderTemplate.rpExpanded:hover {
    color: #fff;
}

/*-----change this----*/
/***1st selected bar***/
#contentwrapperin .RadPanelBar_ezMetro .rpLink.rpFocused,
#contentwrapperin .RadPanelBar_ezMetro .rpHeaderTemplate.rpFocused {
    color: #fff;
    background-color: #585fab !important;
}

/***Backgorund and text color on hover (exluding first item)***/
#contentwrapperin .RadPanelBar_ezMetro .rpLink:hover,
#contentwrapperin .RadPanelBar_ezMetro .rpHeaderTemplate:hover {
    color: #fff;
    background-color: #585fab;
}

/***Background and text color on focus***/
.RadPanelBar_ezMetro .rpLink.rpFocused,
.RadPanelBar_ezMetro .rpHeaderTemplate.rpFocused {
    color: #fff;
    background-color: red;
}

/***background and text color for submenu item***/
#contentwrapperin .RadPanelBar_ezMetro .rpRootGroup {
    border: 0px;
}

/***Background and text color for sub menu item that is selected***/
#contentwrapperin .RadPanelBar_ezMetro .rpGroup .rpItem .rpLink.rpExpanded,
#contentwrapperin .RadPanelBar_ezMetro .rpGroup .rpItem .rpHeaderTemplate.rpExpanded {
    color: #333;
    background-color: #efefef;
}

/***Font color and style for submenu item***/
#contentwrapperin .RadPanelBar_ezMetro .rpGroup .rpItem .rpLink,
#contentwrapperin .RadPanelBar_ezMetro .rpGroup .rpItem .rpHeaderTemplate {
    color: #333;
    border-color: #d7d7d7;
    background: #efefef;
}

/***Background and text color for submenu item on hover***/
#contentwrapperin .RadPanelBar_ezMetro .rpGroup .rpItem .rpLink:hover,
#contentwrapperin .RadPanelBar_ezMetro .rpGroup .rpItem .rpHeaderTemplate:hover {
    color: #333;
    background-color: #dedede;
}

/***Background and text color for a SUB(2nd level) submenu item that is selected***/
#contentwrapperin .RadPanelBar_ezMetro .rpGroup .rpItem .rpLink.rpSelected,
#contentwrapperin .RadPanelBar_ezMetro .rpGroup .rpItem .rpHeaderTemplate.rpSelected {
    color: white;
    background-color: #585fab;
}

/*Submenu Hover*/
.RadPanelBar_ezMetro .rpGroup .rpItem:hover {
    background-color: #d7d7d7;
}

/*--------------------TAB STRIPS (Make sure both sets are the same)--------------------*/
html .eztabs__tabs__wrapper {
    border-bottom: 0px;
}

html .eztabs__tab {
    padding: 7px 18px 10px 18px;
    background: #DEDEDE;
    color: #000;
    margin-left: 0px;
    margin-left: -1px;
    margin-right: 0px;
    border-bottom-width: 0px;
    margin-right: 8px;
    border-radius: 5px;
}

html .eztabs__tab:hover::after,
html .eztabs__tab--active::after {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 50%;
    margin-left: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: #14697F transparent transparent transparent;
}

html .eztabs__tab:hover {
    color: #fff;
    background: #14697F;
}

html .eztabs__tab--active {
    background: #14697F;
    color: #fff;
}

html .eztabs__tab--active:hover {
    background: #14697F;
    color: #fff;
}

/*--------------------DROP DOWN MENUS (not in top nav)--------------------*/
/***Background and Text Color for the Selector***/
#contentwrapper .RadDropDownList_ezMetro .rddlInner {
    color: white !important;
    background: #585fab;
    padding: 10px;
}

.RadDropDownList_ezMetro .rddlEmptyMessage,
.RadDropDownList_ezMetro .rddlDefaultMessage {
    color: white;
}

/*-----Dropdown----*/
.rddlPopup_ezMetro {
    border-color: #585fab;
    color: #fff;
    background-color: #585fab;
    font-size: 14px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}

.rddlPopup_ezMetro a {
    text-decoration: none;
    color: #333;
}

.rddlPopup_ezMetro .rddlItemHovered {
    color: #000;
    background-color: #a8b6bf;
}