/* 
    Theme: CX Mobile
--  All styles are imported into this main stylesheet
*/
/* 
    Theme: CX Mobile
--  Master variables file
*/
/* 
    Theme: CX Mobile
--  Theme specific styles
*/
/* 
    Theme: CX Mobile
--  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
*/

h4 {font-size:24px;}
h3 {font-size:24px !important; color:gray;}

.main-nav-links, .top-nav-bar .nav-container .link-scroll .h-menu a {
  color: #043055; /*Umary*/
  background-color: #ffffff; /*HSSU transparent*/
  border: none;
  font-size: 16px;
  font-weight: 400; }
  .main-nav-links:hover, .top-nav-bar .nav-container .link-scroll .h-menu a:hover {
    color: #464744; }

.selected-nav-links, .top-nav-bar .nav-container .link-scroll .h-menu .selected a {
  color: #043055; /*UMARY*/
  font-weight: 600;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(100%, #DEB239), color-stop(0%, transparent));
  background-image: -webkit-linear-gradient(left, #DEB239 100%, transparent 0%);
  background-image: -o-linear-gradient(left, #DEB239 100%, transparent 0%);
  background-image: linear-gradient(to right, #f58426 100%, transparent 0%);
  background-repeat: repeat-x;
  background-size: 100% 10px;
  background-position: 0 38px; }

.sidebar-slide-menu-links {
  color: #464744;
  background-color: transparent;
  border: none; }
  .sidebar-slide-menu-links:hover {
    color: #FFF;
    background-color: #207CB3; }

.dashboard-menu-links li a {
  color: #464744;
  background-color: transparent;
  border: none; }
  .dashboard-menu-links li a:hover {
    color: #FFF;
    background-color: #207CB3; }

.link-secondary {
  color: salmon;
  /*temp*/
  /*color: darken($portlet-text, 10%);*/ }
  .link-secondary:hover {
    color: #2c2d2b; }

.btn-primary {
  color: #FFF;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  background-color: #043055; /*UMary #043055*/
  border: 1px solid #043055; /*UMary #043055*/ }
  .btn-primary:hover, .btn-primary:active, .btn-primary:active:hover,
  .btn-primary:active:focus .btn-primary:focus {
    color: #FFF;
    background-color: #f58426; /*UMARY */;
    border: 1px solid #f58426; /*UMARY */ }

.btn-primary-no-bg {
  color: #464744;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  background-color: transparent;
  border: 1px solid transparent;
  outline: none !important;
  /* doesn't appear to be working */ }
  .btn-primary-no-bg:hover, .btn-primary-no-bg:active, .btn-primary-no-bg:active:hover,
  .btn-primary-no-bg:active:focus .btn-primary-no-bg:focus {
    color: #085482;
    background-color: transparent;
    border: 1px solid transparent; }

.btn-danger {
  color: #FFF;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  background-color: #D61D1D;
  border: 1px solid #BB0D0D; }
  .btn-danger:hover, .btn-danger:active, .btn-danger:active:hover,
  .btn-danger:active:focus .btn-danger:focus {
    color: #FFF;
    background-color: #D61D1D;
    border: 1px solid #BB0D0D; }

.btn-success {
  color: #FFF;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  background-color: #0AA36A;
  border: 1px solid #B1B1B1; }
  .btn-success:hover, .btn-success:active, .btn-success:active:hover,
  .btn-success:active:focus .btn-success:focus {
    color: #FFF;
    background-color: #0AA36A;
    border: 1px solid #B1B1B1; }

.btn-danger-toggle {
  color: #FFF;
  background-color: #D61D1D;
  border-color: #BB0D0D;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .btn-danger-toggle:hover, .btn-danger-toggle:active, .btn-danger-toggle:active:hover, .btn-danger-toggle:active:focus, .btn-danger-toggle:focus {
    color: #FFF;
    background-color: #D61D1D;
    border-color: #BB0D0D; }
  .btn-danger-toggle .btn.active {
    color: #FFF;
    background-color: #D61D1D;
    border-color: #BB0D0D;
    -webkit-box-shadow: none;
    box-shadow: none; }

.btn-success-toggle {
  color: #FFF;
  background-color: #0AA36A;
  border-color: #088557;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .btn-success-toggle:hover, .btn-success-toggle:active, .btn-success-toggle:active:hover, .btn-success-toggle:active:focus, .btn-success-toggle:focus {
    color: #FFF;
    background-color: #0AA36A;
    border-color: #088557; }
  .btn-success-toggle .btn.active {
    color: #FFF;
    background-color: #0AA36A;
    border-color: #088557;
    -webkit-box-shadow: none;
    box-shadow: none; }

.btn-alternate-one {
  color: #FFFFFF;
  background-color: #7a7a7a;
  border: 1px solid #7a7a7a; }
  .btn-alternate-one:hover, .btn-alternate-one:focus {
    color: #FFF;
    -webkit-box-shadow: none;
    box-shadow: none; }

.btn-alternate-two {
  color: #464744;
  background-color: #FFFFFF /*HSSU F0F0F0*/;
  border: 1px solid #3e3e3e; }
  .btn-alternate-two:hover, .btn-alternate-two:focus {
    color: #B1B1B1;
    -webkit-box-shadow: none;
    box-shadow: none; }

.btn-alternate-three {
  color: #464744;
  background-color: #FFFFFF /*HSSU F0F0F0*/;
  border: 1px solid #3e3e3e; }
  .btn-alternate-three:hover, .btn-alternate-three:focus {
    color: #B1B1B1;
    -webkit-box-shadow: none;
    box-shadow: none; }

.btn-primary-jquery-ui-override {
  font-family: 14px !important;
  color: #464744 !important;
  background: #F0F0F0 !important;
  border: none !important;
  text-shadow: none !important; }
  .btn-primary-jquery-ui-override:hover {
    background-color: #FFFFFF  !important; /*HSSU F0F0F0*/}
  .btn-primary-jquery-ui-override:active {
    background-color: #F0F0F0 !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: #F0F0F0 !important; }
  .btn-primary-jquery-ui-override:focus {
    background-color: #F0F0F0 !important; }

.btn-danger-jquery-ui-override {
  font-family: 14px !important;
  color: #464744 !important;
  background: #D61D1D !important;
  border: none !important;
  text-shadow: none !important; }
  .btn-danger-jquery-ui-override:hover {
    background-color: #D61D1D !important; }
  .btn-danger-jquery-ui-override:active {
    background-color: #D61D1D !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: #D61D1D !important; }
  .btn-danger-jquery-ui-override:focus {
    background-color: #D61D1D !important; }

.link-btn {
  color: #085482;
  text-decoration: none;
  background-color: transparent;
  border: 1px solid transparent; }
  .link-btn:focus {
    border: 1px solid #085482; }

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

a.disabled {
  color: #464744; }

/* 
    Theme: CX Mobile
--  Base colors
--  Create another file to override these styles if needed
*/
.primary {
  color: #936A17; } /*HSSU 207CB3*/

.warning-content {
  color: #FFEC93; }

.danger {
  color: #D61D1D; }

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

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

.error {
  color: #D61D1D; }

.success {
  color: #0AA36A; }

.most-popular {
  color: #0AA36A; }

.popular {
  color: #0dd389; }

.average {
  color: #937900; }

.below-average {
  color: #e54141; }

.poor {
  color: #D61D1D; }

.feedback {
  color: #464744; }

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

.body-text {
  color: #464744; }

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

.disabled-link {
  color: black; }

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

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

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

.primary-alternate-background-one {
  background-color: #F9F9F9;
  border: 1px solid #DDD;
  border-radius: 5px; }

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

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

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

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

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

.secondary-alternate-background-four {
  background-color: #7a7a7a; }

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

.success-background {
  background-color: #22f1a4; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 
    Theme: CX Mobile
--  Base mobile colors specific styles
--  Create another file to override these styles if needed
*/
@media only screen and (max-width: 768px) {
  .page-title h2 a {
    font-size: 24px; } }

@media only screen and (max-width: 426px) {
  .page-title h2 a {
    font-size: 24px; } }

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

.btn-admin-link {
  color: #464744;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  background-color: #F0F0F0;
  border: 1px solid #B1B1B1;
  display: inline-block;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 15px; }
  .btn-admin-link:hover, .btn-admin-link:active, .btn-admin-link:active:hover,
  .btn-admin-link:active:focus .btn-admin-link:focus {
    color: #FFF;
    background-color: #DEB239; /*HSSU 207CB3*/
    border: 1px solid #085482; }

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

/* 
    Theme: CX Mobile
--  Base colors specific styles
--  Create another file to override these styles if needed
*/
body {
 /* font-family: Georgia, sans-serif, Arial ; UMARY*/
  font-family: Helvetica, Georgia, serif, Times;
  font-size: 16px;
  color: #464744;
  background: #FFFFFF; /*HSSU EDEDED*/}

a {
  color: #043055; /*UMARY 085482*/
   }
  a:hover, a:focus {
    color: #FF671D; /*HSSU 085482*/}

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

b, strong {
  font-weight: 600; }

.feedbackError {
  color: #D61D1D; }

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

.choose-file {
  color: #464744;
  background-color: #F0F0F0; }

.error-message {
  color: #FFF;
  background: #D61D1D;
  border: 1px solid #BB0D0D; }

.page-title {
  /*display: inline-block;*/
  padding: 0;
  margin: 0px 0px -25px 0px;
  min-height: 0;}
  .page-title h2 {
    font-size: 32px;
    margin: 10px 0 0 0; }
    .page-title h2 a {
      color: #464744;
      text-decoration: none; 
       display:none;} /*UMARY*/
.page-title-btn {
  display: block;
  margin-top: 15px; }
  .page-title-btn .glyphicons {
    font-size: 16px; }
  .page-title-btn .glyphicons-chevron-down,
  .page-title-btn .glyphicons-chevron-up,
  .page-title-btn .wrench-toggle .wrench-toggle-arrow {
    top: auto;
    bottom: 2px;
    left: auto;
    right: 4px; }

h4 {
  font-weight: 600; }

h5 {
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 10px; }

.hint {
  color: #464744;
  font-size: 14px;
  display: block;
  margin: 5px 0 15px 0;
  border: none;
  padding: 0; }

/* 
    Theme: CX Mobile
--  Base mobile colors specific styles
--  Create another file to override these styles if needed
*/
@media only screen and (max-width: 768px) {
  .page-title h2 a {
    font-size: 24px; } }

@media only screen and (max-width: 426px) {
  .page-title h2 a {
    font-size: 24px; } }

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

.form-wrapper .custom-form-control {
  color: black; }

.form-horizontal .form-group {
  margin-right: 0;
  margin-left: 0; }

label {
  font-weight: 600; }

label.input-group-addon {
  font-weight: 400; }

.checkbox label span,
.checkbox-inline label span,
.radio label span,
.radio-inline label span {
  font-weight: 400; }

input.datepicker,
.datepicker .date input,
.datepicker .time select {
  height: 34px;
  padding: 6px 12px;
  margin-right: 6px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; }
  input.datepicker:focus,
  .datepicker .date input:focus,
  .datepicker .time select: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); }

.datepicker .date img {
  margin-right: 6px; }

span.form-control-static {
  display: block; }

legend {
  color: #464744; }

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

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

.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: CX Mobile
--  Admin color specific styles
--  Create another file to override these styles if needed
*/
.admin-menu {
  margin: 5px 0 -5px 0; }
  .admin-menu .actions-menu {
    background-color: transparent; }
    .admin-menu .actions-menu a {
      color: #464744; }
    .admin-menu .actions-menu .glyphicons {
      font-size: 16px; }
  .admin-menu .actions-menu.drag-menu {
    background-color: transparent; }
    .admin-menu .actions-menu.drag-menu a {
      color: #464744; }

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

.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: #cccccc; }
  .site-manager .custom-icon.icon-arrow-down {
    color: #085482; }
  .site-manager a.disabled .custom-icon.icon-arrow-down {
    color: #91d1f8; }
  .site-manager ul.menu li .arrow-box:after {
    border-left-color: #B1B1B1 !important; }

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

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

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

#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: #464744; }

.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: #464744; }

.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: #464744; }

.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: #464744; }

.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: 32px; }

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

.accessActions.adminPanel {
  color: #363636; }

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

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

.portletAccessDescription {
  color: #464744; }

.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: #464744 !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: #464744; }

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

.pageOptionsPanel .pageRenaming .content .validator {
  color: #D61D1D; }

.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: #464744; }

.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: #464744; }

.ExpandablePanel {
  color: #464744; }

.MetaControl {
  color: Black; }

.SubTable_Footer.ValidationError {
  color: #D61D1D; }

.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: #F0F0F0; }

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

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

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

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

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

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

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

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

.context-manager.roles-list .role-link.admin {
  background-color: #0AA36A; }
  .context-manager.roles-list .role-link.admin a {
    color: #FFF; }

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

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

.btn-admin-link {
  color: #464744;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  background-color: #F0F0F0;
  border: 1px solid #B1B1B1;
  display: inline-block;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 15px; }
  .btn-admin-link:hover, .btn-admin-link:active, .btn-admin-link:active:hover,
  .btn-admin-link:active:focus .btn-admin-link:focus {
    color: #FFF;
    background-color: #DEB239; /*HSSU 207CB3*/
    border: 1px solid #085482; }

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

/* 
    Below code is placed as per Daniel 08/08/2024
*/

.portlet-grid .resources-portlet .card-list-view-toggle-container { 

width: 93px; }

.top-nav-bar {
  background-color: #FFFFFF;/*HSSU FFFFFF*/
  border-bottom: 1px solid #B1B1B1;
  top: 86px;  }
  .top-nav-bar .nav-container .link-scroll.vertical-menu {
    -webkit-box-shadow: none;
    box-shadow: none; }
  .top-nav-bar .nav-container .link-scroll {
    background: #FFFFFF;} /*HSSU transparent - STILL NEEDS CORRECTING FOR MOBILE*/
  .top-nav-bar .nav-container .user-btn,
  .top-nav-bar .nav-container .search-btn {
    position: relative;
    float: right;
    top: -70px;
    right: 20px;
    color: #DEB239; /*HSSU 464744*/
    font-size: 24px;
    width: 30px;
    height: 30px;
    margin: 6px 12px;
    padding: 0;
    outline: none;
    background: none; }
    .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 .main-nav-submenu-container .popover {
    background-color: #FFFFFF;
    border: 1px solid #B1B1B1; }
    .top-nav-bar .nav-container .main-nav-submenu-container .popover .popover-content {
      padding: 10px; }
  .top-nav-bar .nav-container .main-nav-submenu-container .search-section.popover {
    margin-right: -40px;
    top: -30px;
    min-width: 330px; }
  .top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover {
    color: #616161;
    margin-right: -92px;
    top: -30px; }
    .top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover .init-user-login-btn {
      color: #FFF;
      font-size: 14px;
      font-weight: 400;
      text-decoration: none;
      background-color: #DEB239; /*HSSU 207CB3*/
      border: 1px solid #DEB239; /*HSSU 085482*/
      width: 90px;
      height: 40px; }
      .top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover .init-user-login-btn:hover, .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-user-login-btn:active:hover,
      .top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover .init-user-login-btn:active:focus .top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover .init-user-login-btn:focus {
        color: #FFF;
        background-color: #DEB239; /*HSSU 207CB3*/
        border: 1px solid #DEB239; /*HSSU 085482*/ }
    .top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover .init-logout-btn {
      color: #FFF;
      font-size: 14px;
      font-weight: 400;
      text-decoration: none;
      background-color: #207CB3;
      border: 1px solid #085482;
      margin-top: 10px;
      padding: 5px 10px; }
      .top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover .init-logout-btn:hover, .top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover .init-logout-btn:active, .top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover .init-logout-btn:active:hover,
      .top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover .init-logout-btn:active:focus .top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover .init-logout-btn:focus {
        color: #FFF;
        background-color: #DEB239; /*HSSU 207CB3*/
        border: 1px solid #DEB239; /*HSSU 085482*/ }
    .top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover .arrow {
      left: auto !important;
      right: 18px; }
  .top-nav-bar .nav-container .main-nav-submenu-container .search-input .form-control {
    height: 40px; }
  .top-nav-bar .nav-container .main-nav-submenu-container .user-login {
    width: auto;
    right: 100px;
	top: -66px; }
    .top-nav-bar .nav-container .main-nav-submenu-container .user-login .input-group {
      height: 40px; }
      .top-nav-bar .nav-container .main-nav-submenu-container .user-login .input-group .input-group-addon {
        color: #2e2e2e;
        background: #e0e0e0; }
      .top-nav-bar .nav-container .main-nav-submenu-container .user-login .input-group .form-control {
        height: 40px; }
    .top-nav-bar .nav-container .main-nav-submenu-container .user-login .forgot-password-link {
      color: #DEB239; /*HSSU 085482*/
      margin: 0px;
      float: left;
      font-size: 13px;
	  top: 45px;
	  position: absolute;
	  right: 170px; }
  .top-nav-bar .more-links-div {
    background-color: #ffffff;
    border-top: 1px solid #085482; }
    .top-nav-bar .more-links-div ul a {
      color: #FFF;
      font-size: 14px; }

.main-crumbs {
  color: #464744;
  top: 50px;
  padding: 0 20px;
    }
  .main-crumbs .crumbs .breadcrumbs-title {
    display: none; }

#mainCrumbs #emulation {
  color: #464744; }

/* 
    Theme: CX Mobile
--  Navbar mobile color specific styles
--  Create another file to override these styles if needed
*/
@media only screen and (max-width: 1025px) {
  .top-nav-bar {
    height: 52px;
    border-color: transparent;
    text-align: right; }
    .top-nav-bar .nav-container .main-nav-btn {
      font-size: 24px;
      padding: 6px 12px;
      outline: none;
      -webkit-box-shadow: transparent;
      box-shadow: transparent;
      background: none;	  }
    .top-nav-bar .nav-container .link-scroll.vertical-menu {
      background: #FFFFFF;
      top: 52px;
      -webkit-box-shadow: 0 1px #B1B1B1;
      box-shadow: 0 1px #B1B1B1; }
    .top-nav-bar .nav-container .link-scroll .h-menu a {
      font-size: 18px; }
    .top-nav-bar .nav-container .link-scroll .h-menu ul {
      margin: 0 -15px; }
      .top-nav-bar .nav-container .link-scroll .h-menu ul .selected a,
      .top-nav-bar .nav-container .link-scroll .h-menu ul a:hover {
        background-position: 0px 48px; }
    .top-nav-bar .nav-container .user-btn,
    .top-nav-bar .nav-container .search-btn {
      top: 0;
      right: 5px; }
    .top-nav-bar .nav-container .login-btn {
      color: #464744;
      font-size: 16px;
      font-weight: normal;
      text-decoration: none;
      background-color: transparent;
      border: 1px solid #B1B1B1;
      margin-top: 6px; }
      .top-nav-bar .nav-container .login-btn:active, .top-nav-bar .nav-container .login-btn:focus {
        color: #FFF;
        background-color: #DEB239; /*HSSU 207CB3*/
        border-color: #DEB239; /*HSSU 085482*/ }
    .top-nav-bar .nav-container .main-nav-submenu-container {
      background: #FFFFFF;
      z-index: 1040;
      border-bottom: 1px solid #B1B1B1; }
      .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 .popover.bottom {
          margin-top: 0; }
        .top-nav-bar .nav-container .main-nav-submenu-container .popover .popover-content {
          font-size: 16px; }
      .top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover {
        color: #464744;
        font-size: 16px;
        top: 0; }
        .top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover .user-name {
          font-size: 16px;
          margin: 0; }
        .top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover .init-user-login-btn {
          margin: 24px auto -10px auto;
          padding: 5px 20px !important; }
        .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: #F0F0F0;
          border: 1px solid #B1B1B1;
          color: #464744;
          font-size: 16px !important;
          font-weight: normal;
          width: 87% !important; }
      .top-nav-bar .nav-container .main-nav-submenu-container .user-login {
        width: 100%;
        right: 0;
        margin-top: 10px;
		top: 0px;}
        .top-nav-bar .nav-container .main-nav-submenu-container .user-login .message {
          padding-top: 0; }
        .top-nav-bar .nav-container .main-nav-submenu-container .user-login .input-group {
          text-align: center;
          margin-bottom: 10px; }
          .top-nav-bar .nav-container .main-nav-submenu-container .user-login .input-group .input-group-addon {
            font-size: 17px; }
          .top-nav-bar .nav-container .main-nav-submenu-container .user-login .input-group .form-control {
            margin-top: 0;
            margin-bottom: 0; }
        .top-nav-bar .nav-container .main-nav-submenu-container .user-login .forgot-password-link {
          text-align: center;
          margin: -20px 30px 0 30px;
          float: none; }
        .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 {
          text-decoration: none;
          font-size: 16px; }
      .top-nav-bar .nav-container .main-nav-submenu-container .search-section .init-search-btn {
        font-size: 16px !important;
        font-weight: normal;
        padding: 5px 20px !important; }
      .top-nav-bar .nav-container .main-nav-submenu-container .search-section.popover {
        top: 0; }
  .main-crumbs {
    top: 60px;
    text-align: left;
    padding: 0 10px;
z-index:1;	}
    .main-crumbs .crumbs {
      font-size: 16px; } }

/* 
    Theme: CX Mobile
--  Sidebar color specific styles
--  Create another file to override these styles if needed
*/
.slide-menu-right {
  background-color: #EDEDED; }
  .slide-menu-right .sidebar-link-title {
    color: #464744;
    font-style: normal;
    text-transform: uppercase;
    display: block;
    font-size: 12px;
    font-weight: 600; }
    .slide-menu-right .sidebar-link-title a {
      color: #464744; }
  .slide-menu-right .navbar {
    background-color: #EDEDED;
    border: none; }
    .slide-menu-right .navbar li a {
      color: #616161;
      background-color: transparent; }
      .slide-menu-right .navbar li a:hover {
        color: #464744; }
    .slide-menu-right .navbar li #pagePortlets a, .slide-menu-right .navbar li #myPages a, .slide-menu-right .navbar li #myGroups a {
      color: #616161;
      background-color: transparent; }
      .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: #464744; }
    .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 {
      color: #616161;
      background-color: transparent; }
      .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 {
        color: #464744; }
    .slide-menu-right .navbar li .current-page {
      background-color: #CECCCA; }
      .slide-menu-right .navbar li .current-page a {
        color: #464744;
        background-color: transparent;
        font-weight: 600; }
      .slide-menu-right .navbar li .current-page .glyphicons, .slide-menu-right .navbar li .current-page .custom-icon {
        color: #464744;
        background-color: transparent; }
        .slide-menu-right .navbar li .current-page .glyphicons:hover, .slide-menu-right .navbar li .current-page .custom-icon:hover {
          color: #616161; }
      .slide-menu-right .navbar li .current-page #pagePortlets a, .slide-menu-right .navbar li .current-page #myPages a, .slide-menu-right .navbar li .current-page #myGroups a {
        color: #464744;
        background-color: transparent;
        font-weight: 400; }
        .slide-menu-right .navbar li .current-page #pagePortlets a:hover, .slide-menu-right .navbar li .current-page #myPages a:hover, .slide-menu-right .navbar li .current-page #myGroups a:hover {
          color: #616161; }
      .slide-menu-right .navbar li .current-page #pagePortlets .glyphicons, .slide-menu-right .navbar li .current-page #pagePortlets .custom-icon, .slide-menu-right .navbar li .current-page #myPages .glyphicons, .slide-menu-right .navbar li .current-page #myPages .custom-icon, .slide-menu-right .navbar li .current-page #myGroups .glyphicons, .slide-menu-right .navbar li .current-page #myGroups .custom-icon {
        color: #464744;
        background-color: transparent; }
        .slide-menu-right .navbar li .current-page #pagePortlets .glyphicons:hover, .slide-menu-right .navbar li .current-page #pagePortlets .custom-icon:hover, .slide-menu-right .navbar li .current-page #myPages .glyphicons:hover, .slide-menu-right .navbar li .current-page #myPages .custom-icon:hover, .slide-menu-right .navbar li .current-page #myGroups .glyphicons:hover, .slide-menu-right .navbar li .current-page #myGroups .custom-icon:hover {
          color: #616161; }
    .slide-menu-right .navbar .quick-links {
      border-top: 1px solid #CECCCA;
      margin-top: 15px; }

/* 
    Theme: CX Mobile
--  Sidebar mobile color specific styles
--  Create another file to override these styles if needed
*/
@media only screen and (max-width: 1025px) {
  .slide-menu-right {
    top: 52px;
    width: 300px !important;
    background-color: #FFFFFF;
    border-right: 1px solid #B1B1B1; }
    .slide-menu-right .sidebar-link-title {
      display: none; }
    .slide-menu-right .navbar {
      background-color: transparent;
      border: none;
      border-radius: 0; }
      .slide-menu-right .navbar li a {
        color: #616161;
        background-color: transparent;
        border: none;
        padding: 8px 15px;
        font-size: 16px !important;
        text-decoration: none; }
        .slide-menu-right .navbar li a:hover {
          color: #464744; }
      .slide-menu-right .navbar li .glyphicons, .slide-menu-right .navbar li .custom-icon {
        color: #616161;
        background-color: transparent; }
        .slide-menu-right .navbar li .glyphicons:hover, .slide-menu-right .navbar li .custom-icon:hover {
          color: #464744; }
      .slide-menu-right .navbar li.current-page a {
        color: #464744;
        background-color: transparent;
        font-weight: 600; }
        .slide-menu-right .navbar li.current-page a:hover {
          color: #616161; }
      .slide-menu-right .navbar li.current-page .glyphicons, .slide-menu-right .navbar li.current-page .custom-icon {
        color: #464744;
        background-color: transparent; }
        .slide-menu-right .navbar li.current-page .glyphicons:hover, .slide-menu-right .navbar li.current-page .custom-icon:hover {
          color: #616161; }
    .slide-menu-right li.sub-context-parent {
      border-top: none; }
      .slide-menu-right li.sub-context-parent .sub-contexts li:last-child {
        border-bottom: none; }
    .slide-menu-right .tab-pane {
      border-top: none !important; }
    .slide-menu-right .slide-menu-toggle-btns-wrapper {
      border-top: none; }
    .slide-menu-right .slide-menu-toggle-btns li {
      border: none; }
      .slide-menu-right .slide-menu-toggle-btns li a {
        color: #757575;
        background-color: #FFFFFF; }
        .slide-menu-right .slide-menu-toggle-btns li a:hover {
          color: #464744; }
    .slide-menu-right .slide-menu-toggle-btns .active a, .slide-menu-right .slide-menu-toggle-btns .active a:active, .slide-menu-right .slide-menu-toggle-btns .active a:hover, .slide-menu-right .slide-menu-toggle-btns .active a:focus {
      color: #085482;
      font-weight: 600;
      background-color: #FFFFFF;
      background-image: -webkit-gradient(linear, left top, right top, color-stop(100%, #207CB3), color-stop(0%, transparent));
      background-image: -webkit-linear-gradient(left, #207CB3 100%, transparent 0%);
      background-image: -o-linear-gradient(left, #207CB3 100%, transparent 0%);
      background-image: linear-gradient(to right, #207CB3 100%, transparent 0%);
      background-repeat: repeat-x;
      background-size: 100% 10px;
      background-position: 0 36px; }
    .slide-menu-right .slide-menu-toggle-btns .quick-links {
      border: none !important; }
  .slide-menu-btn {
    width: 350px;
    height: 72px;
    margin-left: -300px;
    background-color: #FF7548;
    border: 1px solid #FF7548;
    color: #FFF;
    border-radius: 0 5px 5px 0;
    text-align: right;
    z-index: 1000;
    bottom: 15px; }
  .sidebar-slide-btn-icon {
    font-size: 32px;
    margin-top: 18px;
    margin-right: 10px;
    text-align: right; } }

/* 
    Theme: CX Mobile
--  Portlet color specific styles
--  Create another file to override these styles if needed
*/
#portlet-grid {
  display: inline-block; }
  #portlet-grid .portlet-header-bar {
    background: #043055; /*UMARY*/
    }
    #portlet-grid .portlet-header-bar h3,
    #portlet-grid .portlet-header-bar a {
      color: #FFFFFF;
      font-weight: 600;
      text-decoration: none;
      font-family: sans-serif;}
  #portlet-grid .portlet {
    background-color: #fffffF;
    border: 1px solid transparent !important;
    border-radius: 1px;
    margin: 15px 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important; }
    #portlet-grid .portlet label {
      font-weight: 600; }
    #portlet-grid .portlet .pToolbar {
      display: block;
      height: 35px;
      margin: 10px 15px; }
      #portlet-grid .portlet .pToolbar .pTool {
        display: block; }
        #portlet-grid .portlet .pToolbar .pTool a {
          color: #464744;
          text-align: center;
          white-space: nowrap;
          margin: 0 5px 0 0;
          padding: 5px 10px;
          background-color: #FFFFFF;
          border: 1px solid #B1B1B1;
          border-radius: 4px; }
          #portlet-grid .portlet .pToolbar .pTool a:hover, #portlet-grid .portlet .pToolbar .pTool a:active, #portlet-grid .portlet .pToolbar .pTool a:focus {
            background-color: #F0F0F0; }
    #portlet-grid .portlet .portlet-padding {
      margin: 15px; }
    #portlet-grid .portlet .pSection > div.panel {
      margin-bottom: 15px !important; }
    #portlet-grid .portlet .pSection .oops,
    #portlet-grid .portlet .oops {
      display: block;
      background-color: #D61D1D;
      border: 1px solid #BB0D0D;
      border-radius: 4px;
      margin: 0 0 15px 0;
      padding: 0; }
      #portlet-grid .portlet .pSection .oops h6,
      #portlet-grid .portlet .oops h6 {
        color: #FFF;
        font-size: 14px;
        font-weight: normal;
        padding: 15px;
        margin: 0; }

/*

// Portlet
.portlet.pageSettings, .portlet.pageOptions, .portlet.pageLayouts, .portlet.page-access {
    background-color: $portlet-bg;
}
.settings-wrapper .inner-settings-wrapper .innerModal .portlet,
.preferencesPanel .inner-settings-wrapper .innerModal .portlet {
    background-color: $portlet-bg !important;
}
.portlet-padding {
    margin: 10px 20px 20px 20px;
}

*/
.portletnavtabs {
  display: inline-block;
  margin: 15px;
  padding: 0;
  border: none;
  background: transparent; }

.portletSectionJump {
  padding: 0;
  list-style: none;
  border: none;
  height: auto; }

.portletSectionJump dd {
  display: block;
  position: relative;
  float: left;
  border: none; }

.portletSectionJump dd.selected {
  border-color: transparent;
  background: transparent;
  border-width: 0;
  border-style: none;
  left: 0; }

.portletSectionJump dd a,
.portletSectionJump dd a:link,
.portletSectionJump dd a:visited {
  position: relative;
  display: block;
  color: #085482;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 10px 15px;
  border-radius: 5px; }

.portletSectionJump dd.selected a,
.portletSectionJump dd.selected a:link,
.portletSectionJump dd.selected a:visited {
  background-color: #207CB3;
  border-color: #085482;
  color: #FFF; }

.portletSectionJump dd a:hover {
  background: initial;
  color: initial; }

.portletSectionJump dd.selected a:hover {
  background: initial; }

/*

// selected
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: $portlet-text;
}
.PageLayoutPanel .availableLayout.selected {
    Border: 1px solid #015627;
    background-color: #f0ffd9;
    cursor: none;
}

// buttonBar
.buttonBar {
    background-color: #ddd;
}
.buttonBarCentered {
    background-color: #ddd;
}
.buttonBarCenteredVer2 {
    background-color: #bacddb;
}
.buttonBarCenteredVer2 input {
    padding: 3px 15px;
}
.buttonBarCenteredVer2 input.enhanced {
    font-weight: 600;
}

*/
.table thead tr.header {
  background: rgba(0, 0, 0, 0.13);
  font-weight: bold; }

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid rgba(0, 0, 0, 0.13); }

.table.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.02); }

.subheader,
.subfooter {
  background-color: rgba(0, 0, 0, 0.13); }

.groupedGrid {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  background-color: transparent; }
  .groupedGrid:last-child {
    margin-bottom: 0; }
  .groupedGrid th,
  .groupedGrid td {
    font-size: 14px; }
  .groupedGrid thead,
  .groupedGrid .header,
  .groupedGrid .ghead,
  .groupedGrid tfoot td,
  .groupedGrid tfoot th,
  .groupedGrid thead td,
  .groupedGrid thead th,
  .groupedGrid tbody th,
  .groupedGrid tbody.gbody tr th,
  .groupedGrid tbody.ghead tr td,
  .groupedGrid tbody.gfoot tr td {
    font-size: 14px;
    vertical-align: middle;
    background: transparent;
    border-color: #DDD;
    font-weight: 600;
    padding: 8px; }
  .groupedGrid tbody.ghead th {
    padding-top: 20px; }
  .groupedGrid thead th,
  .groupedGrid tbody td {
    background-color: transparent;
    font-size: 14px;
    vertical-align: top;
    border: transparent;
    border-top: 1px solid #DDD; }
  .groupedGrid tbody tr td.highlight,
  .groupedGrid thead tr th.highlight,
  .groupedGrid tbody tr.alt td.highlight,
  .groupedGrid tbody tr.highlight {
    background-color: #FFEC93; }
  .groupedGrid tbody tr.althighlight {
    background-color: #ffdf47; }
  .groupedGrid tbody tr td.alt,
  .groupedGrid tbody tr.alt td,
  .groupedGrid tbody tr.alt td.alt {
    background-color: #F9F9F9; }
  .groupedGrid tfoot {
    background-color: rgba(0, 0, 0, 0.13); }
  .groupedGrid .error {
    color: #D61D1D; }
  .groupedGrid .disable,
  .groupedGrid .disable td input {
    color: #616161; }
  .groupedGrid .disable td a:link {
    color: #616161; }
  .groupedGrid .disable td a:visited {
    color: #616161; }
  .groupedGrid .disable td a:active {
    color: #616161; }

/*

// DatePicker
.cal img {
    cursor: pointer;
}

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

// hint
.hint {
    background-color: lighten($sidebar-bg, 5%);
    border: 1px solid $sidebar-bg;
}

// pSection
.pSection > div, 
.pSection p, 
.pSection ul, 
.pSection ol, 
.pSection .hint, 
.pSection table {
    margin: 10px 0;
}

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

*/
/* Styles for Menu Items */
/*

.pToolbar a,
.pToolbar a:link,
.pToolbar a:visited {
    color: $button-text;
    background: $button-bg; /* IE6 needs this */
/*

}



.pToolbar .menu a.hasKids {
	background: $button-bg url(./images/toolbar_rightarrow.gif) center right no-repeat;
}
.pToolbar a:hover,
.pToolbar a.active,
.pToolbar .pTool a:hover,
.pToolbar .pTool a.active {
    color: $button-text;
    background: $button-bg;
}

*/
/* End */
/*

.pToolbar {
    color: $button-text;
    background: $button-bg;
    border-top: solid 1px $button-border;
}
.pToolbar .pTool {
    border-right: solid 1px $button-border;
}
.pToolbar .menu a,
.pToolbar .menu a:link,
.pToolbar .menu a:visited {
    border: 1px solid $button-border;
}
.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 {
    color: $button-text;
    background-color: $button-bg;
}

// Start Collapsible Panel Styles
.cpHeader {
    color: $button-text;
    background-color: $button-bg;
}
.cpBody {
    background-color: $portlet-bg;
}
.cpLbl {
    color: $link-text;
}
.cpTxt {
    color: $success-bg;
}
div.cp div.cpHead {
    background: $portlet-bg;
}
// End Collapsible Panel Styles

// START DateRangeEdit Styles
.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;
}
// END DateRangeEdit

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

// Portlet Content Tabs
.contentTabs {
    margin: 20px 0;
}

.contentTabs ul {
    display: block;
    font-size: $font-size-base;
    border-bottom: 1px solid #ddd;
}

.contentTabs li {
    border-bottom: none;
    background: transparent;
    margin: 0;
    padding: 0;
}

.contentTabs li a {
    display: inline-block;
    padding: 10px 15px;
    margin-right: 2px;
    margin-bottom: -1px;
    max-width: min-content;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    background: transparent;
}

.contentTabs li.selected {
    top: 0;
}

.contentTabs li.selected a:link {
    color: $default-text;
    font-weight: 400;
    border-color: #ddd;
    border-bottom-color: transparent;
    background: $portlet-bg;
    cursor: default;
}

div.tabbox {
    padding: 20px;
    border-color: #ddd;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.tabbox>span,
.tabbox>table,
.tabbox>.row,
.tabbox>.form-horizontal,
.tabbox>.btn-toolbar {
    margin-left: 15px;
    margin-right: 15px;
}

*/
.contentTabs {
  margin: 20px 0; }

.contentTabs ul {
  display: inline-block;
  margin-left: -5px;
  padding: 0;
  list-style: none;
  border: none;
  height: auto;
  font-size: 100%; }

.contentTabs li {
  display: block;
  position: relative;
  float: left;
  border: none;
  padding: 4px 4px 3px 4px; }

.contentTabs li.selected {
  border-color: transparent;
  background: transparent;
  border-width: 0;
  border-style: none;
  left: 0; }

.contentTabs li a,
.contentTabs li a:link,
.contentTabs li a:visited {
  font-weight: 400;
  position: relative;
  display: block;
  color: #085482;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 10px 15px;
  border-radius: 5px;
  text-decoration: none; }
  .contentTabs li a:hover, .contentTabs li a:focus,
  .contentTabs li a:link:hover,
  .contentTabs li a:link:focus,
  .contentTabs li a:visited:hover,
  .contentTabs li a:visited:focus {
    background-color: #207CB3;
    border-color: #085482;
    color: #FFF; }

.contentTabs li.selected a,
.contentTabs li.selected a:link,
.contentTabs li.selected a:visited,
.contentTabs li.selected a:hover,
.contentTabs li.selected a:focus {
  background-color: #207CB3;
  border-color: #085482;
  color: #FFF;
  font-weight: normal;
  text-decoration: none; }

/*
.contentTabs li a:hover {
    background: initial;
    color: initial;
}

.contentTabs li.selected a:hover {
    background: initial;
}
*/
.contentTabs .tabbox {
  padding: 10px 5px 0 5px;
  margin-left: -5px;
  margin-right: -5px;
  border-style: none; }
  .contentTabs .tabbox hr {
    margin-left: 5px;
    margin-right: 5px; }

/*

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

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

// multiUp
.multiUp table {
    background: #eee;
}
.multiUp table thead {
    background: #ccc;
}

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

// Validation 

.error {
    color: $danger-bg;
    font-weight: 600;
}

.glyphicons.glyphicons-minus-sign.delete-ordered-item {
    color: $danger-bg;
} 

 .glyphicon.glyphicon-ok.approve-ordered-item {
     color:$success-bg;
 }
 .multi-file-upload .header-row {
     background-color: $sidebar-bg;
 }

 // My Pages Setup
 .MyPagesSetup .glyphicons.glyphicons-circle-arrow-right, .MyPagesSetup .glyphicons.glyphicons-circle-arrow-left {
     color: $button-bg;
 }

 // Rss Portlet
 .RssPortlet .rss-folder {
     color: $button-bg;
 }

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

.RssPortlet .categories-and-feed-header-row {
    color: $button-bg;
}

.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
.forums-portlet .single-post-container .original-post-row a 
    {
    color: $portlet-bg;
    }
.forums-portlet .alternate-post 
    {
    background-color: lighten($sidebar-bg, 9%);
    }
.forums-portlet .original-post.alternate-post 
    {
    background-color: rgba($button-bg, .18);
    }
.forums-portlet .original-post
    {
    background-color: rgba($button-bg, .18);
    }
.forums-portlet .unread-post
    {
    background-color: $warning-bg;
    }
.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: $warning-bg;
    }
.forums-portlet .secondary-alternate-background-one.original-post-row.primary-background 
    {
    background-color: $button-bg;
    }
 
    */
/* 
    Theme: CX Mobile
--  Portlet mobile color specific styles
--  Create another file to override these styles if needed
*/
@media only screen and (max-width: 1025px) {
  .portlet-grid .portlet {
    margin: 10px 0; }
  /*
.contentTabs
    {
    li
        {
        a
            {
            max-width: 160px;
            margin-bottom: -6px;
            overflow: hidden;
            text-overflow: ellipsis;
            }
        }
    .tabbox
        {
        & > span,
        & > table,
        & > .hint,
        & > .row,
        & > .form-horizontal,
        & > .btn-toolbar
            {
            margin-left: 15px;
            margin-right: 15px;
            }
        }
    }
*/ }

@media only screen and (max-width: 426px) {
  /*
.contentTabs
    {
    li
        {
        a
            {
            max-width: 80px;
            }
        }
    .tabbox
        {
        & > span,
        & > table,
        & > .hint,
        & > .row,
        & > .form-horizontal,
        & > .btn-toolbar
            {
            margin-left: 10px;
            margin-right: 10px;
            }
        }
    }
*/ }

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

.card-layout .masonry .card {
  background-color: #EDEDED; }
  .card-layout .masonry .card p {
    color: #464744; }
  .card-layout .masonry .card .wysiwygtext {
    color: #464744; }
  .card-layout .masonry .card a.title {
    color: #464744; }
  .card-layout .masonry .card .btn-primary {
    border-right: 1px solid #B1B1B1; }
  .card-layout .masonry .card .sub-info {
    color: #464744; }

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

.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: 1025px) {
  .card-layout .card-set-wrapper {
    border: none; } }

/* 
    Theme: CX Mobile
--  Slide menu colors specific styles
--  Create another file to override these styles if needed
*/
/* 
    Theme: CX Mobile
--  Slide menu mobile colors specific styles
--  Create another file to override these styles if needed
*/
@media only screen and (max-width: 1025px) {
  .slideout-wrapper.closed {
    border-color: transparent; }
  .slideout-wrapper.open {
    border-color: #bababa;
    -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: white; } }

/* 
    Theme: CX Mobile
--  Popovers colors specific styles
--  Create another file to override these styles if needed
*/
.popover {
  font-family: "Open Sans", Helvetica, Arial, sans-serif; }

/* 
    Theme: CX Mobile
--  Alerts colors specific styles
--  Create another file to override these styles if needed
*/
#portlets .alert-container {
  display: block;
  padding: 15px;
  margin: 10px 0 15px 0;
  border: 1px solid transparent;
  border-radius: 4px;
  font-weight: normal; }
  #portlets .alert-container.error {
    border-color: #BB0D0D;
    color: #FFF;
    background-color: #D61D1D; }
  #portlets .alert-container.success {
    border-color: #088557;
    color: #FFF;
    background-color: #0AA36A; }
  #portlets .alert-container.feedback {
    border-color: #DDD;
    color: #616161;
    background-color: #F9F9F9; }
  #portlets .alert-container.warning {
    border-color: #F6C705;
    color: #FFF;
    background-color: #FFEC93; }

#portlets .portlet .alert-container {
  margin: 15px !important; }

#portlets .portlet .portlet-padding .alert-container {
  margin: 0 0 20px 0 !important; }

#portlets .feedbackMessage, #portlets .feedbackError {
  display: block;
  padding: 15px;
  margin: 0 0 20px 0;
  font-size: 14px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-weight: normal; }

#portlets .feedbackMessage {
  border-color: #DDD;
  color: #616161;
  background-color: #F9F9F9; }

#portlets .feedbackError {
  border-color: #F6C705;
  color: #FFF;
  background-color: #FFEC93; }

/* 
    Theme: CX Mobile
--  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: #EDEDED; }

.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 table.footable > tbody > tr.footable-empty > td {
  font-size: 18px; }

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

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

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

.table.footable > tbody > tr.hide-toggle-icon > td > span.footable-toggle:before {
  visibility: hidden; }

/* 
    Theme: CX Mobile
--  Form colors specific styles
--  Create another file to override these styles if needed
*/
.FBQuestionList {
  margin-left: 10px; }
  .FBQuestionList h6.HeaderLabel {
    color: #464744;
    background: none;
    margin: 0; }
  .FBQuestionList .HeaderDesc {
    padding-left: 20px;
    padding-bottom: 15px; }
  .FBQuestionList td {
    vertical-align: sub;
    font-size: 100%;
    padding-bottom: 0;
    padding-left: 8px;
    padding-right: 0; }
    .FBQuestionList td span table tr td {
      padding-right: 8px; }
      .FBQuestionList td span table tr td:first-child {
        font-weight: 600; }
  .FBQuestionList .Header td {
    padding-left: 0 !important; }
  .FBQuestionList .Input td {
    padding: 0;
    padding-left: 20px; }
  .FBQuestionList label {
    font-weight: 400 !important;
    margin-left: 8px; }
  .FBQuestionList .HeaderLabel {
    padding-top: 15px;
    font-size: 100%;
    font-weight: 600; }
  .FBQuestionList .Required {
    margin-left: 10px;
    color: #616161; }
  .FBQuestionList .Answer {
    font-weight: 600; }
  .FBQuestionList .Error {
    font-weight: 600;
    color: #D61D1D; }
  .FBQuestionList .RequiredError {
    color: #D61D1D;
    font-weight: 600;
    font-style: italic; }

.FBQuestionListSpacer {
  height: 160px; }

.FBQuestionListSpacer0 {
  height: 180px; }

.FBQuestionListSpacer1 {
  height: 130px; }

.FBQuestionListSpacer2 {
  height: 100px; }

.FBQuestionListSpacer3 {
  height: 70px; }

.FBQuestionListSpacer4 {
  height: 40px; }

.FBQuestionListSpacer5 {
  height: 10px; }

.EmploymentApplication #Layer2,
.FerpaPermissions #Layer2,
.ApplyOnline #Layer2,
.MakeInquiry #Layer2,
.StudentRequest #Layer2 {
  position: static !important;
  margin-left: -9px; }

.FormBuilder .MainHeader {
  line-height: 1.4em; }
  .FormBuilder .MainHeader h4 {
    margin-top: 3px;
    margin-bottom: 0; }
  .FormBuilder .MainHeader .pSection {
    padding-bottom: 0; }
  .FormBuilder .MainHeader table {
    width: 100%;
    background-color: #FFFFFF; }
  .FormBuilder .MainHeader td {
    height: 100%;
    width: 50%;
    vertical-align: top;
    padding: 0;
    margin: 0;
    font-size: 100%;
    border: none;
    border-top: 1px solid #B1B1B1; }
    .FormBuilder .MainHeader td ul {
      margin: 0; }
    .FormBuilder .MainHeader td.FormSettings {
      width: 30%; }
      .FormBuilder .MainHeader td.FormSettings .MainHeaderPanel .iconCell {
        width: 5%;
        vertical-align: middle; }

.FormBuilder .MainHeaderSecondary h4 {
  background-color: #FFFFFF; }

.FormBuilder .MainHeaderSecondary table {
  background-color: #FFFFFF; }
  .FormBuilder .MainHeaderSecondary table td {
    border: none;
    border-top: 1px solid #B1B1B1; }

.FormBuilder .MainHeaderMessage {
  padding: 8px;
  color: #616161;
  font-weight: 600; }

.FormBuilder .MainHeaderSubHeader {
  margin: 8px;
  font-weight: 600; }

.FormBuilder .MainHeaderPanel {
  padding: 0 10px 5px; }
  .FormBuilder .MainHeaderPanel td {
    vertical-align: middle;
    border-style: none;
    margin: 0; }
  .FormBuilder .MainHeaderPanel li {
    margin: 0; }

.FormBuilder .MainHeaderIcon {
  float: left;
  padding-right: 10px; }

.FormBuilder .MainHeaderStatus {
  color: #616161;
  font-weight: 600; }

.FormBuilder .MainHeaderStatusWarning {
  color: #D61D1D;
  font-weight: 600; }

.FormBuilder .MainHeaderSetting {
  font-weight: 600; }

.FormBuilder .MainHeaderStatusText {
  font-size: 100%;
  font-weight: 600; }

.FormBuilder a {
  text-decoration: none; }

.FormBuilder table.MainHeaderStatusBar {
  background-color: #F9F9F9;
  width: 100%;
  font-size: 100%; }
  .FormBuilder table.MainHeaderStatusBar td {
    vertical-align: middle;
    padding: 8px;
    white-space: nowrap;
    border: none;
    border-top: 1px solid #B1B1B1; }
  .FormBuilder table.MainHeaderStatusBar a {
    color: #085482;
    font-weight: 600; }

.FormBuilder table.GridStyle {
  position: relative;
  margin-bottom: 15px;
  background: #FFFFFF; }
  .FormBuilder table.GridStyle thead {
    border: none;
    background: #FFFFFF; }
    .FormBuilder table.GridStyle thead td {
      font-weight: 600;
      font-size: 100%;
      border: none;
      border-top: 1px solid #B1B1B1; }
    .FormBuilder table.GridStyle thead .InternalTableCell {
      border-style: none;
      font-weight: normal;
      padding-top: 2px;
      padding-left: 2px;
      vertical-align: middle; }
    .FormBuilder table.GridStyle thead .BottomCell {
      padding-top: 10px; }
    .FormBuilder table.GridStyle thead .RightCell {
      padding-left: 20px; }
    .FormBuilder table.GridStyle thead .SmallMargin {
      margin: 3px; }
    .FormBuilder table.GridStyle thead .OtherContent {
      padding: 10px; }
  .FormBuilder table.GridStyle tbody tr td.alt,
  .FormBuilder table.GridStyle tbody tr.alt td,
  .FormBuilder table.GridStyle tbody tr.alt td.alt {
    background: #F9F9F9; }
  .FormBuilder table.GridStyle th {
    font-weight: 600;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 8px;
    background: #FFFFFF;
    height: 20px; }
  .FormBuilder table.GridStyle td {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 8px; }
  .FormBuilder table.GridStyle td,
  .FormBuilder table.GridStyle th {
    border: none;
    border-top: 1px solid #B1B1B1;
    padding-left: 8px;
    font-size: 100%; }
    .FormBuilder table.GridStyle td input[type='image'],
    .FormBuilder table.GridStyle th input[type='image'] {
      vertical-align: middle; }
  .FormBuilder table.GridStyle tfoot tr td {
    border-style: none;
    padding-top: 8px;
    font-size: 100%; }
  .FormBuilder table.GridStyle tfoot tr td a {
    font-size: 100%; }
  .FormBuilder table.GridStyle tfoot .RightAlign {
    float: right; }
  .FormBuilder table.GridStyle tfoot .LeftAlign {
    float: left; }
  .FormBuilder table.GridStyle .TitleBar {
    border: none;
    border-top: 1px solid #B1B1B1;
    background: #FFFFFF; }
  .FormBuilder table.GridStyle .HeaderSection {
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    vertical-align: top;
    font-weight: normal;
    font-size: 100%;
    background-color: #FFFFFF; }
  .FormBuilder table.GridStyle .ImportQuestions {
    padding: 8px;
    vertical-align: middle;
    font-weight: normal;
    font-size: 100%;
    background-color: #FFFFFF;
    width: 25%; }
  .FormBuilder table.GridStyle .AddQuestions {
    padding: 8px;
    width: 45%; }
  .FormBuilder table.GridStyle .EditSection {
    padding: 8px;
    width: 30%; }
  .FormBuilder table.GridStyle .RightTableCell {
    border: none;
    border-top: 1px solid #B1B1B1; }
  .FormBuilder table.GridStyle .RightSplitTableCell {
    border: none; }
  .FormBuilder table.GridStyle .ReorderCell {
    width: 70px; }
  .FormBuilder table.GridStyle .HiddenCell {
    display: none; }

.FormBuilder .GridStyleHalfWidth {
  width: 50%; }

.FormBuilder .GridStyleFullWidth {
  width: 100%; }

.FormBuilder #tblCreateNewForm {
  border: none;
  border-top: 1px solid #B1B1B1;
  margin-top: 10px; }
  .FormBuilder #tblCreateNewForm tbody .NameCell {
    padding-top: 10px;
    padding-bottom: 0; }
  .FormBuilder #tblCreateNewForm tbody td {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px; }
  .FormBuilder #tblCreateNewForm td {
    border: none;
    border-top: 1px solid #B1B1B1; }

.FormBuilder #tblNewQuestion td,
.FormBuilder #tblStaticOptions td,
.FormBuilder #tblDynamicOptions td {
  padding: 8px; }

.FormBuilder #tblNewQuestion .defaultSkin tr.mceFirst .mceToolbar tr td {
  padding: 0; }

.FormBuilder #tblStaticOptions thead td,
.FormBuilder #tblDynamicOptions thead td {
  font-size: 100%; }

.FormBuilder #tblStaticOptions th,
.FormBuilder #tblStaticOptions td,
.FormBuilder #tblDynamicOptions th,
.FormBuilder #tblDynamicOptions td {
  padding: 8px;
  font-size: 100%; }

.FormBuilder #tblNewQuestion .OptionCell {
  padding: 0;
  width: 100%; }

.FormBuilder .pSection #tblCreateNewForm tbody {
  padding: 20px;
  line-height: 1.4em; }

.FormBuilder .pSection #tblCreateNewForm ul {
  margin: 0; }

.FormBuilder .pSection #tblCreateNewForm li {
  display: list-item;
  list-style-position: inside;
  list-style-type: disc;
  margin: 0; }

.FormBuilder .pSection li {
  display: inline;
  z-index: 0;
  padding-left: 20px; }

.FormBuilder .pSection .ChooseQuesTypeListItem {
  display: list-item;
  list-style-position: inside;
  list-style-type: disc; }

.FormBuilder .pSection .DynamicOptionsListItem {
  display: list-item;
  list-style-position: inside;
  list-style-type: none; }

.FormBuilder #tblNewQuestion .FooterBar {
  border: solid 1px #B1B1B1;
  background: #FFFFFF; }

.FormBuilder #tblIntroAndInstructions a {
  margin-bottom: 5px;
  margin-top: 5px; }

.FormBuilder #tblIntroAndInstructions tbody td {
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
  vertical-align: top; }

.FormBuilder #tblHiddenData .EmptyCell {
  border-left-style: none; }

.FormBuilder #tblAddImportQuestions tbody tr td {
  padding: 8px; }

.FormBuilder #tblAddImportQuestions tbody tr td a {
  padding-left: 16px; }

.FormBuilder .ErrorMsg {
  color: #D61D1D; }

.FormBuilder .EmMsg {
  width: 480px;
  display: none; }

.FormBuilder #tblMoveQuestion {
  background: #FFFFFF;
  border: solid 1px #B1B1B1; }

.FormBuilder .SmallText {
  font-size: 100%; }
  .FormBuilder .SmallText td {
    padding: 0 8px 4px 8px; }

.FormBuilder #tblReorderDone tr td a {
  font-size: 100%; }

.FormBuilder #tblQuestionPreview {
  border: solid 1px #B1B1B1; }
  .FormBuilder #tblQuestionPreview .FBQuestionList {
    margin: 8px;
    vertical-align: middle; }
  .FormBuilder #tblQuestionPreview tr td fieldset {
    padding: 0; }

.FormBuilder .MainPageOrderCell {
  width: 2%; }

.FormBuilder .MainPageQuestionCell {
  width: 33%; }

.FormBuilder .MainPageQuestionTypeCell {
  width: 30%; }

.FormBuilder .MainPageRequiredCell {
  width: 5%; }

.FormBuilder .MainPageEditDeleteCell {
  width: 8%; }

.FormBuilder .MainPageMappingCell {
  width: 22%; }

.FormBuilder .MainPageHiddenDataLabelValueCell {
  width: 35%; }

.FormBuilder .cbAlign {
  vertical-align: middle; }

/* 
    Theme: CX Mobile
--  Base layout specific styles
--  Create another file to override these styles if needed
*/
#masthead {
  background-color: #ffffff;
  margin: 0;
  padding-top: 20px;
  height: 86px;
  position: relative; }
  #masthead h1 {
    margin: 0;
    padding: 0 20px; }
    #masthead h1 a {
      /*background: transparent url(./images/umary-logo-test.png) no-repeat;*/
      display: block;
      width: 235px;
      height: 45px;
      background-size: contain;
      z-index: 200; }

.main-layout {
  margin-top: 60px;
  padding-bottom: 0; }
 
.targeted-message {
	top: 50px;
	color: #D33A35;
	text-align: center;
	font-weight: bold;
	border-color: #D33A35;
	background-color: #fefafa;
}

/* 
    Theme: CX Mobile
--  Base mobile layout specific styles
--  Create another file to override these styles if needed
*/
@media screen and (max-width: 1025px) {
  #masthead {
    display: inline-block;
    width: 100%;
    height: 86px;
    background-color: #ffffff; /*HSSU transparent*/
    z-index: 2050;
    padding: 0; }
    #masthead h1 {
      padding: 0; }
      #masthead h1 a {
        max-width: 100%;
		margin-top: 15px;}
  .main-layout {
    font-size: 16px;
    margin-top: 52px;
    padding: 6px 0 0 0; }
  .page-title h2 {
    margin: 0; }
  .page-title-btn {
    display: block;
    margin-top: 25px; }
  .hint {
    font-size: 16px; } }

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

div.menuContent {
	background: white;
}