:root {
    /* Main Brand Colors */
    --brand-main: #FF6421;
    /* Orange */
    --brand-alternate: #3f2333;
    /* dark burgeandy */
    /* Neutral Colors */
    --neutral: #e9501d;
    /* cream */
    --neutral-light: #f7f4e5;
    /* light cream */
    --neutral-dark: #b6aa80;
    /* tan */
    --neutral-medium: #b6aa80;
    /* tan */
    /* Additional Brand Colors */
    --brand-color-1: #ed8657;
    /* Light orange*/
    --brand-color-2: #613447;
    /* Burgandy */
    --brand-color-3: #e74255;
    /* Bright Orange */
    --brand-color-4: #3eb8bc;
    /*Teal */
    --brand-color-5: #f8c734;
    /* Yellow */
    --brand-color-6: #3d3d3c;
    /* Lightened Variants */
    --brand-main-light: lighten(var(--brand-main), 20%);
    --brand-color-1-light: #F4B395;
    --brand-color-2-light: #884963;
    --brand-color-3-light: #FF6D2E;
    --brand-color-4-light: #62C7CB;
    --brand-color-5-light: #F9D362;
    --brand-color-6-light: #525251;
    /* Darkened Variants */
    --brand-main-dark: #b34000;
    --brand-color-1-dark: #EB7742;
    --brand-color-2-dark: #4C2938;
    --brand-color-3-dark: #D13f00;
    --brand-color-4-dark: #34999D;
    --brand-color-5-dark: #F6BB09;
    --brand-color-6-dark: #242423;
    --alpha: .9;
    /* Font Family */
    --font-family-sans: "Mukta Vaani", Arial, Sans-Serif;
    /* Font Sizes */
    --font-size-xs: 1.5rem;
    /* 12px */
    --font-size-sm: 2rem;
    /* 14px */
    --font-size-md: 2.5rem;
    /* 16px */
    --font-size-lg: 3rem;
    /* 20px */
    --font-size-xl: 4rem;
    /* 24px */
    --font-size-xxl: 5rem;
    /* 32px */
    --base-font-size: 18px;
    /* Font Weights */
    --font-weight-normal: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    /* Letter Spacing */
    --letter-spacing-normal: 0;
    --letter-spacing-wide: 0.05em;
    --letter-spacing-wider: 0.1em;
    /* Line Heights */
    --line-height-normal: 1.5;
    --line-height-tight: 1.25;
    --line-height-loose: 1.8;
    /* Font Colors */
    --font-color-primary: #000;
    --font-color-secondary: var(--brand-alternate);
    --font-color-accent: var(--brand-main);
    --font-color-light: #fff;
    --font-color-dark: var(--brand-alternate);
    --font-color-heading: var(--brand-alternate);
    --menu-bg-color: #fff;
    --menu-font-color: #fff;
    --font-link-color: var(--brand-main);
    --font-link-color-visited: var(--brand-main-dark);
    /* Background color for menu items */
    --menu-hover-color: #fff;
    /* Hover background color */
    --menu-text-color: var(--font-color-secondary);
    /* Text color */
    --menu-hover-text-color: var(--font-color-accent);
    /* Text color on hover */
    --menu-border-color: none;
    /*Menu color */
    --rad-tab-bg: var(--menu-font-color);
    --rad-tab-fg: var(--menu-bg-color);
    --rad-tab-border: var(--menu-border-color);
    /* Border Variables */
    --border-color: var(--brand-main);
    /* Default border color */
    --border-width: 4px;
    /* Default border width */
    --border-radius: none;
    /* Default border radius */
    --border-padding: 10px;
    /* Default padding */
    /* Buttons */
    --button-small-padding: 0.5em 1em;
    --button-medium-padding: 0.75em 1.5em;
    --button-large-padding: 1rem 2em;
    --button-small-font-size: 0.875em;
    --button-medium-font-size: 1em;
    --button-large-font-size: 1.125em;
    --button-primary-bg: var(--brand-main);
    --button-primary-bg-hover: var(--brand-main-dark);
    --button-secondary-bg: var(--brand-alternate);
    --button-secondary-bg-hover: var(--brand-alternate-light);
    --button-success-bg: #28a745;
    --button-danger-bg: #dc3545;
    --button-warning-bg: #ffc107;
    --button-info-bg: #17a2b8;
    --button-light-bg: #f8f9fa;
    --button-dark-bg: var(--brand-alternate);
    --button-text-color: #ffffff;
    --button-border-radius: var(--border-radius);
    --button-transition: background-color 0.3s ease, transform 0.3s ease;
    --accordion-bg: transparent;
    --button-primary-bg-hover: var(--brand-main-dark);
    /* Background color */
    --accordion-fg: var(--brand-alternate);
    /* Foreground color */
    --accordion-active: transparent;
    /* Active item color */
    --accordion-font-size: var(--font-size-md);
    /* Font size */
    /* modals */
    --modal-bg-color: rgba(0, 0, 0, 0.8);
    --modal-content-bg-color: #fff;
    --modal-font-family: 'Roboto, sans-serif';
    --modal-font-size: 1rem;
    --modal-transition-duration: 0.3s;
    --modal-fade-in: 0.5;
    --modal-fade-out: 0;
    /* footer */
    --footer-bg-color: var(--neutral);
    --footer-fg-color: var(--neutral);
    --footer-font-color: var(--font-color-primary);
    --footer-link-color: var(--font-color-accent);
    /* header*/
    --header-bg-color: var(--font-color-dark);
    --header-fg-color: var(--font-color-light);
    --header-font-color: var(--font-color-dark);
    --header-link-color: var(--font-color-dark);
    /* containers */
    --site-containers: 1400px;
    /* cards */
    --card-desciption-height: 200px;
    --card-min-width: auto;
    /* spacing */
    --padding-top: 3px;
    --padding-bottom: 3px;
    /* variable fonts */
}


/* General Style updates Created by: Alexa White-Hawley */
@charset"UTF-8";
@import url('https://fonts.googleapis.com/css?family=Mukta+Vaani&display=swap');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro|Ubuntu');

/*Header style udpates Created by: Alexa White-Hawley*/
.header {
    height: 148px;
    background-color: #313E48;
    padding-bottom: 40px !important;
}

.header-bottom-container {
    background-color: #313E48;
    line-height: 2.5em;
    margin-top: 2em;
}

.container, .header-container, .SliderPage1 {
    max-width: var(--site-containers);
}

/*UTILITY AREA*/
/* #ctl01_ciUtilityNavigation_ctl04__rptWrapper__rptWrapper_rpt_ctl01_NavigationListItem { */
/* display: none; */
/* } */
/* #ctl01_ciUtilityNavigation_ctl04__rptWrapper__rptWrapper_rpt_ctl02_NavigationLink { */
/* display: none; */
/* } */
.UtilitySection.UtilityAuthentication {
    float: right;
    /* padding-top: 20px; */
}

/*Fullwidthareastyle*/
.panel-body, .PanelBody {
    padding: 0px !important;
}

.Wrapper-FullWidth #masterContentArea.container {
    max-width: 100% !important;
    padding-top: 0 !important;
}

.container-inner {
    padding-left: 10%;
    padding-right: 10%;
}

.panel, .StandardPanel {
    border: 0px solid transparent !important;
}

/* fonts  */
.Bkgrey h2, .Bkgreen h2, .Bkblue h2, .Bkgrey h3, .Bkgreen h3, .Bkblue h3, .Bkgrey h4, .Bkgreen h4, .Bkblue h4, .Bkgrey h5, .Bkgreen h5, .Bkblue h5, .Bkgrey h6, .Bkgreen h6, .Bkblue h6, .Bkgrey a, .Bkgreen a, .Bkblue a, .Bkgrey p, .Bkgreen p, .Bkblue p, .Bkgrey body, .Bkgreen body, .Bkblue body, .BkWhite body {
    padding: 2%;
}

.UtilitySection.UtilityAuthenticationLink {
    padding: 0px 0px;
    color: #62B920;
    text-decoration: none;
    font-weight: bold;
    position: relative;
}

.UtilitySearch, .UtilitySTEToggle, .UtilityAuthentication, .UtilityTranslation {
    margin-left: 0px !important;
}

/*MENU AREA*/

