@charset "UTF-8";
/* 
    Theme: Atlantica
--  All styles are imported into this main stylesheet
*/
/* 
    Theme: Atlantica
--  Master variables file
*/
/* 
    Theme: Atlantica
--  Theme specific styles
*/
/* 
    Theme: Atlantica
--  Button placeholders
--  Using placeholders rather than mixins cuts down on CSS duplication
--  .my-button {@extend %btn-primary;}
--  Create another file to override these styles if needed
*/
.main-nav-links, .top-nav-bar .nav-container .link-scroll .h-menu a, .top-nav-bar .more-links-div ul a {
  color: #fff;
  background-color: transparent;
  border: none; }
  .main-nav-links:hover, .top-nav-bar .nav-container .link-scroll .h-menu a:hover, .top-nav-bar .more-links-div ul a:hover {
    color: #024638;
    background-color: #DEDEDE; }

.sidebar-slide-menu-links, .slide-menu-right .navbar li a, .slide-menu-right .navbar li #pagePortlets .glyphicons, .slide-menu-right .navbar li #pagePortlets .custom-icon, .slide-menu-right .navbar li #myPages .glyphicons, .slide-menu-right .navbar li #myPages .custom-icon, .slide-menu-right .navbar li #myGroups .glyphicons, .slide-menu-right .navbar li #myGroups .custom-icon, .slide-menu-right .navbar li button {
  color: #024638;
  background-color: transparent;
  border: none; }
  .sidebar-slide-menu-links:hover, .slide-menu-right .navbar li a:hover, .slide-menu-right .navbar li #pagePortlets .glyphicons:hover, .slide-menu-right .navbar li #pagePortlets .custom-icon:hover, .slide-menu-right .navbar li #myPages .glyphicons:hover, .slide-menu-right .navbar li #myPages .custom-icon:hover, .slide-menu-right .navbar li #myGroups .glyphicons:hover, .slide-menu-right .navbar li #myGroups .custom-icon:hover, .slide-menu-right .navbar li button:hover {
    color: #fff;
    background-color: #024638; }

