@import "../../fonts/dashboard/icons/style.css";
/*
NOTE: This file is for styling the components of a dashboard (excluding the titlebar or footer)
only. Do not add styles to this file for any other elements of a page. And any non-inline
styling of the aforementioned dashboard components should go in this file.
*/

.idb-dashboard {
    font-family: Helvetica, Arial, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

div.idb-slideshow-btn-bar {
    /*width:100%; */
    left:0px;
    height:60px;
    z-index:100;
    position:absolute;
}

.idb-slideshow-branding,
.idb-slideshow-close {
    font-size: 1.6em;
    padding: 0 0.1em;
}

.idb-slideshow-btn {
    background-repeat:no-repeat;
    background-position:center center;
    background-size:auto 100%;
    height:60px;
    width:60px;
    position:absolute;
    top:0px;
    display:block;
    opacity:0.2;
}

@media (hover: hover) {
    .idb-slideshow-btn:hover {
        opacity:0.5;
    }
}

@media (any-pointer: coarse) {
    .idb-slideshow-btn:active {
        opacity:0.5;
    }
}

.idb-slideshow-btn-back {
    background-image:url("../../images/dashboard/images/ss-back.png");
    left:2px;
}

.idb-slideshow-btn-forward {
    background-image:url("../../images/dashboard/images/ss-forward.png");
    right:2px;
}

.idb-slideshow-btn-up {
    background-image:url("../../images/dashboard/images/ss-up.png");
    left:2px;
}

.idb-slideshow-btn-down {
    background-image:url("../../images/dashboard/images/ss-down.png");
    right:2px;
}

.idb-slideshow-btn-play {
    background-image:url("../../images/dashboard/images/ss-play.png");
}

.idb-slideshow-btn-pause {
    background-image:url("../../images/dashboard/images/ss-pause.png");
}


a.idb-gall-btn {
    display:inline-block;
    background-repeat:no-repeat;
    background-image:url('../../images/dashboard/images/GalleryButtons.png');
}

a.idb-gall-btn-left {
    width:12px;
    height:32px;
    background-position: 0px -32px;
}
a.idb-gall-btn-left:hover {
    background-position: 0px -96px;
}

a.idb-gall-btn-right {
    width:12px;
    height:32px;
    background-position: 0px 0px;
}
a.idb-gall-btn-right:hover {
    background-position: 0px -64px;
}

a.idb-gall-btn-up {
    width:32px;
    height:12px;
    background-position: -16px -32px;
}
a.idb-gall-btn-up:hover {
    background-position: -16px -96px;
}

a.idb-gall-btn-down {
    width:32px;
    height:12px;
    background-position: -16px 0px;
}
a.idb-gall-btn-down:hover {
    background-position: -16px -64px;
}

.frame-content-container {
   width:100%;
   height:100%;
   -webkit-user-select:none;   /* "-webkit-user-select":"none" prevents selection for copy on iPad. */
}

/* now set inline.
.idb-axis-selector {
    position:absolute;
    z-index:100;
}
*/

.idb-noselect {  /* General purpose class for preventing selection. */
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
};


.idb-debug-ui div.idb-axis-selector {
    background-color:rgba(200, 200, 200, 0.8);
}

/* GeoPlot */
a.idb-zoom-btn {
	position: absolute;
	border: 1px solid black;
	width: 20px;
	height: 20px;
	text-align: center;
	color:#020202;
	background-color: #EFEFEF;
	cursor: default;
    line-height: 1; /* Improves centering of the +/- */
}

a.idb-zoom-btn:hover {
	color:#020202;
	background-color: #DDDDDD;
}

a.idb-zoom-btn-disabled {
    border:1px solid #555555;
	color:#555555;
	background-color: #EFEFEF;
	cursor: default;
}

a.idb-zoom-btn-disabled:hover {
    border:1px solid #555555;
	color:#555555;
	background-color: #EFEFEF;
	cursor: default;
}

div.idb-zpanel {
    position: absolute;
    background-color: rgb(251, 253, 204);
	color:#333333;
    box-shadow: 2px 2px 1px #555555;
    border: 1px solid black;
    text-align: center;
	font-size:10px;
}

div.idb-zpanel p {
    position: absolute;
	margin:0px;
	padding:0px;
}

p.idb-zpanel-z {
    top: 4px;
	width:100%
}

p.idb-zpanel-c {
    top: 19px;
	width:100%
}






img.idb-maptile {
	user-drag: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

/* /////////////////////////////////////////////////////////////////// */


div.idb-chart {
    position:absolute;
    padding:0px;
    margin:0px;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    overflow:hidden;
    -webkit-user-select:none;   /* "-webkit-user-select":"none" prevents selection for copy on iPad. */
}

.idb-buttonbar{
    display: flex;
    padding:5px 5px 5px 0px;
    height:auto;
    margin:0px;
    -webkit-user-select:none;   /* "-webkit-user-select":"none" prevents selection for copy on iPad. */
}

.idb-pivotbar {
    flex: 1 1 auto;
    padding:5px 0px;
    margin:0px;
    -webkit-user-select:none;   /* "-webkit-user-select":"none" prevents selection for copy on iPad. */
}


.idb-hslice {
    position:absolute;
    right:0px; left:0px;
}

.idb-hslice-bottom {
    display: flex;
}

a.idb-cb {
    width:32px;
    height:32px;
    background-color:#DDDDDD;
    display: block;
    border:1px solid #AAAAAA;
    border-radius:5px;
    margin-left:3px;
    background-repeat:no-repeat;
    background-image:url('../../images/dashboard/images/cbicons.png');
}

a.idb-cb:hover {
    background-color:#888888;

}

a.idb-cb-db       {background-position: 0px 0px;}
a.idb-cb-db:hover {background-position: -32px 0px;}

a.idb-cb-note       {background-position: 0px -32px;}
a.idb-cb-note:hover {background-position: -32px -32px;}

a.idb-cb-legend       {background-position: 0px -64px;}
a.idb-cb-legend:hover {background-position: -32px -64px;}

a.idb-cb-paramLegend       {background-position: 0px -96px;}
a.idb-cb-paramLegend:hover {background-position: -32px -96px;}

a.idb-cb-paramInput       {background-position: 0px -160px;}
a.idb-cb-paramInput:hover {background-position: -32px -160px;}

a.idb-cb-menu       {background-position: 0px -128px;}
a.idb-cb-menu:hover {background-position: -32px -128px;}

a.idb-cb-dh {
    background-image:none;
    position:relative;
}

a.idb-cb-dh::before {
    content: "\e905";
    position:relative;
    top:5px;
    left:5px;
    color:#808080;
}

a.idb-cb-dh:hover::before {
    content: "\e905";
    position:relative;
    color:#FFFFFF;
    font-size:28px;
    top:2px;
    left:2px;
}

.idb-titletext {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-weight:bold;
}

div.idb-fp {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
    font-size:13px;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    transition:opacity 0.3s;
}

div.idb-fp-close {
    position: absolute;
    right: -20px;
    top: -20px;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 1.0;
    border-radius: 20px;
    background-color: #DDDDDD;
    background-repeat: no-repeat;
    background-size: 60% 60%;
    background-position: center;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
}

div.idb-fp-close:hover {
    cursor: pointer;
    background-color: #58595B;
    background-repeat: no-repeat;
    background-size: 60% 60%;
    background-position: center;
}

button.idb-legend-v-close {
    position: absolute;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 1.0;
    border-radius: 20px;
    background-color: #DDDDDD;
    background-repeat: no-repeat;
    background-size: 60% 60%;
    background-position: center;
    background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMDMuMiAyMDMuMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAzLjIgMjAzLjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojNTg1OTVCO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNjMuMiwxMy45Yy0xNi45LDE2LjktMzMuOCwzMy44LTUwLjcsNTAuN2MtMjYuOSwyNi45LTUzLjgsNTMuOC04MC44LDgwLjhjLTYuMiw2LjItMTIuMywxMi4zLTE4LjUsMTguNWMtNi41LDYuNS03LDE4LjQsMCwyNC43YzcsNi40LDE3LjgsNi45LDI0LjcsMGMxNi45LTE2LjksMzMuOC0zMy44LDUwLjctNTAuN2MyNi45LTI2LjksNTMuOC01My44LDgwLjgtODAuOGM2LjItNi4yLDEyLjMtMTIuMywxOC41LTE4LjVjNi41LTYuNSw3LTE4LjQsMC0yNC43QzE4MSw3LjUsMTcwLjEsNywxNjMuMiwxMy45TDE2My4yLDEzLjl6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE4OCwxNjMuOWMtMTYuOS0xNi45LTMzLjgtMzMuOC01MC43LTUwLjdjLTI2LjktMjYuOS01My44LTUzLjgtODAuOC04MC44QzUwLjMsMjYuMyw0NC4yLDIwLjEsMzgsMTMuOWMtNi41LTYuNS0xOC40LTctMjQuNywwYy02LjQsNy02LjksMTcuOCwwLDI0LjdjMTYuOSwxNi45LDMzLjgsMzMuOCw1MC43LDUwLjdjMjYuOSwyNi45LDUzLjgsNTMuOCw4MC44LDgwLjhjNi4yLDYuMiwxMi4zLDEyLjMsMTguNSwxOC41YzYuNSw2LjUsMTguNCw3LDI0LjcsMEMxOTQuNCwxODEuNiwxOTQuOSwxNzAuOCwxODgsMTYzLjlMMTg4LDE2My45eiIvPjwvc3ZnPg==");
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
}

button.idb-legend-v-close:hover {
    cursor: pointer;
    background-color: #58595B;
    background-repeat: no-repeat;
    background-size: 60% 60%;
    background-position: center;
    background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMDMuMiAyMDMuMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAzLjIgMjAzLjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojREREREREO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNjMuMiwxMy45Yy0xNi45LDE2LjktMzMuOCwzMy44LTUwLjcsNTAuN2MtMjYuOSwyNi45LTUzLjgsNTMuOC04MC44LDgwLjhjLTYuMiw2LjItMTIuMywxMi4zLTE4LjUsMTguNWMtNi41LDYuNS03LDE4LjQsMCwyNC43YzcsNi40LDE3LjgsNi45LDI0LjcsMGMxNi45LTE2LjksMzMuOC0zMy44LDUwLjctNTAuN2MyNi45LTI2LjksNTMuOC01My44LDgwLjgtODAuOGM2LjItNi4yLDEyLjMtMTIuMywxOC41LTE4LjVjNi41LTYuNSw3LTE4LjQsMC0yNC43QzE4MSw3LjUsMTcwLjEsNywxNjMuMiwxMy45TDE2My4yLDEzLjl6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE4OCwxNjMuOWMtMTYuOS0xNi45LTMzLjgtMzMuOC01MC43LTUwLjdjLTI2LjktMjYuOS01My44LTUzLjgtODAuOC04MC44QzUwLjMsMjYuMyw0NC4yLDIwLjEsMzgsMTMuOWMtNi41LTYuNS0xOC40LTctMjQuNywwYy02LjQsNy02LjksMTcuOCwwLDI0LjdjMTYuOSwxNi45LDMzLjgsMzMuOCw1MC43LDUwLjdjMjYuOSwyNi45LDUzLjgsNTMuOCw4MC44LDgwLjhjNi4yLDYuMiwxMi4zLDEyLjMsMTguNSwxOC41YzYuNSw2LjUsMTguNCw3LDI0LjcsMEMxOTQuNCwxODEuNiwxOTQuOSwxNzAuOCwxODgsMTYzLjlMMTg4LDE2My45eiIvPjwvc3ZnPg==");
}


.idb-note-titlebar {
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	cursor:all-scroll;
	position:absolute;
	left:0px;
	top:0px;
    right:0px;
	height:20px;
	color:inherit; /* Inherit color from main widget DIV. */
}

.idb-note-titletext {
    padding:0px 0px 0px 0px;
    display:block; /* position:absolute plus top/right/left and height renders this moot. */
    position:absolute;
    top:0px; right:0px; left:5px;
    height:20px;
	line-height:20px;    /* line-height == height will center the text vertically. */
	margin:0px 0px;
}



div.idb-note-content {
	margin:0px;
	padding:5px;
	overflow:auto;
	position:absolute;
	top:20px;
	left:0px;
    right:0px;
    bottom:8px;
	background-color:transparent;
	opacity:1;
	color:inherit;  /* Inherit color from main widget DIV. */
}

div.idb-header {
    -webkit-user-select:none;
}

/* Legend */
div.idb-legend {
    font-size:1rem;
}

.idb-legend-titlebar {
    font-size:small;
	font-weight:bold;
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px 0px;
	cursor:all-scroll;
	height:22px;
    display: flex;
    align-items: center;
	align-content:center;
}

.idb-legend-titletext {
    flex: 1 1 auto;
    padding:0px 0px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin: 2px;
}

a.idb-legend-btn {
    flex: 0 0 auto;
	background-color:#ACACAC;
	background-repeat:no-repeat;
	background-position:center center;
	width:18px;
	height:18px;
    margin: 2px;
}

a.idb-legend-btn-l {
   background-image:url(../../dashboard/images/icons/carat-l-white.png);
}

a.idb-legend-btn-r {
   background-image:url(../../dashboard/images/icons/carat-r-white.png);
}


div.idb-legend-content {
    font-size:small;
	margin:0px;
	padding:5px;
	overflow-x:hidden;
	overflow-y:hidden;
	background-color:transparent;
	opacity:1;
}

table.idb-legend-table {
    border-collapse:collapse;
}

div.idb-legend-v table.idb-legend-table {
    border-collapse:separate;
}

table.idb-legend-table td {
   vertical-align:middle;
}

table.idb-legend-table tr {
   height:24px;
}

div.idb-legend-content.idb-legend-content-v table.idb-legend-table {
    padding-bottom:1px;
}

div.idb-legend-content.idb-legend-content-v table.idb-legend-table tr {
   box-sizing:border-box;
   margin-left:1px;
   margin-top:1px;
   height:auto;
}

div.idb-legend-content.idb-legend-content-v table.idb-legend-table tr td {
   height:30px;
}

div.idb-legend-scrollpane {
    scrollbar-color:grey;
    scrollbar-width:thin;
}

div.idb-legend-scrollpane::-webkit-scrollbar {
    width:10px;
    height:10px;
}

div.idb-legend-scrollpane::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

div.idb-legend-scrollpane::-webkit-scrollbar-thumb {
    background: grey;
    border-radius: 10px;
}

.idb-legend-item-icon-swatch {
    width: 16px;
    height: 16px;
}

td.idb-legend-item-label {
    padding-left:3px;
    white-space:nowrap;
    max-width: 250px;
    text-overflow: ellipsis;
    overflow: hidden;
}

div.idb-legend-content.idb-legend-content-v td.idb-legend-item-label {
    padding-right: 6px;
    white-space:break-spaces;
    text-overflow:unset;
}

div.idb-legend-content table.idb-legend-table:not(.custom) td.idb-legend-item-icon {
    width: 30px;
    height:24px;
}

div.idb-legend-v button.idb-legend-v-btn {
    background-color:transparent;
}

div.idb-legend-v div.idb-legend-titlebar {
    cursor:default;
}

.idb-legend-style-ranges .idb-legend-item-label {
    max-width: none;
}

div.idb-legend-h div.idb-legend-item {
    padding-left:10px;
    padding-right:10px;
    border:1px solid transparent;
}

div.idb-legend-h div.idb-legend-item:first-child {
    padding-left:2px;
}

div.idb-legend-h div.idb-legend-item:last-child {
    padding-right:2px;
}

div.idb-legend-h div.idb-legend-item-label {
    white-space:nowrap;
    line-height:1;
}

div.idb-legend-h div.idb-legend-item-icon {
    width: 22px;
    display:flex;
    flex-flow:row nowrap;
}

div.idb-legend-h div.idb-legend-strip {
    font-size:small;
}

div.idb-legend-h-axis-label {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-weight:bold;
    padding:0 4px;
}

div.idb-legend-h button.idb-legend-h-btn {
    background-color:transparent;
    padding:0;
}



div.idb-param-legend {
    border:1px outset #777777;
}

.idb-param-legend-titlebar {
    font-size:small;
	font-weight:bold;
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px 0px;
	cursor:all-scroll;
	position:absolute;
	left:0px;
	top:0px;
	height:22px;
	align-content:center;
}

.idb-param-legend-titletext {
    padding:0px 0px;
    display:inline-block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	height:22px;
	line-height:22px;
	margin:0px 0px;
}


a.idb-param-legend-btn {
	background-color:#ACACAC;
	background-repeat:no-repeat;
	background-position:center center;
	width:18px;
	height:18px;
	position:absolute;
	top:2px;
	display:block;
}


div.idb-param-legend-content {
    font-size:small;
	margin:0px;
	padding:5px;
	overflow-x:hidden;
	overflow-y:hidden;
	position:absolute;
	top:22px; /* 20px header height + 2px header top padding */
	left:0px;
	background-color:transparent;
	opacity:1;
}

table.idb-param-legend-table {
    border-collapse:collapse;
}

table.idb-param-legend-table tr {
   height:24px;
}

table.idb-param-legend-table td {
   text-overflow:ellipsis;
   overflow:hidden;
   white-space:nowrap;
   text-shadow:none;
}

td.idb-param-legend-label {
    padding-right:10px;
}

div.idb-callout {
	background-color:#EEEEEE;
}

div.idb-callout table {
    border-collapse:collapse;
    border-style:none;
}

div.idb-callout td {
    padding:2px;
}


tr.idb-callout-highlighted {
	background-color:#FFFFFF;
}


/**********************************************
 * BEGIN: ../../../COMMON/cssf/ui/spinner.css *
 **********************************************/
.idb-spinner {
  align-items: stretch;
  box-sizing: border-box;
  display: flex;
  flex-flow: row nowrap;
}

.idb-spinner .text-container {
  background: white;
  border: 1px solid darkgray;
  border-radius: 0.2em;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  box-sizing: border-box;
  min-width: 1px;
}

.idb-spinner .text-container input {
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  margin: 0 !important;
  min-width: 1px;
  padding: 0;
  text-align: center;
}

.idb-spinner .button-container {
  align-items: stretch;
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  flex-flow: column nowrap;
  overflow: hidden;
}

.idb-spinner .button-container button {
  background-size: 90% 90%;
  background-repeat: no-repeat;
  border: 1px solid darkgray;
  box-sizing: border-box;
  flex: 1 1 auto;
  padding: 0;
  border-radius: 0;
  width: 1em;
}

.idb-spinner .button-container .spin-button-up {
  border-top-right-radius: 0.2em;
  border-left-width: 0;
  margin:0 !important;
}

.idb-spinner .button-container .spin-button-down {
  border-bottom-right-radius: 0.2em;
  border-top-width: 0;
  border-left-width: 0;
  margin:0 !important;
}

/**********************************************
 * END:   ../../../COMMON/cssf/ui/spinner.css *
 **********************************************/

/********************************************************************
 * BEGIN: ../../../idashboards/cssf/ui/dialogs/ExpressionDialog.css *
 ********************************************************************/
.idb-expression-dialog {
    display: flex;
    flex-flow: column nowrap;
    flex: 1 1 auto;
}

.idb-expression-dialog .idb-expression-dialog-expression {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
}

.idb-expression-dialog .idb-expression-dialog-expression .form-group {
    display: flex;
    flex-flow: column nowrap;
    flex: 1 1 auto;
}

.idb-expression-dialog .idb-expression-dialog-expression .form-group .wrapper {
    overflow: hidden;
    display: flex;
    position: relative;
    flex: 1 1 auto;
}

.idb-expression-dialog .idb-expression-dialog-expression .idb-expression-dialog-toolbar {
    display: flex;
    align-items: flex-end;
    flex: 0 0 auto;
}

.idb-expression-dialog .idb-expression-dialog-expression .idb-expression-dialog-toolbar .form-group {
    width: 30%;
    margin-bottom: 0;
}

.idb-expression-dialog .idb-expression-dialog-expression .idb-expression-dialog-toolbar .form-group button.btn {
    margin-left: 15px;;
}

/********************************************************************
 * END:   ../../../idashboards/cssf/ui/dialogs/ExpressionDialog.css *
 ********************************************************************/

/*************************************************
 * BEGIN: ../../../idashboards/cssf/ui/share.css *
 *************************************************/
/*
Styles for the share dialog in the dashboard viewer.
 */

.idb-dashboard-share-description {
    margin-top: 0;
}

.idb-dashboard-share-input {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 0.5em;
}

.idb-dashboard-share-copy,
.idb-dashboard-share-email {
    display: inline-block;
    background: white;
    box-sizing: border-box;
    border: 2px solid lightgray;
    color: inherit;
    text-decoration: none;
    text-align: center;
    padding: 0.4em 0.6em;
    width: calc(50% - 0.5em);
    cursor: pointer;
}

.idb-dashboard-share-copy:active,
.idb-dashboard-share-email:active {
    border-color: gray;
    background: #f5f5f5;
}

.idb-dashboard-share-copy:before,
.idb-dashboard-share-email:before {
    content: '';
    display: block;
    width: 3em;
    height: 3em;
    margin: 0 auto 0.25em;
}

.idb-dashboard-share-copy {
    margin-right: 0.5em;
}

.idb-dashboard-share-copy:before {
    background: url(../../images/dashboard/images/icons/menu-share-copy.svg);
}

.idb-dashboard-share-email:before {
    background: url(../../images/dashboard/images/icons/menu-share-email.svg);
}

/*************************************************
 * END:   ../../../idashboards/cssf/ui/share.css *
 *************************************************/

/* BEGIN DASHBOARD PARAMETERS */

.param-input .invalid-param-control {
    background-color: #FFFF00 !important;
}

/* END DASHBOARD PARAMETERS */

/* BEGIN DASHBOARD LAUNCHER PANEL */

.dashlauncher-dash-link:hover {
    cursor:pointer;
    background-color:#B2E1FF;
}

.dashlauncher-dash-link {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding:4px 2px;
}

ul.dashlauncher-grid {
    list-style:none;
    padding:15px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 1em;
    overflow: hidden; /* for IE11 */
}

ul.dashlauncher-tile-size-1 {grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));}
ul.dashlauncher-tile-size-2 {grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));}
ul.dashlauncher-tile-size-3 {grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));}
ul.dashlauncher-tile-size-4 {grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));}
ul.dashlauncher-tile-size-5 {grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));}

