/**************************Header***********************/

/*primary nav gradient color*/
#hd {
    background-color: #00539b;
    box-shadow: 0 0 2px 2px #c1c1c1;
    -moz-box-shadow: 0 0 2px 2px #c1c1c1;
    -webkit-box-shadow: 0 0 2px 2px #c1c1c1;
    transition: All 2s ease;
    -webkit-transition: All 2s ease;
    -moz-transition: All 2s ease;
    -o-transition: All 2s ease
}

#hd span.rmText {
    padding: 0 16px;
    margin-top: 13px;
    margin-bottom: 13px;
    color: #2f2f2f;
    font-size: 14px;
}

@media (max-width: 767px) {
    #hd span.rmText {
        padding: 0;
    }
}

#hd span.rmText:not(#hd .rmSlide span.rmText):hover {
    border-radius: 15px;
    background: #ebebeb;
}

/* sets a negative margin that ruins the structure of the header and many other components, undoing that */
.ContentRecordPageButtonPanel {
    margin: 0;
}

.aset-header-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    height: 100%;
}

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

.header-social-content {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 7px;
    margin-right: 15px;
    width: 100%
}

/* Links for each icon */
.header-social-content a {
    display: inline-block;
    text-decoration: none !important;
    margin: 0;
}

/* Styling for the SVG icons */
.header-icon {
    width: 30px;
    height: 24px;
    display: block;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.header-icon img {
    width: auto !important;
}

/* Hover effect for icons */
.header-icon:hover {
    opacity: 0.7;
    transform: scale(1.1);
}

@media (min-width: 768px) {
    .aset-header-container {
        flex-wrap: nowrap;
    }
}

#hd .header-logo-container {
    flex: 0 0 400px;
}

.EasyEditOn #hd .header-logo-container {
    flex: 0 0 450px;
}

@media (min-width: 768px) {
    img.brand-logo-img {
        display: none;
    }
}

@media (max-width: 991px) {
    #hd .header-logo-container {
        flex: 0 0 300px;
    }
}

@media (max-width: 767px) {
    img.brand-logo-img-desktop {
        display: none;
    }

    #hd .header-logo-container {
        flex: 0 0 200px;
    }
}

.searchbar-collapse {
    position: absolute;
    left: 0;
    /* this is the height of the component, because we need to push it under the header */
    bottom: -47px;
}

/*Makes it so Mega Menu sub items dont collapse*/
.rmRootGroup>.rmItem>.rmSlide {
    height: auto !important;
    width: auto !important;
}

.rmGroup>.rmItem>.rmSlide {
    height: auto !important;
    width: auto !important;
    overflow: visible !important;
    display: block !important;
}

@media (min-width: 768px) {
    .rmExpanded+.rmSlide {
        display: block !important;
    }
}

@media (min-width: 768px) {

    /*Allows for the #0076ba bar at the top of the menu*/
    ul.rmVertical.rmGroup.rmLevel1 {
        position: relative;
    }

    ul.rmVertical.rmGroup.rmLevel1::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 10px;
        background: #00539b;
    }

    /*Makes first link large- you need to add css class to sitemap*/
    .bigMenu-Link .rmText {
        color: #404040 !important;
        font-size: 18px !important;
    }

}

/*Makes the menu white*/
.RadMenu.RadMenu_NaturalHeritageSites .rmGroup {
    background-color: #fff;
}

/*Makes everyone but the first link #0076ba*/
/* #hd .rmSlide .rmItem span.rmText:not(#hd .rmSlide .rmItem.rmFirst span.rmText) {
    color: #0076ba !important;
} */

.rmSlide .rmGroup.rmLevel2 .rmItem .rmLink span.rmText {
    color: #0076ba !Important;
}

/*Link font color and styling*/
.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup>.rmItem>.rmLink {
    color: #2f2f2f;
    font-size: 100%;
    font-weight: normal;
}

/* Turns nav bar white */
.navbar-collapse nav {
    background-color: #fff;
}

@media (min-width: 768px) {
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
}