.rmHorizontal a {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

.RadMenu .rmHorizontal .rmText {
    padding: 19px 6px;
}

.RadMenu .rmText {
    display: block;
    padding-bottom: 1px;
    float: left;
}

*, ::before, ::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.RadMenu .rmItem a.rmLink {
    cursor: pointer;
}

.RadMenu a.rmLink {
    cursor: pointer;
}

a.rmLink.rmRootLink {
    color: #fff;
    font-size: 16px !important;
    font-weight: bold;
}

.FloatLeft, .pull-left {
    /* float: none !important;
    */
}

.RadSiteMap .rmLink {
    padding: 4px 10px;
    color: #ffffff !important;
}

.rmLink a {
    color: #ffffff !important;
}

.rmLink:hover {
    color: #74BB20 !important;
}

.RadMenu .rmSlide, .RadMenu_Context {
    /* background-color: #313E48 !important; */
    /* opacity: 80%; */
}

@media (max-width: 767px) {
    .navbar {
        background-color: transparent;
    }

    .header-bottom-container {
        background-color: #313E48;
    }
}

.cardGroupCard {
    display: block;
}

.RadMenu .rmGroup .rmText {
    padding: 0 !important;
    margin: 0 !important;
}

.navbar-collapse.collapse {
    float: left;
}

.nav-primary {
    margin-top: 0px;
}

.rmRootGroup :is(.rmSelected, .rmLink:hover) {
    border-color: #fff;
    background-image: url("images/menu_bg.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    color: #74BB24 !important
}

.rmVertical {
    background-color: rgba(49, 62, 72, 1);
    width: 100% !important;
    min-width: 400px;
    color: #fff !important;
    padding: 0 1em !important;
}

.rmItem {
    padding: 0.1% 3%;
    font-size: 1em;
    font-family: "Mukta Vaani", Arial, Sans-Serif;
}

.UtilitySection.UtilitySTEToggle.ste-section {
    position: absolute;
    right: 60px;
}

/*END OF MENU SECTION*/
/*UPDATE H TAGS HERE*/
h1, .h1, .PageTitle, h2, .h2, .PanelTitle {
    color: #74BB20;
    line-height: 1.25em;
}

h1, .h1, .PageTitle {
    margin-top: 1em;
}

h1, .h1, .PageTitle {
    color: #74BB20;
    font-size: 250%;
}

h1.BigHeader, .h1.BigHeader, .fellow .left-title h1 {
    color: #fff;
    background-color: #74BB20;
    padding: 20px;
    margin: 0;
    line-height: 1.25em;
}

h2, .PanelTitle, h3 {
    line-height: 1.45em;
    font-size: 150% !important;
}

h1, .h1, .PageTitle, h2, .h2, .PanelTitle, h3, h4, h5, h6 {
    font-family: "Mukta Vaani", Arial, Sans-Serif;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 1em;
}

h3 {
    color: #313E48;
}

a {
    color: #438d36;
}

/* CONTEXTUAL H TAGS */
.Bkgrey h1, .Bkgreen h1, .Bkblue h1, .Bkgrey h2, .Bkgreen h2, .Bkblue h2, .Bkgrey h3, .Bkgreen h3, .Bkblue h3, .Bkgrey h4, .Bkgreen h4, .Bkblue h4, .Bkgrey h5, .Bkgreen h5, .Bkblue h5, .Bkgrey h6, .Bkgreen h6, .Bkblue h6, .Bkgrey a, .Bkgreen a, .Bkblue a, .Bkgrey p, .Bkgreen p, .Bkblue p, .Bkgrey body, .Bkgreen body, .Bkblue body {
    color: #fff;
}

@media (max-width: 767px) {

    h1,     .h1,     .PageTitle,     h2,     .h2,     .PanelTitle,     h3,     h4,     h5,     h6 {
        margin: 0;
        line-height: 1.25em;
    }

    .cardGroupCard {
        margin-bottom: 2em;
    }

    .cardGroupCard h1,     .cardGroupCard h2,     .cardGroupCard h3 {
        padding-top: 1em;
        padding-bottom: 0.7em;
    }

    .Bkgrey h1,     .Bkgreen h1,     .Bkblue h1,     .Bkgrey h2,     .Bkgreen h2,     .Bkblue h2,     .Bkgrey h3,     .Bkgreen h3,     .Bkblue h3,     .Bkgrey h4,     .Bkgreen h4,     .Bkblue h4,     .Bkgrey h5,     .Bkgreen h5,     .Bkblue h5,     .Bkgrey h6,     .Bkgreen h6,     .Bkblue h6,     .Bkgrey a,     .Bkgreen a,     .Bkblue a,     .Bkgrey p,     .Bkgreen p,     .Bkblue p,     .Bkgrey body,     .Bkgreen body,     .Bkblue body {
        padding: 2%;
    }
}

/*/
PRIMARY MENU*/
.MegaDropDownMenuOuter {
    min-width: 300px;
}

.RadSiteMap .rmColumn {
    width: 100% !important;
}

.RadMenu.RadMenu_Toronto .rmRootLink.rmSelected {
    /* root item selected styles */
    color: #FFF;
    background-color: transparent;
}

.RadMenu.RadMenu_Toronto .rmRootLink.rmExpanded, .RadMenu.RadMenu_Toronto .rmRootLink:hover, .RadMenu.RadMenu_Toronto .rmRootLink.rmFocused {
    /* root item hover and focus styles */
    background-color: #00455B;
    color: #fff;
}

.RadMenu.RadMenu_Toronto .rmGroup {
    background-color: #00455B;
}

.RadMenu.RadMenu_Toronto .rmRootLink.rmSelected {
    color: #fff;
    background-color: transparent;
}

.RadSiteMap .rmLink {
    padding: 10px 10px !important;
}

.RadMenu.RadMenu_Toronto .rmItem {
    padding: 0px 15px;
}

.RadMenu .rmGroup .rmItem {
    padding: 0 1em;
}

/*Auxiliary Area*/
.auxIcon img {
    padding: 5px 5px;
}

#ste_container_ciSocialMedia {
    margin: 10px 0;
}

.navbar-header {
    float: right;
    /* margin-top: -90px !important;
    */
}

.nav-auxiliary a {
    color: #62B920;
    text-decoration: none;
}

.nav-auxiliary .nav-aux-cart .nav-text {
    background-position: 0 -48px;
}

.nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
    background-color: transparent;
    height: 40px;
    width: 40px;
    text-indent: -999999px !important;
    padding: 0;
    color: transparent;
    width: 40px !important;
    overflow: hidden;
    margin-right: -1em;
    background-position: 0 -99px;
}

.obo-label {
    color: #fff
}
@media(max-width: 767px) {
    .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
    height: 27px;}}
@media (max-width: 568px) {

    /* .navbar-header {
         margin-top: 20px!important;
         width: 100%!important;
         background-color: #00455B!important;
         padding:4px 0;
    }*/
    .nav-auxiliary a {
        color: #fff !important;
    }

    div#ste_container_SocialNetworking {
        display: none;
    }

    /* .navbar-header > div, .navbar-header > a, .navbar-header .NavigationUnorderedList, .navbar-header .NavigationLink {
         display: inline-block;
         vertical-align: middle;
         float: right;
    }*/
}

@media (max-width: 767px) {
    .carousel-caption {
        max-width: 75% !important;
        width: 100% !important;
        top: 44% !important;
    }

    .header {
        height: 105px;
    }

    .UtilitySection.UtilityAuthentication {
        padding-top: 0px;
    }

    .carousel-inner.bg-img>.item {
        background-color: #313E48 !important;
        background-size: 100% !important;
    }

    .navbar-toggle {
        margin-top: -3.5x;
    }

    .header-top-container {
        background-color: #313E48;
    }

    .header-logo-container {
        width: 45%;
    }
/* 
    .UtilitySection {
        display: flex;
    } */

    .nav-auxiliary {
        display: flex;
    }

    .rmItem {
        width: 100% !important;
        display: block;
    }

    .auxIcon {
        margin-top: 5%;
        text-align: center;
    }

    .footer {
        text-align: center;
    }

    #ste_container_ciUtilityNavigation {
        float: inline-end;
    }

    .HideHeader .RadGrid.RadGrid_MetroTouch .rgRow td,     .HiderHeader.RadGrid.RadGrid_MetroTouch .rgRow td:first-child {

        border-bottom: 2px solid #F5F6F6;

    }

    .RadGrid.RadGrid_MetroTouch .rgHeader,     .RadGrid.RadGrid_MetroTouch .rgHeader:first-child,     .RadGrid.RadGrid_MetroTouch th.rgResizeCol,     .RadGrid.RadGrid_MetroTouch th.rgResizeCol:first-child,     .RadGrid.RadGrid_MetroTouch .rgRow td,     .RadGrid.RadGrid_MetroTouch .rgRow td:first-child,     .RadGrid.RadGrid_MetroTouch .rgAltRow td,     .RadGrid.RadGrid_MetroTouch .rgAltRow td:first-child,     .RadGrid.RadGrid_MetroTouch .rgEditRow td,     .RadGrid.RadGrid_MetroTouch .rgEditRow td:first-child,     .RadGrid.RadGrid_MetroTouch .rgFooter td,     .RadGrid.RadGrid_MetroTouch .rgFooter td:first-child,     .RadGrid.RadGrid_MetroTouch .rgFilterRow td,     .RadGrid.RadGrid_MetroTouch .rgFilterRow td:first-child,     .RadGrid.RadGrid_MetroTouch .rgNoRecords td,     .RadGrid.RadGrid_MetroTouch .rgNoRecords td:first-child,     .RadGrid.RadGrid_Metro .rgHeader,     .RadGrid.RadGrid_Metro .rgHeader:first-child,     .RadGrid.RadGrid_Metro th.rgResizeCol,     .RadGrid.RadGrid_Metro th.rgResizeCol:first-child,     .RadGrid.RadGrid_Metro .rgRow td,     .RadGrid.RadGrid_Metro .rgRow td:first-child,     .RadGrid.RadGrid_Metro .rgAltRow td,     .RadGrid.RadGrid_Metro .rgAltRow td:first-child,     .RadGrid.RadGrid_Metro .rgEditRow td,     .RadGrid.RadGrid_Metro .rgEditRow td:first-child,     .RadGrid.RadGrid_Metro .rgFooter td,     .RadGrid.RadGrid_Metro .rgFooter td:first-child,     .RadGrid.RadGrid_Metro .rgFilterRow td,     .RadGrid.RadGrid_Metro .rgFilterRow td:first-child,     .RadGrid.RadGrid_Metro .rgNoRecords td,     .RadGrid.RadGrid_Metro .rgNoRecords td:first-child {

        padding: 2px 3px;

    }
}

.Wrapper-HomePage .carousel-indicators {
    left: 50%;
    bottom: -40px !important;
}

#ste_container_ciUtilityNavigation {
    float: inline-end;
}

/*Secondary Menu*/
.nav-secondary {
    background-color: #00455B;
}

.nav-secondary .sub-nav-head, .nav-secondary {
    display: none;
}

.nav-secondary .suv-nav.body {
    background-color: #00455b;
}

.RadTreeView a.rtIn {
    color: #fff !important;
}

.RadTreeView .rtTop, .RadTreeView .rtMid, .RadTreeView .rtBot {
    padding: 4px 12px;
}

.RadTreeView ul li.rtLI {
    list-style: none;
    padding: 10px 12px !important;
}



#ste_container_HomeSlideshow {
    margin: 0 11%;
}

@media (max-width: 767px) {
    div#ste_container_HomeSlideshow {
        margin: 0;
    }

    /*Internal Header*/
    #ste_container_ciFullWidthContent {
        background-color: #57B746;
    }
    .NavigationUnorderedList {
    display: flex;
}
}

/*Chevron styles*/
.module_bar {
    width: 100%;
    background: #58b746;
    padding: 20px 0;
    position: relative;
    margin-bottom: 7%;
}

.arrow_light_green {
    position: absolute;
    top: 50px;
    left: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 18.5px 0 18.5px;
    border-color: #58b746 transparent transparent transparent;
}

.members_signin_container, .login_title_container {
    background: #37732d;
    width: 100%;
    position: relative;
    padding: 10px;
    margin-bottom: 10%;
}

.arrow_dark_green {
    position: absolute;
    top: 35px;
    left: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 18.5px 0 18.5px;
    border-color: #37732d transparent transparent transparent;
}