ul.dashlauncher-tile-gap-1 {grid-gap:15px;}
ul.dashlauncher-tile-gap-2 {grid-gap:30px;}
ul.dashlauncher-tile-gap-3 {grid-gap:45px;}
ul.dashlauncher-tile-gap-4 {grid-gap:60px;}
ul.dashlauncher-tile-gap-5 {grid-gap:75px;}


li.dashlauncher-tile {
    position:relative;
    display:flex;
    cursor:pointer;
    flex-flow:column nowrap;
    transition:transform 0.5s;
    overflow:hidden;
    background-color:white;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

li.dashlauncher-tile:hover {
    transform:scale(1.1);
    z-index:20000;
}


div.dashlauncher-tile-frame {
    display:flex;
    flex-flow:column nowrap;
    align-items:stretch;
    justify-content:stretch;
    background-color:grey;
    flex:2 2 auto;
    min-height:10px;
    overflow:hidden;
}

li.dashlauncher-tile-preserve-ar div.dashlauncher-tile-frame {
    align-items:center;
    justify-content:space-around;
}

.dashlauncher-tile-label-above div.dashlauncher-tile-frame {
    border-top:1px solid #7F7F7F;
}

.dashlauncher-tile-label-below div.dashlauncher-tile-frame {
    border-bottom:1px solid #7F7F7F;
}

img.dashlauncher-thumbnail {
    box-sizing:border-box;
    background-color:white;
    max-width:100%;
    max-height:100%;
    min-width:10px;
    min-height:10px;
    flex:1 1 auto;
}

li.dashlauncher-tile-preserve-ar img.dashlauncher-thumbnail {
    flex:0 1 auto;
}

.dashlauncher-label-positioner {
    display:flex;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    box-sizing:border-box;
    flex-flow:column nowrap;
    align-items:stretch;
    justify-content:space-around;
}

.dashlauncher-thumbnail-label {
    box-sizing:border-box;
    padding:0.25em;
    flex:0 0 auto;
}

.dashlauncher-thumbnail-label-nowrap {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}


.dashlauncher-tile-label-hover {
    display:block;
}

.dashlauncher-tile-label-hover .dashlauncher-thumbnail-label {
    opacity:0;
    transition:opacity linear 0.6s;
}

.dashlauncher-tile-label-hover:hover .dashlauncher-thumbnail-label {
    opacity:1;
}



@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    ul.dashlauncher-grid {
        display: block;
        padding:15px 0 0 15px;
    }

    ul.dashlauncher-grid:after {
        content: "";
        display: table;
        clear: both;
    }

    .dashlauncher-tile {
        width: 200px;
        -height: 180px;
        float: left;
        margin-bottom:10px;
        margin-right:10px;
    }

    ul.dashlauncher-tile-size-1 li.dashlauncher-tile {max-width:120px; }
    ul.dashlauncher-tile-size-2 li.dashlauncher-tile {max-width:160px; }
    ul.dashlauncher-tile-size-3 li.dashlauncher-tile {max-width:200px; }
    ul.dashlauncher-tile-size-4 li.dashlauncher-tile {max-width:240px; }
    ul.dashlauncher-tile-size-5 li.dashlauncher-tile {max-width:280px; }


    ul.dashlauncher-tile-gap-1 li.dashlauncher-tile {margin-right:8px;  margin-left:8px;  margin-bottom:15px;}
    ul.dashlauncher-tile-gap-2 li.dashlauncher-tile {margin-right:15px; margin-left:15px; margin-bottom:30px;}
    ul.dashlauncher-tile-gap-3 li.dashlauncher-tile {margin-right:23px; margin-left:24px; margin-bottom:45px;}
    ul.dashlauncher-tile-gap-4 li.dashlauncher-tile {margin-right:30px; margin-left:30px; margin-bottom:60px;}
    ul.dashlauncher-tile-gap-5 li.dashlauncher-tile {margin-right:38px; margin-left:37px; margin-bottom:75px;}

    .idb-dbselect-skin-home .idb-dbselect-object-thumbnail {
        height: 7.5em;
        width: auto;
    }
}


