.widgetgroupHeader {
      background-color: #000000;
      color: #ffffff;
      font-weight: bold;
      padding: 0.1em;
}

.combowidget_container { /*a widget with text labels and icon*/
      vertical-align: top;
      display: inline-block;
      width: 4.7em;
      overflow: hidden; /*ensure even spacing*/
      margin: 1px;
      padding: 1px;
      text-align: center;
}

.combowidget_txt {
      width: 100%;
      height: 1em;
      line-height: 1em;
      white-space: nowrap;
      overflow: hidden; /*ensure even spacing*/
      font-weight: bold;
      text-decoration: none;
}

.datepicker_icon {
      vertical-align: top;
      display: inline-block;
      cursor: pointer;
}

.datepicker_txt {
      vertical-align: top;
      display: inline-block;
      font-weight: bold;
      cursor: pointer;
}

.iconframe-default {
      padding: 0;
      margin: 0;
      display: block;
      width: 100%;
      color: #000000;
      font-size: 1.2em;
      font-weight: bold;
      text-align: center;
      cursor: pointer;
      text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.iconframe-inline {
      display: inline-block;
      padding: 0;
      margin: 0;
      color: #000000;
      font-size: 1.2em;
      font-weight: bold;
      text-align: center;
      cursor: pointer;
      text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.iconframe:hover {
      border-radius: 0.5em;
      box-shadow: 0 0 1em #0099ff;
      color: #ffffff;
      background-color: #0099ff;
}

.combowidget_txt:visited {
      text-decoration: none;
}

.comboselector {
      vertical-align: top;
      display: inline-block;
      margin: 1px;
      padding: 1px;
      font-weight: bold;
      text-align: center;
}

div.frame-combobtn {
      display: inline-block;
      vertical-align: middle;
      text-align: center;
}

button.widgetgroupHeader_btn {
      display: inline-block;
      vertical-align: middle;
      width: 3em;
}

div.widgetgroupHeader_txt {
      display: inline-block;
}

.stdbutton {
      display: inline-block;
}

/* JQUERY + POPOVERS ***********************************************************************/
/*generic*/


/* BOOTSTRAP + POPOVERS ***********************************************************************/
/*generic*/
div.dragframe {
      border: 2px solid #000000;
      display: inline-block;
      position: absolute;
      z-index: 90000;
      background-color: #f1f1f1;
      text-align: center;
}


/*modal**/
.dd-modal {
      color: #000000;
      background-color: #F0F6FFFF;
      padding: 0.5em;
}

.dd-modal-title {

}

.dd-modal-content {
      padding: 2em 0.5em 2em 0.5em;

}

/* FORMS ***********************************************************************/
.disabledWidget {
      background-color: #9A9A9A;
      filter: grayscale(.75) opacity(0.4);
}

/* BOOTSTRAP  OTHER ******************************************************************************/

.centered-modal.in {
      display: flex !important;
}

.centered-modal .modal-dialog {
      margin: auto;
}

.modal-backdrop {
      opacity: 0.3 !important;
}

.panel-footer {
      text-align: right;
}

/*************************************************************************************************/
.highlighticon {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      background-color: #ff0;
}

.iconbgdcircle {
      border: 1px solid #000000;
      margin: 0;
      display: inline-block;
      width: 2.5em;
      height: 2.5em;
      line-height: 2.5em;
      border-radius: 2.5em;
      color: #000000;
      font-size: 1em;
      font-weight: bold;
      text-align: center;
      cursor: pointer;
      text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

img.icon-1, .icon-2, img.icon-3, img.icon-4, img.icon-5, img.icon-6, img.icon-7, img.icon-8 {
      cursor: pointer;
      vertical-align: middle;
}

.icon-1 {
      height: 1.25em;
}

.icon-2 {
      height: 2.5em;
      line-height: 2.5em;
}

.icon-3 {
      height: 3em;
}

.icon-4 {
      height: 4em;
}

.icon-5 {
      height: 5em;
}

.icon-8 {
      height: 8em;
}


div.guiCanvasNotificationFrame {
      display: inline-block;
      color: #000000;
      background-image: url("/DD_libmedia/images/bgd/notepaper.png");
      background-size: 100% 100%;
}

div.guiCanvasNotification {
      width: 12em;
      text-align: left;
}

div.guiCanvasNotificationBtns {
      text-align: right;
}

button {
      display: inline-block;
      vertical-align: middle;
}

/* NOTIFICATION ***************************************************************************************/
div.notificationbar {
      border-radius: 0.5em;
      padding: 0.5em;
}

.notificationtitle {
      display: inline-block;
      vertical-align: middle;
      margin-right: 0.5em;
      font-weight: bold;
      font-size: 1.5em;
}

.notificationcontent {
      display: inline-block;
      vertical-align: middle;
}

.notificationbtn {
      vertical-align: middle;
      display: inline-block;
      float: right;
}

div.notificationbar-general {
      color: #ffffff;
      background-color: #4384F0;;
}

div.notificationbar-alert {
      color: #ffffff;
      background-color: #EB3D18;
}

/*****************************************************************************************************/
img.g_login {
      height: 1em;
}

/* BASIC WIDGETS ***************************************************************************************/

.myButton:hover {
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff2600
      ), color-stop(1, #ff9e9e));
      background: -moz-linear-gradient(top, #ff2600 5%, #ff9e9e 100%);
      background: -webkit-linear-gradient(top, #ff2600 5%, #ff9e9e 100%);
      background: -o-linear-gradient(top, #ff2600 5%, #ff9e9e 100%);
      background: -ms-linear-gradient(top, #ff2600 5%, #ff9e9e 100%);
      background: linear-gradient(to bottom, #ff2600 5%, #ff9e9e 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2600',
      endColorstr='#ff9e9e', GradientType=0);
      background-color: #ff2600;
}

.myButton:active {
      position: relative;
      top: 1px;
}

/*
http://www.bestcssbuttongenerator.com/#/38
*/

/* BOOTSTRAP /  JQUERY UI STYLES ** *************************************************************************************
note that overriding Bootstrap css requires important for that propert
 */
.btn-primary {
      background-color: #0a326c !important;
      color: #ffffff !important;
}

.btn-selected {
      background-color: #009BE3 !important;
      color: #ffffff !important;
      border: #9fcdff !important;
}

.ui-tofront {
      position: absolute;
      display: block;
}

xui-button {
      margin: 0 0.1em 0.4em 0;
}

.ui-widget-overlay {
      opacity: .50 !important;
      /* Make sure to change both of these, as IE only sees the second one */
      filter: Alpha(Opacity=50) !important;
      background: #000000;
      /*do not use background color - its not the jquery definition*/
}

.ui-widget-dd-dialog {
      overflow: hidden;
      background-color: #ff0000;
}

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


/*20230103
.popover {
      position: relative;
      border: 1px solid #9A9A9A;
      box-shadow: 6px 6px 12px #d0d0d0;
      /*dont use
      margin,width,padding,

}

.popover-header { /*this is actually an h3
      border: 0;
      margin: 0;
      padding: 0;
      background-color: #d0d0d0;
}

.popover-body {
      margin: 0;
      padding: 0;
}

.dd-popover-body {
      /*max-height: 30em;
overflow: auto;
margin: 0.5em;
padding: 0;
color: #000000;
}

.popover-content {
      margin: 0;
      padding: 0;
}

.popover-info {
      display: none;
      width: 20em;
      font-style: italic;
      margin-bottom: 1em;
      white-space: normal;
}

.popover-processing {
      display: none;
      margin: 4em;
}

div.popoverClose {

}
*/