/* File: custom_spinner.css */
#canvasLoader{
    display: none !important;
}
.clWrapper {
    animation: rotate 2s infinite;
    height: 25px;
    width: 25px;
}
.clWrapper:before, .clWrapper:after {
    border-radius: 50%;
    content: "";
    display: block;
    height: 10px;
    width: 10px;
}
.clWrapper:before {
    animation: ball1 2s infinite;
    background-color: #117FC3;
    box-shadow: 15px 0 0 #F79227;
    margin-bottom: 5px;
}
.clWrapper:after {
    animation: ball2 2s infinite;
    background-color: #F79227;
    box-shadow: 15px 0 0 #117FC3;
}
@keyframes rotate {
    0% { transform: rotate(0deg) scale(0.8) }
    50% { transform: rotate(360deg) scale(1.2) }
    100% { transform: rotate(720deg) scale(0.8) }
}
@keyframes ball1 {
    0% {
      box-shadow: 15px 0 0 #F79227;
    }
    50% {
      box-shadow: 0 0 0 #F79227;
      margin-bottom: 0;
      transform: translate(7.5px, 7.5px);
    }
    100% {
      box-shadow: 15px 0 0 #F79227;
      margin-bottom: 5px;
    }
}
@keyframes ball2 {
    0% {
      box-shadow: 15px 0 0 #117FC3;
    }
    50% {
      box-shadow: 0 0 0 #117FC3;
      margin-top: -10px;
      transform: translate(7.5px, 7.5px);
    }
    100% {
      box-shadow: 15px 0 0 #117FC3;
      margin-top: 0;
    }
}

/* File: summit.css */
:root {
    --default-font-family: Rubik, Roboto, sans-serif;
    --default-font-color: #000000;
    --primary-color: #0F2B4D; /* var(--dark-grey) */
    --primary-color-2: var(--primary-color);
    --loader-color: var(--primary-color);
    --leftnav-hover-color: #F9F9FA;
    --primary-button-color: var(--primary-color);
    --primary-button-hover-color: #949494;
    --primary-button-hover-color-2: var(--primary-button-hover-color);
    --primary-color-17-percent: #D50F3B2B;
    --primary-color-17-percent-background: var(--primary-color-17-percent);
    --grey: #c9c9c9;
    --grey-shadow: #05050510;
    --grey-2: #585D6B;
    --grey-3: #F7F7F7;
    --background-grey: var(--report-filter-list-background-color);
    --border-grey: var(--grey);
    --signal-positive-color: #D50F3B;
    --signal-negative-color: #FF8F00;
    --dark-grey: #666;
    --dark-grey-1: #333740;
    --dark-grey-2: #717684;
    --black: #000;
    --background-black: var(--black);
    --white: #fff;
    --background-white: var(--white);
    --primary-text-color: #333740;
    --light-grey: #F8F6F4;
    --light-grey-background: var(--light-grey);
    --light-grey-1: #A0A5B4;
    --light-grey-1-background: var(--light-grey-1);
    --light-grey-2: #DBDDE5;
    --light-grey-2-background: var(--light-grey-2);
    --light-grey-3: #ECEDF0;
    --light-grey-3-background: var(--light-grey-3);
    --light-grey-4: #b0b0b0;
    --light-grey-4-background: var(--light-grey-4);
    --light-grey-5: #F2F2F2;
    --light-grey-5-background: var(--light-grey-5);
    --light-blue: #D4EFFC;
    --light-blue-1: #A1E0FF;
    --light-blue-text-selection: #BFE7FA;
    --warning-orange: #F69336;
    --light-orange-1: #FEF5E5;
    --error-red: #EE2439;
    --transparent: #ffffff00;
    --popup-button-color: #D4EFFC;
    --toolbar-tab-border: #FFD000;
    --light-grey-thin-border-color: #dbdde5;
    --filter-list-background-color: #FFFFFF;
    --filter-background-color: #FFFFFF;
    --filter-input-border-color: #DBDDE5;
    --filter-list-width: 280px;
    --filter-output-width: auto;
    --report-filter-list-background-color: #F2F2F2;
    --filter-prompt-only-padding: 32px;
    --filter-prompt-and-clear-padding: 55px;
    --filter-output-box-shadow: 0 4px 16px 0 #DBDDE5;
}