/* END DASHBOARD LAUNCHER PANEL */

/* BEGIN PHONEMODE */


.idb-phone-mode .ui-layout-resizer
{
    display: none !important;
}

.idb-phone-mode .ui-content
{
    position: relative;
}
.idb-phone-mode-nav
{
    display: none;
}
.idb-phone-mode .ui-footer .ui-title
{
    padding-bottom: 0;
}

/*
.idb-phone-mode .idb-phone-mode-nav
{
    display: block;
    margin-top: 0px;
    position: relative;
}
*/

.idb-phone-mode .idb-phone-mode-nav {
    /*width:100%; */
    left:0px;
    height:40px;
    z-index:100;
    position:absolute;
}

.idb-phone-mode-prev, .idb-phone-mode-next
{
    display: block;
    position: absolute;
    cursor: pointer;
}
.idb-phone-mode-prev
{
    left: 0;
}
.idb-phone-mode-next
{
    right: 0;
}
.idb-phone-mode-prev img, .idb-phone-mode-next img, .idb-phone-mode-nav
{
    height: 40px;
    opacity: 0.5;
}

.idb-phone-mode .idb-gf-div
{
    /*max-height: none !important;*/
    /*max-width: none !important;*/
    /*top: 0 !important;*/
    right: 0 !important;
}
.idb-phone-mode .idb-phone-mode-panel:not(.param-pane),
/*.idb-phone-mode .idb-gf-div,*/
.idb-phone-mode .idb-g-div,
.idb-phone-mode .kineticjs-content,
.idb-phone-mode .kineticjs-content canvas
{
    /*width: 100% !important;*/
    height: 100% !important;
}
.idb-phone-mode .kineticjs-content canvas
{
    width: 99.3% !important;
}

.idb-phone-mode .ui-layout-container
{
    -moz-transition: margin-left 0.4s ease, left 0.4s ease;
    -webkit-transition: margin-left 0.4s ease, left 0.4s ease;
    transition: margin-left 0.4s ease, left 0.4s ease;
}

.idb-phone-mode .idb-phone-mode-panel:not(.param-pane):not(.idb-gf-div)
{
    position: relative !important;
    float: left;
    left: 0 !important;
    top: 0 !important;
    display: block !important;
}

/* END PHONEMODE */

div.idb-app-shield-on {
        z-index:20000;
        opacity:1.0;
        width:auto;
        height:auto;
        right:0px;
        bottom:0px;
}

.idb-app-shield {
        position:fixed;
        top:0px; left:0px;
        width:0px; height:0px;
        display:block;
        background-color:rgba(255, 255, 255, 0);
        z-index:-1;
        opacity:0.0;
}

.idb-chart-loading-ani {
    position: absolute;

    max-width: 8em;
    max-height: 8em;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image:url(../../images/working.svg);
    background-position:center;
    background-repeat:no-repeat;
    background-size: contain;
    opacity: 0;
    transition: opacity 0.5s;
}

.idb-chart-is-loading .idb-chart-loading-ani {
    opacity: 1;
}


.param-label {
    max-width:9em;
    text-overflow:ellipsis;
    overflow:hidden;
    text-shadow:none;
}

.param-input-panel .param-label {
    max-width: initial;
    text-overflow: ellipsis;
    overflow: hidden;
    text-shadow: none;
    white-space: nowrap;
}

.param-input-panel-stacked .param-label {
    max-width: initial;
    overflow: hidden;
    text-shadow: none;
    white-space: normal;
}

[data-is="ParamControl"] .param-label{
    margin-left: 0.5em;
}

[data-is="ParamControl"] .param-label:after{
    content:':';
}

.param-input-panel-stacked [data-is="ParamControl"] .param-label:after{
    content: initial;
}

[data-is="ParamControl"].idb-param-control-container {
    display: flex;
    flex-flow: nowrap;
    justify-content: space-between;
    align-items: center;
    flex: 0 0 auto;
    margin-top: 8px;
    border-radius: 4px;
    padding: 3px;
    cursor: pointer;
}

[data-is="ParamControl"].idb-param-control-container.disabled {
    pointer-events:none;
}

.param-input-panel-stacked [data-is="ParamControl"].idb-param-control-container {
    display: initial;
    flex: initial;
    margin-top: 8px;
    border-radius: 4px;
    padding: 3px;
    cursor: pointer;
}

.param-input-panel-stacked .idb-combolist.static-width {
    width: 100%;
}

.param-input-panel-stacked [data-is="ParamControl"].idb-param-control-container:focus-within,
.param-input-panel-stacked [data-is="ParamControl"].idb-param-control-container:hover {
    background: rgb(240,240,240);
    background: linear-gradient(180deg, rgba(240,240,240,1) 0%, rgba(240,240,240,0) 100%);
}

[data-is="ParamControl"].idb-param-control-container:focus-within,
[data-is="ParamControl"].idb-param-control-container:hover {
    background: rgb(240,240,240);
    background: linear-gradient(90deg, rgba(240,240,240,1) 0%, rgba(240,240,240,0) 100%);
}

.idb-param-control-container .idb-textinput {
    max-width:16em;
    width:16em;
}

.param-input-panel-stacked .idb-param-control-container .idb-textinput {
    width: 100%;
    max-width: 100%;
}

.param-input-panel-stacked .idb-param-control-container>.idb-spinner {
    margin-right: 2px;
}
.param-input-panel-stacked .idb-param-control-container .idb-spinner .text-container {
    min-width: calc(100% - 13px);
}

.param-input-panel-stacked .idb-param-control-container .idb-spinner .text-container input{
    min-width: 100%;
    text-align: right;
    padding-right: 0.2em;
}

.idb-param-control-container .idb-spinner .text-container input{
    text-align: right;
    padding-right: 0.2em;
}

.idb-param-control-container .idb-spinner {
    border:1px solid lightgray;
}

.idb-slider-wrapper{
    margin-right: 4px;
}

/* BEGIN DATA VIEWER */
.idb-data-viewer.table-striped tbody tr:nth-of-type(odd) {
/*  background-color: rgba(0, 0, 0, 0.05); */
  background-color: #FFFFFF;
}

.idb-data-viewer th, .idb-data-viewer td {
    padding: 0.75rem;
}


