@CHARSET "UTF-8";

html, body {
    font-size: 12px;
    margin:0;
    padding:0;
    text-align:center;
;
}
:root{
    --color-primary: #0f5292;
}
img,form,div,fieldset,dl,dt,dd { border:none; padding:0; margin:0; }
h1,h2,h3,h4,h5 { padding:.2em 0em; margin: 0em; border:none; line-height:1.17;}
h1 { font-size:2em; }
h2 { font-size:1.5em; }
h3 { font-size:1.35em; }
h4 { font-size:1.05em; }
h5 { font-size:1.05em; }
h6 { font-size:.95em; }

td, th { font-size: 12px; text-align:left; }
img, form, div { border:none; padding:0; margin:0; }
dl { margin:.5em 0em}
p { line-height:1.1; }
ul { list-style-type:square; }
a:link  {  text-decoration: underline }
a:visited  {  text-decoration: underline }
a:hover  {  text-decoration: underline }
a:active  {  text-decoration: none }

/* common */
.spacer { clear:both; }
.cursor { cursor:pointer }
.left { text-align:left }
.right { text-align:right }
.center { text-align:center }
.justify { text-align:justify }
.noborder { border:none }
.wide { width:100% }
.nowrap { white-space:nowrap }
.draggable { cursor:move }
/*~common */

/** Layout **/
#wrapper {
    width:1200px;
    margin:0 auto;
    text-align:left;
    font-size:12px;
}

#header-cnt {
    margin:1em 0em;
}
#logo {
    margin:1em 0em;
}
#login-box {
    float:right;
    padding:1em 0em 1em;
}

#login-box a {
    font-weight: bold;
    margin:5px;
    padding-left: 1em;
}

#content {
    padding:2em 0em;
    min-height: calc(100vh - 259px);
}
/*********** MENU BAR***********/
#navigation {
    clear:both;
    min-height: 2em;
    padding-left:5px;
    position: relative;
}
#navigation .active{
    position:relative;
}
#navigation .active a{
    color:var(--color-primary)!important;
}
#navigation .active:after{
    position:absolute;
    content:'';
    bottom:-5px;
    width: 31px;
    height:2px;
    left:0;
    background-color:var(--color-primary);

}
/*#navigation .active{*/
/*    background-color: var(--color-primary);*/
/*    border-radius: 5px;*/
/*}*/
/*#navigation .active a{*/
/*  color:white!important;*/
/*}*/
#navigation ul {
    text-align: left;
}
#navigation ul, #navigation ul ul {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 160%;
}
#navigation ul a {
    display: block;
    /*height:31px;*/
    text-decoration: none;
    /*padding: 10px 10px 0px 10px;*/
    font-size: 1.1em;
    font-weight: bold;
    margin:0em;
    border-width:0em;
}

#navigation ul a.last {
    background-image: none;
}

#navigation ul a.trigger {
    padding: 5px 15px 5px 15px;
}
#navigation ul li {
    float: left;
    /*height:41px;*/
    padding:0;
}
#navigation ul li {position: relative;}
/* hide from IE mac \*/
#navigation ul li {position: static; width: auto;margin-right: 2em;}
/* end hiding from IE5 mac */
#navigation ul li ul, #navigation ul ul li  {
    width: 15em; /*submenu len*/
    margin-bottom:1em;
}
#navigation ul ul li a  {
    border-right: 0;
}
#navigation ul li ul {
    position: absolute;
    display: none;
    z-index: 100;
    opacity: 1;
    padding-top: 2em!important;
}
#navigation ul li:hover ul, #navigation ul li.hvr ul {
    display: block;
}

/*********** MENU BAR END***********/

.ui-widget-header h2 { padding:0em .5em }

.dro-search-box {
    /*padding:.5em*/
    padding:1em;
}
.dro-search-box legend { padding:.1em .5em}

.dro-grid-table tbody tr td {
    /*background-color: #e2e2e2 */
}
.dro-grid-table tbody tr.rowOdd td {
    /*background-color:#eaf4fd */
}

#media-topic div.ui-widget-content { margin: 1em 0em }

#dashboard .dro-grid tbody tr { cursor: pointer}
.dro-formbox .ui-widget-header h2 { padding: .5em}
.dro-formbox  .dro-grid, .dro-grid {
    /*background-color: #fcfdfc;*/
    background-color: white;
    background-image: none;
    margin: auto;
    padding:20px;
}
.dro-grid h3.center  { color:black }
.dro-grid th { color:black; font-weight: bold }
.dro-grid th.ui-state-default a { color:black; font-weight: bold }
.dro-grid th.ui-state-default { color:black; font-weight: bold }
.dro-pager-info { padding: .3em}
.dro-header { margin: 0px; padding: .5em }
#app-settings-form .dro-formbox fieldset.setting-subform { padding: 1em;border: none; }
#app-settings-form .dro-formbox fieldset.setting-subform dl { width: 470px; }
#app-settings-form .dro-formbox fieldset.setting-subform dl input[type=text] {width: 250px }
#app-settings-form .dro-formbox fieldset.setting-subform legend {
    font-size: 1.3em;
    margin: .3em 1em;
    padding: .0em .5em;
}