#auxiliary-container {
    order: 2;
    flex: 1 1 auto;
    text-align: right;
    float: none !important;
}

#extra-container {
    display: flex;
    order: 3;
    flex: 0 0 70px;
    margin: 6px 12px;
}

@media (max-width: 767px) {

    /* push the extra container to the right and make the menu related toggles wrap to a new line and move to the end */
    #extra-container {
        order: 2;
        flex: 1 1 70px;
        justify-content: flex-end;
        margin: 0;
    }

    #auxiliary-container {
        order: 3;
        flex: 1 1 100%;
    }
}

/* Header logo & aux-nav & main menu styling for larger screens */
@media (min-width: 768px) {
    .navbar-toggle {
        display: none;
    }

    .aset-header-bottom-container {
        display: flex;
        justify-content: flex-end;
    }
}

@media (max-width: 767px) {
    ul.rmRootGroup.rmToggleHandles.rmHorizontal {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .RadMenu_NaturalHeritageSites .rmSlide .rmSlide {
        left: 0 !important;
        /* margin-top: 104px; */
    }

    .RadMenu .rmVertical .rmItem .rmText {
        display: inline-block !IMPORTANT;
        float: none;
    }
}

@media (max-width: 767px) {
    .RadMenu_NaturalHeritageSites .rmSlide .rmSlide {
        left: 0 !important;
        margin-top: 0;
    }
}

/************************ MEGA MENU STYLING *******************************/
/* mega menu first level items list container */
#hd .rmRootLink+.rmSlide>ul {
    display: flex !important;
    padding-bottom: 12px !important;
}

#hd li.rmOneLevel>.rmRootLink+.rmSlide>ul {
    flex-direction: column;
}

/* mega menu first level items list - each item should be of equal width */
#hd li:not(.rmOneLevel)>.rmRootLink+.rmSlide>ul>li {
    flex: 1 1 auto;
}

/* increasing the margin for the header link except when it has no children  */
#hd li:not(.rmOneLevel)>.rmRootLink+.rmSlide>ul>li>a .rmText {
    padding: 0 16px !important;
    margin: 20px 0 0 !important;
    font-size: 18px !important;
}

#hd li.rmOneLevel>.rmRootLink+.rmSlide>ul>li:first-child>a .rmText {
    margin-top: 20px !important;
}

#hd li.rmOneLevel>.rmRootLink+.rmSlide>ul>li>a .rmText {
    margin: 4px 0 !important;
    background-color: transparent;
    color: #00539b;
}

/* second level items were being forced to a certain width, removing that */
#hd .rmRootLink+.rmSlide>ul>li .rmLevel2 {
    min-width: 0 !important;
}

#hd .rmRootLink+.rmSlide>ul>li .rmLevel2>.rmItem {
    width: 100%;
    padding-left: 0;
}

/* by specifying the whitespace to not wrap, this will increase the width of the menu */
#hd .rmRootLink+.rmSlide>ul>li .rmLevel2>.rmItem .rmText {
    padding: 0 16px !important;
    margin: 4px 0 !important;
    white-space: nowrap;
}

/* prevents setting of width to a hardcoded value causing the megamenu to overflow the max screen width */
#hd .rmRootLink+.rmSlide>ul>li .rmLink {
    width: auto !important;
}