.login_title_container h2 {
    border-bottom: 0px;
    color: #fff;
    font-family: "Mukta Vaani", Arial, Sans-Serif;
    ;
    margin: 0;
    padding-left: 5%;
    padding-right: 0;
    width: 45%;
    font-size: 20px;
    font-weight: 300;
    color: white;
}

/*BACKGROUND COLOURS*/
.LtGrey {
    padding-top: 3.5em !important;
    padding-bottom: 2.5em !important;
}

.LtGrey .BkWhite {
    padding: 5%;
    margin-bottom: 1em;
}

.LtGrey, .BkGrey {
    background-color: #F5F6F6;
    padding: 1em 0em;
}

.LtlightGrey {
    padding-top: 2.5em;
    padding-bottom: 2.5em;
}

.BkRed, .BkBlue, .BkPurple, .BkWhite, .BkTrans.BkGreen, .BkLtGrey, .BkDkGrey, .BkGreen {
    background-size: cover;
    min-height: 8em;
}

.BkWhite {
    background-color: #fff;
    /*margin-bottom: -10px !important;
    */
}

.home_box_content, .box-content {
    padding: 20px;
    background-color: #fff;
    margin-top: 0;
}
.Bkwhite{

}
.Bkblue {
    background-color: #00557F;
    min-height: 8em;
}

.Bkgreen {
    background-color: #74BB20;
    min-height: 7.2em;
}

.Bkgreen-box {
    background-color: #74BB20;
    padding: 20px;
    margin-top: -13px;
}

.Bkgrey {
    background-color: #313E48;
    min-height: 8em;
}

.BkWhite .Bkgreen, .BkWhite .Bkblue, .BkWhite .Bkgrey {
    margin-top: -10px;
    /* background-size: cover; */
}

/*FlexBoxContent*/
.cardGroup {
    display: flex;
    overflow: hidden;
}

.cardGroupCard {
    flex: 1 1 auto;
    border: none;
    border-radius: 0;
    /*display: flex;*/
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: stretch;
    /* align-items: flex-start; */
}

.cardDescription, .cardGroupCard.ContentItemContainer, .ContentItemContainer {
    flex: 1 1 auto;
}

.cardGroupCard .col-sm-12 {
    padding-left: 0px;
    padding-right: 0px;
}

.LtdarkGrey {
    background-color: #313E48;
    color: #ffffff;
    padding-top: 2.5em !important;
    padding-bottom: 2em;
}

.bgimg-home {
    background: #186086 url("images/iStock_541563822_Blue.jpg") center center;
    min-height: 400px;
    height: auto;
    background-size: cover;
}

@media (max-width: 767px) {
    .bgimg-home {
        height: auto;
    }

    .bgimg-home h2 {
        padding-left: 2%;
    }

    .LtGrey {
        padding-top: .25em !important;
        padding-bottom: .25em !important;
    }
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    tr>td {
        /*display: inline-grid;
    width:100%;*/
    }
}

.box-content-green {

    background-color: #74BB20;
    /* flex: 1 1 auto; */
}

.box-content-grey {

    background-color: #313E48;
    /* flex: 1 1 auto; */
}

.box-content-blue {

    background-color: #00557F;
    /* flex: 1 1 auto; */
}

.box-content-blue p, .box-content-grey p, .box-content-green p, .box-content-blue h1, .box-content-grey h1, .box-content-green h1, .box-content-blue h2, .box-content-grey h2, .box-content-green h2, .box-content-blue h3, .box-content-grey h3, .box-content-green h3, .box-content-blue h4, .box-content-grey h4, .box-content-green h4 {
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.box-content-blue, .box-content-grey, .box-content-green {
    padding: 20px;
}

.LtdarkGrey a {
    color: #fff;
}

/*Buttons*/
/*
 .btn, .btn a{
     background-color: #000;
     color:#fff;
     border-radius: 3px;
     padding: 6px 12px;
     text-decoration:none;
     box-shadow: none;
}
*/
.TextButton, .TextButtonWithImage, .ruButton, #masterHeaderActionArea a, .RadGrid input.TextButton {
    background-color: #57B746;
    border-color: #57B746;
    box-shadow: 0px 0 0 0 #57B746;
    border-radius: 0;
}

/* .PrimaryButton, .SaveAndClose, .SaveAs, .UsePrimaryButton .TextButton, .UsePrimaryButton .TextButtonWithImage, #masterHeaderActionArea a, .RadGrid input.PrimaryButton { */
/* background-color: #01455A; */
/* border-color: #01455A; */
/* box-shadow: 0!important; */
/* border-radius:3px; */
/* min-width: 100px; */
/* } */
.PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, .PrimaryButton:visited, .SaveAndClose:hover, .SaveAndClose:focus, .SaveAndClose:active, .SaveAndClose:visited, .SaveAs:hover, .SaveAs:focus, .SaveAs:active, .SaveAs:visited, .UsePrimaryButton .TextButton:hover, .UsePrimaryButton .TextButton:focus, .UsePrimaryButton .TextButton:active, .UsePrimaryButton .TextButton:visited, .UsePrimaryButton .TextButtonWithImage:hover, .UsePrimaryButton .TextButtonWithImage:focus, .UsePrimaryButton .TextButtonWithImage:active, .UsePrimaryButton .TextButtonWithImage:visited, #masterHeaderActionArea a:hover, #masterHeaderActionArea a:focus, #masterHeaderActionArea a:active, #masterHeaderActionArea a:visited, .RadGrid input.PrimaryButton:hover, .RadGrid input.PrimaryButton:focus, .RadGrid input.PrimaryButton:active, .RadGrid input.PrimaryButton:visited {
    border: 0;
    box-shadow: none;
    color: #313E48;
    background-color: #ffffff;
    border-color: transparent;
    /* min-height: 100px; */
}

.PrimaryButton, .SaveAndClose, .SaveAs, .UsePrimaryButton .TextButton, .UsePrimaryButton .TextButtonWithImage, #masterHeaderActionArea a, .RadGrid input.PrimaryButton {
    box-shadow: none;
    background-color: #ffffff;
    box-shadow: none !important;
    border-radius: 0px !important;
    color: #313E48;
    border: 0px !important;
    /* height: 30px; */
    /* line-height: 30px; */
    min-width: 100px;
}

.btn:hover, .btn:focus, .btn:active, .btn:visited, .TextButton:hover, .TextButton:focus, .TextButton:active, .TextButton:visited, .TextButtonWithImage:hover, .TextButtonWithImage:focus, .TextButtonWithImage:active, .TextButtonWithImage:visited, .ruButton:hover, .ruButton:focus, .ruButton:active, .ruButton:visited, #masterHeaderActionArea a:hover, #masterHeaderActionArea a:focus, #masterHeaderActionArea a:active, #masterHeaderActionArea a:visited, .RadGrid input.TextButton:hover, .RadGrid input.TextButton:focus, .RadGrid input.TextButton:active, .RadGrid input.TextButton:visited {
    background-color: #74BB20 !important;
    border: 2px solid #74BB20 !important;
    min-width: 100px;
    color: #74BB20;
}

.btn, .TextButton, .TextButtonWithImage, .ruButton, #masterHeaderActionArea a, .RadGrid input.TextButton {
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    min-width: 100px;
}

.TextButton, .TextButtonWithImage, .ruButton, #masterHeaderActionArea a, .RadGrid input.TextButton {
    border-color: #ffffff;
}

.btn, .PrimaryButton, .COPEvent a {
    color: #74BB20;
    /* border: 2px solid #74BB20!important; */
    text-transform: uppercase;
    /* line-height:2em; */
    letter-spacing: 1px;
}

.TextButton .PrimaryButton {
    color: #fff;
}

button#ctl01_TemplateBody_WebPartManager1_gwpciStudentMemberContentCollectionOrganizerCommon_ciStudentMemberContentCollectionOrganizerCommon_StudentMemberContactAccountCreatorCommon_PostalCodeLookup_PostalCodeLookup_Lookup {
    border: 2px solid #74BB20 !important;
}

/* .btn.TextButton { */
/* color: #fff; */
/* font-weight: 600; */
/* letter-spacing: 1px; */
/* } */
.Bkgrey .btn, .BkBlue>.btn, .Bkgrey .PrimaryButton, .BkBlue .PrimaryButton {
    background-color: #74BB20 !important;
    border: 2px solid #74BB20 !important;
}

.iqabtn {
    border: 0;
    background-color: #75BA23;
    text-align: center;
    padding: 2%;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
}

a.btn {
    border: 3px solid;
}

.RadGrid_MetroTouch .rgRow a, .RadGrid_MetroTouch .rgAltRow a {
    text-decoration: none !important;
}

a.btn.TextButton, .box-content a.TextButton {
    color: #fff;
    background-color: transparent;
    text-transform: uppercase;
    margin-top: 0em;
    font-size: 11px !important;
    border: 2px solid #74BB20 !important;
    font-weight: 600;
}

.RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch th.rgResizeCol, .RadGrid_MetroTouch .rgHeaderWrapper {
    background-color: #00455B;
}

.MediumButton, .UseMediumButton .TextButton, .UseMediumButton .TextButtonWithImage {
    font-size: 80% !important;
    padding: 0px 14px !important;
}

.gbwf {
    background-color: transparent !important;
    border: 2px solid #74BB20 !important;
    color: #ffffff !important;
}

.gbwf:hover {
    background-color: transparent !important;
    color: #ffffff !important;
    border: 2px solid #74BB20 !important;
}

.gbwf:visited {
    background-color: transparent !important;
    color: #ffffff !important;
    border: 2px solid #74BB20 !important;
}

.gbwf:active {
    background-color: transparent !important;
    color: #ffffff !important;
    border: 2px solid #74BB20 !important;
}

.gbwf:focus {
    background-color: transparent !important;
    color: #ffffff !important;
    border: 2px solid #74BB20 !important;
}

.greenborder, .greenborder:hover, .greenborder:visited, .greenborder:active, .greenborder:focus {
    background-color: #ffffff !important;
    border: 2px solid #74BB20 !important;
    color: #74BB20 !important;
    text-transform: uppercase;
}

.whiteborder, .whiteborder:hover, .whiteborder:visited, .whiteborder:active, .whitenborder:focus {
    background-color: transparent !important;
    border: 2px solid #ffffff !important;
    color: #ffffff !important;
    text-transform: uppercase;
    font-weight: 500;
}