#account-profile { width:600px; }
#account-profile dt, #account-profile dd {
    margin:0px;
    padding:5px;
    font-size:1.2em;
    height:25px;
    width:200px;
    float:left;
    border-bottom: 1px solid #8e8b8b;
}
#account-profile dd {
    width: 350px;
    font-weight: bold;
}

#dashboard p {
    display: block;
    height: 2em;
}

/** FormBox **/
.dro-formbox-panel {
    /*padding:1em;*/
    padding:40px;

}
.dro-formbox-tabbed-panel {
    padding:2em;
    margin-left:200px;
    margin-right:200px;
    min-height:300px;
}
.dro-formbox-panel ul.dro-formbox-menu li {
    width:198px;
    margin:8px 0px;
}
.dro-formbox-menu {
    float:left;
}
.dro-formbox-panel ul.dro-formbox-menu li a {
    display:block;
    padding:5px;
    font-size:1.2em;
}
.dro-formbox-panel ul.dro-formbox-menu li.ui-tabs-selected {
    border-right:1px solid white;
    width:199px;
}
.dro-formbox-panel-top {
    /*padding:2em;*/
    padding: 2em 40px 40px 40px;
    min-height:300px;
}
.dro-formbox-panel-top .dro-formbox-menu {
    float:none;
    clear:both;
}
.dro-formbox-panel-top ul.dro-formbox-menu li {
    float:left;
    margin:8px 5px -1px 5px;
}
.dro-formbox-panel-top ul.dro-formbox-menu li a {
    display:block;
    padding:5px 20px;
    font-size:1.2em;
}
.dro-formbox-panel-top .dro-formbox-tabbed-panel {
    margin-left:0px;
}
.dro-formbox-panel-top ul.dro-formbox-menu li.ui-tabs-selected {
    border-bottom:1px solid white;
}
ul.dro-formbox-menu li.disabled a {
    cursor:default;
}
label.required {
    padding-right:15px;
    background: url(images/asterisk.png) top right no-repeat;
}
.dro-formbox fieldset:not(.dro-search-box) { margin:0px; padding:0px; border:none }
.dro-formbox dl { float:left; width:400px;  }
.dro-formbox dl.dro-form-wide { width: auto }
.dro-formbox dl.dro-form-editor { width: 99% }
.dro-formbox dd { margin-left:0; }
.dro-formbox dl dd label { white-space: nowrap }
.dro-combobox {
    height:18px;
}
.dro-formbox dl dd label.multi-radio { float: left; }
.dro-formbox dl dd label.multi-radio2 { float: left; width:50% }
.dro-formbox dl dd label.multi-radio3 { float: left; width:33% }

.dro-search-box input[type=text], .dro-search-box input[type=password], .dro-search-box textarea, .dro-search-box select,
.dro-formbox input[type=text], .dro-formbox input[type=password], .dro-formbox textarea, .dro-formbox select  {
    /*background:#fff url("images/validationInputBg.png") repeat-x top left;*/
    /*border:1px solid #b3b3b3;*/
    /*line-height: normal;*/
    /*font-size:1.1em;*/
    border: 1px solid var(--color-primary);
    line-height: normal;
    background: white!important;
    font-size: .9375rem;
    font-weight: 600;
    padding: 0.4375rem 1.125rem;
    border-radius: 0.25rem;
}
.fieldLabel { width:400px }
.breaker {
    clear:both;
    border-top:1px dotted #000;
    float: left;
    width: 100%;
    margin: 16px 0;
}
.dro-formbox ul.errors {
    margin:2px 20px 1px 0px;
    padding:5px;
    list-style:none;
    display:block;
    /*background-image: url(images/bkgd_red.gif);*/
    border:1px solid #d01d21;
    background:#f7e1e4;
    border-radius:5px;
}
.dro-formbox ul.errors li {
    display:block;
    margin:0px;
    margin-right: 1em;
    padding:3px;
    color: #d01d21;
}

.dro-formbox pre { font-size:5px; line-height: 1; font-family:monospace }

.dro-formbox fieldset.dro-subform {
    padding: .5em;
    border: 1px solid #aaaaaa;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-bottom: 2em;
}
.dro-formbox fieldset.dro-subform legend {
    font-size: 1.2em;
    font-weight: bold;
    margin: .3em 1em;
    padding: .0em .5em;
}
.dro-formbox fieldset.dro-subform fieldset.dro-subform {
    background-color: #FCFDFC;
    margin-bottom: 1em;
    padding: .1em;
}