/* styling the mega menu for smaller screens */
@media (max-width: 767px) {
    #hd .rmRootLink+.rmSlide {
        position: relative !important;
        top: 0 !important;
        width: 100% !important;
    }

    #hd .rmRootLink+.rmSlide>ul {
        flex-wrap: wrap;
    }

    #hd .RadMenu .rmRootGroup>.rmItem {
        display: block;
    }

    /* the root links */
    #hd .RadMenu .rmRootGroup>.rmItem>.rmLink {
        display: flex;
    }

    #hd .RadMenu .rmRootGroup>.rmItem>.rmLink>.rmText {
        flex: 1 1 auto;
    }

    #hd span.rmText:not(#hd .rmSlide span.rmText):hover {
        border-radius: 0;
        background-color: transparent;
    }

    #hd li:not(.rmOneLevel)>.rmRootLink+.rmSlide>ul>li>a .rmText {
        padding: 0 12px !important;
        margin: 0 !important;
        font-size: 16px !important;
    }

    #hd li.rmOneLevel>.rmRootLink+.rmSlide>ul>li>a .rmText {
        padding: 0 12px !important;
    }

    #hd li.rmOneLevel>.rmRootLink+.rmSlide>ul>li:first-child>a .rmText {
        margin-top: 0 !important;
    }

    /* ensure the other child sub menu headers have a margin above */
    #hd li:not(.rmOneLevel)>.rmRootLink+.rmSlide>ul>li:not(:first-child)>a .rmText {
        margin-top: 12px !important;
    }

    #hd .rmRootLink+.rmSlide>ul>li .rmLevel2>.rmItem .rmText {
        padding: 0 12px !important;
    }
}

/************************Footer*******************************/
.footer-content {
    color: #fff;
    overflow: hidden;
    background-color: #00539b;
    padding: 20px 0 10px;
}

.footer-content-left {
    text-align: left;
}

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

.footer-content-bottom {
    margin: 70px 0 0;
}

@media (max-width: 767px) {
    .footer-content-left {
        text-align: center;
    }

    .footer-content-middle {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .footer-content-right {
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
        /* to limit how wide the text can go, to differentiate from the copyright at the bottom */
        padding: 0 15%;
    }
}

/************************Footer*******************************/

/************************Body********************/
/* Turns off opacity on Caraousel */
.carousel-control {
    opacity: 1;
}

.carousel-control:hover,
.carousel-control:focus,
.carousel-control:visited,
.carousel-control:active {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: 1;
}

.carousel-control .icon-prev::before {
    width: 34px;
    height: 34px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    background: url(ResponsiveHeaderSprite.png) 8px -146px no-repeat #00908d;
    text-indent: -99999px;
    opacity: 1;
    top: 50%;
    margin-top: -20px;
    margin-left: -20px;
}

.carousel-control .icon-next::before {
    width: 34px;
    height: 34px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    background: url(ResponsiveHeaderSprite.png) 7px -200px no-repeat #00908d;
    text-indent: -99999px;
    opacity: 1;
    top: 50%;
    margin-top: -20px;
    margin-left: -20px;
}

/*********************IQA************************/
th.rgHeader {
    background-color: #00539b !important;
    color: #fff !important;
}

th.rgHeader a {
    color: #fff !important;
}

th.rgHeader.rgHeaderOver {
    color: #fff;
}

.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow,
.RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_MetroTouch th.rgSorted,
.RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell,
.RadGrid.RadGrid_Metro .rgSelectedRow,
.RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow,
.RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_Metro th.rgSorted {
    /* background-color: #2774AE; */
    border-color: #fff;
}

.ProgramGroup .PanelHead,
.ProgramGroup .panel-heading {
    background-color: #00539b;
    /* color: #fff!important; */
}

.ProgramGroup .PanelTitle,
.ProgramGroup .panel-title {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 120%;
    line-height: 2em;
    padding-left: 0.5em;
    color: #fff;
}

/*********************IQA************************/

/*********************Member Profile Banner************************/
/* .account-area.area-top-left {
    background-color: #00539b !important;
} */

.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected,
.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
    border-color: #00539b;
    color: #fff;
    background-color: #00539b;
}

.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink:hover {
    text-decoration: none !important;
    color: #fff;
    background-color: #00539b !important;
}

/************************Body********************/


/********************************Fonts*****************************/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 14px;
}

h1 {
    color: #212427;
    font-family: Roboto, arial, Helvetica, sans-serif;
    font-size: 36px;
    font-weight: 500
}

h2 {
    font-size: 24px;
    font-weight: 300
}

h3 {
    font-size: 18px;
    font-weight: 400
}

h4 {
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
    color: #a1a1a1
}

h5 {
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    color: #212427
}

h6 {
    font-size: 12px;
    font-weight: 300;
    font-style: italic
}

p {
    font-size: 14px;
    font-weight: 300
}