.idb-data-viewer .idb-scrolling-table th, .idb-data-viewer .idb-scrolling-table td {
    text-align:left;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* BEGIN CHART DATA DIAGNOSTICS */

.idb-ch-diagnostics .idb-scrolling-table-head th {
    border-bottom: 2px solid rgb(222, 226, 230);
    padding:0.3rem 0.5rem;
    text-align:left;
}

.idb-ch-diagnostics .idb-scrolling-table-body td {
    padding:0.3rem 0.5rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.idb-ch-diagnostics .idb-scrolling-table-container {
    border: 1px solid #cccccc;
    box-sizing:border-box;
}

.idb-ch-diagnostics-panel {
    user-select:text;
}

.idb-ch-diagnostics-section-header {
    background-color:#CECECE;
    padding:0.4em 0.6em;
    font-weight:bold;
    cursor:pointer;
}

.idb-ch-diagnostics-value {
    overflow:hidden;
    overflow-wrap:break-word;
}

.idb-ch-diagnostics-panel-closed {
    display:none;
}

.idb-ch-diagnostics-section-header:after {
    display: block;
    content: '';
    background-size: contain;
    width: 1em;
    height: 1em;
    flex: 0 0 auto;
}

.idb-ch-diagnostics-section + .idb-ch-diagnostics-section {
   padding-top:0.5em;
}

.idb-ch-diagnostics-section-header:after {
    background-image: url('../../images/mobile/section-collapse.svg');
}

.idb-ch-diagnostics-section-header.idb-ch-diagnostics-section-collapsed:after {
    background-image: url('../../images/mobile/section-expand.svg');
}

idb-ch-diagnostics-footer button {
    cursor:pointer;
}

.idb-ch-diagnostics-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #DCDCDC;
    border:2px solid rgba(170, 170, 170, 0.1);
    max-width:1000px;
    padding:10px;
    color: inherit; /* Override the color in case the item is a link. */
    opacity:0.5;
}

.idb-ch-diagnostics-link:hover {
    color: inherit; /* Override the color in case the item is a link. */
    text-decoration: none;
}

.idb-ch-diagnostics-link-label {
    text-align:center;
    width:100px;
    font-size:12px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}


.idb-ch-diagnostics-link-icon {
    width:80px;
    height:80px;
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
}

.idb-ch-diagnostics-link.idb-selected {
    opacity:1;
}



/* END CHART DATA DIAGNOSTICS */


/********************************************************
 * BEGIN: ../../../idashboards/cssf/forms/form_core.css *
 ********************************************************/
/*
NOTE: This file is for styling the components of an iDashboards Form.

Do not add styles to this for the Forms designer or other components.
*/

:root {
    --form-checkbox-size: 22px;
    --form-radio-size: 22px;
}

/*
Form styles
 */
.idb-forms-form {
    padding: 10px;
    flex: 2 2 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.idb-forms-body {
    overflow: auto;
    flex: 1 1 auto;
    padding-left: 2px;
}

.idb-forms-form-heading {
    margin-top: 0.2em;
}

.idb-forms-footer {
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 auto;
    justify-content: flex-start;
}

.idb-forms-footer.idb-forms-footer-stretch {
    justify-content: stretch;
}

.idb-forms-footer button.idb-btn.idb-btn-sm.idb-btn-custom,
.idb-forms-footer .idb-form-record-count-display {
    flex: 0 0 auto;
    margin-top: 10px;
    margin-right: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.idb-forms-footer.idb-forms-footer-stretch button.idb-btn.idb-btn-sm.idb-btn-custom,
.idb-forms-footer.idb-forms-footer-stretch .idb-form-record-count-display {
    flex: 1 1 auto;
}

.idb-forms-footer.idb-forms-footer-stretch-equal {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(65px, 1fr));
    grid-auto-rows: 1fr;
    gap: 15px;
}

.idb-forms-footer.idb-forms-footer-stretch-equal button.idb-btn.idb-btn-sm.idb-btn-custom {
    margin-right: 0px;
}

.idb-forms-footer.idb-forms-footer-stretch-equal .idb-form-navpanel {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(65px, 1fr));
    grid-auto-rows: 1fr;
    column-gap: 15px;
    row-gap: 0;
}

.idb-forms-footer.idb-forms-footer-stretch .idb-form-navpanel,
.idb-forms-footer.idb-forms-footer-stretch-content .idb-form-navpanel {
    display: flex;
    flex-flow: row nowrap;
    flex:1 2 auto;
}

.idb-forms-footer.idb-forms-footer-stretch.idb-forms-footer-responsive .idb-form-navpanel button.idb-btn.idb-btn-sm.idb-btn-custom:first-child,
.idb-forms-footer.idb-forms-footer-stretch-content.idb-forms-footer-responsive .idb-form-navpanel button.idb-btn.idb-btn-sm.idb-btn-custom:first-child {
    margin-right:15px;
}


.idb-forms-footer.idb-forms-footer-responsive {
    display:block;
}

.idb-forms-footer.idb-forms-footer-responsive
 button.idb-btn.idb-btn-sm.idb-btn-custom {
    margin-top: 5px;
    margin-right:0px;
    display:block;
    width: 100%;
}

div.idb-forms-footer.idb-forms-footer-responsive div.idb-form-navpanel {
    width:100%;
}


/*
Section styles
 */

.idb-forms-section-heading {
    margin-top: 0.2em;
}

/*
Field styles
 */
.idb-forms-field {
    display: block;
    margin: 0 0 0.8em 0;
    background-position: top right;
}

.idb-forms-field.idb-forms-bordered {
    border: 2px solid #d3d3d3;
    border-radius: 8px;
    padding: 4px 6px 6px 6px;
}

.idb-forms-field.idb-forms-bordered .idb-forms-field:last-child {
    margin-bottom: 0;
}

.idb-forms-field textarea,
.idb-forms-field textarea {
    resize: vertical;
    min-height: 2em;
}

.idb-forms-field-label {
    margin-bottom: 0.4em;
    display: block;
}

.idb-forms-field-help-icon {
    border-radius: 0.8em;
    font-size: 0.7em;
    line-height: 1;
    background: #0003;
    color: white;
    display: inline-block;
    padding: 0.3em 0.5em;
    vertical-align: text-bottom;
    font-style: normal;
    font-weight: bold;
    margin-left: 0.3em;
    transition: 0.5s;
    border: 0 solid white;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
}

.idb-forms-field-help-icon:hover {
    box-shadow: 0 0 1.1em 0.2em rgba(255, 255, 255, 0.3);
    background: #0009;
}

.idb-forms-field-help-text {
    font-size: 0.8em;
    margin: 0.4em 0;
}

.idb-form-field-composite-children .idb-forms-field-label,
.idb-form-field-composite-children .idb-forms-field-marker {
    font-size: 0.8em;
}

.idb-forms-layout-flow-down .idb-forms-field.idb-form-control-type-checkbox,
.idb-forms-layout-flow-across .idb-forms-field.idb-form-control-type-checkbox,
.idb-forms-layout-grid .idb-forms-field.idb-form-control-type-checkbox,
.idb-forms-layout-grid .idb-forms-section-fields > .idb-forms-field.idb-form-control-type-checkbox {
    display: flex;
    justify-content: start;
    align-items: center;
    min-height: 2.2em;
}

.idb-forms-field.idb-form-control-type-checkbox .idb-forms-control {
    height: 100%;
    flex-flow: column nowrap;
    display: flex;
}

.idb-forms-field.idb-form-control-type-checkbox > .idb-forms-field-label {
    display: flex;
    height: 100%;
    width: 100%;
}

.idb-forms-field.idb-form-control-type-checkbox > .idb-forms-field-label:has(.idb-forms-field-help-icon) {
    flex-flow: row nowrap;
}

.idb-forms-field.idb-form-control-type-checkbox > .idb-forms-field-label:has(.idb-forms-field-help-text) {
    flex-flow: column nowrap;
}

.idb-forms-field.idb-form-control-type-checkbox > .idb-forms-field-label span {
    display: flex;
    margin: auto 0;
}

input.idb-form-field-control.idb-form-field-control-calculated-field {
    background-color:#EEEEEE;
    filter:none;
    opacity:1;
    color:#404040;
    font-weight:bold;
}

input.idb-form-field-control.idb-form-field-control-calculated-field.invalid {
    border-color:#FF0000;
    color:#FF0000;
}


.idb-forms-field.idb-form-control-type-checkbox
.idb-forms-control .idb-form-field-control[type="checkbox"] {
    margin: auto;
    height: var(--form-checkbox-size);
    width: var(--form-checkbox-size);
}

.idb-forms-field.idb-form-control-type-checkbox .idb-forms-field-label {
    flex: 0 1 auto;
    margin-bottom: 0;
    margin-left: 0.4em;
    order: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

/** Radio List */

.idb-forms-field.idb-form-control-type-radio-list {
    height: 100%
}

.idb-forms-field.idb-form-control-type-radio-list .idb-forms-control {
    height: 100%;
    display: inline;
    width: 100%;
}


.idb-forms-field.idb-form-control-type-radio-list .idb-forms-control .radio-list {
    height: 100%;
}

.idb-forms-field.idb-form-control-type-radio-list .idb-forms-control .radio-list .option {
    margin-bottom: 5px;
    width: 100%;
}

.idb-forms-field.idb-form-control-type-radio-list .idb-forms-control .radio-list .option .option-label {
    align-items: center;
    display: flex;
    margin: 0;
    padding-left: 3px;
}

.idb-forms-field.idb-form-control-type-radio-list .idb-forms-control .radio-list .option .option-label input[type="radio"] {
    display: flex;
    height: var(--form-radio-size);
    width: var(--form-radio-size);
}

.idb-forms-field.idb-form-control-type-radio-list .idb-forms-control .radio-list .option .option-label span {
    width: 100%;
}

.idb-forms-layout-flow-down .idb-form-field-control:not([type=checkbox]),
.idb-forms-layout-flow-across .idb-form-field-control:not([type=checkbox]),
.idb-forms-layout-grid .idb-form-field-control:not([type=checkbox]) {
    width: 100%;
    box-sizing: border-box;
}

/*
Form Layouts - Flow Down
 */

.idb-forms-layout-flow-down .idb-forms-field-small > .idb-forms-control,
.idb-form-field-layout-flow-down .idb-forms-field-small > .idb-forms-control {
    max-width: 10em;
}

.idb-forms-layout-flow-down .idb-forms-field-medium > .idb-forms-control,
.idb-form-field-layout-flow-down .idb-forms-field-medium > .idb-forms-control {
    max-width: 16em;
}

.idb-forms-layout-flow-down .idb-forms-field-large > .idb-forms-control,
.idb-form-field-layout-flow-down .idb-forms-field-large > .idb-forms-control {
    max-width: 22em;
}

/*
Form Layouts - Flow Across
 */

.idb-forms-form.idb-forms-layout-flow-across .idb-forms-form-sections {
    display: flex;
}

.idb-forms-form.idb-forms-layout-flow-across .idb-forms-section {
    flex: 0 0 auto;
}

.idb-forms-form.idb-forms-layout-flow-across .idb-forms-section-fields {
    display: flex;
}

.idb-forms-layout-flow-across .idb-forms-field {
    display: grid;
    grid-template-rows: 0 1fr auto;
    flex: 0 0 auto;
    margin: 0 0.8em 0.8em 0;
}

.idb-forms-layout-flow-across .idb-forms-field.idb-form-composite-field-align-top {
    grid-template-rows: 0 auto 1fr;
}

.idb-forms-field.idb-form-composite-field-align-top
  > .idb-forms-control.idb-form-field-layout-grid 
    > .idb-form-field-composite-children
{
    align-items:start;
}

.idb-forms-form.idb-forms-numbered.idb-forms-layout-flow-across .idb-forms-field {
    display: inline-grid;
}

.idb-forms-layout-flow-across .idb-forms-section-fields > .idb-forms-field-small {
    width: 10em;
}

.idb-forms-layout-flow-across .idb-forms-section-fields > .idb-forms-field-medium {
    width: 16em;
}

.idb-forms-layout-flow-across .idb-forms-section-fields > .idb-forms-field-large,
.idb-forms-layout-flow-across .idb-forms-section-fields > .idb-forms-field-full {
    width: 22em;
}


/*
Form Layouts - Grid,
Field Layouts - Grid
 */

.idb-forms-layout-grid .idb-forms-section-fields > .idb-forms-field {
    display: grid;
    grid-template-rows: 0 1fr auto;
}

.idb-forms-layout-grid .idb-forms-section-fields > .idb-forms-field.idb-form-composite-field-align-top {
    grid-template-rows: 0 auto 1fr;
}

.idb-form-field-layout-grid .idb-forms-field {
    margin: 0;
}

.idb-forms-form.idb-forms-layout-grid .idb-forms-section-fields,
.idb-forms-control.idb-form-field-layout-grid > .idb-form-field-composite-children {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(5em, 1fr));
    grid-gap: 0.8em;
}

.idb-forms-control.idb-form-field-layout-grid > .idb-form-field-composite-children {
    align-items: end;
}

.idb-forms-form.idb-forms-layout-grid .idb-forms-section-fields > .idb-forms-field-small,
.idb-forms-control.idb-form-field-layout-grid .idb-forms-field-small {
    grid-column: span 1;
}

.idb-forms-form.idb-forms-layout-grid .idb-forms-section-fields > .idb-forms-field-medium,
.idb-forms-control.idb-form-field-layout-grid .idb-forms-field-medium {
    grid-column: span 2;
}

.idb-forms-form.idb-forms-layout-grid .idb-forms-section-fields > .idb-forms-field-large,
.idb-forms-control.idb-form-field-layout-grid .idb-forms-field-large {
    grid-column: span 3;
}

.idb-forms-form.idb-forms-layout-grid .idb-forms-section-fields > .idb-forms-field-full,
.idb-forms-control.idb-form-field-layout-grid .idb-forms-field-full {
    grid-column: 1 / -1;
}

/*
Form Highlighting - mainly for editing
 */

.idb-form-highlight-preview {
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.3);
    padding: 0.4em;
    margin: -0.4em;
}

.idb-form-highlight-selected {
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.5);
    padding: 0.4em;
    margin: -0.4em -0.4em 0.4em;
    opacity: 1;
}

.idb-forms-form.idb-form-highlight-selected {
    padding: 10px;
}

.idb-formdes-form-select-field .idb-forms-field.idb-form-highlight-selected,
.idb-formdes-form-select-field .idb-forms-field.idb-form-highlight-parent {
    opacity: 1;
    filter: none;
}

.idb-formdes-form-select-section .idb-forms-section.idb-form-highlight-selected {
    opacity: 1;
    filter: none;
}

.idb-form-highlight-selected.idb-form-highlight-preview {
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.7);
}

/*
Form Numbering
 */

.idb-forms-numbered,
.idb-form-field-composite-children {
    counter-reset: idb-form-numbered;
}

.idb-forms-numbered .idb-forms-field {
    counter-increment: idb-form-numbered;
    display: grid;
    grid-template-columns: min-content auto;
    grid-template-rows: 1fr auto !important;
}

.idb-forms-numbered .idb-forms-field .idb-forms-field-marker::before {
    content: counter(idb-form-numbered) ". ";
    margin-right: 0.2em;
    grid-column: 1;
}