.dro-formbox fieldset.dro-subform fieldset.dro-subform dl {
    width:49%;
}

.dro-formbox fieldset.dro-subform fieldset.dro-subform dl dd,
.dro-formbox fieldset.dro-subform fieldset.dro-subform dl dt {
    float:left;
    width:49%;
}
.dro-formbox fieldset.dro-subform fieldset.dro-subform dl dt {
    text-align: right;
    height: auto;
}

.dro-formbox fieldset.dro-subform fieldset.dro-subform legend {
    background-color: #FCFDFC;
    font-size: 1em;
    font-weight: normal;
    border: 1px solid #aaaaaa;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

/** Grid **/
.dro-grid {
    margin:2em 0 3em 0;
}
.dro-grid .dro-grid-table {
    width:100%;
    border-spacing: 0!important;
}
.dro-grid .act {
    width:16px;
    padding:0px;
    text-align:center;
}
.dro-grid .dro-grid-table th, .dro-grid .dro-grid-table td {
    padding:10px 5px;
    border-top:1px solid #dee2e6;
}
.dro-grid .dro-grid-table tr.ui-widget-content td {
    overflow:hidden;
    /*white-space:pre;*/
    /*border-bottom:1px solid #ccc;*/
    /*border-right:1px solid #ccc;*/
}
/** Layout helpers **/
.dro-main-left { width:74%; float:left; }
.dro-sidebar-right { width:25%; float:right; }
.dro-padding-medium { padding: .3em; }

/** Search **/
.dro-search-box {
    /*margin:0px; margin:1em 8em 2em 8em;*/
    /*width: 100%;*/
    margin: 0 0 20px 0;
}
/** Media**/
.dro-media-upload-drag  {border:1px solid transparent }
.dro-media-upload-drag li { float:left; display: block; padding:2px; margin:0.5em 0.8em}
/** Messanger **/
#dro-flash-messages div { width:80%; margin:1em auto; padding:0.3em 1em; }
#dro-flash-messages div p span { float:left; margin-right:0.3em }
/** Pager **/
.dro-pager { margin:.3em 0em }
.dro-pager .dro-pager-info { float:left }
.dro-pager table { width:auto; float:right; table-layout:fixed}
.dro-pager table td { width:16px;}
/** UI Block **/
div.blockOverlay {
    -moz-opacity:.50;
    opacity:.50;
    text-align:center;
    background: url(images/loading-trans-white.gif) center center no-repeat;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}
div.growlUI { background: url(images/check48.png) no-repeat 10px 10px }
div.growlUI h1, div.growlUI h2 {
    color: white; padding: 5px 5px 5px 75px; text-align: left
}

.dro-widget-padding { padding: .5em!important }
.dro-margin-bottom { margin-bottom: .5em!important }
.dro-no-list, .dro-no-list li { margin: 0px; padding: 0px; list-style: none }

.draggable {
    cursor:move;
}

/* css for timepicker *
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.dro-grid .dro-grid-table tr.ui-widget-content td.dro-grid-highlight {
    background-color: #fcefa1;
}

/** button css fix **/
.ui-state-default .ui-icon-none {
    background: none;
    width:1px;
    margin:0;
    padding:0;
}
.dro-formbox .ui-button {
    /*margin-top: .5em;*/
}
.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 0.5em;
}

a.share-file {font-style: italic }
a.share-dir  {font-weight: bold }

/* */
#login-box .ui-button{
    margin-right:5px!important;
}
#login-box .ui-button:last-of-type{
    margin-right:0!important;
}
.ui-buttonset .ui-button{
    margin-right:1px!important;
}
.ui-buttonset .ui-button:last-of-type {
    margin-right: 0 !important;
}
.dro-grid-table .ui-widget-content{
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
}
.dro-formbox .ui-widget-content{
    box-shadow: none!important;
}
.dro_form .form-buttons{
    margin-top:1em!important;
}
.ui-accordion{
    background-color:transparent!important;
}
.ui-accordion-content{
    margin-bottom:0!important;
}
#footer{
    background:transparent!important;
}

.meter-holder {
    display: flex;
    justify-content: center;
}
.gauge-label{
    padding:5px 10px!important;
}
#login-reset-box .dro-formbox-panel {
    background-color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    box-shadow: 0 0 20px 0 rgb(106 106 106 / 20%), 0 5px 5px 0 rgb(69 69 69 / 24%);
    border-radius: 10px;
    text-align: center;
}
canvas.jqplot-series-shadowCanvas {
    background: white;
}
#report-tool > .ui-widget {
    padding: 20px 0;
}
#report-tool .ui-widget-header {
    padding-top: 0!important;
}