/********************************Fonts*****************************/
/********************************CSS From Custom CSS***************/
body {
    background: url(ASET_BackPattern.png) repeat scroll 0 0 #f3f3f3;
}

#masterContentArea {
    margin-top: 0px;
    background-color: #f3f3f3;
    padding: 40px;
}

@media (min-width: 768px) {
    .InternalHeaderArea.has-banner+#masterContentArea {
        margin-top: -80px;
    }

    #masterContentArea {
        margin-top: 40px;
    }
}

.header-bottom-container {
    box-shadow: 0 0 2px 2px #c1c1c1;
    -moz-box-shadow: 0 0 2px 2px #c1c1c1;
    -webkit-box-shadow: 0 0 2px 2px #c1c1c1;
}

.search-container {
    padding: 0;
}

.header-search .search-field {
    border-radius: 20px;
}

.UtilityAuthenticationLink {
    color: #fff;
    text-decoration: none;
    font-weight: bold;

}

.navbar-header .NavigationLink {
    text-decoration: none;
    font-weight: bold;

}

/*UPDATE FOR INPUT TEXTBOXES*/
.RadInput .riTextBox {
    height: inherit;
    width: 100%;
    font: inherit;
    color: inherit;
    background: white !important;
    outline: 0;
}


/*****************CSS From Custom CSS**********************/
.progressBar {
    padding: 0.01em 16px;
}

.light-grey,
.hover-light-grey:hover,
.light-gray,
.hover-light-gray:hover {
    color: #000 !important;
    background-color: #f1f1f1 !important;
}

.round-large {
    border-radius: 8px;
}

.orange {
    color: #fff !important;
    background-color: #f68d1e;
}

.orange {
    color: #fff !important;
    background-color: #f68d1e;
}

.blue,
.hover-blue:hover {
    color: #fff !important;
    background-color: #2196F3 !important;
}