.bannerbtn {
    background-color: #74BB20;
    padding: 7px 25px;
    color: #fff;
}

.whitebtn, .whitebtn:hover, .whitebtn:focus, .whitebtn:visited {
    background-color: #ffffff !important;
    padding: 7px 25px !important;
    color: #313E48 !important;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500 !important;
    min-width: 100px;
}

div .whitebtn {
    width: 150px;
}

.bannerbtn, .TextButton {
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 500;
    background-color: #74BB20 !important;
    min-width: 100px;
}

.bannerbtn:hover, .TextButton:hover, .bannerbtn:focus, .TextButton:focus, .bannerbtn:visited, .TextButton:visited {
    color: #fff;
}

.SignInButton {
    background-color: #74BB20 !important;
    color: #ffffff;
    line-height: 30px !important;
    width: 50% !important;
    font-weight: normal !important;
    /* height:30px !important; */
}

.SignInButton:hover {
    background-color: #74BB20 !important;
    color: #ffffff;
    line-height: 30px !important;
    font-weight: normal !important;
    height: 30px !important;
}

.SignInButton, .bannerbtn, .TextButton, .whitebtn, .whiteborder, .greenborder {
    padding: 7px 25px;
}

.Bkgrey .btn, .Bkblue .btn, .Bkgrey .PrimaryButton, .Bkblue .PrimaryButton {
    background-color: #74BB20 !important;
    border: 2px solid #74BB20 !important;

}

.Bkgrey .TextButton, .Bkblue .TextButton {
    border: 0;
}

.carousel-caption .btn {
    background-color: #74BB20 !important;
    color: #ffffff;
    border: 2px solid #ffffff !important;
}

.Bkgrey .bannerbtn, .Bkblue .bannerbtn, .Bkgreen .bannerbtn, .Bkgrey .btn, .Bkblue .btn, .Bkgrey .PrimaryButton, .Bkblue .PrimaryButton, .Bkgrey .SignInButton, .Bkgreen .SignInButton, .Bkblue .SignInButton {
    color: #fff !important;
    text-transform: uppercase;
    line-height: 2em;
    letter-spacing: 1px;
    font-weight: 600;
    text-align: -webkit-center;
}

.Bkgreen .bannerbtn, .Bkgreen .btn, .Bkgreen .PrimaryButton, .Bkgreen .SignInButton, .Bkgrey .TextButton, .Bkblue .TextButton {
    color: #fff !important;
    text-transform: uppercase;
    line-height: 2em;
    letter-spacing: 1px;
    font-weight: 600;
    text-align: -webkit-center;
    background-color: transparent;
    border: 2px solid #fff !important;
}

.home_carousel {
    position: relative;
    top: 50%;
    align-content: center;
}

.home_carousel div.whitebtn {
    position: relative;
    left: 35%;
}

/*    END OF BUTTON AREA*/
/*FOOTER AREA*/
.footer-content {
    background-color: #313E48 !important;
    color: #ffffff;
    text-align: left;
    font-size: 10px;
}

.footer-contentft {
    padding-bottom: 40px;
    text-align: left !important;
}

.footer-content .auxIcon {
    text-align: right;
}

a:hover #ste_container_FooterCommunications {
    border-bottom: #58b746 2px solid;
}

#ft {
    background-color: #1D2F3E !important;
    color: #ffffff !important;
    font-size: 10px;
}

#ft a {
    color: #ffffff;
    text-decoration: none;
    font-size: 10px;
}

.footer-copy {
    padding-top: 10px;
    font-size: 10px;
    padding-bottom: 30px !important;
}

.footer .footer-social {
    border-top: 0px solid #00455b;
    width: 50%;
}

img .footer-social {
    padding: 2px;
}

@media (min-width: 480px) {
    .footer-content-section {
        float: RIGHT;
    }
}

.footer-nav-copyright {
    background-color: #313E48 !important;
    color: #ffffff !important;
    font-size: 13px;
}

/*Breadcrumb*/
#ctl01_BreadCrumb_ctl02_CurrentNodeLabel, #masterMainBreadcrumb .Disabled, a#ctl01_BreadCrumb_ctl00_NodeLink {
    color: #438d36;
    font-family: "Mukta Vaani", Arial, Sans-Serif;
}

#masterMainBreadcrumb {
    display: none;
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        #masterMainBreadcrumb {
            display: block;
            height: 2em;
        }

        .breadcrumb {
            display: none;
        }
    }
}

/*RAD TAB STRIP*/
.RadTabStrip.RadTabStrip_MetroTouch {
    border-top: 3px solid #00455B;
    border-top: 3px solid #00455B;
}

.RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 {
    border-bottom-color: #00455B;
    background-color: #00455B;
}

.ContentWizardDisplay {
    margin-bottom: 2em;
    padding: 20px;
}

.RadTabStrip .rtsLI, .RadTabStripVertical .rtsLI {
    border: 2px solid #004558;
}

/*RadTabStrip*/
.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
    background-color: #fff;
}

.RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
    border-color: #37732d;
    background-color: #37732d;
}

.RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
    border-color: #438d36;
    background-color: #438d36;
}

.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
    background-color: #fff;
}

.SearchField, .SearchResultSummary .ListItemTitle a {
    background-color: #fff;
}

.SearchResultSummary .ListItemTitle a {
    font-family: "Mukta Vaani", Arial, Sans-Serif;
    ;
    margin: 0;
    padding-left: 5%;
    padding-right: 0;
    font-size: 20px;
    font-weight: 300;
    color: #fff !Important;
}

.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
    background-color: #EEEEEE !important;
    border-color: transparent !important;
}

.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, .RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
    color: #000 !important;
}

.Quote {
    border-left: 10px solid #37732d;
}

#ctl01_TemplateBody_WebPartManager1_gwpciCOPDIPLOMAINPRIMARYURGENTCAREDipPUCAPPLICATIONFORMForm1_ciCOPDIPLOMAINPRIMARYURGENTCAREDipPUCAPPLICATIONFORMForm1_btnSubmit {
    width: 130px;
    font-size: 25px;
}

#ctl01_TemplateBody_WebPartManager1_gwpciDetailsContentCollectionOrganizerCommon_ciDetailsContentCollectionOrganizerCommon_PersonalCommunicationPreferencesEditorCommon_LocalButtonBar {
    margin-bottom: 1em;
}

.RadGrid_MetroTouch .rgRow a, .RadGrid_MetroTouch .rgAltRow a, .RadGrid_MetroTouch tr.rgEditRow a, .RadGrid_MetroTouch .rgFooter a, .RadGrid_MetroTouch .rgEditForm a {
    color: #78BC2A !important;
    font-weight: 600;
    text-decoration: none;
}

.RadGrid.RadGrid_MetroTouch .rgHeader, .RadGrid.RadGrid_MetroTouch .rgRow td, .RadGrid.RadGrid_MetroTouch .rgAltRow td, .RadGrid.RadGrid_MetroTouch .rgEditRow td, .RadGrid.RadGrid_Metro .rgHeader, .RadGrid.RadGrid_Metro .rgRow td, .RadGrid.RadGrid_Metro .rgAltRow td, .RadGrid.RadGrid_Metro .rgEditRow td {
    border-left-color: transparent;
    border-bottom: 2px solid #cdcdcd;
}

.RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch th.rgResizeCol, .RadGrid_MetroTouch .rgHeaderWrapper {
    background-color: #78BC2A !important;
}

.RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch .rgHeader a {
    color: #000 !important;
}

.BigButtonLinkList {
    margin: 3em 0 1em 0;
}

.BigButtonLinkList a {
    margin-top: 2em;
    padding: 7px 15px;
    border: 3px solid #78BC2A;
    font-weight: 600;
    color: #78BC2A;
    text-transform: uppercase;
    text-decoration: none;
    background: #fff!important;
}
/* Form button fix */
.PanelFieldValue .btn.PrimaryButton {
    border: 3px solid #659E2A!important;
    color: #659E2A;
    font-weight: 600;
}
.PanelFieldValue .btn.PrimaryButton:hover {
    border: 3px solid #659E2A!important;
    color: #fff;
    font-weight: 600;
}
/* Bannerstyles */
.panel-body, .PanelBody {
    padding: 0px !important;
    margin: -5px;
}

/*FULL PAGE LAYOUT*/
.Wrapper-FullWidth #masterContentArea.container {
    max-width: 100%;
    padding: 0;
}

.Wrapper-HomePage .FullWidthArea {
    padding: 0;
    padding-top: 0;
    padding-bottom: 0;
    /*     margin: -12px;*/
}

.Wrapper-FullWidth #masterContentArea .container-inner {
    max-width: var(--site-containers);
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}

.Wrapper-FullWidth #masterContentArea.container {
    max-width: 100% !important;
    padding-top: 0;
}

.iMIS-WebPart>.ContentItemContainer, .WebPartZone>.ContentItemContainer {
    margin-bottom: 0em !important;
}

.panel-body, .PanelBody {
    padding: 0px !important;
}

.panel, .StandardPanel {
    border: 0px solid transparent !important;
}

/* CARDGROUP STYLES */
@media (max-width:768px) {
    .cardGroup {
        display: block;
    }

    /* Needed to fix the responsive flex */
    .row.cardGroup.box-content {
        display: block;
    }

    .cardGroupCard {
        width: 100%;
    }
}

/* CAROUSEL CHANGES */
.carousel-indicators {
    bottom: 10px !important;
}

.carousel-control .icon-prev, .carousel-control .icon-prev {
    display: none !important;
}

.carousel-caption h1, .carousel-caption h2, .carousel-caption h3, .carousel-caption h4, .carousel-caption h5, .carousel-caption h6 {
    font-family: "Mukta Vaani", Arial, Sans-Serif;
    font-weight: normal;
}

/* Added by Jino */
/*
 .carousel-caption div {
     width: auto;
     max-width:140px;
     line-height: 35px;
     text-transform: uppercase;
     font-weight: normal;
     padding-left:15px;
     background-image: url(images/carosel_right.png);
     background-position: 90% 50%;
     background-repeat: no-repeat;
     width:40%;
     text-align:left;
     margin: auto;
}
*/
.LargeCaption .carousel-caption h1 {
    font-size: 400%;
    font-family: "Mukta Vaani", Arial, Sans-Serif;
    font-weight: bold;
    ;
}

