/* Standard Widget */
.widget { border-width: 1px; border-style: solid; margin-bottom: 20px; background-color: #FFFFFF; border-color: var(--base-bordercolor); }
.widget p { font-size: 11px; }
/* Widget Header */
.widget .widget-header { background-color: var(--base-background); color: var(--base-font); border-bottom-color: var(--base-highlight); padding: 3px 5px; height: 30px; border-bottom-width: 3px; border-bottom-style: solid; font-size: 16px; }
@media screen and (max-width: 480px) { .widget .widget-header { height: 100%; } }
.widget .widget-header i.mdi { display: inline-block; *display: inline; float: left; *zoom: 1; margin-left: 0; font-size: 16px; line-height: 20px; padding-top: 2px; }
.widget .widget-header h3 { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; font-family: "Roboto"; font-size: 14px; margin: 0; text-transform: uppercase; font-weight: bold; line-height: 20px; float: left; margin-top: 2px; height: 23px; }
.widget .widget-header h3 > i.mdi { display: inline-block; *display: inline; float: left; *zoom: 1; margin-left: 0; font-size: 16px; line-height: 15px; padding-top: 2px; margin-right: 3px; }
.widget .widget-header h4 { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; font-family: "Roboto"; font-size: 8px; margin: 0; text-transform: uppercase; font-weight: bold; line-height: 25px; float: left; }
@media screen and (max-width: 480px) { .widget .widget-header h3, .widget .widget-header h4 { float: none; } }

/* Widget Header Toolbar */
.widget .widget-header .widget-header-toolbar { float: right; width: auto; height: 25px; margin-left: 10px; }
.widget .widget-header .widget-header-toolbar > a { color: var(--base-font-60); margin-left: 5px; }
.widget .widget-header .widget-header-toolbar > a:hover { color: var(--link-hover); margin-left: 5px; }
@media screen and (max-width: 480px) { .widget .widget-header .widget-header-toolbar {  float: none; border-left: none; margin-left: 0; padding-left: 0; } }

/* Widget Content */
.widget .widget-content { padding: 0 10px; /*margin-bottom: 30px;*/ }
.widget-content h1 { font-size: 20px; font-weight: bold; text-transform: uppercase; margin: 0; margin-bottom: 5px; }
.widget-content h3 { font-size: 14px; font-weight: bold; border-bottom: 1px solid lightgray; text-transform: uppercase; margin: 0; margin-bottom: 5px; }
.widget .widget-content h4 { font-size: 14px; }
.widget .widget-content h5 { font-size: 13px; }
.widget .widget-content h6 { font-size: 12px; }

/* Content Toolbar*/
.widget .widget-content .widget-content-toolbar { background-color: #EAE8E8; border-bottom: 1px solid lightgray; clear: both; position: sticky !important; top: 36px; z-index: 100; height: 24px; border: 1px solid lightgray; line-height: 15px; }
.widget .widget-content .widget-content-toolbar .btn-group { margin-right: -2px; height: 23px !important; border-radius: 0; padding: 0; margin: 0; }
.widget .widget-content .widget-content-toolbar .btn-group button { border-right: 1px solid var(--base-bordercolor-80); color: var(--base-font); height: 23px !important; padding: 0 8px; border-radius: 0; line-height: 0; margin-top: 0; font-size: 12px !important; font-weight: normal !important; }
.widget .widget-content .widget-content-toolbar .btn-group button > span.text { height: 23px; font-size: 12px; line-height: 12px; margin: 0; font-family: Roboto, 'Segoe UI' !important; vertical-align: middle;  }
.widget .widget-content .widget-content-toolbar .btn-group button > i.mdi { height: 20px; padding: 0; font-size: 14px !important; line-height: 12px; display: inline-block; margin-top: 4px; }
.widget .widget-content .widget-content-toolbar .btn-group button:hover { background-color: var(--link-background); color: var(--link-hover); border-radius: 0 !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-weight: 300 !important; }
.widget .widget-content .widget-content-toolbar .btn-group:not(:first-child) { border-left: 1px solid var(--base-bordercolor-80); }
@media screen and (max-width: 530px) {
    .btn-group.widget-header-toolbar { display: none; }
    .widget .widget-content .widget-content-toolbar .btn-group button > span { display: none; }
    .widget .widget-content .widget-content-toolbar .btn-group button > i.mdi { margin-top: 6px; }
    .widget .widget-content .widget-content-toolbar .btn-group button > i.mdi:hover { border-radius: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
}
@media print { .widget .widget-content .widget-content-toolbar { display: none; } }

/* Widget Footer */
.widget .widget-footer { border-color: var(--base-bordercolor); background-color: var(--base-background-60); padding: 7px 5px; border-top-width: 1px; border-top-style: solid; font-size: 8px !important; font-family: Consolas !important; }
.widget .widget-footer * { font-size: 8px !important; font-family: Consolas !important; }
.widget .widget-footer div { font-family: Consolas !important; color: var(--base-font-60); font-size: 8px !important; }
.widget .widget-footer div.updated { text-align: right; font-size: 8px !important; }
@media screen and ( max-width: 700px) { .widget .widget-footer div.updated { text-align: left; } }