/******************** FONTS ********************/
BODY {
    background-color: var(--background-white);
    MARGIN: 0px 0px 0px 0px;
    font-family: var(--default-font-family);
    line-height: 1.25;
}
input, textarea, keygen, select, button, meter, progress {
    font-family: var(--default-font-family);
}

A:link {
  COLOR: #000000;
	text-decoration: underline;
}

A:visited {
	COLOR: #000000;
	text-decoration: underline;
}

A:hover {
	COLOR: var(--primary-color);
	text-decoration: underline;
}

/******************** HEADER ********************/
td.i4sidenav_width.header_logo img {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 20px;
    width: 202px;
    height: 40px;
}
#logoffBtn {
    background-color:  var(--primary-color);
}

/******************** PAGE BORDERS ********************/
.toolbarTop {
    background-color: #e4e4e4;
    height: 1px;
}
div.browsePageContainer {
    border-top: 3px solid var(--white);
}
#browsePageBody div#navigationMenuContainer {
    border-top: 3px solid var(--white);
}
div#timelineWrapper {
    border-top: 1px solid #E3E3E3;
}
div.toggle-new-page {
    border-top: none;
}
div.export-view-top-nav {
    border-top: 1px solid #E3E3E3;
}
div.import-view-top-nav {
    border-top: 1px solid #E3E3E3;
}
div.toolbarOuter {
    border-top: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
}
div.navigation-toolbar-holder {
    border-top: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
}

/******************** DASHBOARDS ********************/

/*** GREY BACKGROUND FOR DASHBOARDS ***/
#dashboardPageBody {
    background-color: var(--background-grey);
}
.dashboardMainContainer {
    position: relative;
    background-color: var(--background-grey);
    padding-left: 60px;
}
.dashboardTabViewContainer {
    background-color: var(--background-grey);
}

/* Dashboard Tabs in Top Toolbar */
.topToolbarContainer {
    background-color: var(--white);
}
.tabContainer .tab {
    height: 56px;
    line-height: 60px;
    border-bottom: 4px solid var(--white);
    background-color: var(--white);
    border-radius: 0px;
    color: var(--default-font-color);
    margin: 0px;
    overflow: hidden;
    white-space: nowrap;
    width: auto; /*auto adjusts width based on dash name */
    min-width: 160px; /*auto adjusts width based on dash name */
}
.tabContainer .tab:hover {
    border-bottom: 4px solid var(--grey);
}
.tabContainer .activeTab, .activeTab:active {
    background-color: var(--white);
    border-bottom: 4px solid var(--primary-color) !important;
    margin: 0px;
    height: 56px;
    line-height: 60px;
    font-weight: 600;
}
.tabContainer .tab .tabButtonText {
    font-family: var(--default-font-family);
    font-size: 16px;
    line-height: 60px;
    padding-left: 0px;
    padding-right: 22px;
    margin-left: 20px;
    margin-right: 20px;
}
.tabContainer .tab .selectedDropDown {
    background: url(../images/arrow-dropdown-black.svg) no-repeat center;
    height: 13px;
    width: 13px;
    position: absolute;
    top: 17px;
    right: 10px;
    padding: 5.5px 5.5px 8px 8px;
    background-color: var(--white);
    border-radius: 6px;
}
.tabContainer .activeTab .selectedDropDown {
    background: url(../images/arrow-dropdown-black.svg) no-repeat center;
    height: 13px;
    width: 13px;
    position: absolute;
    right: 10px;
    background-color: var(--white);
}

/*** More Dashboards Menu ***/
.dashboardDropdown, .editMoreDropdown, .previewMoreDropdown {
    font-family: var(--default-font-family);
    border: 1px solid #000000;
}
.dashboardDropdown:hover {
    background: var(--grey);
}
.dashboardDropdownInner, .editMoreDropdownInner, .previewMoreDropdownInner {
    height: 34px;
    color: var(--default-font-color);
    border-right: 1px solid #000000;
}
.dashboardPage .topToolbarContainer .selectedDropDown {
    background: url(../images/arrow-dropdown-black.svg) no-repeat center;
}

/*** Dashboard Sub Tab Buttons ***/
.subTabButtonText {
    font-size: 16px;
}