.MediumCaption .carousel-caption h1 {
    font-size: 140%;
    font-family: "Mukta Vaani", Arial, Sans-Serif;
    font-weight: bold;
    ;
}

.LargeCaption .carousel-caption, .MediumCaption .carousel-caption {
    left: 15%;
    right: 15%;
}

.MediumCaption .carousel-caption div {
    font-size: 11px;
}

.Full-Carousel {
    background: none !important;
    width: 100% !important;
    max-width: 100% !important;
    /*     padding-left: 20% !important;*/
}

/* --END of Jino Add */
.carousel-caption {
    text-align: center;
    top: 50%;
    transform: translate(0%, -75%);
    text-shadow: none !important;
    padding-bottom: 8%;
    max-width: 60%;
}

.carousel-caption .RightAlign {
    position: relative;
    left: 55%;
    width: 75%;
}

.Full-Carousel .panel-body {
    padding: 0;
    margin-left: -1px;
}

.noPad {
    padding-right: 0px;
    padding-left: 0px;
}

.col-sm-8.noPad {
    padding-right: 0;
}

.col-sm-4.noPad {
    padding-left: 0;
}

/* .carousel-inner.bg-img .item:before{ */
/* content:''; */
/* position: absolute; */
/* top: 0; */
/* right: 0; */
/* bottom: 0; */
/* left: 0; */
Permalink - use to edit and share this gradient: https: //colorzilla.com/gradient-editor/#000000+0,000000+100&0.8+0,0+100
/* background: -moz-linear-gradient(left,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
*/
/* background: -webkit-linear-gradient(left,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
*/
/* background: linear-gradient(to right,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
*/
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
*/
/* } */


@media (min-width: 768px) {

    .carousel-control .icon-prev,     .carousel-control .icon-next {
        display: none !important;
    }

    .banner .carousel-caption {
        width: 30%;
    }
}

.carousel-link {
    color: #fff;
    text-decoration: none;
    /*width: 70% !important;
    */
}

.carousel-caption a:hover, .carousel-caption a:visited {
    color: #fff;
    text-decoration: none;
}

.carousel-caption p {
    width: 80%;
    margin: auto;
    /* padding:5%; */
}

.bannertxt-grey h1 {
    color: #313E48;
    font-size: 150%;
}

.subcarousel h1 {
    font-size: 150% !important;
}

.subcarousel {
    padding-bottom: 10px;
}

.subcarousel .carousel-caption {
    max-width: 80%;
}

.carousel-caption>a.bannerbtn {
    position: relative;
    bottom: -150px;
}

/* END OF CAROUSELF CHAGNES */
/* Accordian fucntionality */

.faq {
    border-width: 0 0 2px 0;
    border-style: solid;
    border-color: #fff;
    background: none;
    box-shadow: none;
}

.faq:last-child {
    border-bottom: none;
}

.faq-group>.faq:first-child .faq-heading {
    border-radius: 0 0;
}

.faq-group .faq {
    border-radius: 0;
}

.faq-group .faq+.faq {
    margin-top: 0;
}

.faq-heading {
    background-color: #00557F;
    border-radius: 0;
    border: none;
    color: #fff;
    padding: 0;
}

.faq-title {
    background-color: #00557F;
    line-height: 28px;
    color: #fff !important;
    /* background-image: url("images/faq_icon.png"); */
    background-repeat: no-repeat;
    background-position: 12px;
}

.faq-title a {
    display: block;
    color: #fff !important;
    padding: 15px 15px 15px 40px;
    position: relative;
    font-weight: 500;
    text-decoration: none;
}

.faq-body {

    padding: 15px 15px 15px 40px;
}

.faq:last-child .faq-body {
    border-radius: 0 0;
}

.faq:last-child .faq-heading {
    border-radius: 0 0;
    transition: border-radius 0.3s linear 0.2s;
}

.faq:last-child .faq-heading.active {
    border-radius: 0;
    transition: border-radius linear 0s;
}

/* #bs-collapse icon scale option */
.faq-heading.active {
    background-color: #79BD28;
}

.faq-heading a:before {
    content: url("images/icons/White_arrow_down.png");
    position: absolute;
    font-family: 'Material Icons';
    left: 5px;
    top: 10px;
    font-size: 24px;
    transition: all 0.5s;
    transform: scale(1);
}

.faq-heading.active a:before {
    content: ' ';
    transition: all 0.5s;
    transform: scale(0);
}

#bs-collapse .faq-heading a:before {
    content: ' ';
    font-size: 24px;
    position: absolute;
    font-family: 'Material Icons';
    top: 10px;
    left: 10px;
    transform: scale(0);
    transition: all 0.5s;
}

#bs-collapse .faq-heading.active a:before {
    content: url("images/icons/White_arrow_down.png");
    transform: scale(1);
    transition: all 0.5s;
}

/* #accordion rotate icon option */
#accordion .panel-heading a:before {
    content: url("images/icons/GreenArrowRight.png");
    position: absolute;
    font-family: 'Material Icons';
    right: 5px;
    top: 5px;
    left: 5px;
    transform: rotate(0deg);
    transition: all 0.5s;
}

#accordion .panel-heading.active a:before {
    transform: rotate(90deg);
    transition: all 0.5s;
}

/*ICONS*/
.role-promotingicon {
    background-image: url("images/icons/Role_promotingicon.png");
    vertical-align: middle;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 20px !important;
}

.role-representing {
    background-image: url("images/icons/Role_representingicon.png");
    vertical-align: middle;
    height: 90px;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 20px !important;
}

.role-guidance {
    background-image: url("images/icons/Role_guidanceicon.png");
    vertical-align: middle;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 20px !important;
}

.role-development {
    background-image: url("images/icons/Role_developmenticon.png");
    vertical-align: middle;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 20px !important;
}

.Paramedics_press_icon {
    background-image: url("images/icons/Paramedics_press_icon.png");
}

.Sponsorship_opportunities_icon {
    background-image: url("images/icons/Sponsorship_opportunities_icon.png");
}

.Contact_icon {
    background-image: url("images/icons/Contact_icon.png");
}

.Membership_icon {
    background-image: url("images/icons/Membership_icon.png");
}

.Professional_development_icon {
    background-image: url("images/icons/Professional_development_icon.png");
}

.About_College_icon {
    background-image: url("images/icons/About_College_icon.png");
}

.Endorsed_courses_icon {
    background-image: url("images/icons/Endorsed_courses_icon.png");
}

.Ambulance_trusts_icon {
    background-image: url("images/icons/Ambulance_trusts_icon.png");
}

.HCPC_icon {
    background-image: url(images/icons/HCPC_icon.png);
}

.Paramedics_press_icon, .Sponsorship_opportunities_icon, .Contact_icon, .Membership_icon, .Professional_development_icon, .About_College_icon, .Endorsed_courses_icon, .Ambulance_trusts_icon, .HCPC_icon {
    max-height: 220px;
    vertical-align: middle;
    height: 150px;
    background-repeat: no-repeat;
    background-position: center;
}

/*CONTENT AREA CHANGES*/
.has-secondary-col .col-primary {
    width: 100%;
}

.alhome {
    margin-top: -3% !important;
}

h2.bgimag-home {
    color: #fff !important;
    margin-bottom: 50px;
}

.FullWidthArea.Ltblue1.bgimg-home.LtlightGrey h2 {
    color: #fff;
    font-weight: 600;
}

.FullWidthArea.Ltblue1.bgimg-home.LtlightGrey .TextButton {
    border: 2px solid #74BB20;
}

.FullWidthArea.Ltblue1.bgimg-home.LtlightGrey, .FullWidthArea.LtlightGrey {
    padding-top: 2em ;
    padding-bottom: 3em;
}
@media(max-width: 991px){.FullWidthArea.Ltblue1.bgimg-home.LtlightGrey, .FullWidthArea.LtlightGrey {
    padding-left: 1em;
    padding-right: 1em;;
}}
.Bkgreen-box .TextButton, .Bkgreen-box .TextButton:visited {
    border: 2px solid #fff !important;
}

.obo-toggle:hover, .obo-toggle:focus, .obo-toggle:active, .ste-toggle:hover, .ste-toggle:focus, .ste-toggle:active {
    background-color: #fff !important;
}

.greentxt {
    font-weight: bold;
    color: #79bb20;
}

.rmList.rmLevel.rmOneLevel:hover:active {
    padding-top: 20px;
    padding-bottom: 20px;
}

.rmList.rmLevel.rmOneLevel {
    padding-top: 30px;
    padding-bottom: 30px;
}

.RadSiteMap .rmLink {
    padding: 0px 10px !important;
}

.ste-toggle {
    background-color: #fff;
    /* margin-top: 55px; */
}

/*IQA display changes*/
.HideHeader .rgHeader, .HideHeader thead {
    display: none;
}

.HideHeader .RadGrid_MetroTouch.rgAltRow {
    background: #fff !important;
}

td.HideHeader {
    font-weight: 600;
}

.HideHeader .RadGrid_MetroTouch {
    border: 0 !important;
}

.HideHeader {
    padding-bottom: 2em;
}

.HideHeader .RadGrid.RadGrid_MetroTouch .rgRow td, .HiderHeader.RadGrid.RadGrid_MetroTouch .rgRow td:first-child, .HideHeader .RadGrid.RadGrid_MetroTouch .rgAltRow td {
    border-bottom: 2px solid #F5F6F6;
}

.HiderHeader.RadGrid.RadGrid_MetroTouch .rgRow td:first-child {
    border-top: 2px solid #F5F6F6;
}

.HideHeader .RadGrid_MetroTouch {
    border: 0px solid transparent !important;
}

.RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch .rgHeader a {
    text-transform: uppercase;
    font-weight: 600;
}

.RadGrid a:visited, .RadToolTip a:visited {
    text-transform: uppercase;
    font-weight: 600;
    color: #78BC2A !important;
}

.RadGrid .rgHeader a {
    text-decoration: none !important;
}

.RadGrid_MetroTouch .rgAltRow {
    background: #fff !important;
}

.RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch th.rgResizeCol, .RadGrid_MetroTouch .rgHeaderWrapper {
    background-color: #fff;
}

RadGrid_MetroTouch, .RadGrid_MetroTouch td.rgGroupCol, .RadGrid_MetroTouch td.rgExpandCol {
    border: 0px solid transparent !important;
    background-color: transparent !important;
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    tr>td {
        /* display: inline-grid;
    width:100%;*/
    }
}