.aset-blue {
    color: #fff !important;
    background-color: -webkit-linear-gradient(left, #0076ba, #62a9d2);
    background: linear-gradient(to right, #0076ba, #62a9d2);
}

/***************** Page Layouts **********************/
.aset-banner {
    background: url() 0 0 no-repeat;
    height: 365px;
    width: 100%;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .aset-banner {
        display: none;
    }
}

.aset-standard-page {
    /* increasing the padding of the container class to 80px */
    padding: 0 65px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .aset-standard-page {
        padding: 0 5px;
    }
}

@media (max-width: 767px) {
    .aset-standard-page {
        padding: 0;
    }

    .aset-sidebar-container {
        display: none;
    }
}

.aset-sidebar-container {
    position: sticky;
    top: 20px;
}

.aset-sidebar-container>h3 {
    font-size: 18px;
    text-transform: uppercase;
    color: #212427 !important;
    text-decoration: none;
    border-bottom: solid 1px #bebbba;
    margin-bottom: 10px;
}

/* replace border class with adding an hr line after */
.aset-standard-page .panel-border,
.aset-standard-page .ContentBorder {
    padding: 0;
    border: 0;
}

.aset-standard-page .panel-border::after,
.aset-standard-page .ContentBorder::after {
    content: "";
    display: block;
    border-top: solid 2px #ddd;
    margin: 50px 0 30px;
}

/***************** Content Related Styling **********************/
.aset-content-header {
    background-color: #00539b;
    color: #fff;
    padding: 60px 80px 20px;
    margin: -40px -80px 20px;
}

.aset-content-header h1 {
    color: #fff;
    font-size: 28px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .aset-content-header {
        padding: 60px 20px 20px;
        margin: -40px -20px 20px;
    }
}

@media (max-width: 767px) {
    .aset-content-header {
        padding: 60px 15px 20px;
        margin: -40px -15px 20px;
    }
}

.SearchDialog-box {
    padding: 20px;
    border-radius: 4px;
    box-shadow: 0px 2px 3px rgba(77, 77, 77, .3);
    overflow: hidden;
    background-color: #fff;
    margin-bottom: 20px;
}

.search-dialog .control-label {
    display: block;
    margin-bottom: 10px;
}

.search-dialog .search-label {
    display: block;
    color: #0076ba;
    margin-bottom: 10px;
    font-size: 12px;
}

.search-dialog .form-control {
    background-color: #f3f3f3;
    width: 100%;
    border: none;
    display: inline-block;
    border: solid 1px #ddd;
    height: 30px;
    overflow: hidden;
    border-radius: 15px;
}

.search-dialog .dropdowns-container {
    display: flex;
    justify-content: space-between;
}

.search-dialog .dropdowns-container .form-control {
    height: 26px;
    width: 100%;
    border-radius: 15px;
    border: solid 1px #ddd;
    text-decoration: none;
    background-color: #f3f3f3;
    display: block;
    margin-bottom: 10px;
    padding: 0 10px;
    color: #0076ba;
    font-size: 14px;
    line-height: 24px;
    position: relative;
    z-index: 100;
    appearance: none;
}

.search-dialog .dropdowns-container .form-control:not(:first-child) {
    margin-left: 10px;
}

.search-dialog .btn-container {
    text-align: right;
    margin-top: 12px;
}

.aset-home-page .aset-article-item:first-child .aset-article-icon-container {
    display: none;
}

.aset-article-icon-container {
    margin: 30px 0 20px;
    overflow: hidden;
}

.aset-news-line {
    border-color: #00908d;
    margin: 20px 0;
}

.aset-article-icon,
.aset-video-icon,
.aset-picture-icon,
.aset-infografic-icon,
.aset-locked-icon,
.aset-unlocked-icon {
    display: block;
    width: 46px;
    float: left;
    height: 46px;
    background: url("ASET_ButtonSprite.png") 11px -91px no-repeat #00908d;
    margin-left: auto;
    border-radius: 23px;
}

.aset-picture-icon {
    background-position: -42px -91px
}

.aset-infografic-icon {
    background-position: -97px -91px
}

.aset-video-icon {
    background-position: -150px -91px
}

.aset-locked-icon {
    background-position: -204px -91px;
    background-color: #00908d;
    margin-right: 5px
}

.aset-unlocked-icon {
    background-position: -259px -91px;
    background-color: #00908d;
    margin-right: 5px
}

.aset-date-icon {
    width: 15px;
    height: 20px;
    background: url("ASET_ButtonSprite.png") -252px -154px no-repeat;
    text-decoration: none;
    margin: 0 5px 0 0;
    float: left;
}

.aset-lock-icon-small {
    width: 15px;
    height: 20px;
    background: url("ASET_ButtonSprite.png") -274px -154px no-repeat;
    text-decoration: none;
    margin: 0 5px 0 0;
    float: left;
}

.aset-calendar-icon,
.aset-university-icon,
.aset-people-icon,
.aset-delete-icon {
    display: block;
    background: url("ASET_ButtonSprite.png") 2px -218px no-repeat #00908d;
    text-decoration: none;
    position: absolute;
    margin-top: 15px;
    margin-left: 15px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px
}

.aset-university-icon {
    background-position: -46px -218px
}

.aset-people-icon {
    background-position: -97px -218px
}

.aset-delete-icon {
    background-position: -141px -218px
}

.aset-paperclip-icon,
.aset-heart-icon,
.aset-blurb-icon {
    display: block;
    width: 28px;
    height: 28px;
    background: url("ASET_ButtonSprite.png") -363px -216px no-repeat #00908d;
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px
}

.aset-heart-icon {
    background-position: -317px -214px
}

.aset-blurb-icon {
    background-position: -416px -214px
}

.aset-grey-top {
    height: 30px;
    top: 0;
    z-index: 1000
}

.aset-bg-blue {
    background-color: #0076ba;
    margin-top: -20px;
}

.aset-bg-light-blue {
    background-color: #ebf5fa;
}

.aset-bg-green {
    background-color: #6bb541;
}

.aset-bg-secondary {
    background-color: #00908d;
}

.contact-card .name {
    font-weight: bold;
    font-size: 18px;
}

.contact-card .namesmall {
    font-size: 14px;
}

.contact-box {
    border-radius: 4px;
    box-shadow: 0px 2px 3px rgba(77, 77, 77, .3);
    padding: 7px;
    overflow: hidden;
    max-width: 250px;
    background-color: #fff;
}

.contact-box .role {
    font-style: italic;
}

.chapter-box,
.profile-box {
    border-radius: 4px;
    box-shadow: 0 2px 3px rgba(77, 77, 77, .3);
    min-height: 235px;
    padding: 0px;
    overflow: hidden;
    margin: 10px 5px;
}

.chapter-box {
    background-color: #fff;
    padding: 7px;
}

.profile-box {
    display: inline-block;
    max-width: 140px
}

.chapter-box .pic-cont,
.profile-box .pic-cont {
    height: 145px;
    overflow: hidden
}

.chapter-box .pic-cont img,
.profile-box .pic-cont img {
    width: 100%
}

.chapter-box .details,
.profile-box .details {
    padding: 25px 5px;
}

.chapter-box .details p,
.profile-box .details p {
    padding: 0 12px;
}

.chapter-box .details .name,
.profile-box .details .name {
    font-weight: bold;
    margin-bottom: 5px;
    min-height: 60px;
}

.chapter-box .details .role,
.profile-box .details .role {
    font-weight: 300;
    font-style: italic
}

.profile-box-with-img-small {
    min-height: 300px;
    background-color: #EBF4FA;
}

.profile-box .bottom-avatar {
    position: relative;
    margin-top: -25px;
    z-index: 100;
    background: url(ASET-Curves-Staff.svg) no-repeat;
    background-position: center top;
    background-size: cover;
}

.profile-box-with-img-small .details {
    font-weight: 300;
    font-size: 12px;
}

.profile-Bio-box .profile-box {
    float: left;
    margin-right: 15px;
}

.profile-Bio-box .bio-cont {
    padding: 10px;
    margin: 10px;
}

.show-details-container .more-small {
    color: #00908d !important;
    font-size: 12px;
    float: right;
    text-decoration: none !important;
    padding-right: 5px;
}

.show-details-container .more-small span {
    border: 1px solid #00908d;
    border-radius: 10px;
    display: block;
    float: right;
    height: 20px;
    margin: 0 5px;
    text-decoration: none;
    width: 20px;
}

.menu-staffdetails {
    background-clip: padding-box;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    display: none;
    float: left;
    font-size: 14px;
    left: 0 !important;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: relative !important;
    text-align: left;
    top: 100%;
    z-index: 1000;
}

.show-details-container .menu-staffdetails {
    border: 0 none !important;
    box-shadow: none !important;
}

.aset-home-box {
    border-radius: 4px;
    box-shadow: 0 2px 3px rgba(77, 77, 77, 0.3);
    margin: 10px 5px;
    overflow: hidden;
    padding: 0;
}

.aset-home-box .pic-cont {
    max-height: 158px;
    overflow: hidden;
}

.aset-home-box img {
    width: 100%;
}

.aset-home-box .details {
    padding: 25px 0 30px;
    text-align: center;
}

.aset-home-box .home-avatar {
    background: url("ASET-Curves-HomeCards.svg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: -20px -2px 0;
    position: relative;
    z-index: 100;
}

.aset-home-box .btn-container:not(:first-of-type) {
    margin-top: 12px;
}

.aset-location {
    float: left;
    width: 15px;
    height: 20px;
    background: url("ASET_ButtonSprite.png") -169px -40px no-repeat;
    text-decoration: none;
    margin: 0 5px 0 0;
}

.box {
    border-radius: 4px;
    box-shadow: 0 2px 3px rgba(77, 77, 77, .3);
    padding: 10px;
    margin: 10px 0;
    overflow: hidden;
    background-color: #ebf5fa
}

.box-white {
    background-color: #fff;
}

.box img {
    width: 100%;
    margin: -10px 0 0 0;
}

.box p {
    margin-bottom: 10px;
    margin-top: 25px;
}

.aset-event h2,
.box h2 {
    font-size: 24px;
    font-weight: 700;
    margin-top: 20px;
}

.aset-event h4,
.box h4 {
    margin: 10px 0;
}

.aset-event .date,
.box .date {
    font-size: 20px;
    font-weight: 300;
}

.aset-event .btn-container {
    text-align: right;
    margin-bottom: 12px;
}

.aset-event img {
    width: 100%;
}

.event-box {
    position: relative;
    padding: 0;
    margin: 20px 0;
    overflow: visible;
}

.event-box img {
    margin: 0;
    min-height: 120px;
}

.event-box .details-container {
    padding: 0 10px 20px;
}

.event-box .TextButton {
    margin: 20px 8px;
}

.event-box .aset-calendar-icon,
.event-box .aset-university-icon,
.event-box .aset-people-icon,
.event-box .aset-delete-icon {
    margin: 0;
    left: 6px;
    top: -12px;
}

.aset-careers-box {
    background: url(ASET-Curves-Event2.svg) no-repeat #fff;
}

@media (min-width: 992px) {
    .col-md-6>.event-box {
        height: 100%;
    }

    .col-md-4>.aset-careers-box {
        height: 100%;
    }

    .col-md-4>.aset-home-box {
        min-height: 320px;
    }
}

.aset-careers-box .aset-content {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 30px;
}

.aset-careers-box .btn-container:not(:first-of-type) {
    margin-top: 12px;
}

.aset-careers-box p {
    min-height: 80px;
}

.aset-icon {
    display: block;
    min-height: 100px;
    width: 100px;
    border-radius: 50%;
    margin-top: 10px;
}

.aset-icon-display {
    background: url(ASET_CareerDevSprite.jpg) -2px -18px no-repeat;
}

.aset-icon-chart {
    background: url(ASET_CareerDevSprite.jpg) -92px -18px no-repeat;
}

.aset-icon-teaching {
    background: url(ASET_CareerDevSprite.jpg) -184px -18px no-repeat;
}

.aset-icon-education {
    background: url(ASET_CareerDevSprite.jpg) -276px -18px no-repeat;
}

.aset-icon-people {
    background: url(ASET_CareerDevSprite.jpg) -368px -18px no-repeat;
}

.aset-icon-hub {
    background: url(ASET_CareerDevSprite.jpg) -460px -18px no-repeat;
}

.QuestionQ {
    font-size: 20px !important;
}

.show-details-container .menu-faq {
    background-clip: padding-box;
    background-color: #fff;
    border-radius: 4px;
    float: left;
    font-size: 14px;
    left: 0 !important;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: relative !important;
    text-align: left;
    top: 100%;
    z-index: 1000;
    border: 0 none;
    box-shadow: none;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.aset-volunteer {
    padding: 16px;
}

.aset-volunteer .more-small {
    display: flex;
    justify-content: flex-end;
    margin-top: 12px;
    float: none;
}

.aset-volunteer .more-small span {
    float: none;
}

/* Boostrap popover styling */
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    white-space: normal
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover>.arrow,
.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover>.arrow {
    border-width: 11px
}

.popover>.arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top>.arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px
}

.popover.top>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, 0.25)
}

.popover.right>.arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom>.arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px
}

.popover.bottom>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, 0.25)
}

.popover.left>.arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}

.repeater-pagination-container {
    margin: 12px 0;
}

.repeater-pagination-container .paginationjs {
    justify-content: center;
}

.repeater-pagination-container .paginationjs .paginationjs-pages li.active>a {
    background: #00539b !important;
}

.page-item .page-link {
    color: #00539b !important;
}

.page-item.active .page-link {
    background: #00539b !important;
    border-color: #00539b !important;
}

.ASETTable table {
    border: 1px solid #00539b;
    padding: 0px;
}

.ASETTable th {
    background-color: #00539b;
    font-size: 20px;
    color: #fff;
    height: 2em;
    text-align: left;
    padding-left: 5px;
}

.ASETTable td {
    padding: 5px;
    border: 1px solid #00539b;
}