.dashboard-menu-links li a {
  color: #000;
  background-color: transparent;
  border: none;
  text-decoration: none; }
  .dashboard-menu-links li a:hover {
    color: #fff;
    background-color: #024638; }

.link-secondary {
  color: #3e3e3e; }
  .link-secondary:hover {
    color: #3e3e3e; }

.btn-primary {
  color: #fff;
  background-color: #024638;
  border: none; }
  .btn-primary:hover {
    background-color: #024638; }
  .btn-primary:active {
    background-color: #024638;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn-primary:active:hover, .btn-primary:active:focus {
    background-color: #024638; }
  .btn-primary:focus {
    background-color: #024638; }

.btn-primary-no-bg {
  color: #fff;
  background-color: transparent;
  border: none; }
  .btn-primary-no-bg:hover {
    background-color: transparent; }
  .btn-primary-no-bg:active {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn-primary-no-bg:active:hover, .btn-primary-no-bg:active:focus {
    background-color: transparent; }
  .btn-primary-no-bg:focus {
    background-color: transparent; }
  .btn-primary-no-bg:hover, .btn-primary-no-bg:focus {
    color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #D33A35;
  border: none; }
  .btn-danger:hover {
    background-color: #D33A35; }
  .btn-danger:active {
    background-color: #D33A35;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn-danger:active:hover, .btn-danger:active:focus {
    background-color: #D33A35; }
  .btn-danger:focus {
    background-color: #D33A35; }

.btn-success {
  color: #fff;
  background-color: #417505;
  border: none; }
  .btn-success:hover {
    background-color: #417505; }
  .btn-success:active {
    background-color: #417505;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn-success:active:hover, .btn-success:active:focus {
    background-color: #417505; }
  .btn-success:focus {
    background-color: #417505; }

.btn-danger-toggle {
  color: #fff;
  background-color: #D33A35;
  border: 1px solid #D33A35;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .btn-danger-toggle:hover {
    color: #fff;
    background-color: #D33A35; }
  .btn-danger-toggle:active {
    background-color: #D33A35;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn-danger-toggle:active:hover, .btn-danger-toggle:active:focus {
    background-color: #D33A35; }
  .btn-danger-toggle:focus {
    background-color: #D33A35; }
  .btn-danger-toggle .btn.active {
    -webkit-box-shadow: none;
    box-shadow: none; }

.btn-success-toggle {
  color: #fff;
  background-color: #417505;
  border: 1px solid #417505;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .btn-success-toggle:hover {
    color: #fff;
    background-color: #417505; }
  .btn-success-toggle:active {
    background-color: #417505;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn-success-toggle:active:hover, .btn-success-toggle:active:focus {
    background-color: #417505; }
  .btn-success-toggle:focus {
    background-color: #417505; }
  .btn-success-toggle .btn.active {
    -webkit-box-shadow: none;
    box-shadow: none; }

.btn-alternate-one {
  color: #fff;
  background-color: #6b6b6b;
  border: 1px solid #6b6b6b; }
  .btn-alternate-one:hover, .btn-alternate-one:focus {
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none; }

.btn-alternate-two {
  color: #000;
  background-color: #fff;
  border: 1px solid #6b6b6b; }
  .btn-alternate-two:hover, .btn-alternate-two:focus {
    color: #000;
    -webkit-box-shadow: none;
    box-shadow: none; }

.btn-primary-jquery-ui-override {
  font-family: Open Sans !important;
  color: #fff !important;
  background: #024638 !important;
  border: none !important;
  text-shadow: none !important; }
  .btn-primary-jquery-ui-override:hover {
    background-color: #024638 !important; }
  .btn-primary-jquery-ui-override:active {
    background-color: #024638 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  .btn-primary-jquery-ui-override:active:hover, .btn-primary-jquery-ui-override:active:focus {
    background-color: #024638 !important; }
  .btn-primary-jquery-ui-override:focus {
    background-color: #024638 !important; }

.btn-danger-jquery-ui-override {
  font-family: Open Sans !important;
  color: #fff !important;
  background: #D33A35 !important;
  border: none !important;
  text-shadow: none !important; }
  .btn-danger-jquery-ui-override:hover {
    background-color: #D33A35 !important; }
  .btn-danger-jquery-ui-override:active {
    background-color: #D33A35 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  .btn-danger-jquery-ui-override:active:hover, .btn-danger-jquery-ui-override:active:focus {
    background-color: #D33A35 !important; }
  .btn-danger-jquery-ui-override:focus {
    background-color: #D33A35 !important; }

.link-btn {
  color: #024638;
  background: none;
  border: none; }
  .link-btn:focus {
    border: 1px solid #024638; }

.link-btn-jquery-ui-btn-override {
  font-family: Open Sans !important;
  color: #024638 !important;
  text-decoration: underline !important;
  background: none !important;
  border: none !important;
  text-shadow: none !important; }

a.disabled {
  color: #575757; }

/* 
    Theme: Atlantica
--  Base colors
--  Create another file to override these styles if needed
*/
.primary {
  color: #024638; }

.color-content-one {
  color: #fff; }

.color-content-two {
  color: #000; }

.warning-content {
  color: #fffde5; }

.secondary-content {
  color: #DEDEDE; }

.secondary-alternate-content-one {
  color: #5f5f5f; }

.danger {
  color: #D33A35; }

.danger.inactive-description {
  color: #af2a26; }

.fooicon-trash.danger {
  color: #af2a26; }

.error {
  color: #D33A35; }

.success {
  color: #417505; }

.most-popular {
  color: #417505; }

.popular {
  color: #5ca607; }

.average {
  color: #e5d300; }

.below-average {
  color: #dc635f; }

.poor {
  color: #D33A35; }

.feedback {
  color: #024638; }

.danger-alternate-content-one {
  color: #af2a26; }

.body-text {
  color: #575757; }

.body-text-alternate-one {
  color: #bdbdbd; }

.disabled-link {
  color: #5f5f5f; }

.color-background-one {
  background-color: #fff; }

.color-background-two {
  background-color: #000; }

.primary-background {
  background-color: #024638; }

.primary-alternate-background-one {
  background-color: white; }

.primary-alternate-background-two {
  background-color: rgba(103, 152, 58, 0.18); }

.secondary-alternate-background-one {
  background-color: whitesmoke; }

.secondary-alternate-background-two {
  background-color: #d9d9d9; }

.secondary-background {
  background-color: #DEDEDE; }

.secondary-alternate-background-three {
  background-color: #ababab; }

.secondary-alternate-background-four {
  background-color: #6b6b6b; }

.warning-background {
  background-color: #fffde5; }

.success-background {
  background-color: #77d709; }

.transparent-background-desktop {
  background-color: transparent; }

.my-popup-info-modal-header-background {
  background-color: #024638; }

.default-border {
  border-color: #DEDEDE; }

.default-top-border {
  border-top-color: #DEDEDE; }

.default-right-border {
  border-right-color: #DEDEDE; }

.default-bottom-border {
  border-bottom-color: #DEDEDE; }

.default-left-border {
  border-left-color: #DEDEDE; }

.default-border-alternate-one {
  border-color: #ababab; }

.default-top-border-alternate-one {
  border-top-color: #ababab; }

.default-right-border-alternate-one {
  border-right-color: #ababab; }

.default-bottom-border-alternate-one {
  border-bottom-color: #ababab; }

.default-left-border-alternate-one {
  border-left-color: #ababab; }

.primary-border {
  border-color: #024638; }

.primary-top-border {
  border-color: #024638; }

.primary-right-border {
  border-color: #024638; }

.primary-bottom-border {
  border-color: #024638; }

.primary-left-border {
  border-color: #024638; }

.warning-border {
  border-color: #fffde5; }

.warning-alternate-border-one {
  border-color: #e5d300; }

.transparent-border {
  border-color: transparent; }

/* 
    Theme: Atlantica
--  Base mobile colors specific styles
--  Create another file to override these styles if needed
*/
@media screen and (max-width: 1025px) {
  .portlet-style-override .primary-hover-state {
    color: inherit; }
    .portlet-style-override .primary-hover-state:hover {
      color: #fff;
      background-color: #024638; }
  .portlet-style-override .color-background-one.override-hover-state {
    color: #fff;
    background-color: #024638; }
    .portlet-style-override .color-background-one.override-hover-state:hover {
      color: #fff;
      background-color: #024638; }
  .secondary-alternate-background-mobile-one {
    background-color: whitesmoke; }
  .user-image-shape {
    border-color: #fff; }
  .my-profile-settings .user-image-shape {
    border-color: #024638; } }

/* 
    Theme: Atlantica
--  Button color specific styles
--  Create another file to override these styles if needed
*/
.dashboard-menu-links li a.active-content-color {
  color: #fff; }

button:focus {
  outline: 2px solid #ababab; }

.btn-border {
  border: 1px solid #ababab; }

/* 
    Theme: Atlantica
--  Base colors specific styles
--  Create another file to override these styles if needed
*/
body {
  font-family: Open Sans;
  font-size: 14px;
  color: #575757;
  background: #fff; }

a {
  color: #024638; }
  a:hover {
    color: #024638; }
  a:focus {
    outline: 2px solid #ababab;
    outline-offset: 2px; }

a.btn:focus,
input.btn:focus {
  outline: 2px solid #ababab;
  outline-offset: 2px; }

a.success {
  color: #417505; }
  a.success:hover, a.success:focus {
    color: #417505; }

.feedbackError {
  color: #D33A35; }

caption {
  color: #242424; }

.user-image-shape {
  border-color: #024638; }

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #024638; }

.choose-file {
  color: #fff;
  background-color: #024638; }

.error-message {
  color: #D33A35;
  background: #fff;
  border: 1px solid #DEDEDE; }

.page-title-btn {
  background-color: #024638; }

.footer-wrapper {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ababab; }

h5 {
  border-bottom: solid 1px #999999; }

  
  .btn-outline-primary {
background-color: transparent;
    background-image: none;
    border-color: #007bff;
    color: #007bff;
}

/* 
    Theme: Atlantica
--  Base mobile colors specific styles
--  Create another file to override these styles if needed
*/
@media screen and (max-width: 1025px) {
  .portlet-style-override .primary-hover-state {
    color: inherit; }
    .portlet-style-override .primary-hover-state:hover {
      color: #fff;
      background-color: #024638; }
  .portlet-style-override .color-background-one.override-hover-state {
    color: #fff;
    background-color: #024638; }
    .portlet-style-override .color-background-one.override-hover-state:hover {
      color: #fff;
      background-color: #024638; }
  .secondary-alternate-background-mobile-one {
    background-color: whitesmoke; }
  .user-image-shape {
    border-color: #fff; }
  .my-profile-settings .user-image-shape {
    border-color: #024638; } }

/* 
    Theme: Atlantica
--  Portlet color specific styles
--  Create another file to override these styles if needed
*/
.portlet-grid .portlet-header-bar {
  background: #024638; }
  .portlet-grid .portlet-header-bar h3,
  .portlet-grid .portlet-header-bar a {
    color: #fff; }

.portlet-grid .portlet {
  border: 1px solid #DEDEDE; }

.portlet-grid .singlePortlet {
  border: none; }

.portlet-grid .alt {
  background: #d6d6d6; }

.portlet-grid .pagination {
  border: none; }
  .portlet-grid .pagination li {
    background: transparent;
    border: none; }

.portlet.pageSettings, .portlet.pageOptions, .portlet.pageLayouts, .portlet.page-access {
  background-color: white; }

.settings-wrapper .inner-settings-wrapper .innerModal .portlet,
.preferencesPanel .inner-settings-wrapper .innerModal .portlet {
  background-color: white !important; }

.portletnavtabs {
  background: #D4D4D4;
  border-bottom-color: #A5A5A5; }

.portletSectionJump {
  background: #D4D4D4;
  border-left-color: white; }

.portletSectionJump dd {
  border-right-color: #fff; }

.portletSectionJump dd.selected {
  border-color: #A5A5A5;
  background: #fff; }

.portletSectionJump dd.selected a, .portletSectionJump dd.selected a:link, .portletSectionJump dd.selected a:visited {
  background: #fff;
  color: #000; }

.portletSectionJump dd.selected a:hover {
  background: #fff; }

div.tabGroup ul.tabHeaders li.selected a,
div.tabGroup ul.tabHeaders li.selected a:link,
div.tabGroup ul.tabHeaders li.selected a:visited,
div.tabGroup ul.tabHeaders li.selected a:hover {
  background: #fff; }

div.tabGroup ul.tabHeaders a.selected,
div.tabGroup ul.tabHeaders a.selected:link,
div.tabGroup ul.tabHeaders a.selected:visited,
div.tabGroup ul.tabHeaders a.selected:hover {
  background: #fff; }

.pa-roleContentMenu li a.allowedButton.selected {
  background-color: #FCFFFA;
  border: 1px solid #417505;
  color: #417505; }

.pa-roleContentMenu li a.allowedButton.byInheritance.selected {
  background: url("./images/portlet-images/icon/white_check.gif") 8px 10px no-repeat #008700; }

.pa-roleContentMenu li a.notallowedButton.selected {
  background-color: #FEFAFA;
  border: 1px solid #D33A35;
  color: #D33A35; }

.pa-roleContentMenu li a.notallowedButton.selected .pointer {
  border-left: 16px solid #FEFAFA; }

.pa-roleContentMenu li a.notallowedButton.selected .pointerBorder {
  border-left: 17px solid #D33A35; }

.selected .pointer {
  border-bottom: 16px solid transparent;
  border-top: 16px solid transparent;
  border-left: 16px solid #FCFFFA; }

.selected .pointerBorder {
  border-bottom: 17px solid transparent;
  border-top: 17px solid transparent;
  border-left: 17px solid #417505; }

.availablePage:hover .hoverHint, a.availableLayout:hover .hoverHint, .PageLayoutPanel .availableLayout.selected .hoverHint {
  color: #575757; }

.PageLayoutPanel .availableLayout.selected {
  Border: 1px solid #015627;
  background-color: #f0ffd9;
  cursor: none; }

.buttonBar {
  background-color: #ddd; }

.buttonBarCentered {
  background-color: #ddd; }

.buttonBarCenteredVer2 {
  background-color: #bacddb; }

.buttonBarCenteredVer2 input {
  padding: 3px 15px; }

.buttonBarCenteredVer2 input.enhanced {
  font-weight: bold; }

.groupedGrid {
  border-bottom: solid 1px #ddd;
  background: #cdcdcd; }

.groupedGrid thead, .groupedGrid .ghead {
  background: #cdcdcd;
  font-weight: bold; }

.groupedGrid thead tbody {
  background: #cdcdcd; }

.groupedGrid th {
  background: #ddd; }

.groupedGrid tfoot, .subheader, .subfooter {
  background: #ddd; }

.groupedGrid tfoot tbody {
  background: #dddddd; }

.groupedGrid_VerticalHeader {
  background: #ddd; }

.groupedGrid tr.subGroup td {
  font-weight: bold;
  border-bottom: solid 0px #000; }

.groupedGrid tr.subItem td {
  border-top: dashed 1px #cdcdcd; }

.groupedGrid th a,
.groupedGrid th a:link,
.groupedGrid th a:visited {
  color: #000; }

.groupedGrid th a:hover {
  color: #666; }

.groupedGrid tbody {
  background: #fff; }

.groupedGrid tbody tr td.highlight {
  background: #DAE3F2; }

.groupedGrid tbody tr.alt td.highlight {
  background: #C4D2EA; }

.groupedGrid tbody tr.highlight {
  background: #cedbe9; }

.groupedGrid tbody tr.althighlight {
  background: #F1EFBE; }

.groupedGrid tbody tr td.alt {
  background: #e5e5e5; }

.groupedGrid tbody tr.alt td.alt {
  background: #d6d6d6; }

.groupedGrid thead tr th.highlight {
  background: #000;
  color: #fff; }

.groupedGrid .error {
  color: red; }

.groupedGrid .disable {
  color: #666; }

.groupedGrid .disable td input {
  color: #666; }

.groupedGrid .disable td a:link {
  color: #666; }

.groupedGrid .disable td a:visited {
  color: #666; }

.groupedGrid .disable td a:active {
  color: #666; }

.groupedGrid .innerTable {
  background: #cdcdcd; }

.cal img {
  cursor: pointer; }

div.originalDiv {
  border: 1px solid black;
  background-color: white; }

.hint {
  background-color: #ebebeb;
  border: 1px solid #DEDEDE; }

.pToolbar ul {
  border-bottom: 1px solid #ccc; }

/* Styles for Menu Items */
.pToolbar a,
.pToolbar a:link,
.pToolbar a:visited {
  color: #fff;
  background: #4870AC;
  /* IE6 needs this */ }

.pToolbar .menu a.hasKids {
  background: #4870AC url(./images/toolbar_rightarrow.gif) center right no-repeat; }

.pToolbar a:hover,
.pToolbar a.active,
.pToolbar .pTool a:hover,
.pToolbar .pTool a.active {
  color: #fff;
  background-color: #3366cc; }

/* End */
.pToolbar {
  background: #4870AC;
  color: #fff;
  border-top: solid 1px #fff; }

.pToolbar .pTool {
  border-right: solid 1px #fff; }

.pToolbar .menu a,
.pToolbar .menu a:link,
.pToolbar .menu a:visited {
  border: 1px solid #ccc; }

.pToolbar li.off a,
.pToolbar li.off a:link,
.pToolbar li.off a:visited,
.pToolbar li.off a:hover,
.pToolbar li.off a.active,
.pToolbar .pTool li.off a:hover,
.pToolbar .pTool li.off a.active {
  background-color: #B8BCC4;
  color: #6E6E6E; }

.cpHeader {
  color: #ffffff;
  background-color: #6699ff; }

.cpBody {
  background-color: #fcfcfc; }

.cpLbl {
  color: #000099; }

.cpTxt {
  color: #006600; }

div.cp div.cpHead {
  background: #ddd; }

.dateRangeEdit div.opt a,
.dateRangeEdit div.opt a:link,
.dateRangeEdit div.opt a:visited {
  color: #000; }

.dateRangeEdit div.opt a:hover {
  color: Blue; }

.dateRangeEdit div.opt label:hover {
  color: Blue; }

#AccessiblityPopup .optionContainer span {
  background: url("../Images/accessbility-icons.png") no-repeat scroll left top rgba(0, 0, 0, 0); }

.contentTabs ul {
  border-bottom: 1px solid #A4A4A4; }

.contentTabs li {
  border: solid 1px #A4A4A4;
  border-bottom: none;
  background: #e1e1e1; }

.contentTabs li.selected {
  border-color: #A4A4A4;
  background: #ffffff; }

div.tabbox {
  border-color: #A4A4A4; }

div.thumbDiv {
  border: 1px solid black;
  padding: 2px;
  float: left;
  z-index: 2; }

div#action {
  border: 1px solid black;
  background-color: #EAEAEA; }

.multiUp table {
  background: #eee; }

.multiUp table thead {
  background: #ccc; }

#tblUserSelector .largehint {
  background-color: #EEEEEE;
  border: 1px solid #888888; }

#tblUserSelector #userSelectorCell .userlistTitleCell {
  background-color: #D5D5D5; }

.error {
  color: #D33A35;
  font-weight: bold; }

.glyphicons.glyphicons-minus-sign.delete-ordered-item {
  color: #D33A35; }

.glyphicon.glyphicon-ok.approve-ordered-item {
  color: #417505; }

.multi-file-upload .header-row {
  background-color: #DEDEDE; }

.MyPagesSetup .glyphicons.glyphicons-circle-arrow-right, .MyPagesSetup .glyphicons.glyphicons-circle-arrow-left {
  color: #024638; }

.RssPortlet .rss-folder {
  color: #024638; }

.RssPortlet .custom-icon.icon-rss {
  color: #265B8C; }

.RssPortlet .categories-and-feed-header-row {
  color: #024638; }

.RssPortlet .categories-and-feed, .RssPortlet .rss-feed-item-alt-row {
  background-color: #EEEEEE; }

.RssPortlet .item-header {
  background-color: #D8D8D8; }

.RssPortlet .category-header {
  color: #000000; }

.forums-portlet .single-post-container .original-post-row a {
  color: #fff; }

.forums-portlet .alternate-post {
  background-color: whitesmoke; }

.forums-portlet .original-post.alternate-post {
  background-color: #e8f0e1; }

.forums-portlet .original-post {
  background-color: #e8f0e1; }

.forums-portlet .unread-post {
  background-color: #eaf9e6; }

.forums-portlet .requires-approval,
.forums-portlet .original-post.requires-approval,
.forums-portlet .unread-post.requires-approval,
.forums-portlet .original-post.unread-post.requires-approval {
  background-color: #fffde5; }

.forums-portlet .secondary-alternate-background-one.original-post-row.primary-background {
  background-color: #024638; }

/* 
    Theme: Atlantica
--  Portlet mobile color specific styles
--  Create another file to override these styles if needed
*/
/* 
    Theme: Atlantica
--  Admin color specific styles
--  Create another file to override these styles if needed
*/
.admin-menu .actions-menu {
  background: #024638; }
  .admin-menu .actions-menu a {
    color: #fff; }

.admin-menu .actions-menu.drag-menu {
  background-color: #DEDEDE; }
  .admin-menu .actions-menu.drag-menu a {
    color: #024638; }

.ui-sortable .drag-header h3, .ui-sortable .drag-header a {
  color: #fff; }

.site-manager {
  /* Tabs view */
  /* Dashboard control*/ }
  .site-manager .table-bordered,
  .site-manager .table-bordered > tbody > tr > td,
  .site-manager .table-bordered > tbody > tr > th,
  .site-manager .table-bordered > tfoot > tr > td,
  .site-manager .table-bordered > tfoot > tr > th,
  .site-manager .table-bordered > thead > tr > td,
  .site-manager .table-bordered > thead > tr > th {
    border-color: #ababab; }
  .site-manager .custom-icon.icon-arrow-down {
    color: #575757; }
  .site-manager a.disabled .custom-icon.icon-arrow-down {
    color: #d7d7d7; }
  .site-manager ul.menu li .arrow-box:after {
    border-left-color: #024638 !important; }

.drag-list.empty-List {
  background-color: #DEDEDE; }

.portlet.drag-Content {
  border: 2px dashed #ACACAC; }

#editPortletPopup .Content .portletRename input[type="text"].error {
  border: 1px dotted red; }

#editPortletPopup .Content #diretLinkCollapser {
  color: #000; }

#DeleteShortcutPopup .Content .sharedFrom a {
  color: black; }

#DeleteShortcutPopup .Content .deletePortlet.notActive, .DeletePagePanel .deleteButtonPanel .deletePortlet.notActive {
  color: gray !important; }

.DeletePagePanel .header {
  background-color: #EFEFEF; }

.DeletePagePanel .warning-info {
  background: url("./images/admin/Warning.gif") no-repeat scroll 15px 15px #FFFEE0; }

.DeletePagePanel .deleteButtonPanel div {
  background-color: #FFDADA;
  border: 1px solid #8B2323; }

.DeletePagePanel .deleteButtonPanel div a {
  background-color: #FFFFFF;
  border: 1px solid black; }

#AccessiblityPopup .Content li .downButton .icon {
  background: transparent url(./images/portlet-images/icon/arrow_down.gif) 0 0 no-repeat; }

#AccessiblityPopup .Content li .upButton .icon {
  background: transparent url(./images/portlet-images/icon/arrow_up.gif) 0 0 no-repeat; }

#AccessiblityPopup .optionContainer span {
  background: url("./images/admin/accessbility-icons.png") no-repeat scroll left top rgba(0, 0, 0, 0); }

.PageOptionsPopup .ui-dialog-content .link-info {
  background: url("./images/portlet-images/icon/exclamation.png") no-repeat scroll 8px 0 #EFEFEF; }

.PageOptionsPopup .ui-dialog-content a, .PageOptionsPopup .ui-dialog-content a:link, .PageOptionsPopup .ui-dialog-content a:visited {
  color: #003663; }

.PageOptionsPopup .ui-dialog-content .pheader {
  background-color: #EFEFEF; }

#directLinkPopup, #deletePagePopup, #editPortletPopup, #DeletePortletPopup, #DeleteShortcutPopup, #AccessiblityPopup {
  background-color: #EFEFEF;
  border: 1px solid gray;
  color: #222222; }

.settings-wrapper .inner-settings-wrapper .innerModal,
.pageOptionsPanel .innerModal,
.preferencesPanel .inner-settings-wrapper .innerModal {
  background-color: white !important; }

.settings-wrapper a,
.preferencesPanel a,
.pageOptionsPanel .PageOptionsInnerBody a, #editPortletPopup .Content a, #DeleteShortcutPopup .Content a, #closePopupLink {
  color: #003663; }

.settings-wrapper .saveButtonContainer,
.preferencesPanel .saveButtonContainer,
#AccessiblityPopup .saveButtonContainer {
  background-color: #D6E2FB;
  border: 1px solid #39527B; }

.settings-wrapper .inner-settings-wrapper .cancelButtonContainer,
.preferencesPanel .inner-settings-wrapper .cancelButtonContainer,
#AccessiblityPopup .cancelButtonContainer {
  background-color: #EFEFEF;
  border-top: 1px solid #CACACA;
  border-right: 1px solid #CACACA;
  border-bottom: 1px solid #CACACA; }

.settings-wrapper.inner-settings-wrapper .modalPopup,
.preferencesPanel.inner-settings-wrapper .modalPopup,
.pageAccessPanel .inner-settings-wrapper .modalPopup,
.pageOptionsPanel .inner-settings-wrapper .modalPopup {
  background-color: #BABABA; }

.settings-wrapper .modalDiv,
.preferencesPanel .modalDiv,
.pageAccessPanel .inner-settings-wrapper .modalDiv {
  border: 1px solid black;
  background-color: #FFF; }

.settings-wrapper .modalHeadingImg,
.preferencesPanel .modalHeadingImg,
.pageAccessPanel .inner-settings-wrapper .modalHeadingImg,
.pageOptionsPanel .inner-settings-wrapper .modalHeadingImg, .ui-dialog-content .modalHeadingImg {
  background-image: url("./images/admin/16/close-popup.png"); }

.settings-wrapper .modalHeading .icon,
.preferencesPanel .modalHeading .icon {
  background-image: url("./images/admin/16/cog_edit.png"); }

.settings-wrapper .inner-settings-wrapper .modalHeading,
.preferencesPanel .inner-settings-wrapper .modalHeading {
  background-color: white; }

.settings-wrapper .inner-settings-wrapper .inner-settings-wrapper,
.preferencesPanel .inner-settings-wrapper .inner-settings-wrapper {
  background-color: #EFEFEF;
  border: 1px solid #B2B2B2; }

.settings-wrapper .inner-settings-wrapper div.modalButtons,
.preferencesPanel .inner-settings-wrapper div.modalButtons,
#AccessiblityPopup div.modalButtons {
  background-color: #EFEFEF; }

.settings-wrapper .portletSelection,
.preferencesPanel .portletSelection {
  border: 1px solid #479997;
  background-color: #f0f6ff; }

.allowedButton {
  background-color: #F0FFD0; }

.allowedButton.byInheritance {
  background-color: #F0FFD0; }

.notallowedButton {
  background-color: #eeeeee; }

.PageLayoutPanel .custom-layout .availableLayout.one_column.readonly .hoverHint {
  color: #575757; }

.PageLayoutPanel .custom-layout .availableLayout.one_column.readonly .layoutType {
  color: black; }

.PageLayoutPanel .custom-layout .availableLayout.one_column.readonly {
  border: 1px solid #015627;
  background-color: #f0ffd9; }

.PageLayoutPanel .custom-layout .pre-title {
  color: #575757; }

.PageLayoutPanel .custom-layout input[type='submit'] {
  color: white;
  background-color: #002057;
  border: 1px solid #00164f; }

.PageLayoutPanel .availableLayout.one_column.readonly {
  border: 1px solid #003663;
  background-color: #e5eefe; }

.PageLayoutPanel a.availableLayout .description {
  color: black; }

.PageLayoutPanel .header {
  background-color: white; }

.PageLayoutPanel .description a {
  color: #265B8C; }

.PageLayoutPanel .backButton {
  color: #265B8C; }

.PageLayoutPanel .custom-layout .availableLayout.one_column.readonly .hoverHint {
  color: #575757; }

.PageLayoutPanel .custom-layout .availableLayout.one_column.readonly .layoutType {
  color: black; }

.pageAccessPanel .inner-settings-wrapper .innerModal,
.preferencesPanel .inner-settings-wrapper .innerModal {
  background-color: white; }

.pageAccessPanel .inner-settings-wrapper .topBackButton {
  color: #004A80; }

.pageAccessPanel .backButton, .pageOptionsPanel .backButton {
  color: #004a80; }

.pageAccessPanel .roleManager .roleOptions .addPeople-link.hasMembers a {
  background-color: white; }

.pageAccessPanel .roleManager .roleOptions .addPeople-link a {
  color: #254a6f;
  background-color: #ebf4ff;
  border: 1px solid #24716b; }

.pageAccessPanel .roleManager .roleOptions .addOthersRoles-link {
  color: #254a6f; }

.pageAccessPanel .roleManager .expandAll {
  color: black; }

.pageAccessRoleMenu .AddRoleContainer a {
  color: #003663; }

.pageAccessRoleMenu .AddRoleContainer {
  color: #575757; }

.pageAccessRoleMenu .AddRoleContainer.noRoles {
  color: #464646; }

.pa-roleContentMenu {
  border: 1px solid #979797; }

.pa-roleContentMenu li.heading {
  background-color: #D8D8D8;
  border-bottom: 1px solid #979797;
  color: #575757; }

.pa-roleContentMenu li a {
  border-bottom: 1px solid #979797;
  color: #575757; }

.accessActions {
  background-color: #FFFFFF;
  border: 1px solid #979797; }

.accessActions .pageAccessActionTitle.disable {
  border-top: gray 1px dashed; }

.accessActions.adminPanel .exclamation {
  background: url("./images/portlet-images/icon/exclamation.png") no-repeat scroll 8px 0 white; }

.accessActions.adminPanel header {
  font-size: 1.3em; }

.accessActions.adminPanel a {
  color: #0000c4; }

.accessActions.adminPanel {
  color: #363636; }

.back-to-members {
  background-color: #0B4981;
  color: white; }

.no-selection {
  border: 1px solid #979797;
  background-color: #EEEEEE; }

.portletAccessDescription {
  color: #575757; }

.portletActions li a.portletAction.enabled {
  background: url("./images/portlet-images/icon/tick.png") no-repeat scroll 8px 0 #FFFFFF;
  color: black; }

.portletActions li a.portletAction.disabled {
  color: #790000;
  background: url("./images/portlet-images/icon/delete.png") no-repeat scroll 8px 0 #ffffff; }

.permissionsTitle {
  color: #464646; }

.permissionsTitle .subTitle {
  color: #898989; }

.pageOptionsPanel .PageOptionsHeader .description a {
  color: #003663; }

.pageOptionsPanel .PageOptionsBody {
  background-color: white !important; }

.pageOptionsPanel .PageOptionsBody .devider, #editPortletPopup .devider, #DeleteShortcutPopup .devider, .PageLayoutPanel .devider {
  border-top: 1px dashed #B5B5B5; }

.pageOptionsPanel .actions .deletePage, #editPortletPopup .Content .deletePortlet, #DeleteShortcutPopup .Content .deletePortlet {
  background-color: #FFFEE0;
  border: 1px solid #790000;
  color: #790000 !important; }

.pageOptionsPanel .actions .deletePage.disabled {
  color: #575757 !important; }

.pageOptionsPanel .actions .deletePage .disabledDeleteButton {
  color: black; }

.pageOptionsPanel .layout {
  background: url("./images/admin/pageLayout.png") 0 0 no-repeat; }

.pageOptionsPanel .layout.multiPorltet .pagePortlets.shortcuts div div a {
  color: black !important; }

.pageOptionsPanel .layout.multiPorltet .pagePortlets.shortcuts a:link {
  color: black !important; }

.pageOptionsPanel .layout.multiPorltet .pagePortlets .portletDisplayName {
  color: black; }

.pageOptionsPanel .PageOptionsInnerBody .pageOptionsLinks .title {
  color: #575757; }

.pageOptionsPanel .pageRenaming .outsidePortal {
  color: #003663; }

.pageOptionsPanel .pageRenaming .content .validator {
  color: red; }

.pageOptionsPanel .pageRenaming .renameButton {
  background-color: #FFFFFF;
  border: 1px solid black; }

.pageOptionsPanel .pageRenaming .renameButton:hover {
  background-color: #D6E2FB;
  border: 1px solid #39527B; }

.pageOptionsPanel .modalHeading {
  background-color: white !important; }

.PageOptionsInnerBody .layoutOptions .content.one_column, .PageLayoutPanel .availableLayout.one_column .icon {
  background-image: url(./images/admin/layout_icon-1.gif); }

.PageOptionsInnerBody .layoutOptions .content.two_column_rwide, .PageLayoutPanel .availableLayout.two_column_rwide .icon {
  background-image: url(./images/admin/layout_icon-1.gif); }

.PageOptionsInnerBody .layoutOptions .content.three_column_rwide, .PageLayoutPanel .availableLayout.three_column_rwide .icon {
  background-image: url(./images/admin/layout_icon-1.gif); }

.PageOptionsInnerBody .layoutOptions .content.two_column_even, .PageLayoutPanel .availableLayout.two_column_even .icon {
  background-image: url(./images/admin/layout_icon-2.gif); }

.PageOptionsInnerBody .layoutOptions .content.two_column_lwide, .PageLayoutPanel .availableLayout.two_column_lwide .icon {
  background-image: url(./images/admin/layout_icon-3.gif); }

.PageOptionsInnerBody .layoutOptions .content.three_column_mwide, .PageLayoutPanel .availableLayout.three_column_mwide .icon {
  background-image: url(./images/admin/layout_icon-6.gif); }

.PageOptionsInnerBody .layoutOptions .content.side_by_side_with_header, .PageLayoutPanel .availableLayout.side_by_side_with_header .icon {
  background-image: url(./images/admin/layout_icon-2a.gif); }

.PageOptionsInnerBody .layoutOptions .content.blog_style_header, .PageLayoutPanel .availableLayout.blog_style_header .icon {
  background-image: url(./images/admin/layout_icon-3a.gif); }

.PageOptionsInnerBody .layoutOptions .content.three_column_even, .PageLayoutPanel .availableLayout.three_column_even .icon {
  background-image: url(./images/admin/layout_icon-4.gif); }

.PageOptionsInnerBody .layoutOptions .content.three_column_lwide, .PageLayoutPanel .availableLayout.three_column_lwide .icon {
  background-image: url(./images/admin/layout_icon-5.gif); }

.MainGroupListings .footer {
  background: none repeat scroll 0 0 transparent;
  color: #575757; }

.MainGroupListings .header, .AddPageHeader .header {
  background: none repeat scroll 0 0 transparent; }

.pageDescript {
  color: #636363; }

ul.PageGroupListView h2 {
  color: #004a80; }

ul.PageGroupListView .pageDescript {
  color: #636363; }

a.availablePage, a.unavailablePage, a.availableLayout {
  border: 1px solid transparent; }

a.availablePage:hover, a.availableLayout:hover {
  border: 1px solid #003663;
  background-color: #e5eefe; }

.availablePage h2, a.availableLayout h2 {
  color: black; }

.availablePage:hover h2 a.availableLayout:hover h2 {
  color: blue; }

.unavailablePage .pageType {
  color: #636363; }

.rssReaderPage .icon {
  background-image: url(./images/admin/32/feed.png); }

.contentImportPage .icon {
  background-image: url(./images/admin/32/course_content_import_32.png); }

.learningToolsPage .icon {
  background-image: url(./images/admin/32/measure.png); }

.rosterPage .icon {
  background-image: url(./images/admin/32/book_addresses.png); }

.courseOrganizerPage .icon {
  background-image: url(./images/admin/32/course-organizer-32.png); }

.chatPage .icon {
  background-image: url(./images/admin/32/user_comment.png); }

.calendarPage .icon {
  background-image: url(./images/admin/32/calendar.png); }

.free-formContentPage .icon {
  background-image: url(./images/admin/32/course_content_import_32.png); }

.gradebookPage .icon {
  background-image: url(./images/admin/32/gradebook_32.png); }

.attendancePage .icon {
  background-image: url(./images/admin/32/attendance_32.png); }

.courseWorkPage .icon {
  background-image: url(./images/admin/32/coursework_32.png); }

.handoutsPage .icon {
  background-image: url(./images/admin/32/handouts_32.png); }

.blogPage .icon {
  background-image: url(./images/admin/32/blogs_news_32.png); }

.formsPage .icon {
  background-image: url(./images/admin/32/forms_32.png); }

.bookmarksPage .icon {
  background-image: url(./images/admin/32/bookmarks_32.png); }

.forumsPage .icon {
  background-image: url(./images/admin/32/forums_32.png); }

.courseInfoPage .icon {
  background-image: url(./images/admin/32/course-info-32.png); }

.readingsPage .icon {
  background-image: url(./images/admin/32/readings_32.png); }

.onlineMeetingPage .icon {
  background-image: url(./images/admin/32/meeting-32.png); }

.moreOptionsPanel .optionsHeader {
  border-top: 1px dashed #b5b5b5;
  color: #575757; }

.ExpandablePanel {
  color: #575757; }

.MetaControl {
  color: Black; }

.SubTable_Footer.ValidationError {
  color: Red; }

.rePositionItem {
  background-color: #FFFFFF !important; }

.rePositionItem > .portlet > .dragBar {
  background-color: #DEDEDE; }

.rePositionItem > .portlet > .dragBar p {
  background-color: transparent; }

.rePositionItem > .portlet > .dragBar p {
  background: url("./images/admin/16/DragDrop.png") no-repeat scroll 8px 5px; }

.rePositionItem .drag-header {
  background-color: #265B8C; }

.drag-disable {
  opacity: 0.1; }

.pageActions .ChangePermissions {
  color: #0000c4; }

a.pageAction, a.permissionChangeOfRoleForPage, a.permissionChangeOfRoleForPage.disable > span {
  color: #0000C4; }

a.pageAction.enable, a.permissionChangeOfRoleForPage.enable {
  background-color: #f0ffd9;
  border: 1px solid green;
  background: url("./images/portlet-images/icon/enable.png") no-repeat scroll 0px 10px #F0FFD9;
  color: green; }

a.pageAction.disable {
  background: url("./images/portlet-images/icon/delete.png") no-repeat scroll 8px 2px #FFFEE0;
  border: 1px solid #790000; }

a.permissionChangeOfRoleForPage.disable {
  background: url("./images/portlet-images/icon/delete22x22.png") no-repeat scroll 8px 5px #FFFEE0;
  border: 1px solid #790000; }

a.permissionChangeOfRoleForPage.disable > span {
  color: #790000; }

.portletAccessDescription.exclamation {
  background: url("./images/portlet-images/icon/exclamation.png") no-repeat scroll 0px 0 transparent; }

.DialogWindow_OuterFrame {
  border: 1px solid black;
  background-color: White; }

.DialogWindow_InnerFrame {
  border: 1px solid gray; }

.DialogWindow_Title {
  background-color: #E2E2E2;
  color: Black; }

.DialogWindow_Background {
  background-color: #DDDDDD;
  filter: alpha(opacity=70);
  opacity: 0.7;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7; }

.AsPopupView .selectUser .peoplechooser .pc-action .pc-more {
  color: #024638; }

.AsPopupView .selectUser .peoplechooser .pc-action .pc-prev {
  color: #024638; }

.AsPopupView .selectUser .peoplechooser .pc-action .pc-removeAll {
  color: #024638; }

.AsPopupView .selectUser .peoplechooser.pc-full .pc-filter span {
  color: #575757; }

.AsPopupView .selectRole .info .title, .AsPopupView .selectUser .info .title {
  color: #575757; }

.AsPopupView .selectRole .info .description, .AsPopupView .selectUser .info .description {
  color: #575757; }

.ui-widget-content a.save {
  color: #fff; }

.ui-widget-content a.cancel {
  color: #024638; }

.context-manager.roles-list .role-link.selected-role {
  background-color: #024638; }
  .context-manager.roles-list .role-link.selected-role a {
    color: #fff; }

.context-manager.roles-list .role-link.admin {
  background-color: #417505; }
  .context-manager.roles-list .role-link.admin a {
    color: #fff; }

.context-manager.roles-list li {
  border: 1px solid #CCCCCC;
  background-color: #F5F5F5; }

/* 
    Theme: Atlantica
--  Admin mobile color specific styles
--  Create another file to override these styles if needed
*/
/* 
    Theme: Atlantica
--  Button color specific styles
--  Create another file to override these styles if needed
*/
.dashboard-menu-links li a.active-content-color {
  color: #fff; }

button:focus {
  outline: 2px solid #ababab; }

.btn-border {
  border: 1px solid #ababab; }

/* 
    Theme: Atlantica
--  Navbar color specific styles
--  Create another file to override these styles if needed
*/
.top-nav-bar {
  background-color: #024638; }
  .top-nav-bar .nav-container .link-scroll {
    background: transparent; }
  .top-nav-bar .nav-container .user-btn:focus,
  .top-nav-bar .nav-container .search-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none; }
  .top-nav-bar .nav-container .user-btn {
    color: #024638; }
  .top-nav-bar .nav-container .search-btn {
    color: #024638; }
  .top-nav-bar .nav-container .main-nav-submenu-container .popover {
    background-color: #fff;
    border: 1px solid #DEDEDE; }
  .top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover {
    color: #024638; }
    .top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover .init-user-login-btn,
    .top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover .init-logout-btn {
      color: #024638;
      background: none; }
      .top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover .init-user-login-btn:active,
      .top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover .init-logout-btn:active {
        -webkit-box-shadow: none;
        box-shadow: none; }
    .top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover .message, .top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover .user-name {
      color: #575757; }
  .top-nav-bar .nav-container .main-nav-submenu-container .user-login .input-group .input-group-addon {
    color: #ababab;
    background: #d1d1d1; }
  .top-nav-bar .nav-container .main-nav-submenu-container .user-login .forgot-password-link {
    color: #024638; }
  .top-nav-bar .more-links-div {
    background-color: #024638; }

.main-crumbs {
  color: #024638;
  top: 0px;
  padding-top: 40px; }

.main-layout {
  margin-top: 0px;
  padding-top: 10px; }

#mainCrumbs #emulation {
  color: #575757; }

/* 
    Theme: Atlantica
--  Navbar mobile color specific styles
--  Create another file to override these styles if needed
*/
@media screen and (max-width: 1025px) {
  .top-nav-bar .nav-container .link-scroll.vertical-menu {
    background: #585858 !important; }
  .top-nav-bar .nav-container .link-scroll {
    background: #585858; }
    .top-nav-bar .nav-container .link-scroll .h-menu ul a {
      color: #024638; }
      .top-nav-bar .nav-container .link-scroll .h-menu ul a:hover {
        background-color: transparent; }
      .top-nav-bar .nav-container .link-scroll .h-menu ul a::after {
        color: #DEDEDE; }
  .top-nav-bar .nav-container .user-btn,
  .top-nav-bar .nav-container .search-btn {
    color: #fff; }
  .top-nav-bar .nav-container .login-btn {
    color: #fff;
    background-color: transparent; }
    .top-nav-bar .nav-container .login-btn:active, .top-nav-bar .nav-container .login-btn:focus {
      outline: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
  .top-nav-bar .nav-container .main-nav-submenu-container {
    background: #DEDEDE; }
    .top-nav-bar .nav-container .main-nav-submenu-container .popover {
      background-color: transparent;
      border: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    .top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover {
      color: #024638; }
      .top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover .init-user-login-btn,
      .top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover .init-logout-btn {
        background-color: #024638;
        color: #fff; }
    .top-nav-bar .nav-container .main-nav-submenu-container .user-login ul .site-manager,
    .top-nav-bar .nav-container .main-nav-submenu-container .user-login ul .account-info {
      color: #024638; } }

/* 
    Theme: Atlantica
--  Sidebar color specific styles
--  Create another file to override these styles if needed
*/
.slide-menu-right {
  background-color: #DEDEDE; }
  .slide-menu-right .sidebar-link-title {
    color: #024638; }
    .slide-menu-right .sidebar-link-title a {
      color: #024638; }
  .slide-menu-right .navbar {
    background-color: #DEDEDE;
    border: none; }
    .slide-menu-right .navbar li #pagePortlets a, .slide-menu-right .navbar li #myPages a, .slide-menu-right .navbar li #myGroups a {
      color: #fff;
      background-color: #024638; }
      .slide-menu-right .navbar li #pagePortlets a:hover, .slide-menu-right .navbar li #myPages a:hover, .slide-menu-right .navbar li #myGroups a:hover {
        color: #024638;
        background-color: #fff; }
    .slide-menu-right .navbar .quick-links {
      border-top: 12px solid #fff; }

/* 
    Theme: Atlantica
--  Sidebar mobile color specific styles
--  Create another file to override these styles if needed
*/
@media screen and (max-width: 1025px) {
  .slide-menu-right .navbar li {
    border-top: 1px solid #ababab; }
    .slide-menu-right .navbar li:last-child {
      border-bottom: 1px solid #ababab; }
  .slide-menu-right .navbar li.sub-context-parent {
    border-top: none; }
    .slide-menu-right .navbar li.sub-context-parent .sub-contexts li:last-child {
      border-bottom: none; }
  .slide-menu-right .navbar .tab-pane {
    border-top: none !important; }
  .slide-menu-right .navbar .slide-menu-toggle-btns-wrapper {
    border-top: none; }
  .slide-menu-right .navbar .slide-menu-toggle-btns li {
    border: none; }
    .slide-menu-right .navbar .slide-menu-toggle-btns li:first-child {
      border-right: 1px solid #ababab; }
    .slide-menu-right .navbar .slide-menu-toggle-btns li a {
      color: #fff;
      background: #024638; }
  .slide-menu-right .navbar .slide-menu-toggle-btns .active a {
    color: #024638;
    background: transparent; }
    .slide-menu-right .navbar .slide-menu-toggle-btns .active a:hover {
      color: #fff;
      background-color: #024638; }
  .slide-menu-right .navbar .quick-links {
    border: none !important; }
  .slide-menu-btn {
    background-color: #024638;
    color: #fff; } }

/* 
    Theme: Atlantica
--  Form colors specific styles
--  Create another file to override these styles if needed
*/
.form-wrapper .form-icon {
  color: #DEDEDE; }

.form-wrapper .form-control.custom-form-control {
  color: #5f5f5f; }

legend {
  color: #575757; }

select[disabled] {
  background-color: #DEDEDE; }

.toggle.highlight {
  border-color: #024638; }

.highlight-selector span:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

/* 
    Theme: Atlantica
--  Card color specific styles
--  Create another file to override these styles if needed
*/
.card-layout .card-set-wrapper {
  border: 1px solid #DEDEDE; }

.card-layout .masonry .card {
  background-color: whitesmoke; }
  .card-layout .masonry .card p {
    color: #575757; }
  .card-layout .masonry .card .wysiwygtext {
    color: #575757; }
  .card-layout .masonry .card a.title {
    color: #024638; }
  .card-layout .masonry .card .btn-primary {
    border-right: 1px solid #fff; }
  .card-layout .masonry .card .sub-info {
    color: #575757; }

.card-layout .masonry .leader-highlight {
  background-color: #d9d9d9; }

.card-layout .sort-controls .btn {
  background-color: transparent; }
  .card-layout .sort-controls .btn:active {
    -webkit-box-shadow: none;
    box-shadow: none; }

@media screen and (max-width: 992px) {
  .card-layout .card-set-wrapper {
    border: none; } }

/* 
    Theme: Atlantica
--  Slide menu colors specific styles
--  Create another file to override these styles if needed
*/
/* 
    Theme: Atlantica
--  Slide menu mobile colors specific styles
--  Create another file to override these styles if needed
*/
@media screen and (max-width: 1025px) {
  .slideout-wrapper.closed {
    border-color: transparent; }
  .slideout-wrapper.open {
    border-color: #ababab;
    -webkit-transition: border-color 2s;
    -o-transition: border-color 2s;
    transition: border-color 2s; }
  .slideout-wrapper.closed .slideout-body,
  .slideout-wrapper.open .slideout-body {
    background: #f8f8f8; } }

/* 
    Theme: Atlantica
--  Popovers colors specific styles
--  Create another file to override these styles if needed
*/
.popover {
  font-family: Open Sans; }

/* 
    Theme: Atlantica
--  Alerts colors specific styles
--  Create another file to override these styles if needed
*/
.alert-container.error {
  border-color: #D33A35;
  color: #D33A35;
  background-color: #fefafa; }

.alert-container.success {
  border-color: #417505;
  color: #417505;
  background-color: #fcfffa; }

.alert-container.feedback {
  border-color: #024638;
  color: #024638;
  background-color: white; }

.alert-container.warning {
  border-color: #e5d300;
  color: #575757;
  background-color: #fffde5; }

/* 
    Theme: Atlantica
--  Footable color specific styles
--  Create another file to override these styles if needed
*/
.footable-container table.footable tbody > tr:nth-of-type(odd) {
  background-color: #fff; }

.footable-container table.footable .footable-detail-row table {
  background: transparent; }

.footable-container table.footable table.footable-details tbody > tr:nth-of-type(odd) {
  background: transparent; }

.footable-container .fooicon-plus, .footable-container .fooicon-minus {
  color: #024638;
  opacity: 1; }

.footable-container .footable-page-nav.disabled .footable-page-link {
  color: #000; }

.footable-container .label.label-default {
  background-color: #333333; }

/* 
    Theme: Atlantica
--  Base layout specific styles
--  Create another file to override these styles if needed
*/
#masthead {
  margin: 0;
  padding-top: 0px;
  height: 100px;
  position: relative;
  background-color: #024638;
  padding-bottom: 10px; }
  #masthead h1 {
    margin: 0;
    padding: 0 10px;
    height: 70px; }
    #masthead h1 a {
      background: transparent url(./images/logo.png) no-repeat;
      display: block;
      width: 520px;
      height: 70px;
      background-size: contain; }

.user-image-shape {
  border-radius: 50%;
  border-style: solid;
  border-width: 2px; }

.portlet-grid .portlet-header-bar {
  padding: 8px;
  position: relative;
  display: block; }

.portlet-grid .portlet-header-bar h3,
.portlet-grid .portlet-header-bar a {
  color: #7A7A7A;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none; }

.portlet-grid .portlet-header-bar {
  color: #7A7A7A;
  margin: 20px 0 0 0;
  border-bottom: 1px solid #7A7A7A;
  line-height: 22px;
  font-weight: bold;
  background: none; }

.top-nav-bar {
  background-color: #585858; }

#menu-links {
  background-color: #585858; }

#menu-links a {
  color: white; }

#quick-links {
  background-color: #585858; }

#quick-links a {
  color: white; }

#page-portlets-label {
  color: white; }

#myPages-label {
  color: white; }

.top-nav-bar .nav-container .user-btn .user-image {
  height: 60px !important;
  width: 60px !important;
  border-color: #585858; }

.top-nav-bar .nav-container .search-btn {
  color: #585858; }

/* 
    Theme: Atlantica
--  Base mobile layout specific styles
--  Create another file to override these styles if needed
*/
@media screen and (max-width: 1025px) {
  #masthead {
    top: 50px;
    height: auto !important; }
    #masthead h1 {
      float: none;
      text-align: center; }
      #masthead h1 a {
        margin: 0 auto; } }

/* 
    Theme: Atlantica
--  Print layout specific styles
--  Create another file to override these styles if needed
*/
@media print {
  a[href]:after {
    content: none; } }

span.ajax__tab_tab {
  height: 20px; }

.top-nav-bar .nav-container .link-scroll .h-menu a {
  font-size: 17px; }

.targeted-message {
  top: 45px; }

/*below handle links for site in full screen mode - need to do further work for mobile   */
@media (min-width: 768px) {
  /*Bookmark Portlet Styling*/
  .bookmarks-footable .footable-last-visible:not([id$="DeleteColumn"]) {
    display: none !important; }
  .portlet a:link:not(.btn) {
    color: #315389 !important;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px; }
  .bookmarks-footable tr td:nth-child(3n+3) {
    display: none !important; }
  .bookmarks-footable tr {
    background-color: white; }
  .pt_BookmarkPortlet .footable-container {
    background-color: #fff;
    -webkit-box-shadow: 0 0.125rem 0.75rem 0.4375rem rgba(0, 0, 1, 0.06);
    box-shadow: 0 0.125rem 0.75rem 0.4375rem rgba(0, 0, 1, 0.06);
    padding-bottom: .625rem; }
  .pt_BookmarkPortlet .footable-container h4 {
    margin-left: 20px; }
  /*h3:before {
    margin-left: -100%;
}

@media screen and (min-width: 600px)
h3:before {
    display: none;
}
*/
  div[id$="BookmarkPortlet"] .portlet-header-bar {
    border-bottom: none !important; }
  .bookmarks-footable td {
    border: white !important; }
  .bookmarks-footable #footable-header-toggle {
    padding-top: 20px !important; }
  div[id$="BookmarkPortlet"] .secondary-alternate-background-one {
    background-color: white !important; }
  .bookmarks-footable td[id$="CheckboxColumn"] {
    width: 10%; }
  .bookmarks-footable td[id$="DeleteColumn"] {
    width: 10%; }
  /*End Bookmark styling*/
  /*Handout styling*/
  .handouts-footable .footable-last-visible:not([id$="DeleteColumn"]) {
    display: none !important; }
  .handouts-footable tr td:nth-child(2n+2):not([id$="TitleColumn"]) {
    display: none !important; }
  .handouts-footable tr td:nth-child(3n+3) {
    display: none !important; }
  .handouts-footable tr td:nth-child(4n+4):not([id$="DeleteColumn"]) {
    display: none !important; }
  .handouts-footable tr {
    background-color: white; }
  .handouts-footable td {
    border: white; }
  .handouts-footable #footable-header-toggle {
    padding-top: 20px; }
  .handouts .secondary-alternate-background-one {
    background-color: white; }
  .pt_HandoutPortlet .footable-container {
    background-color: #fff;
    -webkit-box-shadow: 0 0.125rem 0.75rem 0.4375rem rgba(0, 0, 1, 0.06);
    box-shadow: 0 0.125rem 0.75rem 0.4375rem rgba(0, 0, 1, 0.06);
    padding-bottom: .625rem; }
  .handouts-footable td[id$="CheckboxColumn"] {
    width: 10%; }
  .handouts-footable td[id$="DeleteColumn"] {
    width: 10%; }
  .handouts-footable [id$="DownloadedLabel"] {
    margin-left: 20px; }
  /*End Handout styling*/
  h3:after {
    margin-top: 0;
    height: .0625rem;
    width: 80%;
    border-top: 1px solid #d9d9d9;
    content: "";
    display: inline-block;
    vertical-align: middle; }
  h3:after {
    margin-right: -80%; }
  .portlet a:link:not(.btn) {
    color: #315389 !important; }
  .portlet a:visited:not(.btn) {
    color: cornflowerblue !important;
    font-weight: bolder !important;
    font-style: italic !important; }
  .portlet a:link:not(.btn) {
    color: #315389 !important; }
  /* Effect 1: Brackets */
  .portlet a:link::before,
  a:link::after {
    display: inline-block;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
    -moz-transition: -moz-transform 0.3s, opacity 0.2s;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.3s;
    transition: opacity 0.2s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.2s;
    transition: transform 0.3s, opacity 0.2s;
    transition: transform 0.3s, opacity 0.2s, -webkit-transform 0.3s; }
  .portlet a:link::before {
    margin-right: 0px;
    content: '[';
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); }
  .portlet a:link::after {
    margin-left: -3px;
    content: ']';
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); }
  /*fix the brackets styling for link buttons - remove*/
  #Url:before {
    content: '' !important; }
  #Url:after {
    content: '' !important;
    margin-left: 0 !important; }
  [id^=lnk]:before {
    content: '' !important; }
  [id^=lnk]:after {
    content: '' !important;
    margin-left: 0 !important; }
  /*End fix the brackets styling for link buttons*/
  .portlet a:link:hover::before,
  a:link:hover::after,
  a:link:focus::before,
  a:link:focus::after {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px); }
  [id$="Newsfeed"] li a span {
    display: none; }
  ul li a {
    background-color: transparent; } }

/* Picture ICON location - mover for phone*/
@media screen and (max-width: 736px) {
  .top-nav-bar .nav-container .user-btn {
    float: none !important;
    padding: 0 0 0 230px !important; } }

/*Change buttons to dark gray from bright green*/
.btn-primary {
  background-color: #585858; }

/*Header formatting*/
.portlet-header-bar h3 {
  display: block;
  width: 100%; }

.portlet-grid .portlet-header-bar {
  overflow: hidden; }

.portlet-grid .portlet-header-bar h3,
.portlet-grid .portlet-header-bar a {
  color: #fff;
  overflow: hidden;
  padding-right: .9375rem;
  padding-left: 0; }

.portlet-grid .portlet-header-bar {
  border-bottom: none !important; }

.portlet a:visited:not(.btn) {
  color: cornflowerblue;
  font-weight: bolder;
  font-style: italic; }

.portlet-header-bar h3 {
  overflow: hidden; }

/*Newsfeed - get rid of hover border and white box*/
.newsfeed ul a:hover span {
  background-color: transparent !important;
  border: none !important; }

.newsfeed ul a:hover {
  background-color: transparent !important; }

h2 a {
  text-decoration: none; }

.portlet-column {
  padding-right: 15px !important;
  padding-left: 15px !important; }

#pnlNow {
  width: 90% !important; }

.top-nav-bar .nav-container .user-btn .no-profile-image {
  font-size: 50px;
  color: #585858; }

/*Weather Widget*/
#weatherwidget-io-0 {
  height: 100px !important; }

.both .locationName span, .current .locationName span {
  display: inline !important; }

.weatherwidget-io {
  height: 100px !important; }

/*End Weather Widget*/
/*expandable content - round plus styling*/
.expcon-header {
  background-image: none !important; }

/*Get rid of outline on focus...*/
*:focus {
  outline: none !important; }

div.expcon-header .item-toggle {
  padding-right: 72px !important; }

.page-title h2 {
  text-transform: uppercase; }

h2 a {
  color: #315389; }

/*Newsfeed bullets*/
.pt_Newsfeed li:before {
  content: "\f0a9";
  font-family: FontAwesome;
  color: green;
  /* or whatever color you prefer */
  margin-right: 4px; }

.newsfeed li {
  list-style-type: none; }

/*End Newsfeed bullets*/
/*Simple Query Edit*/
.portlet .pToolbar .pTool a {
  color: white !important; }

.portlet .pToolbar .pTool a:visited {
  color: white !important;
  background-color: #315389 !important; }

.pToolbar {
  background: none; }

/*End Simple Query Edit*/
/*make edit buttons for admins smaller*/
.pSection .btn-sm {
  font-size: 11px; }

/*fix styling for phones*/
@media (max-width: 768px) {
  /*Bookmark Portlet Styling*/
  .bookmarks-footable .footable-last-visible:not([id$="DeleteColumn"]) {
    display: none !important; }
  .portlet a:link:not(.btn) {
    color: #315389 !important; }
  .top-nav-bar {
    width: 400px;
    height: 60px; }
  .top-nav-bar .nav-container .search-btn {
    color: white; }
  .logged-in .top-nav-bar .search-btn {
    right: 88px;
	top: 0px !important;}
  #masthead h1 a {
    width: 100%; }
  .top-nav-bar .nav-container .main-nav-btn {
    padding: 0 2px; }
  #masthead {
    top: 60px; }
  .top-nav-bar .nav-container .user-btn {
    padding: 0 0 0 30px !important;
    left: 130px;
	top: 0px !important;}
  .main-crumbs {
    padding-top: 60px; }
  .top-nav-bar .nav-container .login-btn {
    margin-right: 20px; } }

/*end fix styling for phones*/
/*fix bracket link padding when embedded in text*/
div.wysiwygtext div a:link:before {
  margin-right: 0px !important; }

div.wysiwygtext div a:link {
  padding-right: 0px !important;
  padding-left: 0px !important; }

div.wysiwygtext div a:link::after {
  margin-left: 0px !important; }

/*end fix bracket link padding when embedded in text*/
/*Fix edit icons not showing up when links*/
.glyphicons-pencil:before {
  content: "" !important; }

.glyphicons-minus-sign:before {
  content: "" !important; }

.glyphicons-pencil:after {
  content: initial !important; }

.glyphicons-minus-sign:after {
  content: initial !important; }


a.glyphicons-pencil:before {  
      opacity: 1 !important;
}
a.glyphicons-minus-sign:before {  
      opacity: 1 !important;
}



/*End Fix edit icons not showing up when links*/
/*Fix Css for form flow admin text */

#jcf-toolbar a:link:not(.btn) {
    color: white !important;
}

/*End Fix Css for form flow admin text */
 .user-notification-seen-state {
position: absolute;
    top: -42px;
    right: 179px;
    width: 22px;
    height: 22px;
    background-color: #ef276b;
    border-radius: 50%;
    display: none;
    line-height: 6px;
    color: #fff;
    display: block;
}
.unseen-count {
	font-size: 11px;
    margin-top: 5px;
    font-weight: 600;
	color: #575757;
	padding-top: 5px;
}
.popover {
    font-family: Open Sans;
    background-color: #ffffff;
    border-radius: 3px;
    /* position: absolute; */
    /* right: 0px; */
    top: 40px;
    z-index: 1000;
    -moz-box-shadow: 0 2px 20px 0 rgba(0,0,0,0.22);
    -webkit-box-shadow: 0 2px 20px 0 rgba(0,0,0,0.22);
    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.22);
    width: 400px;
}
/*Fix icons not showing up for Maintain Form - contained forms */
/* Alert Popover */
@media screen and (max-width: 900px)
{
  .unseen-count .popover{
      top: 10px;
    left: -110.008px;
    display: block;
    max-width:240px !important;
}
}
/*End Alert Popover*/
.portlet .jcf-form-actions a:link::before, .jcf-form-actions a:link::after {
opacity: 1 !important;
}

.portlet a.fa-download::before {
content: "\f019" !important;
}

.portlet a.fa-download::after {
content: none !important;
}

.portlet a.fa-eye::before {
content: "\f06e" !important;
}

.portlet a.fa-eye::after {
content: none !important;
}

.portlet a.fa-trash-o::before {
content: "\f014" !important;
}

.portlet a.fa-trash-o::after {
content: none !important;
}

/*End Fix icons not showing up for Maintain Form - contained forms */

/*Upgrade JICS changes*/
@media screen and (min-width: 1025px) {
.top-nav-bar {
	top: 86px;
}
}
.top-nav-bar .nav-container .main-nav-submenu-container .user-login {
	top: -66px;
}
.top-nav-bar .nav-container .search-btn {
	top: -68px;
}
.top-nav-bar .nav-container .user-bt, .top-nav-bar .nav-container .search-btn {
	background-color: transparent;
}
.top-nav-bar .nav-container .user-btn {
    top: -75px;
    background-color: transparent;
}
@media screen and (max-width: 1025px) {
	.top-nav-bar .nav-container .user-btn .no-profile-image {
		color: white;
	}
	 .top-nav-bar .nav-container .main-nav-submenu-container .collapse.in {
        top: 10px;
    }
	.top-nav-bar .nav-container .link-scroll.vertical-menu.super-menu.open {
		top: 123px;
	}
	.top-nav-bar .nav-container .link-scroll.vertical-menu .h-menu ul li {
		border-top: 1px solid #ababab;
	}
	#this-context-pages-sn li a {
		color: #585858;
		background-color: white;
	}
	#slide-menu-toggle-btns-sn li a{
		color: #585858;
	}
	#slide-menu-toggle-btns-sn li a:before{
			content: "";
		display: block;
		background: url("") no-repeat;
		width: 20px;
		height: 20px;
		float: left;
		margin: 0 6px 0 0;
	}
	#this-context-pages-sn li a:before {
			content: "";
		display: block;
		background: url("") no-repeat;
		width: 20px;
		height: 20px;
		float: left;
		margin: 0 6px 0 0;
	}
	#menu-links-ul {
		background-color: #585858;
	}
	.top-nav-bar .nav-container .link-scroll .h-menu ul a {
		color: white;
	}
	#sideBar2 a:before {
		content: "";
		display: block;
		background: url("") no-repeat;
		width: 20px;
		height: 20px;
		float: left;
		margin: 0 6px 0 0;
	}
	#sideBar2 table {
		width: 100%;
		background-color: white;
		color: black;
	}
	#sideBar2 table a {
		color: black;
	}
	#sideBar2 tr {
		border-top: 1px solid #ababab;
		height: 55px;
	}
	.top-nav-bar .nav-container .link-scroll .h-menu ul a:before {
		content: "";
		display: block;
		background: url(/ICS/UI/Common/images/folder.png) no-repeat;
		width: 20px;
		height: 20px;
		float: left;
		margin: 0 6px 0 0;
	}
	.sidebar-quick-link a {
		color: #585858;
	}
	/*
	.top-nav-bar .nav-container .link-scroll .h-menu ul a:before{
	   font-family: FontAwesome;
	   display: inline-block;
	   padding-right: 6px;
	   vertical-align: middle;
	}
	.top-nav-bar .nav-container .link-scroll .h-menu ul a:before {
	   content: "\f095";
	}
	*/
}
@media (max-width: 768px){
	.top-nav-bar .nav-container .login-btn {
		margin-right: 40px;
	}
	.top-nav-bar {
		width: 100%;
	}
	.top-nav-bar .nav-container .user-btn {
		left: 0px;
	}
	.logged-in .top-nav-bar .search-btn {
		right: 0px; 
	}
	#masthead h1 a {
		height: 65px;
	}
}
@media (max-width: 500px) {
	.top-nav-bar .nav-container .user-btn {
		left: 120px;
	}
	.logged-in .top-nav-bar .search-btn {
		right: 100px; 
	}
	#welcomeBackBar {
		width: 390px;
	}
	.top-nav-bar .nav-container .user-btn {
		padding: 0 0 0 20px !important;
	}
	
	
}


@media (max-width: 1025px) {
.top-nav-bar .nav-container .user-btn {
    top: 0px !important;
}

.main-crumbs {
    top: 10px !important;  
}
.slide-menu-btn {
    position: relative !important;
}
}



.top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover {
    top: -20px;
}

.top-nav-bar .nav-container .main-nav-submenu-container .search-section {
    top: -27px;
}


.homePageImageMenu{
        margin-left: 35px; 
		margin-right: 35px;
		flex: 1; 
		box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
		border-left: 8px solid #667a49;
    }
	.homePageImageMenu img{
        flex-shrink: 0; 
		min-width: 100%; 
		min-height: 100%; 
		max-width: 100%; 
		max-height: 100%; 
		display: block; 
		height: 200px;
    }
	.homePageDiv{
		display: flex;
		margin-top: 30px;
	}
	
	/* newsfeed annoying hover repeat text */
	.newsfeed ul a:hover span {
		display:none;
	}
	/* newsfeed annoying hover repeat text */
	@media (max-width: 768px){
		.homePageDiv {
			display: initial;
		}
		.homePageImageMenu {
			margin-top: 25px;
		}
		.alertsHomePageMultiR {
			float:none !important; 
			width:95% !important; 
		}
		.alertsHomePageMulti{
			float:none !important; 
			width:95% !important; 
		}
	}
/*	#test2 li::before {
    content: "\f0a9";
    font-family: FontAwesome;
    color: green;
    margin-right: 4px;
}*/
	.calDate {
	  width: 45px;
		height: 35px;
		background: #fff;
		border: 1px solid #ebebeb;
		box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
		border-left: 4px solid #667a49;
		 color: #667a49;
		font-size: 36px;
		line-height: 20px;
		float: left;
		text-align: center;
		padding: 0px;
		margin-right: 5px;
	}
	.calDay {
	    color: #667a49;
		font-size: 14px;
		line-height: 1px;
	}
	.calMonth {
	    color: #667a49;
        font-size: 12px;
		margin-top: 2px;
	}
	a.calDate {
		text-decoration: none;
	}
	.calItem {
		border: none;
		margin-top: 5px;
		padding-bottom: 5px;
		position: relative;
		clear: both;
		border-bottom: 1px solid #ccc;
		float: left;
		width: 100%;
	}
	.calText a{
		text-decoration: none;
		color: gray;
	}
	#test2 li {
		list-style: none;
	}
	.alertsHomePageMulti
	{
		padding: 25px;
		float:left; 
		width:33%;
	}
	.alertsHomePageMultiR
	{
		padding-left:15px;
		float:right; 
		width:50%;
	}
	.alertsHomePageLink::before {
		content: none !important;
	}
	.alertsHomePageLink::after {
		content: none !important;
	}
	
	
.homePageCalMenu {
		margin-left: 25px; 
		margin-right: 25px;
		flex: 1; 
		border: 1px solid #ebebeb;
		box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
		border-left: 8px solid #667a49;
}	
	
.calendarMenu {
		margin-right: 25px;
		flex: 1; 
		border: 1px solid #ebebeb;
		border-left: none;
}	


.homePageImageMenu{
        margin-left: 15px; 
		margin-right: 15px;
		flex: 1; 
		box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
		border-left: 8px solid #667a49;
		line-height: 100px;
    }
	.homePageImageMenu img{
        flex-shrink: 0; 
		min-width: 100%; 
		min-height: 100%; 
		max-width: 100%; 
		max-height: 100%; 
		display: block; 
    }
	.homePageImageMenu p{
        flex-shrink: 0; 
		min-width: 100%; 
		max-width: 100%; 
		max-height: 100%; 
		display: block; 
        font-size: 20px;
		margin: 0 !important;
		padding: 0px;
    }
	.homePageImageMenu a{
        flex-shrink: 0; 
		min-width: 100%; 
		min-height: 100%; 
		max-width: 100%; 
		max-height: 100%; 
		display: block; 
    }
	.homePageDiv{
		display: flex;
	}

	.homePageDivItem{
		display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin-right: auto;
    margin-left: auto;
    max-width: 153.125rem;
    position: inherit;
    z-index: 10;
    box-sizing: inherit;
	}
	
	.homePageDivItemCol8{
		display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin-right: auto;
    margin-left: auto;
    max-width: 153.125rem;
    position: inherit;
    z-index: 10;
    box-sizing: inherit;
	}
	
	/* Dynamic NAV Boxes */
	.homePageMenuBox > * {
		flex: 1;
	}
	.homePageMenuBox {
		display: flex;
		flex-wrap: wrap;
		row-gap: 10px;
		column-gap: 2em;
	}
	.homePageImageMenuBox{
		 margin-left: 25px; 
		margin-right: 25px;
		margin-bottom: 25px;
		box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
		border-left: 8px solid #667a49;
		line-height: 110px;
    }

	@media screen and (min-width: 900px){
			.homePageImageMenuBox {
				width: 30%;
			}		
	}
	
	.homePageImageMenuBox p {
    flex-shrink: 0;
    min-width: 100%;
    /* min-height: 100%; */
    max-width: 100%;
    max-height: 100%;
    display: block;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    padding: 5px;
        font-size: 28px;
    margin: 0 !important;
}
.homePageDivItemBox {
    display: flex;
    flex-flow: row wrap;
   /* justify-content: center;*/
    margin-right: auto;
    margin-left: auto;
    max-width: 153.125rem;
    z-index: 10;
    box-sizing: inherit;
}
@media (max-width: 768px){
		.homePageDivItemBox{
			display: initial;
		}	
}
@media screen and (max-width: 1380px) and (min-width: 800px){
	.homePageDivItemBox {
		width: 800px;
	}
}
/*END Dynamic NAV Boxes   */
@media (max-width: 768px){
		
		.homePageDivItem{
			display: initial;
		}
		
		.homePageDivItemCol8{
			display: initial;
		}
		
		.homePageDiv{
			display: initial;
		}
		
		.homePageMenu {
			width: 100%;
		}
	
		.homePageDiv {
			display: initial;
		}
		.homePageImageMenu {
			margin-top: 25px;
		}
		
		.homePageCalMenu {
			margin-top: 25px;
		}
		.calendarMenu {
			margin-top: 25px;
		}
		
		.homePageImageMenu {
			margin-left: 25px;
			margin-right: 25px;
		}
		
		.alertsHomePageMultiR {
			float:none !important; 
			width:95% !important; 
		}
		
		.alertsHomePageMulti{
			float:none !important; 
			width:95% !important; 
		}
		
		
		
		.content-block-title.small {
			color: #1b1b1b;
			font-size: 1.9125rem;
			font-weight: 700;
			line-height: 1.19048;
			margin-bottom: 1.875rem;
			overflow: hidden;
			position: relative;
			text-transform: uppercase;
		}
	}
/*	#test2 li::before {
    content: "\f0a9";
    font-family: FontAwesome;
    color: green;
    margin-right: 4px;
}*/
	.calDate {
	  width: 45px;
		height: 35px;
		background: #fff;
		border: 1px solid #ebebeb;
		box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
		border-left: 4px solid #667a49;
		 color: #667a49;
		font-size: 36px;
		line-height: 20px;
		float: left;
		text-align: center;
		padding: 0px;
		margin-right: 5px;
	}
	.calDay {
	    color: #667a49;
		font-size: 14px;
		line-height: 1px;
	}
	.calMonth {
	    color: #667a49;
        font-size: 12px;
		margin-top: 2px;
	}
	a.calDate {
		text-decoration: none;
	}
	.calItem {
		border: none;
		margin-top: 5px;
		padding-bottom: 5px;
		position: relative;
		clear: both;
		border-bottom: 1px solid #ccc;
		float: left;
		width: 100%;
	}
	.calText a{
		text-decoration: none;
		color: gray;
	}

@media screen and (max-width: 1800px) and (min-width: 800px) {
	.homePageImageMenu p{
     font-size:18px;
    }
	
	.homePageCalMenu p {
		  font-size:14px !important;
	}
	
	.calendarMenu p {
		  font-size:14px !important;
	}
	
	.homePageImageMenu a{
     font-size:18px !important;
    }
	
	.homePageCalMenu a {
		  font-size:14px !important;
	}
	
	.calendarMenu a {
		  font-size:14px !important;
	}
	
	.homePageImageMenu {
    margin-left: 15px;
    margin-right: 15px;
	height: 100px;
	}
	
	.homePageCalMenu {
		 margin-left: 15px;
		margin-right: 15px;
	}
	
	.calendarMenu {
		margin-right: 15px;
	
	}
	
	.content-block-title.small {
    color: #1b1b1b;
    font-size: 1.9125rem;
    font-weight: 700;
    line-height: 1.19048;
    margin-bottom: 1.875rem;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
	}

	.homePageDivItemLinks {
		margin-left: 15px;
		margin-right: 15px;

	}

	.homePageMenu {
			width: 1100px;
	}
	
}

/*IPAd Pro    */	
@media screen and (max-width: 1380px) and (min-width: 800px){
.homePageDivItem {
    width: 100%;
}

/*.homePageDivItemCol8 {
    width: 780px;
}*/

}
	
	
	
.homePageImageMenu.mylink {
 position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -9999px; //these two lines are to hide my actual link text.
  overflow: hidden; //these two lines are to hide my actual link text.
    }
  a.homePageMenuLink {
	text-decoration: none;
	font-size: 20px;
			   padding: 5px;
	height: 100px;
	}
	
	 a.homePageMenuLink::before {
		 content: none !important;
    }
	 a.homePageMenuLink::after {
		 content: none !important;
	}
	
.homePageImageMenu p {
    flex-shrink: 0;
    min-width: 100%;
    /* min-height: 100%; */
    max-width: 100%;
    max-height: 100%;
    display: block;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
	
	}
	
@media screen and (min-width: 1800px) {
.content-block-title.small {
    color: #1b1b1b;
    font-size: 1.9125rem;
    font-weight: 700;
    line-height: 1.19048;
    margin-bottom: 1.875rem;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
}
.homePageDivItemLinks {
		margin-left: 15px;
		margin-right: 15px;
	}
.homePageDivItem{
		width: 1200px;
	}
	
.homePageDivItemCol8{
		width: 1000px;
	}
	
}

.content-block-title.small:after {
    margin-top: 0;
    height: .0625rem;
    width: 100%;
    border-top: 1px solid #d9d9d9;
    content: "";
    display: inline-block;
    vertical-align: middle;
}
.content-block-title.small:after {
    margin-right: -100%;
	}
	
	.calendarMenu {
		margin-right: 15px;
	}
	
	.alertsHomePageMulti
	{
		padding: 15px;
	}
	.alertsHomePageMultiR
	{
		padding: 15px;
	}
}
/*End Upgrade JICS changes*/




/*Handle NAV Menu Layouts for side-by-side and blog style page layouts*/

@media screen and (max-width: 1800px) and (min-width: 800px) {

.col-md-6 .homePageMenu {
  width: 100%;
}

.col-md-6 .homePageImageMenuBox {
  margin-left: 5px;
  margin-right: 5px;
  width: calc(45%);
}

}

@media screen and (min-width: 1900px) {
  .col-md-6 .homePageMenu {
  width: 1500px;
}

.col-md-6 .homePageImageMenuBox {
  margin-left: 5px;
  margin-right: 5px;
  width: calc(40%);
}

}

@media screen and (max-width: 1400px) and (min-width: 900px) {

.col-md-8 .homePageMenu {
  width: 100%;
}

/*.col-md-8 .homePageDivItemCol8 {
	width: 980px;
}*/

}

@media screen and (max-width: 1800px) and (min-width: 1400px) {

.col-md-8 .homePageMenu {
  width: 100%;
}

.col-md-8 .homePageImageMenuBox {
  margin-left: 5px;
  margin-right: 5px;
  width: calc(30%);
}
}

@media screen and (min-width: 1900px) {
	
.col-md-8 .homePageMenu {
  width: 100%;
}

.col-md-8 .homePageImageMenuBox {
  margin-left: 5px;
  margin-right: 5px;
  width: calc(22%);
}
}

/*END Handle NAV Menu Layouts for side-by-side and blog style page layouts*/

@media screen and (min-width: 1025px){
.threebannerimage {
	display:flex;
	width:80%;
}

.threebannerimage div {
	width:25%;
	margin: 25px;
}
}


/* Alert Styling */

.unseen-count.bottom>.popover-title {
    color: white;
}
.unseen-count .popover.bottom>.arrow:after {
    border-bottom-color: teal;
}
.popover {
  padding:0px;
}
.unseen-count .popover {
  padding:0px;
  width: 250px;
  border-radius:8px;

}
.unseen-count .popover-content li a {
  text-decoration: none;
}


/* End Alert Styling */

/* Calendar Styling */
li .calText{
  margin-left: -1.3em;
}

@media (min-width: 768px){

  .calText a:link::before {
  content: unset;
}
 .calText a:link::after {
  content: unset;
}

/* End Calendar Styling */

/* nav boxes styling */

.homePageMenuLink a:link::before {
  content: unset;
}
.homePageMenuLink a:link::after {
  content: unset;
}


/* end nav boxes styling   */