.ruButton.ruBrowse {
    background-color: #74BB20 !important;
}

.TextButton.dropdown-toggle:hover {
    color: #fff;
}

#ctl00_CancelButton:hover {
    color: #fff;
}

.ruButton.ruRemove:active {
    background-color: #74BB20 !important;
    color: #fff;
}

.ruButton.ruRemove {
    background-color: #74BB20 !important;
    color: #fff;
}

/*Document download settings*/

.DLList {
    padding-bottom: 10px;
    line-height: 2em;
    border-bottom: 2px solid #F5F6F6;
    width: 75%;
}

.DLLIST a {
    color: #659E2A;
    text-decoration: none;
}

a.DLList, .DLLIST.TextButton a {
    text-decoration: none;
    padding-bottom: 5px;
}

.PrimaryButton, .PrimaryButton:visited, .PrimaryButton:focus {
    background-color: #659E2A;
    padding: 7px 10px;
    color: #fff;
}

.btn.PrimaryButton.MediumButton {
    padding: 7px 10px !important;
}

/*Fullwidthareastyle*/
.panel-body, .PanelBody {
    padding: 0px !important;
}

.Wrapper-FullWidth #masterContentArea.container {
    max-width: 100% !important;
    padding: 0 !important;
}

.container-inner {

    padding-left: 10%;
    padding-right: 10%;

}

.panel, .StandardPanel {
    border: 0px solid transparent !important;
}

/* Alert changes*/
ul.AlertSet {
    text-transform: uppercase;
}

.AlertSet a {
    font-weight: 600;
}

.Alerts .AlertItem {
    background-color: transparent;
    border: 2px solid #FCFCFB !important;
    margin: 1em 0;
}

/* OBO colour fixed
 */
a#ctl01_ciOBO_ctl02_TargetNameLink {
    color: white;
    font-size: 1.2em;
    font-weight: 600;
}

label, .Label, .PanelFieldLabelFont {
    margin-left: 0px;
}

/* Custom page content layouts */

.Benefits .BenefitItem {
    background-color: #e5e5e5;
    padding: 15px;
}

.Benefits .BenefitItem h1 {
    margin: -15px -15px 20px -15px;
    ;
}

.Benefits .BenefitItem img {
    float: left;
    max-width: 23%;
}

.Benefits .BenefitItem p {
    float: right;
    width: 75%;
}

.BenefitItem {
    margin-bottom: 2em;
}


.carousel-control {
    display: none !important;
}
.BlogDisp{
    background: #F5F6F6;
}
.BlogDisp .TaggedListPanel {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 2em;
    /* grid-template-areas:"iFinityCard";  <-- Removed this line as it's not effective here */
}

.iFintiyCard {
    border: 0px solid rgba(0, 0, 0, 0.125) !important;
    border-radius: 0px !important;
    box-shadow: none !important;

}
.blogImg .BlogTitle,
.blogImg .ContentHtml:not(:first-child) {
  display: none;
}
.BlogDisp .BlogTitle span{
    font-size: 1.15em;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
     height: calc(1.5em * 3);
     line-height: 1.15em;
    padding: 1em;
}
.BlogDisp :is(.BlogDate, .btnRead){
    padding: 1em 1em 0;
}

/*FIX TABLE DISPLAY*/
.EventSummary {
    background-color: transparent;
}

div#ctl01_TemplateBody_WebPartManager1_gwpciEventDisplay_ciEventDisplay_AdditionalInfoDiv {
    clear: both;
}

.COPEvent .progent-disc {
    /* display: none; */
}

.COPEvent .progent-img {
    width: 250px;
    height: 250px;
}

.COPEvent .RadGrid.RadGrid_MetroTouch .rgRow td:first-child, .COPEvent .RadGrid.RadGrid_MetroTouch .rgAltRow td:first-child {
    width: 25%;
    vertical-align: top;
}

.COPEvent .RadGrid.RadGrid_MetroTouch .rgRow td:last-child, .COPEvent .RadGrid.RadGrid_MetroTouch .rgAltRow td:last-child {
    width: 20%;
}

.COPEvent .RadGrid_MetroTouch .rgRow a, .COPEvent .RadGrid_MetroTouch .rgAltRow a {
    border: 2px solid #78BC2F;
    padding: 0 7px
}

.COPEvent .RadGrid_MetroTouch .rgRow a:visited, .COPEvent .RadGrid_MetroTouch .rgAltRow a:visited {
    border: 2px solid #78BC2F;
    background: #78BC2F;
    color: #fff;
    padding: 0 7px
}

.COPEvent .progent-desc {
    font-size: 1em;
    height: 160px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*FIX IMAGE BACKGROUND*/
.CPDHubList .progent-img {
    /*background: #323e48;*/
    background: white;
    padding: 3px 1px 3px 3px;
}

@media (max-width: 767px) {

    .COPEvent .RadGrid.RadGrid_MetroTouch .rgRow td:first-child,     .RadGrid.RadGrid_MetroTouch .rgAltRow td:first-child {
        width: 100%;
        vertical-align: top;
    }

    #ctl01_ciUtilityNavigation_UtilityPlaceholder {

        margin-top: -75px;
        position: absolute;
        right: 10px;

    }

    .UtilitySection.UtilityAuthenticationLink {
        overflow: hidden;
        width: auto;
        height: 60px;
        /* text-indent: -9999px; */
        /* background-image: url("images/Login.png"); */
        background-size: 100%;
        z-index: 0;
        left: -30px;
    }

    a.UtilitySection.UtilityAuthenticationLink {
        margin-top: 2px;
    }

    a.UtilitySection.UtilityAuthenticationLink:after {
        content: "|";
        padding-left: 5px;
    }

    .navbar-toggle {
        /* margin-top: -12px; */
        margin-bottom: none !important;
    }

    .navbar-toggle .icon-search {
    margin: 15px 0 0 -1em;
    }

    #ctl01_ciSearch_ctl09_SearchTerms {
        position: relative;
        right: 30%;
        z-index: 1;
    }

    #ctl01_ciSearch_search-collapse {
        margin-right: 40px;
    }

    .nav-text {
        margin-bottom: -12px;
    }

    .col-primary,     input#ctl01_TemplateBody_WebPartManager1_gwpciNewSubmitOrderButtonLinkCommon_ciNewSubmitOrderButtonLinkCommon_SubmitCartOrderButton {
        margin-bottom: 2em;
    }
}

.Spacer {
    min-height: 5em;
}

.LtlightGrey .row--tagged-list-item .BkWhite {
    border: 10px solid #fff;
}

.LtGrey .row--tagged-list-item .BkWhite {
    border: 10px solid #F5F6F6;
}

.row--tagged-list-item .BkWhite {
    height: 500px;
}

.row--tagged-list-item a.btn {
    position: absolute;
    bottom: 1em;
    position: absolute;
    bottom: 2em;
    right: 3em;
}

@media (max-width: 767px) {
    .carousel-inner.bg-img {
        height: 300px;
        background-position: center center;
    }

    .carousel-caption {
        position: absolute;
        bottom: 50%;
    }

    .rmHorizontal {
        background-color: #313E48;
    }
}

.carousel-control {
    display: none !important;
}

/* Fixes dispaly when using easy eidt */
div#ctl01_TemplateBody_ContentEditorChildControl_contactUserDefinedFieldsEdit_BodyContainer {
    padding-left: 20px;
}

/* SHOP */
@media (min-width: 787px) {

    .PublicShop ul.RelatedItemsHorizontal li,     .PublicShop .RelatedItemsHorizontal ul.rrItemsList li {
        width: 30% !important;
        height: auto !important;
    }

    .PublicShop .RelatedItemsHorizontal .ImageLink img {
        width: auto !important;
        height: 250px !important;
    }
}

.PublicShop a.LabelLink {
    background-color: #313E48;
    padding: 2%;
    color: #74BB20;
    text-decoration: none;
    font-family: "Mukta Vaani", Arial, Sans-Serif;
    font-weight: bold;
    font-size: 16px;
    height: 4em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.carousel-inner.bg-img .item.GreenGradient:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#75b629+0,75b629+100&0.75+0,0.75+100 */
    background: -moz-linear-gradient(top, rgba(116, 187, 32, 0.75) 0%, rgba(116, 187, 32, 0.75) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(116, 187, 32, 0.75) 0%, rgba(116, 187, 32, 0.75) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(109, 198, 5, 0.75) 0%, rgba(122, 223, 2, 0.74) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf74BB20', endColorstr='#bf74BB20', GradientType=0);
    /* IE6-9 */
    background-size: cover;
    background-repeat: no-repeat;
}

.Wrapper-HomePage .Full-Carousel .carousel-inner.bg-img>.item {
    background-color: #313E48 !important;
    background-size: contain !important;
}

.HideSection {
    display: none;
}

@media (max-width: 767px) {
    .rmTwoLevels {
        display: block;
        position: absolute;
        /* padding-left: 25% !important; */
        width: 100%;
        background-color: #313E48;
    }

    .rmRootGroup.rmToggleHandles.rmHorizontal {
        padding-left: 8%;
    }

    .rmSelected,     .rmLink:hover {

        background-image: none;
        background-repeat: no-repeat;
        background-position: bottom center;
        color: #74BB24 !important;

    }

    .rmSlide {
        display: block !important;
    }

    .RadMenu .rmSlide,     .RadMenu_Context {
        position: unset;
        /*overflow: auto !important;*/
        display: block !important;
        float: inline-end !important;
    }

    .MegaDropDownMenuOuter {

        display: block;

    }

    .RadMenu ul.rmVertical,     .RadMenu ul.rmHorizontal,     .RadMenu ul.rmRootScrollGroup,     .RadMenu_Context ul.rmHorizontal {
        /*display: block !important;*/
    }

    .rmTwoLevels .rmLevel1 {
        display: block;
        position: absolute;
        padding-left: 10% !important;
        width: 100%;
        background-color: #000;
    }

    .rmList.rmLevel.rmOneLevel {
        /* padding-left: 25% !important; */
        width: 100%;

    }

    .rmIcon {

        margin: -8px 0 0 -8px;
        width: 16px;
        height: 16px;
        background-repeat: no-repeat;
        text-indent: -999em;
        display: none;
        overflow: hidden;
        position: absolute;
        left: 50%;
        top: 100%;
        background-image: url("images/downicon.png");
        background-size: 100%;
    }

    .rmLink .rmRootLink .rmSelected {
        width: 300px !important;
    }

    .rmToggle {

        width: 40px !important;
        height: 40px !important;
    }
}

@media (max-width: 600px) {
    div#RadWindowWrapper_ctl01_GenericWindow {
        height: 500px !important;
        /* top: 300px!important; */
    }

    #RadWindowWrapper_ctl01_GenericWindow .rwTable {
        height: 500px !important;
    }

    div#ctl00_TemplateBody_contactSignIn1_ActionPanel {
        margin: 2%;
    }
}

