/* ========================================================================== Theme Configuration File ========================================================================== */
/** Base Colors Description: Provides a base for the UI. Usage: General UI Background, Region Headers, Buttons */
/** Highlight Colors Description: Used for providing emphasis or importance to UI components. Usage: Region Headers, Primary / Hot Buttons */
/** Accent and Status Colors Description: Used for indicating state-based UI components, status, or accents. Usage: Warnings, Errors, Danger Text, Success, Focus */
/** Application Based Colors Description: Used for applications within APEX development */
/* ========================================================================== Interactive Report Styles ========================================================================== */
.a-IRR-dialog.ui-dialog .ui-dialog-content { padding: 12px; border-bottom: 1px solid #F0F0F0; }

/* ========================================================================== Interactive Report Region ========================================================================== */
.a-IRR-region--openTab .a-IRR { border-width: 0; }

.a-IRR-region--openTab .a-IRR-toolbar { background-color: #FFF; padding: 12px; }

.a-IRR-toolbarWrap:after { content: ''; background-image: linear-gradient(rgba(0, 0, 0, 0.075), transparent); background-size: 100% 4px; background-repeat: no-repeat; height: 4px; width: 100%; position: absolute; opacity: 0; transition: opacity .5s; }

.a-IRR-toolbarWrap.is-fixed { position: fixed; top: 0; left: 0; right: 200px; z-index: 100; -webkit-transform: translate3d(0, 0, 0); }

.a-IRR-toolbarWrap.is-fixed:after { opacity: 1; }

.a-IRR-search-field { width: 200px; }

.a-IRR-button.a-IRR-button--search { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.a-IRR-button.a-IRR-button--colSearch { border-top-right-radius: 0; border-bottom-right-radius: 0; }

/* ========================================================================== Reponsive Icon View ========================================================================== */
.a-IRR-region--responsiveIconView .a-IRR-iconViewTable { border-spacing: 0; border-collapse: collapse; width: 100%; display: block; padding: 8px; overflow: hidden; }

.a-IRR-region--responsiveIconView .a-IRR-iconViewTable tbody { display: block; }

.a-IRR-region--responsiveIconView .a-IRR-iconViewTable tr { display: inline; }

.a-IRR-region--responsiveIconView .a-IRR-iconViewTable td { display: block; float: left; padding: 0; width: 180px; }

/* ========================================================================== Wide Icons ========================================================================== */
.a-IRR-region--responsiveIconViewWide .a-IRR-iconViewTable { border-spacing: 0; border-collapse: collapse; width: 100%; display: block; padding: 8px; overflow: hidden; }

.a-IRR-region--responsiveIconViewWide .a-IRR-iconViewTable tbody { display: block; }

.a-IRR-region--responsiveIconViewWide .a-IRR-iconViewTable tr { display: inline; }

.a-IRR-region--responsiveIconViewWide .a-IRR-iconViewTable td { display: block; float: left; padding: 0; width: 16.66666%; }

/* ========================================================================== Remove Outer Borders ========================================================================== */
.a-IRR-region--noOuterBorders .a-IRR { border-width: 0; }

.a-IRR-region--noSideBorders .a-IRR { border-width: 1px 0; }

.a-IRR-region--showTopBorder .a-IRR { border-width: 1px 0 0 0; }

.a-IRR-table td { padding: 6px 12px; }

.a-IRR-icon { display: block; text-align: center; padding: 12px 8px; border-radius: 2px; }

.a-IRR-icon:hover { background-color: #FAFAFA; text-decoration: none; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset; }

.a-IRR-icon:focus, .a-IRR-icon:active { outline: none; box-shadow: 0 0 0 1px #0572CE inset; background-color: #F2F2F2; }

.a-IRR-icon .a-Icon { color: #0572CE; width: 32px; height: 32px; margin: 4px 0; }

.a-IRR-icon .a-Icon:before { font-size: 32px; }

.a-IRR-icon--page { position: relative; }

.a-IRR-icon--page .a-Icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik01My45NjIgMTYuNTIxbC0uMDA1LS4wMjljLS4wMjMtLjE2LS4wNTctLjMyNS0uMS0uNDkxLS4yMjktLjkwMS0uNzExLTEuODU0LTEuMjcyLTIuNDE0bC0xMC4xNzEtMTAuMTczYy0uNjY1LS42NjUtMS44ODItMS4yMjItMi45MDktMS4zNzJsLS4wMjYtLjAwNWMtLjE2NS0uMDIyLS4zMjctLjAzNy0uNDc5LS4wMzdoLTI3Yy0xLjEgMC0yIC45LTIgMnY1NmMwIDEuMS45IDIgMiAyaDQwYzEuMSAwIDItLjkgMi0ydi00M2MwLS4xNTItLjAxNS0uMzEzLS4wMzgtLjQ3OXoiLz48cGF0aCBmaWxsPSIjY2NjIiBkPSJNNTMuOTYyIDE2LjUyMWwtLjAwNS0uMDI5Yy0uMDIzLS4xNi0uMDU3LS4zMjUtLjEtLjQ5MS0uMjI5LS45MDEtLjcxMS0xLjg1NC0xLjI3Mi0yLjQxNGwtMTAuMTcxLTEwLjE3M2MtLjY2NS0uNjY1LTEuODgyLTEuMjIyLTIuOTA5LTEuMzcybC0uMDI2LS4wMDVjLS4xNjUtLjAyMi0uMzI3LS4wMzctLjQ3OS0uMDM3aC0yN2MtMS4xIDAtMiAuOS0yIDJ2NTZjMCAxLjEuOSAyIDIgMmg0MGMxLjEgMCAyLS45IDItMnYtNDNjMC0uMTUyLS4wMTUtLjMxMy0uMDM4LS40Nzl6bS0yLjA4My0yLjIyOGMuMzguMzguNzM1IDEuMDU0Ljk0IDEuNzA3aC0xMS44MTljLS41NTEgMC0xLS40NDktMS0xdi0xMS44MTljLjY1NC4yMDUgMS4zMjcuNTYgMS43MDcuOTRsMTAuMTcyIDEwLjE3MnptMS4xMjEgNDUuNzA3YzAgLjU1MS0uNDQ5IDEtMSAxaC00MGMtLjU1MSAwLTEtLjQ0OS0xLTF2LTU2YzAtLjU1MS40NDktMSAxLTFoMjd2MTJjMCAxLjEuOSAyIDIgMmgxMnY0M3oiLz48L3N2Zz4=); width: 64px; height: 64px; padding: 24px 16px 8px 16px; }

.a-IRR-icon .a-IRR-pageIcon { display: none; color: #C0C0C0; width: 64px; height: 64px; position: absolute; left: 50%; top: 0; margin: 12px 0 0 -32px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik01My45NjIgMTYuNTIxbC0uMDA1LS4wMjljLS4wMjMtLjE2LS4wNTctLjMyNS0uMS0uNDkxLS4yMjktLjkwMS0uNzExLTEuODU0LTEuMjcyLTIuNDE0bC0xMC4xNzEtMTAuMTczYy0uNjY1LS42NjUtMS44ODItMS4yMjItMi45MDktMS4zNzJsLS4wMjYtLjAwNWMtLjE2NS0uMDIyLS4zMjctLjAzNy0uNDc5LS4wMzdoLTI3Yy0xLjEgMC0yIC45LTIgMnY1NmMwIDEuMS45IDIgMiAyaDQwYzEuMSAwIDItLjkgMi0ydi00M2MwLS4xNTItLjAxNS0uMzEzLS4wMzgtLjQ3OXoiLz48cGF0aCBmaWxsPSIjY2NjIiBkPSJNNTMuOTYyIDE2LjUyMWwtLjAwNS0uMDI5Yy0uMDIzLS4xNi0uMDU3LS4zMjUtLjEtLjQ5MS0uMjI5LS45MDEtLjcxMS0xLjg1NC0xLjI3Mi0yLjQxNGwtMTAuMTcxLTEwLjE3M2MtLjY2NS0uNjY1LTEuODgyLTEuMjIyLTIuOTA5LTEuMzcybC0uMDI2LS4wMDVjLS4xNjUtLjAyMi0uMzI3LS4wMzctLjQ3OS0uMDM3aC0yN2MtMS4xIDAtMiAuOS0yIDJ2NTZjMCAxLjEuOSAyIDIgMmg0MGMxLjEgMCAyLS45IDItMnYtNDNjMC0uMTUyLS4wMTUtLjMxMy0uMDM4LS40Nzl6bS0yLjA4My0yLjIyOGMuMzguMzguNzM1IDEuMDU0Ljk0IDEuNzA3aC0xMS44MTljLS41NTEgMC0xLS40NDktMS0xdi0xMS44MTljLjY1NC4yMDUgMS4zMjcuNTYgMS43MDcuOTRsMTAuMTcyIDEwLjE3MnptMS4xMjEgNDUuNzA3YzAgLjU1MS0uNDQ5IDEtMSAxaC00MGMtLjU1MSAwLTEtLjQ0OS0xLTF2LTU2YzAtLjU1MS40NDktMSAxLTFoMjd2MTJjMCAxLjEuOSAyIDIgMmgxMnY0M3oiLz48L3N2Zz4=); }

.a-IRR-icon .a-IRR-pageIcon:before { font-size: 64px; content: ''; }

.a-IRR-iconName { display: block; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; color: #777777; white-space: nowrap; }

.a-IRR-icon .a-Icon.icon-sc-build-option-on { color: #2ecc71; }

.a-IRR-region--iconLabelsRight .a-IRR-icon { text-align: left; padding: 8px; }

.a-IRR-region--iconLabelsRight .a-IRR-icon .a-Icon { float: left; margin: 0 8px 0 0; }

.a-IRR-region--iconLabelsRight .a-IRR-icon .a-IRR-iconName { overflow: hidden; min-height: 32px; margin-top: 0; }

.a-IRR-buttons .a-Button { margin-bottom: 8px; }

/* Activity Reports --- This is used in the monitor activity pages within a workspace and instance administration, and displays a row of 24 columns (one per hour) ========================================================================== */
.a-IRR-table .hour-graph { display: flex; }

.a-IRR-table .hour-graph .hour { border-right: 1px solid rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; flex: 1 0 auto; padding: 0; font-size: 11px; text-align: center; background-color: #a6ffa6; min-width: 32px; }

.a-IRR-table .hour-graph .hour:last-child { border-right-width: 0; }

.a-IRR-table .hour-graph .hour .hour-label { color: #6A6A6A; }

.a-IRR-table .hour-graph .hour.is-over1k { background-color: #7bdc7b; }

.a-IRR-table .hour-graph .hour.is-over1k .hour-label { color: #535353; }

.a-IRR-table .hour-graph .hour.is-null { background-color: transparent; }

.a-IRR-table .hour-graph .hour.is-null .hour-label { color: #707070; }

.a-IRR-table .hour-graph .hour-value { display: block; }

@media only screen and (max-width: 1024px) { .a-IRR-region--responsiveIconView .a-IRR-iconViewTable td { width: 25%; } .a-IRR-region--responsiveIconViewWide .a-IRR-iconViewTable td { width: 33.33%; } }

@media only screen and (max-width: 800px) { .a-IRR-region--responsiveIconView .a-IRR-iconViewTable td { width: 25%; } .a-IRR-region--responsiveIconView .a-IRR-iconViewTable td { width: 33.3333%; } }

@media only screen and (max-width: 640px) { .a-IRR-region--responsiveIconView .a-IRR-iconViewTable td { width: 50%; } .a-IRR-region--responsiveIconViewWide .a-IRR-iconViewTable td { width: 100%; } }

@media only screen and (min-width: 1025px) and (max-width: 1279px) { .a-IRR-region--responsiveIconView .a-IRR-iconViewTable td { width: 20%; } }

@media only screen and (min-width: 1281px) and (max-width: 1679px) { .a-IRR-region--responsiveIconView .a-IRR-iconViewTable td { width: 16.6666%; } }

@media only screen and (min-width: 1681px) { .a-IRR-region--responsiveIconView .a-IRR-iconViewTable td { width: 12.5%; } }

@media only screen and (max-width: 1680px) { .a-IRR-region--responsiveIconViewWide .a-IRR-iconViewTable td { width: 20%; } }

@media only screen and (max-width: 1280px) { .a-IRR-region--responsiveIconViewWide .a-IRR-iconViewTable td { width: 25%; } }

@media only screen and (max-width: 768px) { .a-IRR-region--responsiveIconViewWide .a-IRR-iconViewTable td { width: 50%; } }