.idb-forms-numbered .idb-form-field-composite-children .idb-forms-field .idb-forms-field-marker::before {
    content: counter(idb-form-numbered, lower-alpha) ". ";
}

.idb-forms-numbered .idb-forms-field-label {
    grid-column: 2;
}

.idb-forms-numbered .idb-forms-control {
    grid-column: 2;
}

/*
Rearrange the numbered fields checkbox list
 */

/*.idb-forms-numbered .idb-form-control-type-checkbox-list .idb-forms-field .idb-forms-field-marker::before {
    grid-column: 1;
    order: 1;
}

.idb-forms-numbered .idb-form-control-type-checkbox-list .idb-forms-field-label {
    grid-column: 3;
    order: 3;
}

.idb-forms-numbered .idb-form-control-type-checkbox-list .idb-forms-control {
    grid-column: 2;
    grid-row: 1;
    order: 2;
}*/

/*
Signature Field
 */
.idb-signature-input-control canvas {
    border: 1px solid lightgray;
    background-color: white;
    border-radius: 0.2em;
    user-select: none;
    -webkit-user-select: none;
}

/*
Form Search Dialog
 */

label.idb-search-case {
    margin-left: 2px;
}

label.idb-search-case input {
    display: none
}

label.idb-search-case .idb-search-case-icon {
    display: block;
    border: 1px solid currentColor;
    padding: 0.2em 0.4em;
    border-radius: 0.2em;
    font-weight: bold;
    user-select: none;
    color: #4a4a4a;
    cursor: pointer;
    text-align: center;
}

label.idb-search-case input:checked ~ .idb-search-case-icon {
    color: #007bff;
    text-decoration: underline;
}

table.idb-form-files-table {
    border-collapse: collapse;
}

table.idb-form-files-table th,
table.idb-form-files-table td {
    text-align: left;
    padding: 2px 8px 2px 2px;
}

table.idb-form-files-table tr.footer-row {
    border-top:1px solid #404040;;
}

table.idb-form-files-table tr.footer-row td {
    padding-top: 4px;
}

/*
Form Submit Animation
 */

@keyframes check {
    0% {
        /* for IE11, because the animationend wont fire for just a clip-path */
        opacity: 0;
        clip-path: circle(0em at center);
    }

    25% {
        opacity: 1;
        clip-path: circle(0.6em at center);
    }

    100% {
        opacity: 1;
        clip-path: circle(0.6em at center);
    }
}

@keyframes loading {
    0% {
        background: gray;
    }

    100% {
        background: lightgray;
    }
}

.idb-submit-status {
  display: inline-flex;
  vertical-align: middle;
  background-color: #92D050;
  width: 1.2em;
  height: 1.2em;
  visibility: hidden;
  color: white;
  justify-content: center;
  align-items: center;
  clip-path: circle(0.2em at 50% calc(100% + 0.2em));
  transition: clip-path 0.3s cubic-bezier(1,0,.53,1.0);
}

.idb-submit-status i {
    display: block;
    min-width: 0.8em;
    min-height: 0.8em;
}

.idb-form-loading.idb-submit-status {
    animation: loading infinite 1s alternate;
    clip-path: circle(0.2em at 50% 50%);
    visibility: visible;
}

.idb-form-loading.idb-submit-status i {
    display: none;
}

.idb-form-submit-success.idb-submit-status {
    visibility: visible;
    animation: check 1s 2 alternate both;
    /*   animation: check 1s infinite alternate both; */
}

.idb-form-submit-success.idb-submit-status i {
    animation: check 1s 2 alternate both;
    animation-delay: 0.35s;
}

.idb-form-btn-hidden,
.idb-forms-footer.idb-forms-footer-responsive button.idb-form-btn-hidden
{
    display:none !important;
    margin:0;
}

/********************************************************
 * END:   ../../../idashboards/cssf/forms/form_core.css *
 ********************************************************/

/************************************************************
 * BEGIN: ../../../idashboards/cssf/dashboard/textpanel.css *
 ************************************************************/
.idb-dashpanel-container {
  word-break: break-word;
}

.idb-dashpanel-container p,
.mce-content-body p {
  margin-block-start: 0;
  margin-block-end: 0;
  line-height: 1.22;
  margin-top:0;
  margin-bottom:0;
}

.tox .tox-toolbar {
  border-bottom: 1px solid #ccc;  
}

/************************************************************
 * END:   ../../../idashboards/cssf/dashboard/textpanel.css *
 ************************************************************/

/***************************************************************
 * BEGIN: ../../../idashboards/cssf/dashboard/qrcode_panel.css *
 ***************************************************************/
.idb-qrcode-link {
    height: 100%;
    transition: transform 0.2s;
    transform: scale(0.9);
}

.idb-qrcode-image {
    object-fit: contain;
    image-rendering: pixelated;
    height: 100%;
    width: 100%;
}

.idb-qrcode-link:hover {
    transform: scale(1);
}

/***************************************************************
 * END:   ../../../idashboards/cssf/dashboard/qrcode_panel.css *
 ***************************************************************/

/******************************************************************
 * BEGIN: ../../../idashboards/cssf/dashboard/minimized_panel.css *
 ******************************************************************/
.idb-minimized-panel-icon,
.idb-minimized-panel-text {
    transform: scale(0.9);
    transition: transform 0.2s;
}

.idb-minimized-panel-icon:hover,
.idb-minimized-panel-text:hover {
    transform: scale(1);
}

/******************************************************************
 * END:   ../../../idashboards/cssf/dashboard/minimized_panel.css *
 ******************************************************************/

/******************************************************
 * BEGIN: ../../../COMMON/cssf/appearance/idb-btn.css *
 ******************************************************/
.idb-btn:hover, .idb-btn:focus {
  text-decoration: none;
}

.idb-btn {
  border-style: solid;
  border-width: 1px;
  border-color: hsl(0 0% 70% / 1);
}

.idb-btn:focus, .idb-btn.focus {
  outline: 0;
  box-shadow: 0 0 0 2px #5B9DD9;
}

.idb-btn.disabled, .idb-btn:disabled {
  opacity: 0.65;
  cursor:auto;
}

.idb-btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.idb-btn:not(:disabled):not(.disabled):active, .idb-btn:not(:disabled):not(.disabled).active {
  background-image: none;
}

a.idb-btn.disabled,
fieldset:disabled a.idb-btn {
  pointer-events: none;
}
/*
Custom colored buttons

The variables can be set like:
element.style.setProperty('--idb-btn-custom-text', '#ff0000');
 */

:root {
    --idb-btn-custom-text: #fff;
    --idb-btn-custom-bg: #6c757d;
    --idb-btn-custom-hover-text: #fff;
    --idb-btn-custom-hover-bg: #5a6268;
    --idb-btn-custom-focus-border: rgba(108, 117, 125, 0.5);
}

.idb-btn-custom {
  color: var(--idb-btn-custom-text);
  background-color: var(--idb-btn-custom-bg);
  border-color: var(--idb-btn-custom-bg);
}

.idb-btn-custom:hover {
  color: var(--idb-btn-custom-hover-text);
  background-color: var(--idb-btn-custom-hover-bg);
  border-color: var(--idb-btn-custom-hover-bg);
}

.idb-btn-custom:focus, .idb-btn-custom.focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem var(--idb-btn-custom-focus-border);
}

.idb-btn-custom.disabled, .idb-btn-custom:disabled {
  color: var(--idb-btn-custom-text);
  background-color: var(--idb-btn-custom-bg);
  border-color: var(--idb-btn-custom-bg);
}

.idb-btn-custom:not(:disabled):not(.disabled):active, .idb-btn-custom:not(:disabled):not(.disabled).active,
.show > .idb-btn-custom.dropdown-toggle {
  color: var(--idb-btn-custom-hover-text);
  background-color: var(--idb-btn-custom-hover-bg);
  border-color: var(--idb-btn-custom-hover-bg);
}

.idb-btn-custom:not(:disabled):not(.disabled):active:focus, .idb-btn-custom:not(:disabled):not(.disabled).active:focus,
.show > .idb-btn-secondary.dropdown-toggle:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem var(--idb-btn-custom-focus-border);
}

/*
Primary buttons
 */

.idb-btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.idb-btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.idb-btn-primary:focus, .idb-btn-primary.focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.idb-btn-primary.disabled, .idb-btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.idb-btn-primary:not(:disabled):not(.disabled):active, .idb-btn-primary:not(:disabled):not(.disabled).active,
.show > .idb-btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.idb-btn-primary:not(:disabled):not(.disabled):active:focus, .idb-btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .idb-btn-primary.dropdown-toggle:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.idb-btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.idb-btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

.idb-btn-secondary:focus, .idb-btn-secondary.focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.idb-btn-secondary.disabled, .idb-btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.idb-btn-secondary:not(:disabled):not(.disabled):active, .idb-btn-secondary:not(:disabled):not(.disabled).active,
.show > .idb-btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

.idb-btn-secondary:not(:disabled):not(.disabled):active:focus, .idb-btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .idb-btn-secondary.dropdown-toggle:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.idb-btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.idb-btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}

.idb-btn-success:focus, .idb-btn-success.focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.idb-btn-success.disabled, .idb-btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.idb-btn-success:not(:disabled):not(.disabled):active, .idb-btn-success:not(:disabled):not(.disabled).active,
.show > .idb-btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}

.idb-btn-success:not(:disabled):not(.disabled):active:focus, .idb-btn-success:not(:disabled):not(.disabled).active:focus,
.show > .idb-btn-success.dropdown-toggle:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.idb-btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.idb-btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}

.idb-btn-info:focus, .idb-btn-info.focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.idb-btn-info.disabled, .idb-btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.idb-btn-info:not(:disabled):not(.disabled):active, .idb-btn-info:not(:disabled):not(.disabled).active,
.show > .idb-btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}

.idb-btn-info:not(:disabled):not(.disabled):active:focus, .idb-btn-info:not(:disabled):not(.disabled).active:focus,
.show > .idb-btn-info.dropdown-toggle:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.idb-btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.idb-btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}

.idb-btn-warning:focus, .idb-btn-warning.focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.idb-btn-warning.disabled, .idb-btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

/* temporary for alerts because grayscale is different based on color, making different colored disabled buttons inconsistent. */
.idb-btn-warning-alert.disabled, .idb-btn-warning-alert:disabled {
  color: #ffffff;
  background-color:#656565;
  border-color:#656565;
}



.idb-btn-warning:not(:disabled):not(.disabled):active, .idb-btn-warning:not(:disabled):not(.disabled).active,
.show > .idb-btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}

.idb-btn-warning:not(:disabled):not(.disabled):active:focus, .idb-btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .idb-btn-warning.dropdown-toggle:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.idb-btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.idb-btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}

.idb-btn-danger:focus, .idb-btn-danger.focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.idb-btn-danger.disabled, .idb-btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.idb-btn-danger:not(:disabled):not(.disabled):active, .idb-btn-danger:not(:disabled):not(.disabled).active,
.show > .idb-btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}

.idb-btn-danger:not(:disabled):not(.disabled):active:focus, .idb-btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .idb-btn-danger.dropdown-toggle:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.idb-btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.idb-btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

.idb-btn-light:focus, .idb-btn-light.focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.idb-btn-light.disabled, .idb-btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.idb-btn-light:not(:disabled):not(.disabled):active, .idb-btn-light:not(:disabled):not(.disabled).active,
.show > .idb-btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}

.idb-btn-light:not(:disabled):not(.disabled):active:focus, .idb-btn-light:not(:disabled):not(.disabled).active:focus,
.show > .idb-btn-light.dropdown-toggle:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.idb-btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.idb-btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}

.idb-btn-dark:focus, .idb-btn-dark.focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.idb-btn-dark.disabled, .idb-btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.idb-btn-dark:not(:disabled):not(.disabled):active, .idb-btn-dark:not(:disabled):not(.disabled).active,
.show > .idb-btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}