@media (max-width:767px) {
    div#ctl01_TemplateBody_WebPartManager1_gwpciHomeSlideShowMobile_ciHomeSlideShowMobile_Carousel {
        right: 5px;
    }
}

div .whitebtn {
    width: 150px;
    position: relative;
    left: 25%;
}

a.btn.gbwf {
    margin-right: 35px;
}

.header-search {
    padding: 0px;
}

.search-container, .auth-link-container {
    display: block;
    position: relative;
bottom: -110%;
    left: 20%;
}

.navbar-collapse, .searchbar-collapse {
    background-color: transparent !important;
}

.navbar-toggle .icon-search {
    margin-top: 3px;

}

div#HomePageContent {
    margin-top: -3px;
}

.header-top-container {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 150px;
}

navbar-toggle:hover, .navbar-toggle:focus {
    background-color: #62B920 !important;
}

.search-field {
    background-position: 7px 10px !important;
}

input#ctl01_ciSearch_ctl06_SearchTerms, .header-search input[type="text"], .header-search input[type="text"]:focus {
    border: 2px solid #62B920;
    border-radius: 0px;
    font-weight: bold;
}

input#ctl01_ciSearch_ctl06_SearchTerms {
    font-weight: bold;
}

input#ctl01_TemplateBody_WebPartManager1_gwpciStudentMemberContentCollectionOrganizerCommon_ciStudentMemberContentCollectionOrganizerCommon_StudentMemberContactAccountCreatorCommon_PostalCodeLookup_PostalCodeLookup_PostalCode, label#ctl01_TemplateBody_WebPartManager1_gwpciAssociateMemberContentCollectionOrganizerCommon_ciAssociateMemberContentCollectionOrganizerCommon_AssociateMemberContactAccountCreatorCommon_PostalCodeLookup_PostalCodeLookup_Label, input#ctl01_TemplateBody_WebPartManager1_gwpciAssociateMemberContentCollectionOrganizerCommon_ciAssociateMemberContentCollectionOrganizerCommon_AssociateMemberContactAccountCreatorCommon_TextAddress2, input#ctl01_TemplateBody_WebPartManager1_gwpciAssociateMemberContentCollectionOrganizerCommon_ciAssociateMemberContentCollectionOrganizerCommon_AssociateMemberContactAccountCreatorCommon_TextAddress3, input#ctl01_TemplateBody_WebPartManager1_gwpciStudentMemberContentCollectionOrganizerCommon_ciStudentMemberContentCollectionOrganizerCommon_StudentMemberContactAccountCreatorCommon_PostalCodeLookup_PostalCodeLookup_PostalCode, input#ctl01_TemplateBody_WebPartManager1_gwpciStudentMemberContentCollectionOrganizerCommon_ciStudentMemberContentCollectionOrganizerCommon_StudentMemberContactAccountCreatorCommon_TextAddress2, input#ctl01_TemplateBody_WebPartManager1_gwpciStudentMemberContentCollectionOrganizerCommon_ciStudentMemberContentCollectionOrganizerCommon_StudentMemberContactAccountCreatorCommon_TextAddress3, input#ctl01_TemplateBody_WebPartManager1_gwpciFullMemberContentCollectionOrganizerCommon_ciFullMemberContentCollectionOrganizerCommon_FullMemberContactAccountCreatorCommon_PostalCodeLookup_PostalCodeLookup_PostalCode, input#ctl01_TemplateBody_WebPartManager1_gwpciFullMemberContentCollectionOrganizerCommon_ciFullMemberContentCollectionOrganizerCommon_FullMemberContactAccountCreatorCommon_TextAddress2, input#ctl01_TemplateBody_WebPartManager1_gwpciFullMemberContentCollectionOrganizerCommon_ciFullMemberContentCollectionOrganizerCommon_FullMemberContactAccountCreatorCommon_TextAddress3 {
    margin-left: 5px;
}

input#ctl01_TemplateBody_WebPartManager1_gwpciStudentMemberContentCollectionOrganizerCommon_ciStudentMemberContentCollectionOrganizerCommon_StudentMemberContactAccountCreatorCommon_TextAddress2, input#ctl01_TemplateBody_WebPartManager1_gwpciStudentMemberContentCollectionOrganizerCommon_ciStudentMemberContentCollectionOrganizerCommon_StudentMemberContactAccountCreatorCommon_TextAddress3 {
    margin-left: 7px;
}

select#ctl01_TemplateBody_WebPartManager1_gwpciStudentMemberContentCollectionOrganizerCommon_ciStudentMemberContentCollectionOrganizerCommon_StudentMemberContactAccountCreatorCommon_SelectCountry, select#ctl01_TemplateBody_WebPartManager1_gwpciStudentMemberContentCollectionOrganizerCommon_ciStudentMemberContentCollectionOrganizerCommon_StudentMemberContactAccountCreatorCommon_Prefix {
    border: 2px solid #62B920;
}

.MemJoin label {
    margin-eft: -7px;
}

.MemJoin input#ctl01_TemplateBody_WebPartManager1_gwpciFullMemberContentCollectionOrganizerCommon_ciFullMemberContentCollectionOrganizerCommon_FullMemberContactAccountCreatorCommon_PostalCodeLookup_PostalCodeLookup_PostalCode {
    margin-left: 5px;
}

/* fixes issue with buttons on the sign in are */
#ctl00_TemplateBody_contactSignIn1_requestUserNameDiv, #ctl00_TemplateBody_contactSignIn1_requestPasswordDiv, #ctl00_TemplateBody_contactSignIn1_requestPasswordDiv, #ctl00_TemplateBody_contactSignIn1_commandButtons {
    margin-left: 2em
}

/* makes the error message sticky */

#ctl01_UserMessagesUpdatePanel {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 20px !important;
    z-index: 1000;
}

/* fix position issue on iPhone with the buttons */
/*@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{ @media {

      Define here the CSS styles applied only to Safari browsers
      (any version and any device)
     */
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        #masterContentArea {
            position: relative;
            top: 3em;
        }
    }
}

/* @media(max-width:600px){.header { */
/* margin-bottom: 1em; */
/* } */
/* .Wrapper-FullWidth #masterContentArea.container { */
/* margin-top: 2em; */
/* } */
/* } */
/* Fixes issues with the select width */
select, select#ctl01_TemplateBody_WebPartManager1_gwpciDetailsContentCollectionOrganizerCommon_ciDetailsContentCollectionOrganizerCommon_EthnicityPanelEditorCommon_panelEditor_Name_COP_Equality_Monitor___ETHNICITY {
    width: 300px;
    max-width: 100%;
}

option {
    /* wrap text in compatible browsers */
    -moz-white-space: pre-wrap;
    -o-white-space: pre-wrap;
    white-space: pre-wrap;
    /* hide text that can't wrap with an ellipsis */
    overflow: hidden;
    text-overflow: ellipsis;
    /* add border after every option */
}

/* Updates for the callouts section update November 11 */
.CalloutArea1 {
    background-color: #229B85;
}

.CalloutArea2 {
    background-color: #C60077;
}

.CalloutArea3 {
    background-color: #76BC21;
}

.CalloutArea4 {
    background-color: #00567D;
}

.CalloutArea5 {
    background-color: #323E48;
}

.CalloutArea1, .CalloutArea2, .CalloutArea3, .CalloutArea4, .CalloutArea5, .CalloutArea1 .btn.TextButton, .CalloutArea2 .btn.TextButton, .CalloutArea3 .btn.TextButton, .CalloutArea4 .btn.TextButton, .CalloutArea5 .btn.TextButton, [class="CalloutArea"] .btn.PrimaryButton.SmallButton, [class="CalloutArea"] .btn:hover {
    color: #fff;
}

.CalloutArea1 .PrimaryButton, .CalloutArea1 .btn.PrimaryButton.MeidumButton, .CalloutArea2 .PrimaryButton, .CalloutArea2 .btn.PrimaryButton, .CalloutArea3 .PrimaryButton, .CalloutArea4 .PrimaryButton, .CalloutArea5 .PrimaryButton {
    padding: 10px 7px !important;
}

.CalloutArea1 img, .CalloutArea2 img, .CalloutArea3 img, .CalloutArea4 img, .CalloutArea5 img {
    margin-bottom: 1em;
    padding-bottom: 2%;
}

.CalloutArea4, .CalloutArea5 {
    margin: 20px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
}

.CalloutArea2 h1, .CalloutArea2 h2, .CalloutArea2 h3, .CalloutArea2 h4, .CalloutArea2 h5, .CalloutArea4 h1, .CalloutArea4 h2, .CalloutArea4 h3, .CalloutArea4 h4, .CalloutArea4 h5, .CalloutArea5 h1, .CalloutArea5 h2, .CalloutArea5 h3, .CalloutArea5 h4, .CalloutArea5 h5, [class^="CalloutArea"] .PrimaryButton {
    Color: #fff;
}

.CalloutArea1 .btn, .CalloutArea2 .btn, .CalloutArea3 .btn, .CalloutArea4 .btn, .CalloutArea5 .btn {
    color: #fff !important;
    border: 1px solid #fff !important;
}

.CalloutArea2 [class*="TextButton"], .CalloutArea3 [class*="TextButton"] {
    background-color: #323E48 !important;
    border: none !important;
}

.CalloutArea3 .PrimaryButton {
    padding: 7px 10px;
}

.CalloutArea1, .CalloutArea2, .CalloutArea3, .CalloutArea4, .CalloutArea5 {
    padding: 5% !important
}

[class^="SignIn"] {
    width: 60% !important
}

.CalloutArea1 .PrimaryButton {
    background: #fff;
    color: #323E48;
}

.CalloutArea1 .PrimaryButton:hover {
    background: #323E48;
    color: #fff;
}