/*** Dashboard Tab Settings ***/
div.tabSettings div.icon {
    float: right;
    background-color: var(--background-grey);
    margin-left: 8px;
    margin-right: 7px;
    height: 30px;
    width: 29px;
    padding: 0;
    border-radius: 6px;
}
div.tabSettings div.icon:hover {
    float: right;
    background-color: var(--background-grey);
    margin-left: 8px;
    margin-right: 7px;
    height: 30px;
    width: 29px;
    padding: 0;
    border-radius: 6px;
}



/*** Dashboard Users Favourited ***/
.tabSettings .favouritedBy div.userListContainer {
    display: none;
}

/*** Dashboard Share Button ***/
.dashboardToolbar .dashboardOptions {
    height: 56px;
    position: absolute;
    right: 0;
}
.tabSettings .dashboardShare {
    float: right;
    margin-left: 1px;
    line-height: 27px;
    height: 26px;
    width: 39px;
    color: #192133;
    font-family: var(--default-font-family);
    font-size: 14px;
    cursor: pointer;
    background: var(--background-grey) url(../../customimages/share.svg) no-repeat 50%;
}
.tabSettings .dashboardShare A:link {
    color: #192133;
    text-decoration: none;
    display: none;
}

/*** Dashboard Broadcast Button ***/
div.tabSettings .dashboardBroadcast {
    float: right;
    margin-left: 8px;
    margin-right: 7px;
    height: 30px;
    width: 29px;
    padding: 0;
    border-radius: 0px;
    background: var(--background-grey) url(../../images/broadcast.svg) no-repeat 50%;
}
div.tabSettings .dashboardBroadcast:hover {
    float: right;
    margin-left: 8px;
    margin-right: 7px;
    height: 30px;
    width: 29px;
    padding: 0;
    border-radius: 0px;
    background: var(--background-grey) url(../../images/broadcast.svg) no-repeat 50%;
}

/*** Dashboard Security Button ***/
.tabSettings .dashboardSecurityStatus.editable {
    border-radius: 0px;
    background: var(--background-grey) url(../../images/icon_open_lock_blue.svg) no-repeat 50%;
}
.tabSettings .dashboardSecurityStatus.editable:hover {
    border-radius: 0px;
    background: var(--background-grey) url(../../images/icon_open_lock_blue.svg) no-repeat 50%;
}

.tabSettings .dashboardSecurityStatus.editable.secure {
    background: var(--background-grey) url(../../images/icon_lock_blue.svg) no-repeat 50%;
}
.tabSettings .dashboardSecurityStatus.editable.secure:hover {
    background: var(--background-grey) url(../../images/icon_lock_blue.svg) no-repeat 50%;
}


/*** Dashboard Filter Panel ***/
.slimOutputList {
    background-color: var(--report-filter-list-background-color);
    padding-right: 2px;
}
.filterList .filterOutput, .filterList .filterGroup {
    border: 1px solid #DBDDE5;
    margin-bottom: 10px;
}
.filterListHeading {
    background-color: var(--report-filter-list-background-color);
}

.filterListHeading .filterListTitle {
    float: left;
    padding-left: 15px;
    padding-top: 32px;
    width: 181px;
    color: #333740;
    font-family: var(--default-font-family);
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    text-transform: uppercase;
}
.filterOutput .filterInformation .filterTitle {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 19px;
    width: 187px;
    color: #333740;
    font-family: var(--default-font-family);
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
}
.filterOutput .filterOperator {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 25px;
    color: #333740;
    font-family: var(--default-font-family);
    font-size: 12px;
    font-weight: 400;
    line-height: 25px;
}
div.filterPromptHolder div.promptFilterOperator {
    font-size: 12px;
    float: left;
    max-width: 166px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333740;
    font-weight: 400;
    line-height: 21px;
}
div.toggleDescription {
    float: left;
    line-height: 28px;
    margin-right: 5px;
    color: #333740;
    font-size: 12px;
}
.filterOutputList .filterOutput .styledMultiSelect select {
    padding: 0px;
    color: #333740;
    font-family: var(--default-font-family);
    font-size: 14px;
}
div.filterOutputList .filterOutputControlPanel .filterListControlIcon.reset span {
    color: #717684;
    text-decoration: none;
    cursor: not-allowed;
}
div.filterOutputControlPanel .filterListControlIcon > span {
    line-height: 56px;
    color: var(--primary-color);
    font-family: var(--default-font-family);
    font-size: 16px;
    text-decoration: underline;
    text-align: center;
    cursor: pointer;
}
div.filterOutputControlPanel {
    background-color: #F2F2F2;
}