.idb-btn-dark:not(:disabled):not(.disabled):active:focus, .idb-btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .idb-btn-dark.dropdown-toggle:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.idb-btn-outline-primary {
  color: #007bff;
  background-color: transparent;
  background-image: none;
  border-color: #007bff;
}

.idb-btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.idb-btn-outline-primary:focus, .idb-btn-outline-primary.focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.idb-btn-outline-primary.disabled, .idb-btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}

.idb-btn-outline-primary:not(:disabled):not(.disabled):active, .idb-btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .idb-btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.idb-btn-outline-primary:not(:disabled):not(.disabled):active:focus, .idb-btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .idb-btn-outline-primary.dropdown-toggle:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.idb-btn-outline-secondary {
  color: #6c757d;
  background-color: transparent;
  background-image: none;
  border-color: #6c757d;
}

.idb-btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.idb-btn-outline-secondary:focus, .idb-btn-outline-secondary.focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.idb-btn-outline-secondary.disabled, .idb-btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}

.idb-btn-outline-secondary:not(:disabled):not(.disabled):active, .idb-btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .idb-btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.idb-btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .idb-btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .idb-btn-outline-secondary.dropdown-toggle:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.idb-btn-outline-success {
  color: #28a745;
  background-color: transparent;
  background-image: none;
  border-color: #28a745;
}

.idb-btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.idb-btn-outline-success:focus, .idb-btn-outline-success.focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.idb-btn-outline-success.disabled, .idb-btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}

.idb-btn-outline-success:not(:disabled):not(.disabled):active, .idb-btn-outline-success:not(:disabled):not(.disabled).active,
.show > .idb-btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.idb-btn-outline-success:not(:disabled):not(.disabled):active:focus, .idb-btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .idb-btn-outline-success.dropdown-toggle:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.idb-btn-outline-info {
  color: #17a2b8;
  background-color: transparent;
  background-image: none;
  border-color: #17a2b8;
}

.idb-btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.idb-btn-outline-info:focus, .idb-btn-outline-info.focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.idb-btn-outline-info.disabled, .idb-btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}

.idb-btn-outline-info:not(:disabled):not(.disabled):active, .idb-btn-outline-info:not(:disabled):not(.disabled).active,
.show > .idb-btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.idb-btn-outline-info:not(:disabled):not(.disabled):active:focus, .idb-btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .idb-btn-outline-info.dropdown-toggle:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.idb-btn-outline-warning {
  color: #ffc107;
  background-color: transparent;
  background-image: none;
  border-color: #ffc107;
}

.idb-btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.idb-btn-outline-warning:focus, .idb-btn-outline-warning.focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.idb-btn-outline-warning.disabled, .idb-btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}

.idb-btn-outline-warning:not(:disabled):not(.disabled):active, .idb-btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .idb-btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.idb-btn-outline-warning:not(:disabled):not(.disabled):active:focus, .idb-btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .idb-btn-outline-warning.dropdown-toggle:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.idb-btn-outline-danger {
  color: #dc3545;
  background-color: transparent;
  background-image: none;
  border-color: #dc3545;
}

.idb-btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.idb-btn-outline-danger:focus, .idb-btn-outline-danger.focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.idb-btn-outline-danger.disabled, .idb-btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}

.idb-btn-outline-danger:not(:disabled):not(.disabled):active, .idb-btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .idb-btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.idb-btn-outline-danger:not(:disabled):not(.disabled):active:focus, .idb-btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .idb-btn-outline-danger.dropdown-toggle:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.idb-btn-outline-light {
  color: #f8f9fa;
  background-color: transparent;
  background-image: none;
  border-color: #f8f9fa;
}

.idb-btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.idb-btn-outline-light:focus, .idb-btn-outline-light.focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.idb-btn-outline-light.disabled, .idb-btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}

.idb-btn-outline-light:not(:disabled):not(.disabled):active, .idb-btn-outline-light:not(:disabled):not(.disabled).active,
.show > .idb-btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.idb-btn-outline-light:not(:disabled):not(.disabled):active:focus, .idb-btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .idb-btn-outline-light.dropdown-toggle:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.idb-btn-outline-dark {
  color: #343a40;
  background-color: transparent;
  background-image: none;
  border-color: #343a40;
}

.idb-btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.idb-btn-outline-dark:focus, .idb-btn-outline-dark.focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.idb-btn-outline-dark.disabled, .idb-btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}

.idb-btn-outline-dark:not(:disabled):not(.disabled):active, .idb-btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .idb-btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.idb-btn-outline-dark:not(:disabled):not(.disabled):active:focus, .idb-btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .idb-btn-outline-dark.dropdown-toggle:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.idb-btn-link {
  font-weight: 400;
  color: #007bff;
  background-color: transparent;
}

.idb-btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
  background-color: transparent;
  border-color: transparent;
}

.idb-btn-link:focus, .idb-btn-link.focus {
  text-decoration: underline;
  border-color: transparent;
  box-shadow: none;
}