.CalloutArea1 .SmallButton, .CalloutArea2 .SmallButton, .CalloutArea3 .SmallButton, .CalloutArea4 .SmallButton, .CalloutArea5 .SmallButton {
    font-size: .9em !important;
}

.CalloutArea1 .MediumButton, .CalloutArea2 .MediumButton, .CalloutArea3 .MediumButton, .CalloutArea4 .MediumButton, .CalloutArea5 .MediumButton {
    font-size: 1.15em !important;
}

/* Updates for the callouts section from November 18 */
.CalloutArea1 {
    background-color: #229B85;
}

.CalloutArea2 {
    background-color: #C60077;
}

.CalloutArea3 {
    background-color: #76BC21;
}

.CalloutArea4 {
    background-color: #00567D;
}

.CalloutArea5 {
    background-color: #323E48;
}

.CalloutArea1, .CalloutArea2, .CalloutArea3, .CalloutArea4, .CalloutArea5, .CalloutArea1 .btn.TextButton, .CalloutArea2 .btn.TextButton, .CalloutArea3 .btn.TextButton, .CalloutArea4 .btn.TextButton, .CalloutArea5 .btn.TextButton, [class="CalloutArea"] .btn.PrimaryButton.SmallButton, [class="CalloutArea"] .btn:hover {
    color: #fff;
}

.CalloutArea1 .PrimaryButton, .CalloutArea1 .btn.PrimaryButton.MeidumButton, .CalloutArea2 .PrimaryButton, .CalloutArea2 .btn.PrimaryButton, .CalloutArea3 .PrimaryButton, .CalloutArea4 .PrimaryButton, .CalloutArea5 .PrimaryButton {
    padding: 10px 7px !important;
}

.CalloutArea1 img, .CalloutArea2 img, .CalloutArea3 img, .CalloutArea4 img, .CalloutArea5 img {
    margin-bottom: 1em;
    padding-bottom: 2%;
}

.CalloutArea4, .CalloutArea5 {
    margin: 20px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
}

.CalloutArea2 h1, .CalloutArea2 h2, .CalloutArea2 h3, .CalloutArea2 h4, .CalloutArea2 h5, .CalloutArea4 h1, .CalloutArea4 h2, .CalloutArea4 h3, .CalloutArea4 h4, .CalloutArea4 h5, .CalloutArea5 h1, .CalloutArea5 h2, .CalloutArea5 h3, .CalloutArea5 h4, .CalloutArea5 h5, [class^="CalloutArea"] .PrimaryButton {
    Color: #fff;
}

.CalloutArea1 .btn, .CalloutArea2 .btn, .CalloutArea3 .btn, .CalloutArea4 .btn, .CalloutArea5 .btn {
    color: #fff !important;
    border: 1px solid #fff !important;
}

.CalloutArea3 [class*="TextButton"] {
    background-color: #323E48 !important;
}

[class*="CalloutArea"] img {
    padding-right: 1em;
    padding-bottom: 1em;
}

.CalloutArea3 .PrimaryButton {
    padding: 7px 10px;
}

.CalloutArea3 .btn:hover {
    background-color: #323E48 !important;
}

.CalloutArea1, .CalloutArea2, .CalloutArea3, .CalloutArea4, .CalloutArea5 {
    padding: 5% !important
}

[class^="SignIn"] {
    width: 60% !important
}

.CalloutArea1 .PrimaryButton {
    background: #659E2A;
    color: #fff;
}

.CalloutArea1 .PrimaryButton:hover {
    background: #fff;
    color: #323E48;
}

.CalloutArea1 .SmallButton, .CalloutArea2 .SmallButton, .CalloutArea3 .SmallButton, .CalloutArea4 .SmallButton, .CalloutArea5 .SmallButton {
    font-size: .9em !important;
}

.CalloutArea1 .MediumButton, .CalloutArea2 .MediumButton, .CalloutArea3 .MediumButton, .CalloutArea4 .MediumButton, .CalloutArea5 .MediumButton {
    font-size: 1.15em !important;
}

.CalloutArea2 a, .CalloutArea4 a, .CalloutArea5 a {
    color: #fff;
}

.home_box_content {
    height: 275px;
}

#HomePageContent {
    background: #313E48;
}

.home_box_content p:first-child {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}

.GlobalCard {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: flex-end;
    min-height: 450px !important;
    background: #fff
}

.ReadMore.btn {
    position: absolute;
    bottom: 2em;
}

a.ReadMore:hover {
    font-color: #fff;
}

.GlobalCard :nth-child(2), .GlobalCard :nth-child(3) {
    padding: 5px 15px 5px;
}

.GlobalCard :nth-child(2) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.timeline-tagged-content {
    position: relative;
}

.GlobalCard img {
    width: 100%;
}

.GlobalCard p {
    margin-left: -1em
}

@media(max-width: 600px) {
    .GlobalCard {
        dispaly: block;
        height: max-content
    }

    .GlobalCard :nth-child(2) {
        -webkit-line-clamp: 6;
    }
}

/*To Hide Address section in register someone else page*/
#ctl00_TemplateBody_RegistrantInfo_AddressEdit1_DivAddressEntry, .RegistrantInfoAddressList {
    display: none !important;
}

/* MI Select List on member joining page   */
#ctl01_TemplateBody_WebPartManager1_gwpciFullMemberContentCollectionOrganizerCommon_ciFullMemberContentCollectionOrganizerCommon_CareerPanelEditorCommon_panelEditor_COPMemberData___CareerFramework {
    display: inline-block;
    height: 400px !important;
    width: 800px !important;
    overflow: auto;
    border-width: 1px;
    border-style: solid;
    border-color: #abadb3;
    margin: 0;
    padding: 3px;
}

#ctl01_TemplateBody_WebPartManager1_gwpciDetailsContentCollectionOrganizerCommon_ciDetailsContentCollectionOrganizerCommon_MembershipPanelEditorCommon_panelEditor_COPMemberData___CareerFramework {
    display: inline-block;
    height: 400px !important;
    width: auto !important;
    overflow: auto;
    border-width: 1px;
    border-style: solid;
    border-color: #abadb3;
    margin: 0;
    padding: 3px;
}

.hide-column-header .rgHeader {
    display: none;
}
.FullWidthArea.Ltblue1.bgimg-home.LtlightGrey, .FullWidthArea.LtlightGrey {
    padding-top: 2em ;
    padding-bottom: 3em;
}
@media(max-width: 991px){.FullWidthArea.Ltblue1.bgimg-home.LtlightGrey, .FullWidthArea.LtlightGrey {
    padding-left: 1em;
    padding-right: 1em;;
}}
@media (min-width: 767px){
.col-sm-4.cardGroupCard {padding: 2em;
                        width: calc(33.33% - 2em)}

.col-sm-4.cardGroupCard:is(.BkWhite,.Bkgreen) {
    margin: 1em;
}
}
@media (max-width: 768px) {
    .progent-img-container, .progent-left-container, .progent-middle-container, .progent-right-container {
        width: 300px;
        margin-bottom: 3em;
    }
}
.mb-2, .my-2, #ctl01_TemplateBody_WebPartManager1_gwpciCOPContactMiniProfileCommon_ciCOPContactMiniProfileCommon_contactStatus_divStatus {
    padding: 1em;
}
.RadMenu.MegaDropDownMenuOuter ul.rmLevel2 {
    display: block !important;
    left: auto !important;
    flex-flow: row wrap;
    min-width: 320px;
}
.EditMessage .panel-heading-options:before {
    content: 'Click to add or edit';
}
.RadMenu.MegaDropDownMenuOuter ul.rmLevel2>.rmItem, .RadMenu.MegaDropDownMenuOuter ul.rmLevel2>.rmItem a.rmLink{
    width: 100%!important;
}
@media (max-width: 767px) {
    .rmTwoLevels {
        display: block;
        position: absolute;
        padding-left: 0;
        width: 100%;
        background-color: #313E48;
    }
}
.col-primary:last-child {
    padding-bottom: 3em;
}
.account-page .col-primary:first-child {margin-top: 2em;}
.Wrapper-HomePage .col-primary {
    padding-top: 2em
}
.Wrapper-HomePage .col-primary {
    padding-top: 0
}
.RadMenu.MegaDropDownMenuOuter ul.rmLevel1 div.rmSlide, .RadMenu.MegaDropDownMenuOuter ul.rmLevel1 ul div.rmSlide {
    display: block !important;
}
@media (max-width: 767px) {
    .rmTwoLevels {
        padding-left: 0!important;}
    .rmItem {
        display: block!important;
    }
    .RadMenu .rmSlide, .RadMenu_Context {
        float: left;
    }
.RadMenu.MegaDropDownMenuOuter ul.rmLevel2 {
     left: 2em !important;
}
@media(max-width:991px){.rmItem.rmTwoLevels .rmSlide{
    left: -35px!important}
    .rmTwoLevels .rmLevel1 {
        margin-left: 0em!important}
                         .rmTwoLevels .rmLevel2 {
        margin-left: -2em!important;
        }
.rmVertical.rmGroup.rmLevel2 {
    left:-8em!important;}
}
@media (max-width: 767px) {
    .header-bottom-container {
margin-top: 1em!!important;
    }
}
.Full-Carousel .panel-body {
    padding: 0;
    margin-left: -1px;
}
a:hover{color:#00455B}
input .btn.PrimaryButton{
        background-color: #748820!important;
}

input#ctl01_TemplateBody_WebPartManager1_gwpciCPDreflectionform_ciCPDreflectionform_FB_Button {background-color: #74BB20!important;}
input#ctl01_TemplateBody_WebPartManager1_gwpciCPDreflectionform_ciCPDreflectionform_FB_Button:hover{
        color: #fff
}
.BigButtonLinkList a {
    color: #fff!important;
}
input#ctl01_TemplateBody_WebPartManager1_gwpciCPDreflectionform_ciCPDreflectionform_FB_Button {
     border: 3px solid #659E2A!important;
    color: #659E2A;
    font-weight: 600
}
.PanelFieldValue .btn.PrimaryButton {
    border: 3px solid #659E2A!important;
    color: #659E2A;
    font-weight: 600;
}
.PanelFieldValue .btn.PrimaryButton:hover {
    border: 3px solid #659E2A!important;
    color: #fff;
    font-weight: 600;
}