/*** Pre-Built Dashboard Templates ***/
.portlet-header {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #000000;
    font-family: var(--default-font-family);
    height: 34px;
    text-transform: uppercase;
}
.dashContentPortlet {
    clear: both;
    background: #ffffff;
    border-radius: 5px;
}
.dashContentTitle {
    height: 28px;
    position: relative;
    margin: 5px 2px 2px 5px;
    padding-top: 10px;
}

/*** Report Action Buttons on Dashboards ***/
.dashContentContainer .dashContentActionMenu {
    background-color: transparent;
    height: 30px;
    border-radius: 6px;
}
.dashContentActionMenu {
    background-color: transparent;
}


/*** DASHBOARD EDIT MODE ***/
dashboard-edit-toolbar, dashboard-active-toolbar {
    background: var(--white);
}
.draftTabContainer .draftTab {
    color: var(--default-font-color);
}
/* Preview Button */
.previewButton > .btn-container {
    background-color: transparent;
    border: 1px solid var(--default-font-color);
    color: var(--default-font-color);
}
.previewButton:hover > .btn-container:hover {
    background-color: var(--grey);
}
/* More button */
.editMoreDropdown:hover {
      background:  var(--grey);
}
/* Publish Button */
.publishButton {
    border: 1px solid var(--default-font-color);
    box-shadow: none;
    background:  var(--dark-grey);
}
.publishTitle {
    color: var(--white);
}



/******************** HAMBURGER MENU ********************/
div.menu-section-header-title {
    background-color: var(--leftnav-hover-color) !important;
}
div.menu-cell-collapsed-create-content {
    background-color: var(--leftnav-hover-color);
}
div.menu-cell-expanded-create-content {
    background-color: var(--leftnav-hover-color);
}
span.header-user-name {
    color: var(--default-font-color);
}
span.header-user-job-description {
    color: var(--default-font-color);
}
div.menu-section-header {
    color: var(--default-font-color);
}

/******************** BROWSE PAGE ********************/
/*** Browse Page - Left Menu Items ***/
.browsePage .browseLeft .browseContentTypeItem.active {
    background-color: var(--grey-3);
    color: var(--default-font-color);
}
.allDataSources.selected {
    background-color: var(--grey-3);
    color: var(--primary-color-2);
    border-left: 4px solid var(--primary-color-2);
}
div.hierarchyInfo.selected {
    background-color: var(--grey-3);
    color: var(--primary-color-2);
    border-left: 4px solid var(--primary-color-2);
  }
.browsePage .browseFolder .folderMain.selected {
    background-color: var(--grey-3);
}
.browseInformationFirstLine .contentTitle {
    font-weight: 400 !important;
}
.browseInformationSecondaryLine {
    font-weight: 400;
}

/*** Browse - List View ***/
.browseSelected .browseContentItem > div {
    font-weight: 400;
}
.browseItemListHolder .browseContentItem {
    font-size: 16px;
    color: var(--grey-2) !important;
    font-weight: 400;
    width: 100%;
    white-space: nowrap;
}


/******************** ERROR MESSAGES ********************/
.largeGreyErrorImage {
    display: none; /* hides sad face image */
}
.largeGreyErrorText {
    font-size: 12px;
    color: #999999;
}

/******************** LOGIN ERROR PAGE - Exceeded maximum attempts - logon.i4 ********************/
a.btnContinue {
    text-decoration: none;
    background: var(--primary-color);
    border-radius: 6px;
    padding: 10px 35px;
    color: var(--white) !important;
}



/******************** REPORTS ********************/

/*** Page Links and Page Numbers ***/
.dashPortletPageLinks table.i4DashTitle {
    border: none;
    background-color: var(--background-grey);
    background-image: none;
}
.dashPortletPageLinks {
    color: #000000;
    font-family: var(--font-family);
    font-size: 12px;
}


/******************** USER PROFILE ********************/
div.timelineHeading a:link {
    text-decoration: none;
}
div#jobInfo {
  display: none;
}
div#tags {
  display: none;
}
.userJobTitle {
  display: none;
}
.userJobDescription {
  display: none;
}
#interests {
    display: none;
}


/******************** BUTTONS ********************/
div.btn-medgrey {
    background: var(--grey);
    color: var(--white);
}