.idb-btn-link:disabled, .idb-btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.idb-btn-lg, .idb-btn-group-lg > .idb-btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.idb-btn-sm, .idb-btn-group-sm > .idb-btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.idb-ai-btn {
  background-image: linear-gradient(to right top, #ff0000, #ffaf00, #e70faa, #6d2894);
}



/******************************************************
 * END:   ../../../COMMON/cssf/appearance/idb-btn.css *
 ******************************************************/

/*************************************************
 * BEGIN: ../../../COMMON/css/scrollingtable.css *
 *************************************************/
.idb-scrolling-table .table td, .idb-scrolling-table .table th {
    border-top:none;
}

.idb-scrolling-table tr.idb-current, .idb-scrolling-table tr.idb-current td, 
    .idb-scrolling-table tr.idb-current.idb-selected td, 
    .idb-scrolling-table tr.idb-current.idb-selected td, 
    .idb-scrolling-table tr.idb-selected td
{
    background-color: lightblue;
}

.idb-scrolling-table tr.idb-above, .idb-scrolling-table tr.idb-above td
{
    border-top: 2px solid lightslategray;
}
.idb-scrolling-table tr.idb-below, .idb-scrolling-table tr.idb-below td
{
    border-bottom: 2px solid lightslategray;
}
.idb-scrolling-table .idb-number
{
    text-align: right;
}

.idb-scrolling-table th {
    text-overflow: ellipsis;
    overflow: hidden;
}

.idb-scrolling-table th.idb-sortable:after, .idb-scrolling-table th.idb-ascending:after, 
    .idb-scrolling-table th.idb-descending:after,
    .idb-scrolling-table table.idb-sortable td.idb-number:after
{
    font-size: 12px;
}

.idb-scrolling-table th.idb-sortable:after, 
    .idb-scrolling-table table.idb-sortable td.idb-number:after
{
    content: "";
}
.idb-scrolling-table th.idb-ascending:after
{
    content: "\00A0\25BC";
}
.idb-scrolling-table th.idb-descending:after
{
    content: "\00A0\25B2";
}
.idb-scrolling-table .table
{
    margin-bottom: 0;
    /*
    Safari will set the width to zero if you set width auto in the JS.
     */
    width: auto;
}
.idb-scrolling-table tbody tr:first-child td
{
    border-top: none;
}

.idb-scrolling-table-search-input {
    margin:0.25em;
    background-color:#FFFFFF;
}



/*************************************************
 * END:   ../../../COMMON/css/scrollingtable.css *
 *************************************************/


button.idb-pivot-button {
    box-sizing:border-box;
    border-radius:2px;
    border:1px solid #aaaaaa;
    background-color:#cccccc;
    padding:0.3em 0.6em;
    font-size:14px;
}

button.idb-pivot-button:hover {
    background-color:#9CC0CC;
}

button.idb-pivot-button.idb-pivot-button-selected {
    background-color:#0099cc;
}

button.idb-pivot-scroller {
    background-color:#aaaaaa;
    background-position:center;
    background-repeat:no-repeat;
}

button.idb-pivot-scroller.prev {
    background-image:url(../../images/idbicons/arrow-light-left.svg);
}

button.idb-pivot-scroller.next {
    background-image:url(../../images/idbicons/arrow-light-right.svg);
}

button.idb-pivot-scroller.hidden {
    visibility:hidden;
}

svg.idb-pivot-slider:hover {
    cursor:pointer;
}

button.idb-svg-btn-zoom {
    box-sizing:border-box;
    border:1px solid #404040;
    border-radius:0;
    background-size:80%;
    background-position:center;
    background-repeat:no-repeat;
    flex:1 1 auto;
}

button.idb-svg-btn-zoom.zoom-in {
    background-image:url("../../images/dashboard/images/zoom-in.svg");
}

button.idb-svg-btn-zoom.zoom-out {
    background-image:url("../../images/dashboard/images/zoom-out.svg");
}

button.idb-svg-btn-zoom.zoom-reset {
    background-image:url("../../images/dashboard/images/zoom-reset.svg");
}

button.idb-svg-btn-zoom:first-child {
    border-radius:5px 5px 0px 0px;
}
button.idb-svg-btn-zoom:last-child {
    border-radius:0px 0px 5px 5px;
}

div.idb-cp-panel {
    background-color:#6a6a6a;
    border-radius:15px;
    transition:width 0.5s ease, height 0.5s ease 0.5s, opacity 1s;
}

div.idb-cp-panel ul {
  list-style:none;
  padding: 5px 0;
  margin: 0 0.5em;
  width:-moz-fit-content;
  width:fit-content;
}

div.idb-cp-panel > .idb-menu-list {
  flex-direction: column;
  padding: 0;
  margin: 0;
}

div.idb-cp-panel li.idb-menu-list-item {
    background-color:#348C8F;
    cursor:pointer;
    padding:0.3em 0.8em;
    white-space:nowrap;
    color:#FFFFFF;
    border:1px solid #348C8F;
    margin-bottom:0.3em;
    transition:border-color 0.5s, background-color 0.5s;
}

div.idb-cp-panel a,
div.idb-cp-panel a:visited {
  text-decoration:none;
  color:inherit;
}


div.idb-cp-panel li.idb-menu-list-item:hover {
    background-color:#7a7a7a;
    border:1px solid #FFFFFF;
}


div.idb-cp-panel li.idb-menu-list-item:last-child {
    margin-bottom:0;
}


div.idb-cp-panel.open {
    transition:height 0.5s ease, width 0.5s ease 0.5s, opacity 0.5s 0.5s;
}


button.idb-cp-btn {
    background-color:#6a6a6a;
    width:30px;
    height:30px;
    border-radius:15px;
    border-style:none;
    background-position:center;
    background-repeat:no-repeat;
    background-size:22px 22px;
    transition:background-image 1s;
}

div.idb-cp-btnrow button.idb-cp-btn {
    margin-left:7px;
}


div:has(.idb-panel-btn-fit) {
  flex:1 1 auto;
}

.idb-panel-btn-fit {
  font-size: 1.5rem;
  flex:1 1 auto;
}

.idb-panel-btn-lg {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.idb-panel-btn-md {
  padding: 0.4rem 0.6rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
}

.idb-panel-btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.idb-panel-image {
  cursor:pointer;
}

.idb-panel-image-lg {
  font-size: 128px;
}

.idb-slideout-panel .idb-chart-pivot-top .idb-chart-pivotbar {
    padding-left:40px;
}

.idb-panel-image-md {
  font-size: 64px;
}

.idb-panel-image-sm {
  font-size: 24px;
}

.idb-panel-custom-image-fit-par {
  flex:1 1 auto;
  object-fit:contain;
}


/******************************************************
 * BEGIN: ../../../COMMON/cssf/kb/article-content.css *
 ******************************************************/
.idb-kb-article-content {
    background: white;
    margin-bottom: 1em;
    line-height: 1.6;
    flex: 1 1 auto;
    display: flex;
    flex-flow: column;
}

.idb-kb-article-content p:last-child {
    margin-bottom: 0;
}

.idb-kb-article-content iframe,
.idb-kb-article-content img {
    max-width: 100%;
    object-fit: contain;
}

.idb-kb-article-header {
    display: grid;
    grid-template-columns: auto 2.2em 1.25em;
}

.idb-kb-article-title {
    flex: 1 1 auto;
    overflow-x: clip;
    text-overflow: ellipsis;
}

.idb-kb-article-header > button:not(.idb-ai-btn) {
    background: transparent;
    transition:  0.5s transform;
    margin: -0.5em;
}

.idb-kb-article-header > .idb-ai-btn {
    margin-right: 2px;
}

.idb-kb-article-header > button:not(.idb-ai-btn):hover {
    transform: scale(1.1, 1.1);
}

.idb-kb-article-header,
.idb-kb-article-title-input {
    padding:  1rem;
}

.idb-kb-article-body {
    padding: 1.5em;
}

.idb-kb-article-title,
.idb-kb-article-title-input {
    font-size: 1.5em;
    font-weight: 200;
    margin: 0;
    line-height: 1;
}

.idb-kb-article-header,
.idb-kb-article-title-input {
    width: calc(100% - 2em); /* Full width of parent minus the padding) */ 
    border-bottom: 1px solid lightgray;
}

.idb-kb-article-title-input {
    border-width: 0;
    border-radius: 0;
}

@media only screen and (max-width: 1320px) {
    .idb-kb-article-content {
        font-size: 1.1em;
    }
}

@media only screen and (max-width: 1150px) {
    .idb-kb-article-content {
        font-size: 1.2em;
    }
}

@media only screen and (max-width: 640px) {
    .idb-kb-article-header {
        grid-template-columns: auto 1.25em 2em; /* make space for the button bar */
    }
}


/******************************************************
 * END:   ../../../COMMON/cssf/kb/article-content.css *
 ******************************************************/

/*********************************************************
 * BEGIN: ../../../COMMON/cssf/comments/comment-list.css *
 *********************************************************/
.idb-comments-heading {
    font-size: 2.5rem;
    font-weight: 200;
    margin: 2rem 0 1rem;
    color: white;
}

.idb-comments-comment-panel {
    height: 100%;
}

.idb-comments-comment-panel .comment-list {
    margin-top: 1rem;
    overflow: auto;
    padding: 0px 1rem;
}

.idb-comments-comment-panel .idb-comments-comment-list {
    display: flex;
    flex-flow: row nowrap;
    flex: 1 1 auto;
}

.idb-comments-comment-panel .idb-comments-comment-list-items {
    flex: 1 1 auto;
}

.idb-comments-comment-list-collapse {
    display: block;
    margin:  0.8em auto;
    background: transparent;
    color: white;
    border: 2px solid white;
    border-radius: 1.2em;
    padding: 0.4em 0.8em;
    box-shadow: 0 0 1em #00000054;
}

.idb-comments-comment-list-collapse:focus {
    box-shadow: 0 0 1em #000000db;
}

.idb-comments-comment-list-collapse:active:not(:disabled) {
    background: #00000054;
}

.idb-comments-comment {
    background:  white;
    border-bottom: 1px solid #CECECE;
    border-left: 1px solid #CECECE;
    border-right: 1px solid #CECECE;
    display:  grid;
    grid-template-areas:
        "name actions"
        "content content";
}

.idb-comments-comment:first-of-type {
    border-top: 1px solid #CECECE;
}

.idb-comments-comment.idb-comments-comment-highlight {
    border-left: 4px solid var(--idb-brand-highlight-bg, #E69F25);
    background-color: #CECECE;
}

.idb-comments-comment.idb-comments-comment-is-own {
    border-left: 4px solid var(--idb-brand-highlight-bg, #E69F25);
}

.idb-comments-comment.idb-comments-commment-flagged .idb-comments-comment-content {
    display: none;
}

.idb-comments-comment .idb-comments-comment-actions {
    grid-area: actions;
    justify-self: end;
    padding: 1em;
}

.idb-comments-comment .idb-comments-comment-actions > button {
    background: transparent;
    transition:  0.5s background-color;
}

.idb-comments-comment .idb-comments-comment-actions > button:hover {
    background: #e3e3e3;
}

.idb-comments-comment .idb-comments-comment-content {
    grid-area: content;
    padding: 0 1em 1em;
    word-break:break-word;
}

.idb-comments-comment .idb-comments-change-info {
    grid-area: name;
    padding: 1em;
}

.idb-comments-comment.idb-comments-comment-is-own .idb-comments-change-info {
    margin-right:  0;
}

/*********************************************************
 * END:   ../../../COMMON/cssf/comments/comment-list.css *
 *********************************************************/

/***********************************************************
 * BEGIN: ../../../COMMON/cssf/comments/comment-editor.css *
 ***********************************************************/
.idb-comments-comment-editor {
    margin-top: 1em;
}

.idb-comments-input-fake {
    background: white;
    padding: 1em;
    cursor: pointer;
    border: 1px solid #CECECE;
}

.idb-comments-input-real {
    display:  grid;
    grid-template-columns: 3.8em 1fr;
    grid-template-areas:
        "pic name"
        "pic input"
        " .  buttons";
    grid-row-gap: 8px;
}

.idb-comments-input-real .idb-comments-change-info-pic {
    grid-area:  pic;
}

.idb-comments-input-real .idb-comments-change-info-user {
    grid-area:  name;
    background-color: #BFBFBF;
    padding: 0.6em 0.8em;
    font-weight: bold;
}

.idb-comment-editor-buttons {
    grid-area: buttons;
    display:  flex;
    justify-content: end;
}

.idb-comment-editor-button {
    margin-top: 0.8em;
    margin-right: 0.8em;
    padding: 0.6em 1em;
    border-radius: 1.2em;
    border: 2px solid transparent;
}

.idb-comment-editor-button:last-child {
    margin-right: 0;
}

.idb-comment-editor-button:focus {
    border-color: white;
}

.idb-comments-submit {
    background: #92D050;
    color: white;
}

/***********************************************************
 * END:   ../../../COMMON/cssf/comments/comment-editor.css *
 ***********************************************************/

/****************************************************************
 * BEGIN: ../../../COMMON/cssf/comments/change-info-display.css *
 ****************************************************************/
.idb-comments-change-info {
    display: grid;
    grid-template-columns: 3em 1fr;
    grid-template-rows: 1fr 1fr;
    grid-column-gap: 0.5em;
}

.idb-comments-change-info-pic {
    height: 3em;
    width: 3em;
    clip-path: circle(50%);
    grid-row: 1 / 3;
    object-fit: cover;
    background:  white;
}

/****************************************************************
 * END:   ../../../COMMON/cssf/comments/change-info-display.css *
 ****************************************************************/

/*****************************************************************
 * BEGIN: ../../../COMMON/cssf/appearance/idb-branded-footer.css *
 *****************************************************************/
div.idb-branded-footer-container {
    --toggle-width:52px;
    --toggle-height:16px;
}
div.idb-branded-footer {
    top:0px;
    background-color:#7F7F7F;
    display:flex;
    flex-flow:row nowrap;
    justify-content:space-between;
    align-items:center;
    padding-right:10px;
    padding-left:10px;
    transition:top 0.5s;
}

div.idb-branded-footer-content {
    top:0px;
    transition:top 0.5s;
}

div.idb-branded-footer a.idb-branded-footer-logo {
    height:24px;
    width:215px;
    flex:0 0 auto;
    background-image:url(../../images/logo_poweredby-light.svg);
    background-size:contain;
    background-repeat:no-repeat;
}

div.idb-branded-footer button.idb-branded-footer-toggle {
    width:var(--toggle-width);
    height:var(--toggle-height);
    padding:0;
    flex:0 0 auto;
    background-color:transparent;
}

div.idb-branded-footer-container button.idb-branded-footer-toggle:after {
    background-image:url(../../images/icons/chevron-light.svg);
    background-size:var(--toggle-height) var(--toggle-width);
    background-repeat:no-repeat;
    position:absolute;
    top:var(--toggle-height);
    left:0;
    width:var(--toggle-height);
    height:var(--toggle-width);
    content:'';
    transform:rotate(270deg);
    transform-origin:left top;
}

div.idb-branded-footer-container.open div.idb-branded-footer {
    top:-140px;
    box-shadow: -1px -3px 10px 0px rgba(255,255,255,0.75);
}

div.idb-branded-footer-container.open div.idb-branded-footer-content {
    top:-100px;
    height:140px;
}

div.idb-branded-footer-container.open button.idb-branded-footer-toggle:after {
    top:0;
    left:var(--toggle-width);
    transform:rotate(90deg);
    transform-origin:left top;
}



/*****************************************************************
 * END:   ../../../COMMON/cssf/appearance/idb-branded-footer.css *
 *****************************************************************/

/**********************************************************
 * BEGIN: ../../../COMMON/cssf/appearance/idb-striped.css *
 **********************************************************/
.idb-striped-start-dark > div:nth-of-type(odd) {
    background-color:rgba(0,0,0,0.05);
}

.idb-striped-start-light > div:nth-of-type(even) {
    background-color:rgba(0,0,0,0.05);
}

/**********************************************************
 * END:   ../../../COMMON/cssf/appearance/idb-striped.css *
 **********************************************************/

/************************************************************
 * BEGIN: ../../../COMMON/cssf/general/idb-display-none.css *
 ************************************************************/
.idb-display-none {
	display:none;
}

.idb-display-none-important {
	display:none !important;
}

/************************************************************
 * END:   ../../../COMMON/cssf/general/idb-display-none.css *
 ************************************************************/

/***********************************************************************************
 * BEGIN: ../../../idashboards/cssf/designer/dashboard/dialogs/OpenChartDialog.css *
 ***********************************************************************************/
.idb-open-chart-dialog {
    align-items: stretch;
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
    overflow: hidden;
}

.idb-open-chart-dialog .idb-open-chart-dialog-selector {
    flex: 1 1 auto;
    overflow: hidden;
}

.idb-open-chart-dialog .idb-open-chart-dialog-details {
    flex: 0 0 auto;
    overflow: hidden;
}

.idb-open-chart-dialog-footer {
    align-content: space-between;
    flex-flow: row norap;
}

.idb-open-chart-dialog-footer .left-panel {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    height: 100%;
}

.idb-open-chart-dialog-footer .right-panel {
    display: flex;
    flex: 0 0 auto;
    height: 100%;
}

/***********************************************************************************
 * END:   ../../../idashboards/cssf/designer/dashboard/dialogs/OpenChartDialog.css *
 ***********************************************************************************/

/*****************************************************
 * BEGIN: ../../../idashboards/cssf/ui/file-list.css *
 *****************************************************/
:root {
    --idb-icon-color: #484848;
}

.idb-file-download-all {
    font-size: 0.8em;
    text-decoration: none;
    display: block;
    margin: 0.6em 0;
    cursor: pointer;
}

.idb-file-download-all:visited {
    color: inherit;
}

.idb-file-download-all .idbicon {
    width: 1.2em;
    aspect-ratio: 1;
    display: inline-block;
    vertical-align: middle;
    min-width: auto;
    min-height: auto;
}

.idb-file-list-drop-zone {
    border: 2px dashed white;
    height: 5em;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1em;
    color: white;
    text-align: center;
    margin-bottom: 1em;
}

.idb-file-list {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(6em, 1fr));
    gap: 1em;
    margin: 0;
    padding: 0;
}

.idb-file-list [role='row'] {
    display: grid;
    grid-template-areas: 'prev prev prev btn' 'prev prev prev btn' 'name name name btn' 'size size size btn';
    grid-template-columns: 1fr 1fr 1fr 2em;
    grid-template-rows: 1.8em 1.8em auto 1em;
    padding: 0.2em;
    border-radius: 0.2em;
}

.idb-file-list [role='row']:focus {
    box-shadow: 0 0 0 0.2em #252effd9;
}

.idb-file-list-name {
    grid-area: name;
    text-align: center;
    margin-top: 0.4em;
    font-size: 0.8em;
    text-overflow: ellipsis;
    overflow: hidden;
    align-self: end;
}

.idb-file-list-size {
    grid-area: size;
    text-align: center;
    margin-top: 0.2em;
    font-size: 0.6em;
}

.idb-file-list-buttons {
    grid-area: btn;
    display: flex;
    flex-direction: column;
}

.idb-file-list-buttons > .idbicon {
    display: block;
    flex: 1 0 auto;
    background-size: 1.5em;
    margin: 0;
    border-radius: 0.2em;
    /* As more icons get added they can get squished. The following prevents
       them from being squished to the point it cuts off the icon */
    min-width: 2em;
    aspect-ratio: 1;
}

.idb-file-list-buttons > .idbicon:hover {
    background-color: #00000026;
}

.idb-file-list-preview {
    grid-area: prev;
    height: 3.2em;
    align-self: center;
}

.idb-file-list-preview.with-preview {
    background: no-repeat center/contain;
}

.idb-file-list-preview.no-preview {
    width: calc(3.2em * 0.8);
    border: 0.35em solid var(--idb-icon-color);
    clip-path: polygon(0% 0%, 55% 0%, 100% 38%, 100% 100%, 0% 100%);
    background: white;
    position: relative;
    font-size: 10px;
    border-radius: 0.2em;
    margin: 0 auto;
}

.idb-file-list-preview.no-preview::before {
    content: attr(data\-ext);
    background: var(--idb-icon-color);
    position: absolute;
    bottom: 0.2em;
    left: 0;
    padding: 0.2em 0.4em 0.2em 0.15em;
    color: white;
    font-family: system-ui, sans-serif;
    font-weight: bold;
}

.idb-file-list-preview.no-preview::after {
    content: '';
    width: calc(3.2em * 0.48);
    height: calc(3.2em * 0.48);
    background: var(--idb-icon-color);
    position: absolute;
    top: -0.35em;
    right: -0.35em;
    border-bottom-left-radius: 0.2em;
    box-shadow: 0 0 0.4em #000000b3;
}

/*

Colors for specific file types.

 */

.idb-file-list-preview.no-preview[data-ext='doc'],
.idb-file-list-preview.no-preview[data-ext='docx'] {
    --idb-icon-color: #185abd;
}

.idb-file-list-preview.no-preview[data-ext='xls'],
.idb-file-list-preview.no-preview[data-ext='xlsx'] {
    --idb-icon-color: #107c41;
}

.idb-file-list-preview.no-preview[data-ext='pdf'] {
    --idb-icon-color: #ff0000;
}

/*****************************************************
 * END:   ../../../idashboards/cssf/ui/file-list.css *
 *****************************************************/

/*************************************************
 * BEGIN: ../../../COMMON/cssf/ai/aiinsights.css *
 *************************************************/
.idb-aiinsights-msg {
    background-color:#FFFFFF;
    color:#999999;
    padding: 0 1rem;
    font-size: 0.9rem;
}

.idb-aiinsights-limit-msg {
    background-color:#FFFFFF;
    color:#000000;
    padding: 0 1rem;
}

.idb-aiinsights-footer {
   display: flex;
   flex-flow: row no-wrap;
   justify-content: space-between;
   padding: 0 2rem 0.5rem 0;
   font-size: 0.9rem;
}

.idb-aiinsights-retry.hide {
    visibility: hidden;
}

.idb-aiinsights-footer a {
    text-decoration: none;
}

.idb-aiinsights-footer a:hover {
    text-decoration: underline;
}

.idb-aiinsights-extra {
    display: flex;
    align-items:center;
    transition: opacity 0.5s ease-in-out;
    opacity:0;
}

.idb-aiinsights-extra.show {
    opacity: 1;
}

.idb-aiinsights-btn {
    color: #111111;
    opacity: 0.5;
}

.idb-aiinsights-btn:hover {
    opacity: 0.75;
}

.idb-aiinsights-copied {
    color:#006400;
}

.idb-aiinsights-btn.idb-aiinsights-suppressed {
    color:#ff0000;
}

/*************************************************
 * END:   ../../../COMMON/cssf/ai/aiinsights.css *
 *************************************************/

/**************************************************
 * BEGIN: ../../../COMMON/cssf/ui/search-tags.css *
 **************************************************/
div.search-tag-display {
    background-color:#FEFEFE;
    border:1px solid #404040;
    height:28px;
    border-radius:14px;
    padding:0 10px;
    user-select:none;
    margin:2px;
    box-sizing:border-box;
}

div.search-tag-display span {
    vertical-align:middle;
}

label.search-tag-toggle {
    background-color:#FEFEFE;
    color:#404040;
    border:1px solid #404040;
    cursor:pointer;
    height:28px;
    border-radius:14px;
    padding:2px 10px;
    user-select:none;
}

label.search-tag-toggle input[type=checkbox] {
    display:none;;
}

label.search-tag-toggle.selected {
    background-color:#404040;
    color:#FEFEFE;

}

/**************************************************
 * END:   ../../../COMMON/cssf/ui/search-tags.css *
 **************************************************/

/*********************************************
 * BEGIN: ../../../COMMON/cssf/chat/chat.css *
 *********************************************/
div:has(.idb-chat-dialog) {
    padding: 0;
}

.idb-chat-dialog {
    background: transparent;
    border: none;
    padding: 0;
/*    box-shadow: 0 20px 60px #00000042; */
    display: flex;
    flex:1 1 auto;
    overflow:hidden;
}

.idb-chat-dialog::backdrop {
    background: #00000063;
}

.idb-chat {
    display: flex;
    flex-direction: column;
    background: white;
    border-radius: 1em;
    padding: 1em;
    flex:1 1 auto;
}

.idb-chat-messages {
    display: flex;
    flex-direction: column;
    overflow: auto;
    margin-bottom: 0.6em;
    gap: 1em;
    flex:1 1 auto;
}

.idb-chat-message {
    display: grid;
    gap: 0.8em;
    max-width: 80%;
    padding: 1em;
    background: #dbdbdb;
    border-radius: 0.6em;
}

.idb-chat-suggestion {
    flex:0 0 auto;
    border-radius:0.6em;
    border:solid 2px #dbdbdb;
    padding: 0.2em 0.4em;
    transition: background 0.6s;
}

.idb-chat-suggestions-toggle-holder {
    width: 80%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding-bottom: 2px;
}

.idb-chat-suggestions-toggle {
    font-size: 0.9em;
    color: #111111;
    opacity: 0.5;
    background-color: #FFFFFF;
    padding: 0px;
}

.idb-chat-suggestions-toggle:hover {
    cursor: pointer;
    opacity: 0.75;
}

.idb-chat-suggestions-toggle:focus {
    outline: none !important;
}

.idb-chat-suggestion:hover {
    background: #dbdbdb;
    cursor: pointer;
}

.idb-chat-suggestions {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
    flex:0 0 auto;
    margin-bottom: 0.5em;
    max-width: 80%;  
}

.idb-chat-suggestions-hidden {
    display: none;
}

.idb-chat-message.mine {
    align-self: end;
    grid-template: "text profile"
                   "extra profile";
}

.idb-chat-message.theirs {
    align-self: start;
    grid-template: "profile text"
                   "profile extra";
}

.idb-chat-profile-img {
    grid-area: profile;
    height: 3rem;
    width: 3rem;
    object-fit: contain;
    background-size: cover;
    /*background-color: transparent;*/
    background-color: white;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
}

.idb-chat-profile-img.svg {
    background-size:2.2rem;
}

.idb-chat-message-text {
    grid-area: text;
    overflow:auto;
    padding-left: 1px;
}

.idb-chat-typing {
    display: flex;
    gap: 0.6em;
}

@keyframes glimmer {
    0% {
        background-position: 0% top;
    }
    50% {
        background-position: 100% top;
    }
    100% {
        background-position: 0% top;
    }
}

@keyframes typing-dot-popup {
    0% {
        transform: translateY(0%);
    }

    25% {
        transform: translateY(-25%);
    }

    50% {
        transform: translateY(0%);
    }

    75% {
        transform: translateY(25%);
    }

    100% {
        transform: translateY(0%);
    }
}

.idb-chat-typing-dots {
    --typing-dot-size: 0.5em;
    display: grid;
    grid-template-columns: repeat(3, var(--typing-dot-size));
    background: linear-gradient(135deg, lightgray, lightgray, #f0efef, lightgray 33%);
    background-size: 400% 500%;
    padding: calc(var(--typing-dot-size) * 1.4);
    border-radius: var(--typing-dot-size);
    animation: glimmer 2.6s infinite;
    gap: calc(var(--typing-dot-size) / 2);
    align-self: center;
}

.idb-chat-typing-dot {
    background: gray;
    border-radius: var(--typing-dot-size);
    width: var(--typing-dot-size);
    aspect-ratio: 1;
    animation: typing-dot-popup infinite 0.6s cubic-bezier(.45,.05,.55,.95);
}

.idb-chat-typing-dot:first-child {
    animation-delay: -0.2s;
}

.idb-chat-typing-dot:last-child {
    animation-delay: 0.2s;
}

/* Styling for markdown rendered into the chat messages */

.idb-chat-message-text p:first-child {
    margin-top: 0;
}

.idb-chat-message-text p:last-child {
    margin-bottom: 0;
}

.idb-chat-message-text > ul,
.idb-chat-message-text > ol {
    padding-left: 1em;
}

.idb-chat-message-text table {
    border-collapse: collapse;
    border-style: hidden;
}

.idb-chat-message-text table th {
    border: none;
    border-left: 1px solid #9d9d9d;
    padding: 0.4em 0.6em;
    background: #fcfcfc;
}

.idb-chat-message-text table tr:first-child th:first-child {
    border-top-left-radius: 0.6em;
}

.idb-chat-message-text table tr:first-child th:last-child {
    border-top-right-radius: 0.6em;
}

.idb-chat-message-text table td {
    border: none;
    border-left: 1px solid #9d9d9d;
    padding: 0.2em 0.6em;
    background: #e8e8e8;
}

.idb-chat-message-text table tr:nth-child(even) td {
    background: #fcfcfc;
}

.idb-chat-message-text table tr:last-child td:first-child {
    border-bottom-left-radius: 0.6em;
}

.idb-chat-message-text table tr:last-child td:last-child {
    border-bottom-right-radius: 0.6em;
}

.idb-chat-message-text pre {
    background: #fcfcfc;
    padding: 0.6em 1em;
    border-radius: 0.6em;
}

.idb-chat-message-text img {
    width: 100%;
}

/* END: Styling for markdown */

.idb-chat-message-extra {
    grid-area: extra;
}

.idb-chat-disclaimer {
    font-size: 0.9em;
    display: flex;
    padding-left: 1em;
    margin-bottom: 0.6em;
}

.idb-chat-disclaimer :first-child {
    flex: 1 0 auto;
}

.idb-chat-form {
    display: flex;
    gap: 0.6em;
    flex: 0 0 auto;
    max-height:50%;
}

.idb-chat-form textarea {
   resize:vertical;
}

.idb-chat-input {
    flex: 1 0 auto;
    padding: 0.75em;
    height: 3.4em;
    min-height:3.4em;
    border: 2px solid transparent;
    border-radius: 0.6em;
    background: #dbdbdb;
    box-sizing: border-box;
    transition: background 0.6s;
}

.idb-chat-input:hover {
    background: #d0d0d0;
}

.idb-chat-input:focus {
    border-color: #dbdbdb;
    background: transparent;
}

.idb-chat-submit {
    width: 2.8em;
    aspect-ratio: 1;
    align-self: start;
}

.idb-chat-submit:hover {
    background: #d0d0d0;
}

.idb-chat-message.mine {
    background-color: #f2f2f2;
    margin-right:0.5em;
}

.idb-chat-voice-btn {
    font-size:1.5em;
    padding:0px;
    color:#111111;
    align-self:center;
    background-color:#ffffff;
}

/*********************************************
 * END:   ../../../COMMON/cssf/chat/chat.css *
 *********************************************/