svg {
	/*border: solid 1px black;*/
}

.chart_info .percent {
	font-size: 2.5em;
}

#graphs_tooltip {
  position: absolute;
  text-align: center;
  padding: 15px;
  font: 14px sans-serif;
  background: lightsteelblue;
  border: 1px solid white;
  border-radius: 3px;
  pointer-events: none;
}
#graphs_tooltip .percent {
	font: 3em sans-serif;
}

.map_legend {
	width: 150px;
	height: 90px;
	box-shadow: 0 0 12px;
	background: rgba(255, 255, 255, 0.7);
	padding: 5px;
	border: 1px solid grey;
	border-radius: 5px;	
}

#map_tooltip {
	width: 220px;
	height: 110px;
	background: rgba(255, 255, 255, 1);
	padding: 10px;
	border: 1px solid grey;
	border-radius: 5px;
}

#map_tooltip span { 
	width: 75px ;
	display: inline-block;
}

#map_tooltip div { 
	padding-bottom: 15px ;
}

.markers circle {
	stroke: black;
	stroke-width: 1.5px;
	opacity: .8;
	cursor:default;	
}

.group_control {
	width: 26px;
	height: 26px;
	background: white;
	border: #DDD solid 1px;
	border-radius: 3px;
	box-shadow: 0 0 10px #EEE;
	cursor: pointer;
}

#group_control_tooltip {
	font-size: 8pt;
	background: #FFF;
	color: #444;
	padding: 5px;
	border: #AAA solid 1px;	
}

.group_control circle {
	fill: #EEE;
	stroke: #666;
	stroke-width: 1.5px;
}

.chart_btn {
	font-size : 18px;
	position: absolute;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1;
}

/* NetworkMap */
.network-map-tool-tip { position: absolute; padding: 8px; margin-top: -20px; font-size: 1em; background: #ddd; pointer-events: none;}
.network-map-tool-tip span { display:block; }
.network-map-tool-tip mark { font-weight:600; margin-left: 0.2em; background-color: transparent; color: inherit !important; }

/* PowerGauge */
#power-gauge g.arc { fill: steelblue; }
#power-gauge g.pointer { fill: #e85116; stroke: #b64011; }
#power-gauge g.label text { text-anchor: middle; font-size: 14px; font-weight: bold; fill: #666; }

.elastic_selection_div {margin-right: 100px;}
.elastic_selection_div .toggle_selection {float: right;}
.elastic_selection_div .form_title {font-size: 15pt}

.elastic_form label {display: inline-block; width: 75px;}
.elastic_form .filters_div, .elastic_form .groupby_div, .elastic_form .xaxis_div, .elastic_form .info_div { padding-left:20px; }
.elastic_form .div_title {margin-left: -15px}
.elastic_form .date-selection {margin-left: 0px !important; float:none !important;}
.elastic_form .filters_div input[type="text"] {width:135px; height: 25px}
.elastic_form .cond_op {width:115px; }
.elastic_form .span_filter_value input[type="text"] {width:135px; height: 25px}
.elastic_form .span_filter_value select.filter_value {width:135px; height: 30px}
.elastic_form .span_filter_value .other_value {display:block; width:255px !important}
.elastic_form .span_filter_value .date-manip {width:259px !important}
.elastic_form .span_filter_value input[type="file"] {display:block; width:255px}
.elastic_form #report_progress {margin-left: 20px; margin-right: 20px}
.elastic_form textarea {text-align:left; width:300px; white-space: nowrap;}
.elastic_form .toggle_link {float: right}
.elastic_form .index_div input {width: 190px;}
.elastic_form .error {width:200px}
.elastic_form input.filter_label {width:250px; padding:3px;}
.elastic_form input.days_ahead {width:30px; padding:3px;}

#minibana_menu .icon {width:70px; height:70px; margin-bottom:10px}
.minibana_button {float: left; padding-right: 50px; padding-bottom:30px; text-align:center}
#minibana_selection {clear:left; }
#minibana_selection {margin-top:30px; float:left;}
#minibana_graph {margin-top:0px; float:left;}
#minibana_index select {width: 235px}
#minibana_index button {margin-left: 15px}

#reports_menu a {float: left; margin-right: 5px; margin-bottom: 30px; color:#FF5A5A; font-size: 13pt; padding:10px 30px; background: #F4F4F4; border-top-right-radius: .5em;}
#reports_menu a.selected {color:white; background: #FF5A5A;}
#reports_selects {clear: left; margin-bottom:30px;}
#report_selections, #report_container {float: left}

#minibana_graph img.spinner { width:100px; }
#minibana_selection img.spinner { width:15px; }

a img {border:0px}

dl.dropdown {margin: 0px;}
.dropdown dd {  margin: 0px;  padding: 0px;  position: relative;}
.dropdown dd li { cursor: auto }
.dropdown dd ul {
  background-color: #EDEDED;
  border: 1px solid #ccc;
  color: #3D5E77;
  display: none;
  left: 0px;
  padding: 2px 15px 2px 5px;
  position: absolute;
  top: 0px;
  list-style: none;
  height: 100px;
  overflow: auto;
  min-width:237px;
}

img.fadein {
    -webkit-animation: fadein 2s;
	animation: fadein 2s;
}
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


#dashboard .pop_background {
	display: none;
	position: absolute; 
	left:0px; top:0px; 
	width:100%; height:100%; 
	background: rgba(255, 255, 255, .8);
	z-index: 100; 
}

#dashboard .pop_content {
	position: fixed; 
	left: 50%; top:50px; 
	z-index: 101; 
	height: 240px; 
	width: 300px;
	margin-left: -150px;
	background: rgba(150, 150, 150, 1);;
	padding: 50px;
	border-radius: 5px;
}
#dashboard #pop_block_content {height: 100px;}

#dashboard #new_block, #dashboard #pop_combo_content input[type="text"] {width:250px}
#dashboard .pop_content {text-align:center; color:white;}
#dashboard .pop_content span {font-size:12pt}
#dashboard #pop_graph_content .placeholder {text-align: left}

#dashboard #dashboard_tools {margin:5px; margin-bottom:20px;}
#dashboard #properties {position: absolute; z-index:1000; background: #FFF; border:1px solid #AAA; margin-left:1px;}
#dashboard .new_section {margin-left: 50px}

#dashboard #properties label {display: inline-block; width:90px;}
#dashboard #properties input[type="button"] {margin: 5px}
#dashboard #properties select {width: 170px}
#dashboard #properties {padding: 10px}

#dashboard .drag_button { position:absolute;}

#dashboard #container_menu {position:absolute; z-index:1000}
#dashboard .container_menu_item {padding:5px 5px; margin:3px; background:rgba(255,255,255,0.4); border-radius:15px;}
#dashboard .container_menu_item, .container_menu_item img { width:20px; height:20px;}
#dashboard #container_menu_edit, #container_menu_delete {float:left}

#dashboard_container {width: 970px; height: 1350px; border: 1px solid grey; margin:5px;}
.dashboard_graph .spinner, .dashboard_combo .spinner {width:100px;}

#dashboard input[name="new_dashboard"] {height: 25px; padding-left: 5px}
#dashboard ::placeholder { opacity: .5; }
#dashboard :-ms-input-placeholder { opacity: .5; } /* Internet Explorer 10-11 */
#dashboard ::-ms-input-placeholder { opacity: .5; } /* Microsoft Edge */

#dashboard #table_dim {margin-right: 10px}
#dashboard #table_dim input[type="text"] {height: 25px; width: 25px; padding-left: 5px}
#dashboard .dashboard_new select {width: 130px; height: 30px; margin-right: 0px;}

.calendarContainer{
	display:none;
	position: absolute;
	height: auto;
	width: auto;
	top: 205px;
	background-color: #D3D3D3;
	z-index: 1;
}
.calendarContainer .floatingCalendar{
	display:none;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba( 255, 255, 255, .8 ) 
		50% 50% 
		no-repeat;
}
.calendarContainer .date .FromTo .calendarInput{
	width: 100px; 
	height: 24px; 
	background-color: transparent; border: 0px; 
	color: #F90315; 
	font-weight: bold; 
	padding: 0px;
}
.calendarContainer .FromTo{
	height: 30px;
	width: 188px;
	width: 17em;
	border-left: 3px solid #F90315;
	background-color: #fff;
}
.calendarContainer .From{
	margin: 64px 9px 34px 54px;
	float: left;
}
.calendarContainer .To{
	margin: 64px 54px 34px 8px;
	float: left;
}
.calendarContainer .FromTo span{
	color: #F90315;
	margin-right: 12px;
	font-weight: bold;
	margin-left: 5px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: white;
	color: #ccc;
}



.chart-icon {vertical-align:middle}
.el-container.viewer .minibana_graph { margin-top:15px }
.el-container.viewer .save_png { font-size:24px; margin-top:-7px; margin-left:10px; }
.el-container.viewer .report_title { margin-top:0px; font-size:18px; text-align:center; margin-bottom:25px; background-color:#EEE}
.el-container.viewer .report_btn { margin-right:20px; padding:0px; margin-bottom:10px; }
.el-container.viewer .downloads { margin-top:45px }
.el-container.viewer .rename_category { float:right; margin-right:15px; }
.el-container.viewer .el-table-invigo[name="saved_reports"] .cell span {cursor:pointer;}
.el-container.viewer .filter_val_file { float:none; margin-right:0px; }
.el-container.viewer .missing_filter_name { float:left; margin-right:15px; margin-top:5px }
.el-container.viewer .missing_filter_val { float:left; margin-right:15px; }
.el-container.viewer .missing_params_card { width:625px }
.el-container.viewer .missing_params_card button { float:right; margin-bottom:20px }
.el-container.viewer .report_description .chart-icon img { width:30px }
.el-container.viewer .report_description .el-form-item__label { opacity:.7 }
.search_reports_popper { width:fit-content !important}

.el-container.creator .el-main h2  { float: left; }
.el-container.creator #index_select { float: right; }
.el-container.creator #types_tab { clear: both; position: relative; }
.el-container.creator #types_tab img { width:30px; margin-right:5px; margin-bottom:5px }
.el-container.creator .el-tabs__item { padding-top:3px; }
.el-container.creator .selection_header { height:30px !important;  padding-left: 0px;}
.el-container.creator .selection_arrow {margin-top: -5px}
.el-container.creator .selection_aside { width:340px !important; border:1px solid #DDD; border-left: 0px; border-bottom: 0px; padding-top: 10px;}
.el-container.creator .groupbys { margin-top:20px }
.el-container.creator .groupby { margin-top:15px; margin-bottom:25px }
.el-container.creator .groupby_names { width:300px; margin-bottom:5px }
.el-container.creator .groupby_toggle { text-align:right; padding-right:40px; float:right }
.el-container.creator .options { margin-top:40px }
.el-container.creator .actions { width:300px; margin-top:20px; text-align:center }
.el-container.creator .actions button {margin-left:5px; margin-right:5px;}
.el-container.creator .graph_main {padding:0px 0px 0px 20px !important;}
.el-container.creator .time_switch_div {text-align: right; margin-right: 40px;}
.el-container.creator .days_ahead {margin-top:-15px;}
.el-container.creator .historic_date {margin-top:-30px; width:340px}
.el-container.creator .historic_date .el-date-editor {float:right; width:135px}
.el-container.creator .minibana_graph .table {padding-top:20px}
.el-container.creator .groupby_type {width:90px; margin-left:7px}
.el-container.creator .download_all {margin-left:50px; margin-bottom:-21px; margin-top:-13px}
.el-container.creator .download_all button {font-size:18px; color:grey}

.minibana_graph .table tr:hover { background-color: rgb(250,250,250)}
.minibana_graph .table th { background-color: rgb(250,250,250)}

.cdr_stats .date { text-align:right; margin-top:-15px; margin-bottom:10px }
.cdr_stats .loading { text-align:center; font-size:18px }
.cdr_stats .download { float:left }
.cdr_stats table { width:100% }

.el-minibana-filter .filter { margin-bottom:15px }
.el-minibana-filter .filter_name { width:300px }
.el-minibana-filter .filter_op_and_val { display:block; margin-top:5px }
.el-minibana-filter .filter_op {  width:115px }
.el-minibana-filter .filter_val {  width:183px }
.el-minibana-filter .filter_val2 {  width:76px }
.el-minibana-filter .filter_val_file {  float:right; margin-right:135px }
.el-minibana-filter .filter_val_file .el-tag { height: 28px }
.el-minibana-filter .filter_label {  width:301px; margin-top:5px }
.el-minibana-filter .el-icon-remove-outline { font-size: 2em;vertical-align: middle }
.el-minibana-filter .el-icon-circle-plus-outline { font-size: 2em; margin-top:10px }
.el-minibana-filter .filter_plus { margin-top:10px }
.el-minibana-filter .el-date-editor {width:300px; margin-bottom:5px;}
.el-minibana-filter .date_select {width:200px; margin-bottom:5px;}
.el-minibana-filter .date_select_small {width:175px; margin-bottom:5px;}
.el-minibana-filter .date_op_select {width:120px; margin-bottom:5px;}
.el-minibana-filter .date_op_select_small {width:95px; margin-bottom:5px;}
.minibana label.groupby_options { width:170px; text-align:right; padding-right:15px; }
.el-minibana-filter label.groupby_size { text-align:right; padding-right:15px; }
.el-minibana-filter label.groupby_ranged { margin-right: 30px }
.el-minibana-filter .groupby_ranged { width: 97px }
.el-minibana-filter .interval_select {width:130px; margin-left:-2px;}

.filters_andor {float:right; padding-right:40px;}
.filters_andor .el-switch {margin-top: -1px}
.filters_andor .el-switch__label {font-size: 10pt; color:#DDD}
.filters_andor .is-active {color: #3D5E77}

.qb-header .filters_andor {float:none;}
.el-minibana-query-builder .el-card__header {padding-top:13px; padding-bottom:13px;}
.horizontal .filter_op_and_val { display:inline !important; margin-top:0px !important; }
div.el-minibana-query-builder {margin-bottom: 10px; margin-top: 15px;}

.el-minibana-query-builder-text .operator, .report_description .operator {font-style:italic;}
.el-minibana-query-builder-text .value, .report_description .value {font-weight:bold;}
.el-minibana-query-builder-text .group {background-color:#6661;}
.el-minibana-query-builder-text .and, .report_description .and {color:#0c0;}
.el-minibana-query-builder-text .or, .report_description .or  {color:#0c0;}
.el-minibana-query-builder-text .level_0 .parens {color:red;}
.el-minibana-query-builder-text .level_1 .parens {color:#99f;}
.el-minibana-query-builder-text .level_2 .parens {color:yellow;}
.el-minibana-query-builder-text .level_3 .parens {color:#0c0;}

div.el-minibana-fields-select { width:320px; }
.el-minibana-fields-select .title { margin-right:20px; }
.el-minibana-fields-select .btns { margin-top:-50px; float:right}
.el-minibana-fields-select .ok_cancel { margin-top:30px; text-align:center}

ul.el-cascader-menu {min-width: 200px;}
ul.el-cascader-menu li.is-active {background-color: #f7f7f7}

.minibana-reports-widget button {padding: 0px}
.minibana-reports-widget table img {width:20px; }
.minibana-chart-widget .header_button {float:right; padding:0px 0px 0px 5px}
.minibana-chart-widget .fullscreen_header_button {float:right; margin-right:30px; margin-top:-10px; font-size:18px;}
.minibana-chart-widget .spinner {width:44px;}

.minibana_selection .actions .el-progress {margin-bottom: 10px}

.el-minibana-downloader .counter { text-align:center; width:200px; margin:auto; margin-top:15px }
.el-minibana-downloader .title { margin-top:-20px }
.el-minibana-downloader .cancel { margin-top:-13px; margin-left:5px; }

.minibana .el-invigo-dashboard .edit-bar { display: none }
.minibana .dashboard_menu { text-align: center; margin-top: -5px}
.saved_dashboards td { cursor:pointer }
.saved_dashboards td.empty-col-end { cursor:auto }
.minibana .loaded_report {margin-left: 10px}

@font-face {
    font-family: 'Droid Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Droid Sans'), local('DroidSans'), url(/fonts/DroidSans/DroidSans.ttf) format('TrueType');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
    font-family: 'Droid Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Droid Sans Bold'), local('DroidSans-Bold'), url(/fonts/DroidSans/DroidSans-Bold.ttf) format('TrueType');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin */
@font-face {
    font-family: 'Droid Serif';
    font-style: normal;
    font-weight: 400;
    src: local('Droid Serif'), local('DroidSerif'), url(/fonts/DroidSerif/DroidSerif.ttf) format('TrueType');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
    font-family: 'Droid Serif';
    font-style: normal;
    font-weight: 700;
    src: local('Droid Serif Bold'), local('DroidSerif-Bold'), url(/fonts/DroidSerif/DroidSerif-Bold.ttf) format('TrueType');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
    font-family: 'Droid Serif';
    font-style: italic;
    font-weight: 400;
    src: local('Droid Serif Italic'), local('DroidSerif-Italic'), url(/fonts/DroidSerif/DroidSerif-Italic.ttf) format('TrueType');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
    font-family: 'Droid Serif';
    font-style: italic;
    font-weight: 700;
    src: local('Droid Serif Bold Italic'), local('DroidSerif-BoldItalic'), url(/fonts/DroidSerif/DroidSerif-BoldItalic.ttf) format('TrueType');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


:root {
    --background-color: #f7f7f7;
    --background-color-light: #F2F6FC;

    --font-color: #3D5E77;
    --font-color-light: #fff;
    --font-color-dark: #000;

    --primary-color-1: #409EFF;
    --primary-color-2: #66b1ff;
    --primary-color-3: #b3d8ff;
    --primary-color-4: #add8e6;
    
    --secondary-color-1: #2a3f54;
    --secondary-color-2: #2a4960;
    --secondary-color-3: #315875;
    --secondary-color-4: #45596d;

    --grey-color-1: #ccc;
    --grey-color-2: #d3d3d3;
    --grey-color-3: #eee;
    --grey-color-4: #fafafa;
    --grey-color-5: #999;
    --grey-color-6: #606266;
}

/*First few lines are from bootstrap resets*/
:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
*, ::after, ::before {	box-sizing: border-box;}
html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;line-height: 1.2;margin-bottom:.5rem;font-weight:500;line-height:1.2}p{margin-top:0;margin-bottom:1rem}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}
.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}
a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
label {	display: inline-block;	margin-bottom: .5rem;}
button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}
svg {	overflow: hidden;	vertical-align: middle;}
table {	border-collapse: collapse;}
img {	vertical-align: middle;	border-style: none; }

html, body { 
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}

body {
    font-family: 'Roboto', 'Helvetica Neue', Arial , sans-serif;
    font-size: 10pt;
    color: var(--font-color);
    background-color: var(--background-color);
}
div#app {    height: 100%; }

h2 , a {color: var(--font-color);}
ul {margin:0;padding:0;border-bottom: 0;}
ol, li {    list-style: none;    margin:0;    padding:0; }
.el-button--primary a {color:var(--font-color-light); }
fieldset {border: 1px solid var(--grey-color-2);padding: 5px 20px 15px 20px;margin: 0 20px 20px 0;/* width: auto; */display: inline-block;border-radius: 3px;}
fieldset legend {display: inline-block;width: auto;font-size:1rem;margin: 0;padding: 0 10px 0 10px;}


.ellipsis {  text-overflow: ellipsis;	white-space: nowrap;  overflow: hidden;}
.clickable , .pointer {cursor:pointer;}
.server-error { position: fixed; left:20%;top:60px;width:60%;  padding:10px; min-height:50px; z-index:100;
	background-color:#fdd; border:1px solid #c04f4a; border-radius:5px;color: #c04f4a; box-shadow:2px 8px 20px #666; }
.server-error .close { float:right; margin:-5px -5px 0 0; padding:0;width:18px;}

 
#logo img {width: 146px;height: 35px;border: 0px;margin: 0 0 0 0px;}
#logo img {background-image: url(/images/logo.png); background-repeat: no-repeat;  background-size: 146px 35px;}

.welcome_all {background:url(../images/background.png);width:100%;height:100%; position:fixed;}
.welcome-login { clear: both;  width: 750px; margin: 50px auto 0 auto; overflow: hidden; position: relative;   padding: 128px 20px 20px 20px; }
.welcome-login .big_logo { float:left; margin-right: 40px;}
.welcome-login .big_logo > img { height: 50px; width:224px;margin-top: 0; display:block;margin:0 auto 0 auto;}
.welcome-login .big_logo > img { background-image: url(/images/loginlogo.png); background-repeat: no-repeat;  background-size: auto 50px; }
.welcome-login .title {color: var(--secondary-color-1);font-weight:bold;font-size:1.5em;}

.login-div { width:250px; margin-top:30px; display:inline-block; padding:0;}
.login-form {
	background-color: var(--secondary-color-1);
	border: 1px solid var(--font-color-light);
	border-radius:10px;
	padding:10px;
	box-shadow: 1px 1px 2px var(--grey-color-1);
	/*margin-left: auto;	 margin-right: auto;	 overflow: hidden;	 position: relative;*/
	color:var(--font-color-light);
	margin-bottom:10px;
}
.login-div label {margin-bottom: 0;}
.login-div label div {width:75px; }
.login-div label span {display:inline-block; width:75px; margin-right:10px; }
.login-div label input {width:125px; border-radius:3px; border:1px solid var(--font-color-light);height:30px;padding-left:5px;}
.login-div .login-spacer , .login-div .login-error {margin:5px; color:var(--font-color-light); }
.login-div hr {margin: 5px 5px 5px 0;border:0;border-top:1px solid var(--font-color-light);}
.login-div button { 
	margin-left:150px; width:100px;
}
.login-div button :active {	position:relative;	top:1px; }
.login-div .language-selector{ margin:5px 85px;width:125px}
.logout-other-sessions {float:right; position:absolute;right:10px;margin-right:10px; }
.logout-other-sessions .dialog { border:1px solid grey; border-radius:5px; background-color:white;box-shadow: #999 5px 5px 10px; padding:10px;}


#topmenu_change_language {margin-bottom:5px;}

.otp { width:350px; margin-top:0; display:inline-block; padding:0;}
.otp .desc {font-size: 14px;}
.otp .el-input {width: 200px; margin-top:20px; margin-right:10px}
.otp button {background-color: var(--secondary-color-2); border-color: var(--secondary-color-2); margin-left: 0px}
.otp button:hover, .otp button:active, .otp button:focus {background-color: var(--secondary-color-3); border-color:var(--secondary-color-3);}
.otp .otp-error { color: #F56C6C; margin-top:20px; }
.otp-buttons { text-align: right; margin-top: 20px; }
.otp-chechbox .el-checkbox__label { text-wrap: wrap; }


#header {
    margin-left: 200px;
    width: calc( 100% - 200px);
    width: -webkit-fill-available;
    min-width: 560px;
    /* background-color: var(--secondary-color-1); */
    height: 60px !important;
    float: left;
    position: absolute;
    border-bottom: 1px solid var(--grey-color-2);
    padding: 0;
}

#header .title {
    /* float: left; */
    /* width: 430px; */
    margin: 6px 0px 6px 20px;
    font-size: 17pt;
    font-weight: 700;
    color: var(--secondary-color-1);
    white-space: nowrap;
    overflow: hidden;
}


#header {background-color: var(--secondary-color-1);border-bottom: 1px solid var(--secondary-color-1);}
#header .title { color: var(--font-color-light); }

.breadcrumbs {padding-left:20px;padding-top: 1px;}
.el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner a, .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover { color: var(--background-color); }
.breadcrumbs .el-breadcrumb__inner , .breadcrumbs  .el-breadcrumb__item:last-child , .breadcrumbs .el-breadcrumb__inner a, .breadcrumbs  .el-breadcrumb__inner.is-link { color: var(--background-color); }
.el-breadcrumb__item:last-child { display: inline-block; margin-top: 1px; }

#main-menu .main-item{ border:1px solid var(--grey-color-3); background-color:var(--grey-color-4); border-radius:10px; padding:10px; box-shadow:8px 8px 20px var(--grey-color-2); }
#main-menu .main-item{    margin-bottom: 20px;    margin-right: 11px;    min-height: 200px; }
#main-menu .main-item.large { min-height: 420px; }
#main-menu .main-item.large .main-content{ max-height: 395px; }

#main-menu .main-title{    margin-left: 20px;    color: var(--font-color);    font-size: 12pt;    min-width: 121px; }
#main-menu .main-sub-menu{    padding-left: 0px;    margin-left: 23px; }
#main-menu .main-sub-menu li{    min-width: 121px;     margin-bottom: 2px;    font-size: 11pt; }
#main-menu .main-sub-menu-level2 li{   padding-left: 15px;}
#main-menu .main-icon {width: 109px;height: 109px;float: left;cursor: pointer;background-color: var(--primary-color-1);border-radius: 54px;color:var(--font-color-light);text-align: center;}
#main-menu .main-icon:hover{    background-color: var(--secondary-color-1); }
#main-menu .main-icon img{    height: inherit;    width: inherit;}
#main-menu .main-icon .fa-icon {margin: 25px auto 0 auto;}
#main-menu .main-icon i{margin: 25px auto 0 auto;}
#main-menu .main-content{min-width: 121px;margin: 0 10px 0 130px;overflow-x: hidden; text-overflow:ellipsis;max-height: 178px;}
#main-menu .main-title , #main-menu .main-sub-menu {margin-left:0;}


.content {min-height: 500px;padding: 10px; position: relative;}
#menu-container ~ .content {margin-top: 60px;}
.login .content , .help .content {margin-top: 0px}

.content > .el-loading-parent--relative {height:500px}

.hamburger {position: absolute;top:30px;left: -184px;margin:0;}
#logo {position: absolute;top:0px;left: -200px;width:200px;background-color: var(--secondary-color-1);height: 60px;padding: 3px 10px 10px 43px;margin: 0;}
#version-info {position: absolute;top: 36px;left: -150px;width: 150px;height: 20px;padding: 0px 10px 0 5px;margin: 0;color: var(--font-color-light);font-size: 1.1em;text-align: right;}
#version-info .info-text {/* font-weight: bold; */}
#version-info .icon { font-weight:normal; }

.left-menu a {color:var(--grey-color-3); display: inline-block;width:100%;}
.el-menu-vertical , .el-menu-vertical  .el-menu { background-color:transparent;  }
.el-menu-vertical .el-submenu__title { color:var(--font-color-light); padding-left:5px !important}
.el-menu-vertical .el-submenu .el-menu-item {height:30px;line-height:30px;padding-right:0;}
.el-menu-vertical .el-submenu__title:hover , .el-menu-vertical .el-menu-item:hover {background-color:var(--secondary-color-4)}
.el-menu-item:has(>.router-link-active), .el-menu-vertical .one-level.is-active { background-color:var(--secondary-color-4) ; border-right:4px solid var(--font-color-light);}
.el-menu-vertical .el-submenu .is-active { background-color:var(--secondary-color-4) ; border-right:4px solid var(--font-color-light);}
.el-menu-vertical .one-item.is-active { background-color:var(--secondary-color-4) ; border-right:4px solid var(--font-color-light);}
.el-menu-vertical .el-menu-item {padding-left:35px !important;}
.el-menu-vertical .el-menu-item.one-item {padding-left:5px !important;}
.el-menu-vertical .el-menu-item.one-level {padding-left:5px !important;}
.el-menu-vertical.el-menu--collapse .el-submenu__title { padding-left:15px !important }
.el-menu--vertical .el-menu.el-menu--popup { background-color: var(--secondary-color-1); }
.el-menu--vertical .el-menu.el-menu--popup li:hover { background-color: var(--secondary-color-4); }
.el-menu--vertical .el-menu.el-menu--popup a { display:inline-block; width:100%; color: var(--font-color-light); }
.el-menu--collapse>div>.el-submenu>.el-submenu__title > span.menu_item_title {	height: 0;	width: 0;	overflow: hidden;	visibility: hidden;	display: inline-block;}
.el-menu--collapse>div>.el-submenu>.el-submenu__title > i {	height: 0;	width: 0;	overflow: hidden;	visibility: hidden;	display: inline-block;}
.menu-category { font-size: 14px; height: 45px; line-height: 45px; padding-left: 10px; text-wrap: nowrap; height: 35px; line-height: 35px; }
.menu-category .menu_item_title { padding-left: 5px; }
.el-menu-item.always-open { height: 28px; line-height: 28px;}
.el-menu-item.always-open.is-active { border-right: 4px solid var(--primary-color-1); background-color: var(--secondary-color-2); font-weight: bold;}
.el-menu-item i, .left-menu .menu-category .icon i { color: var(--grey-color-5); }

.left-menu {/* position: absolute; */width:200px;min-height: calc(100vh - 60px);background-color: var(--secondary-color-1);color:var(--grey-color-3);float: left;margin: 60px 0 -80px 0;}
.left-menu .icon {width: 30px;height: 30px;margin: 0 0 0 0;}
.left-menu .icon .fa-icon  {width: 30px; margin-top:-3px;color: var(--font-color-light);}
.left-menu .icon img {width: 30px;height: 30px;margin-top:-3px;color: var(--font-color-light);}
.left-menu .el-menu--collapse>.el-submenu>.el-submenu__title span.icon {width: 25px;height: 25px;/* overflow: auto; */visibility: visible;}
.left-menu .el-menu--collapse>.el-submenu>.el-submenu__title span.icon .fa-icon {margin-top:-35px;}
.left-menu .el-menu--collapse>.el-submenu>.el-submenu__title span.icon img {margin-top:-35px;}
.left-menu .el-menu--collapse>.el-submenu>.el-submenu__title span.icon [class^=el-icon-] {margin-top:-35px;}
.left-menu .icon .fa-icon {color:var(--grey-color-5)}
.left-menu .icon svg.fa-icon{margin: 0 -3px 0px; height: 20px;}
.left-menu .icon svg.fa-icon.icon-sim-card{height: 20px;}
.left-menu .icon span{width: 24px !important;}

#menu-container {flex:none;min-height: -webkit-fill-available; min-height: -moz-fill-available;min-height: fill-available;}
.el-aside.left-menu {overflow:hidden; z-index: 10;}

.hidden .hamburger { transform: rotate(180deg);} 
.hidden .el-aside.left-menu {width:60px!important;} 
.hidden #help .text , .hidden #contact-support .text, .hidden #add-suggestions .text { display:none;}

.about-dialogue .el-dialog__header {border-bottom: 1px solid var(--grey-color-1);background-color: var(--grey-color-3);}
.about-dialogue .about-logo img {width:150px}
.about-dialogue #about-version-info {margin-bottom:20px; font-weight:bold;}
.about-dialogue li { list-style-type: circle; list-style-position: inside; }
.contact-support-dialogue .el-dialog__header { border-bottom: 1px solid var(--grey-color-1);    background-color: var(--grey-color-3);}

.menu-groups .el-tabs {width: 201px;background-color: var(--secondary-color-1);border: none;}
.menu-groups .el-tabs__nav {width: 201px;background-color: var(--grey-color-2);}
.menu-group .group-icon {display:block;width:100%;height:40px;text-align:center;font-size:2em;
     /*-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);filter: grayscale(100%);*/}
.menu-group .group-icon .menu-icon {color:var(--font-color-light);margin-left:3px;}
.menu-groups .el-tabs--border-card>.el-tabs__header .el-tabs__item {width: 33%; }
.menu-groups .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {    background-color: var(--secondary-color-1);}
.menu-groups .el-tabs--border-card>.el-tabs__header .el-tabs__item .group-icon .menu-icon:hover {color:var(--primary-color-1);} 
.menu-groups .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active .group-icon .menu-icon:hover {color:var(--font-color-light);} 

.menu-groups .el-tabs--border-card>.el-tabs__content {padding:0;}
.menu-groups .menu-group span {margin:-4px -7px;}

@media only screen and (max-width: 991px) { 
	.hamburger {display:none;}
}

#footer span.text {margin-left: 5px;}
#footer {padding: 20px 16px 10px 16px;min-height:10px;/* position: relative; *//* bottom: 30px; *//* left: 20px; */}
#time {font-size:smaller;}
#help .el-button {font-weight:bold;padding: 1px 2px 1px 2px;width: 18px;height: 18px;}
#contact-support .icon {font-weight:bold; font-size:1.5em;}


button.shiny:hover , button.el-button.shiny:hover {	background-color:var(--secondary-color-2); color:var(--font-color-light);}
button.shiny :active , button.el-button.shiny :active {	position:relative;	top:1px; }
button.shiny , button.el-button.shiny { 
	background-color:var(--secondary-color-1);
	border-radius:4px;
	border:1px solid var(--font-color-light);
	display:inline-block;
	cursor:pointer;
	color:var(--font-color-light);
	text-decoration:none;
	text-shadow:0px 1px 0px var(--font-color-dark); 
	padding:6px 15px;
}

ul.main-submenu {
    margin: 0;
    padding: 0;
    border-bottom: 0;
}

.notification-logo , .user-logo {float:right; width: 40px;height: 39px; margin: 11px 0px 0 10px;color: var(--secondary-color-1);text-transform: uppercase;}
.user-logo {margin-right:12px;font-size: 20pt;}
.notification-logo > span , .user-logo > span {top: -11px;left: -6px;font-size: 1.1em;position: relative;}
.notification-logo > span {top:-9px}
.user-logo .menu-icon.user {top: -3px;left: 5px;}
.dismiss-all {text-align:bottom;padding-bottom:10px;}
.dismiss-all .el-button {float:right;margin-top:-5px;}
#notifications .el-badge {margin:2px  0 0 -18px;}
.menu-notifications { width:500px;}
.menu-notifications li { border:1px solid var(--grey-color-2); border-radius:3px; max-width:500px;padding:5px;margin-bottom:5px;}
.menu-notifications li .button-close {float:right;height: 17px;width: 17px;padding: 2px; margin-left:5px;}


.el-popover.user-popover {padding:0;}
.user-area .user-logo { float:left;}
.user-menu {width: 200px;float: right;/* padding: 0; */}
.user-menu ul li {text-align: center;float: left;/* margin: 2px; */list-style: none;margin: 0;padding: 0;cursor: pointer;}
.user-menu  ul {    margin: 5px;    padding: 0;    border-bottom: 0;} 
.user-menu li a {color: var(--font-color-light);}
.user-menu ul li button {width: 190px;margin: 0 4px 4px 0;}    
.user-menu ul li#topmenu_clear_cache button, .user-menu ul li#topmenu_change_userinfo button {/* width: 190px; */}

.user-menu .logged-as {
    /* margin-top: 24px; */
    /* margin-right: 12px; */
    margin-bottom: 10px;
    width: 100%;
    float: left;
    color: var(--secondary-color-1);
    font-size: 12pt;
    font-family: 'Droid Sans',sans-serif;
    font-weight: 700;
    border-bottom: 1px solid var(--grey-color-1);
    overflow: hidden;
    background-color: var(--font-color-light);
    padding:5px;
}

.main_message {margin-bottom:10px;}
.el-table-invigo tr td {padding:2px;}
.el-table-invigo .action-buttons {float:left; margin:0 10px 0 0;} 
.el-table-invigo .table-filter {float:left; margin:3px 0 10px 0;} 
.el-table-invigo .table-filter input {height: 26px;}
.el-table-invigo .pagination {float:right; margin-bottom:5px;}

.el-table-invigo { border:1px solid var(--grey-color-3); box-shadow:2px 8px 20px var(--grey-color-5); margin-top:10px; margin-bottom:20px;}
.el-table-invigo .before-table { padding:5px; }
.el-table-invigo .field-description {font-size:smaller; line-height: 2em;margin-left:-100px;}
.el-table-invigo .el-form-item__error{}
.el-table-invigo .el-form-item {}
.el-table-invigo .el-table th { background-color: var(--grey-color-4) ; padding-bottom:5px; padding-top:5px;} 
.el-table-invigo .table-description {clear:both;min-height:40px;background-color: var(--grey-color-4) ; border:1px solid var(--grey-color-3);border-bottom:0; font-size:14px ; color:var(--grey-color-5);}
.el-table-invigo .table-description > span {display:inline-block; padding:10px;} 
.el-table-invigo .table-description-title {min-width:120px; border-right:1px solid var(--grey-color-3); font-weight:bolder; }
.el-table-invigo .table-description-title a { color:var(--grey-color-5); }
.el-table-invigo .el-table tr ,.el-table-invigo .striped .odd {background-color: var(--grey-color-3);border: 0px solid var(--font-color-light);max-width: 500px;}

.el-table-invigo .table-filter .el-input {width:200px;margin-left:5px}
.el-table-invigo .table-filter .el-input__prefix {top:-7px;}


.bulk_fields_matching { margin-left:40px;}
.bulk_fields_matching .matching_table { width:400px;}
.bulk_fields_matching .skip_first_row { padding: 10px; display: inline-flex;}
.bulk_fields_matching .skip_first_row span { margin-right: 10px;}
.bulk-in-progress { display:inline-flex;padding-left:10px}
.bulk-in-progress .title_in_progress { width:120px}
.bulk-in-progress .progress_bar { width:150px; padding-top: 3px}

#crud .el-table-invigo tr:hover td { background-color: var(--grey-color-4);}
#crud .table-condition .el-input {width:150px;}
#crud .table-condition .el-button {margin-top:-3px;}
#crud .el-table-invigo .subtitle{font-weight:lighter;}
#crud .el-table {clear:both;}

.crud-upload { margin-top:5px;}
.crud-upload .el-upload-dragger { width:315px;}

.add_delete_div .elements_content {display: grid;}
.add_delete_div .add_div {display: grid;}
.add_delete_div .del_btn {margin-left:2px;}
.add_delete_div .add_btn {margin-left:2px;}
.add_delete_div .element_content {margin-bottom:5px; display:inline-flex;}
.add_delete_div .element_content_item {margin-left:2px;}
.add_delete_div .access_right {width: 100px;}

#page_user_managemet .el-table button {  filter: grayscale(100%); }
#page_user_managemet #ADM_USERS .is-disabled {cursor:default}
#page_user_managemet #ADM_USERS .not-allowed.el-checkbox__input.is-disabled .el-checkbox__inner {cursor:default}
#page_user_managemet #ADM_USERS .el-date-editor {width: 180px;}
#page_user_managemet #ADM_USERS .el-input.is-disabled .el-input__inner , #ota-settings .settings_table .el-input.is-disabled .el-input__icon {cursor:default;}
#page_user_managemet #ADM_USERS .el-input.is-disabled .el-input__inner {background-color:transparent;color:var(--font-color-dark);border:none;margin-left:-30px;}
#page_user_managemet #ADM_USERS .el-input.is-disabled .el-input__icon.el-icon-time {display:none;}
#page_user_managemet #add_user .USERNAME .el-input , #page_user_managemet #add_user .PASSWORD .el-input , #page_user_managemet #add_user .CONFIRM_PASSWORD .el-input, #page_user_managemet #add_user .PHONE_NUMBER .el-input {width:250px}
#page_user_managemet .permissions .title { font-weight:bold;}

#page_logs pre {background-color:var(--font-color-light); padding:10px;border:1px solid var(--grey-color-2); }
#page_logs .el-button.is-disabled {cursor:default}

.alarms .el-date-editor { width:auto; }
.alarms .el-table-invigo tr.el-table__row--striped.severity-3 td { background-color: #e29595}
.alarms .el-table-invigo tr.severity-3 { background-color: #f99}
.alarms .el-table-invigo tr.el-table__row--striped.severity-2 td { background-color: #e8b32e}
.alarms .el-table-invigo tr.severity-2 { background-color: #fac132}
.alarms .el-table-invigo tr.el-table__row--striped.severity-1 td { background-color: #f1f1c3}
.alarms .el-table-invigo tr.severity-1 { background-color: #ffffc7}
.alarms .el-table-invigo tr.el-table__row--striped.severity-0 td { background-color: #95e295}
.alarms .el-table-invigo tr.severity-0 { background-color: #9f9}

#page_frame iframe {border:0;width: -webkit-fill-available;width: -moz-fill-available;width:fill-available;min-height:100%;min-height: fill-available;min-height: -webkit-fill-available;min-height: -moz-fill-available;}


.appctrl .apps-on-server {width:650px;margin-right:20px;float:left;}
.appctrl .apps-on-server .table-description-title a {color:var(--font-color-dark);}
.appctrl .start-stop-all {margin: -20px -1px 0 -1px;border:1px solid var(--grey-color-2);border-top:0;background-color:var(--grey-color-4);padding:5px;box-shadow:2px 8px 20px var(--grey-color-5);}
.view-log-files .el-button--secondary { width:100px; margin:0 5px 5px 0;}
.view-log-files h4 {font-size:1.5em;word-break: break-all;}

.el-button {/* box-shadow:1px 2px 5px var(--grey-color-5); */}

.sysmon .disk_info , .sysmon .host_stats {margin-top:20px;}
.sysmon .host_stats .graph {margin-bottom:10px;}

.sysmon .disk_info .disk {background-color:var(--grey-color-2);border:1px solid var(--grey-color-5);width:980px; margin-bottom:10px; padding:0;}
.sysmon .disk_info .disk .filled {background-color:lightgreen;height:30px;margin:0px;padding: 5px 0 0 10px;border-right:1px solid var(--grey-color-5);white-space: nowrap;}
.sysmon .disk_info .disk .filled.critical {background-color:pink;}
.sysmon .kpi_report_download {margin-left: 115px;}

.help-main { padding:10px;}
.help-main h2 {font-size: 1.5em;}
.help-main h2.table_title { border-bottom:1px solid; font-size: 1.8em;}
.help-main .ROWNAME {font-weight: bold;display:block;margin-top:10px;}
.help-main ul {padding-left:30px;}
.help-main li {list-style:disc}

.help ol li {list-style: decimal; margin-left:25px; padding-left:5px}

.dashboard main h2 {display: none}
.el-invigo-dashboard {position: relative;}
.el-invigo-dashboard .el-row {margin-bottom: 20px; &:last-child { margin-bottom: 0; }}
.el-invigo-dashboard .el-row .el-col {position: relative;}
.el-invigo-dashboard .close_button { font-size: larger; position: absolute; right: 2px; top: -12px; padding: 5px 0;}
.el-invigo-dashboard .empty-card .plus-button {text-align:center;}
.el-invigo-dashboard .empty-card .plus-button button {font-size:40px}
.el-invigo-dashboard .edit-bar {text-align: center; position: absolute; z-index: 10; width: 100%; pointer-events: none;}
.el-invigo-dashboard .edit-bar button {pointer-events: all;}

.dashboard-container { display: grid; width: 100%; height: calc(100vh - 105px); overflow: hidden; grid-template-columns: 33%  33%  33%;  grid-template-rows: 33%  33%  33%; min-height: 530px; }
.dashboard-card { display: block; min-height: 150px; }
.dashboard-card > span { padding: 10px; height: 100%; display: block; position: relative; }
.dashboard-card > span > .el-card { height: 100% !important; }
.dashboard-card .el-card.empty-card { display: flex; justify-content: center; align-items: center; }
.dashboard-card .close_button { top: 0; }

.config_app .config_label{vertical-align: top !important;padding-top: 20px !important;}
.config_app .config_params_main_div{background-color: var(--font-color-light);overflow-y: hidden;}
.config_app .header_footer{padding: 20px;padding-bottom: 60px;background-color: var(--font-color-light) !important;}
.config_app .config_header .app_filter{margin-bottom: 10px}
.config_app .config_header .filter{float: left;}
.config_app .save_reset_actions{z-index: 1;}
.config_app .config_params {min-height: 600px}
.config_app .config_params .field-description{word-break: normal;color: var(--grey-color-5);font-size: 13px;}
.config_app .config_params .config_value {margin-left: 10px;}
.config_app .config_params .config_value .val{width: 300px;}

.report_scheduler .edit { width:600px }
.report_scheduler .edit .status { display: block }
.report_scheduler .edit .status .is-active { color: var(--grey-color-5) }
.report_scheduler .edit .frequency .freq { width:150px }
.report_scheduler .edit .on_day_of_m { width:70px; text-align: center }
.report_scheduler .edit .day_of_m { width:80px }
.report_scheduler .edit .on_day_of_w { width:30px; text-align: center }
.report_scheduler .edit .day_of_w { width:120px }
.report_scheduler .edit .at_hour { width:30px; text-align: center }
.report_scheduler .edit .hour { width:120px }
.report_scheduler .edit .el-divider__text { background-color:var(--background-color) }
.report_scheduler .edit .el-divider { margin-top: 50px }
.report_scheduler .edit .multi_input { display:block; margin-bottom:5px }
.report_scheduler .edit .action { text-align: center; margin-bottom:30px }
.report_scheduler tr.disabled { color:var(--grey-color-1) }
.report_scheduler .add-remove-btns { position: absolute; top: 5px; left: calc(100% + 10px); display: flex; }

.custom_groups .file_upload {font-size: 16px;}
.groups .groups_switch {margin-bottom:2px;margin-right:2px;margin-left:2px;}
.groups .el-switch__label .is-active {color: var(--font-color)}
.groups span .el-switch__label {font-size: 10pt; color:var(--grey-color-2)}
.groups .el-switch__label.is-active span {color: var(--primary-color-1)}
.groups .ul_level_1 {list-style:circle;}
.groups .ul_level_2 {list-style:square;}
.groups .ul_level_3 {list-style:disc;}
.groups .li_level_1 {list-style:circle;margin-left:20px;}
.groups .li_level_2 {list-style:square;margin-left:40px;}
.groups .li_level_3 {list-style:disc;margin-left:60px;}
.groups .toggle_link {display:inline-block; color:var(--primary-color-1) !important; padding: 3px 0;margin-left:20px;}
.groups .desc_div {margin-bottom:20px;}
.groups .add-row-button {margin-bottom:10px;}
.groups .groups_uploader {margin-right:30px;display:inline-block;}
.groups .toggle_file_textarea {margin-right:30px;}
.groups .list_range_input {margin-top:10px;}
.groups .custom_groups_operations {width:100px;}
.groups .groups_input_name {width:250px;margin-right:40px;}
.groups .group_criterium {margin-left:30px;}
.groups .criterium_toggle {margin-right:20px;}
.groups .list_range_summary {margin-left:5px;}
.groups .btn_delete_criterium {float: right; padding: 3px 0;}
.groups .div_attributes {margin-left:70px;}
.groups .save_group_criterium {margin-left:40%;}
.groups .valid_textarea textarea {border-color:green;}
.groups .invalid_textarea textarea {border-color:red;}
.groups .invalid_msg {color:red;}
.groups .card_header_error .el-card__header {border-color:red;}
.groups .toggle_groups_check {margin-top:10px;float:right;}
.groups .btn_view_large_data {margin-left:30px;}
.groups .uploaded_file{margin-right:30px;}
.groups .inline{display:inline-block !important}
.groups .el-icon-warning{color:red;}
.groups .el-icon-success{color:green;}

button:focus { outline : 0px}

.logs .filter {width: 200px;}
.logs .file-content{white-space: pre-line;}

/* Compose Message CSS */
.compose #table_messages {/* width:600px; */margin: 10px;/* float:left; */}
.compose .display-messages fieldset, #compose .edit-message fieldset , #compose .test-message fieldset , #compose .edit-smsgr fieldset, #compose .test-message fieldset{width: 100%;}
.compose .display-messages .description { width: 250px;}
.compose .test-message .el-input {width: 150px;}

.compose .edit-smsgr .MESSAGES .el-select{ width:87%; }
.compose_dialog .el-scrollbar{ max-width: 530px; }
.compose .edit-smsgr li {list-style-type: square; margin-top: 1%}

.compose .edit-message-sms fieldset {width: 100%;min-width: 500px;}
.compose .edit-message .el-form-item__label {margin-bottom: -10px;/* width: 170px !important; */}
.compose .lang-add-buttons { margin: 0px 2px 5px 0px; display:inline-block; }
.compose .lang-add-buttons .el-button {width:90px;}
.compose .lang-message .el-icon-edit, #compose .lang-message .el-icon-delete, #compose #current_sms_list .el-icon-delete{margin-left:4px;cursor:pointer;}
.compose .lang-message .legend-buttons {float: right;margin-top: -28px;background-color: var(--font-color-light);}
.compose .el-dialog .SRC_ADDR .el-input {width: 180px;}
.compose .el-dialog .ORIGINATOR .el-input {width: 180px;}
.compose button.el-button.selected {background-color: var(--secondary-color-1); color: var(--font-color-light);}

.crud_parameters {display: flex;}
.crud_parameters .left_div{	display: grid;}
.crud_parameters .add_div{	display: grid;}
.crud_parameters .del_btn{	margin-left:2px;}
.crud_parameters .add_btn{	margin-left:2px;}
.crud_parameters ._content{	margin-bottom:5px;	display:inline-flex;}
.crud_parameters .params{	border-radius: 3px;  	background-color: var(--grey-color-3); }
.crud_parameters .label_span{display: block; padding-right: 8px;}
.crud_parameters .multi_line_content{display: grid;border: 1px solid var(--grey-color-3);padding: 10px;margin-bottom: 5px;box-shadow: 0 2px 12px 0 #0000001a;}
.crud_parameters .single_line_content{display: inline-flex;}
.crud_parameters .el-form-item{margin-bottom: 0px;}

button.el-button span {font-family: 'Roboto', 'Helvetica Neue', Arial , sans-serif;}

.groups .group_criterium { position: relative; }

.groups .btn_delete_criterium {
    top: 15px;
    right: 15px;
    position: absolute;
}

/* operator.css */

.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover,
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active, 
.el-tabs__item.is-active, .el-tabs__item:hover,
.el-pagination.is-background .el-pager li:not(.disabled):hover, 
.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close, 
.el-input-number__decrease:hover, .el-input-number__increase:hover, 
.el-checkbox__input.is-checked + .el-checkbox__label, .el-upload--picture-card:hover, .el-upload:focus,
.el-switch__label.is-active, .el-select-dropdown__item.selected,
.el-year-table td.today .cell, .el-year-table td .cell:hover, .el-year-table td.current:not(.disabled) .cell,
.el-month-table td.today .cell, .el-month-table td .cell:hover, .el-month-table td.current:not(.disabled) .cell,
.el-date-picker__header-label.active, .el-date-picker__header-label:hover, 
.el-picker-panel__icon-btn:hover, .el-date-table td.available:hover, a:hover,.el-menu-item.is-active
{ color: var(--primary-color-1); }

.el-container.viewer .report_btn:hover{ color: var(--primary-color-2);}
.el-cascader-menu__item.is-active {color: var(--primary-color-1);}
.el-input-number__decrease:hover, .el-input-number__increase:hover { color: var(--primary-color-1); }
.left-menu a:hover { color: var(--grey-color-3);}

.el-tabs__active-bar, 
.el-radio-button__orig-radio:checked+.el-radio-button__inner,
.el-checkbox__input.is-checked .el-checkbox__inner, 
.el-checkbox__input.is-indeterminate .el-checkbox__inner,
.el-date-table td.end-date span, .el-date-table td.start-date span,
.el-switch.is-checked .el-switch__core
{ background-color: var(--primary-color-1); }

.el-input-number__decrease:hover, .el-input-number__increase:hover, 
.el-date-table td.in-range div, .el-date-table td.in-range div:hover, 
.el-date-table.is-week-mode .el-date-table__row.current div, 
.el-date-table.is-week-mode .el-date-table__row:hover div,
.el-table--striped .el-table__body tr.el-table__row--striped.current-row td, 
.el-table__body tr.current-row>td, .el-table__body tr.hover-row.current-row>td, 
.el-table__body tr.hover-row.el-table__row--striped.current-row>td, 
.el-table__body tr.hover-row.el-table__row--striped>td, 
.el-table__body tr.hover-row>td, .menu-groups .el-tabs
.el-year-table td.today .cell, .el-year-table td .cell:hover, .el-year-table td.current:not(.disabled) .cell,
.el-month-table td.today .cell, .el-month-table td .cell:hover, .el-month-table td.current:not(.disabled) .cell,
.el-date-picker__header-label.active, .el-date-picker__header-label:hover, 
.el-picker-panel__icon-btn:hover, .el-date-table td.available:hover
{ background-color: var(--background-color-light); }

.el-input.is-active .el-input__inner, .el-input__inner:focus, .el-input__inner:hover,
.el-input-number__decrease:hover, .el-input-number__increase:hover,
.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),
.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),
.el-select .el-input.is-focus .el-input__inner, .el-select .el-input__inner:focus,
.el-checkbox__input.is-checked .el-checkbox__inner, 
.el-checkbox__input.is-indeterminate .el-checkbox__inner , 
.el-checkbox__inner:hover, .el-checkbox__inner:hover,
.el-textarea__inner:focus, .el-switch.is-checked .el-switch__core, 
.el-radio-button__inner:hover, .el-radio-button__orig-radio:checked + .el-radio-button__inner,
.el-upload--picture-card:hover, .el-upload:focus,
.el-range-editor.is-active, .el-range-editor.is-active:hover { 
    border-color: var(--primary-color-1); 
}
.el-radio-button__inner:hover { 
    color: var(--primary-color-1); 
    background-color: var(--primary-color-4);
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected { 
    color: var(--primary-color-1); 
}
.el-input.is-active .el-input__inner, .el-input__inner:focus, .el-input__inner:hover,
.el-input-number__decrease:hover, .el-input-number__increase:hover,
.el-select .el-input.is-focus .el-input__inner { 
    border-color: var(--primary-color-1); 
}
.el-table .ascending .sort-caret.ascending { 
    border-bottom-color: var(--primary-color-1); 
}
.el-table .descending .sort-caret.descending { 
    border-top-color: var(--primary-color-1); 
}
.el-container.viewer .report_btn:hover { 
    background-color: transparent; border-color: transparent; 
}
.el-button--primary {
    color: var(--font-color-light);
    background-color: var(--primary-color-1);
    border-color: var(--primary-color-1);
}
.el-button--primary.is-plain {
    color: var(--primary-color-1);
    background: var(--background-color-light);
    border-color: var(--primary-color-3);
}
.el-button--primary.is-plain:focus, .el-button--primary.is-plain:hover {
    background: var(--primary-color-1);
    border-color: var(--primary-color-1);
    color: var(--font-color-light);
}
.el-button.is-plain:focus, .el-button.is-plain:hover {
    background: var(--font-color-light);
    border-color: var(--primary-color-1);
    color: var(--primary-color-1);
}
.el-button--primary:focus, .el-button--primary:hover {
    background: var(--primary-color-2);
    border-color: var(--primary-color-2);
    color: var(--font-color-light);
}
.el-radio__input.is-checked+.el-radio__label, .el-button--text {
    color: var(--primary-color-1);
}
.el-radio__input.is-checked .el-radio__inner {
    border-color: var(--primary-color-1);
    background: var(--primary-color-1);
}
.el-button:focus, .el-button:hover {
    color: var(--primary-color-1);
    border-color: var(--primary-color-3);
    background-color: var(--primary-color-4);
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: var(--primary-color-1);
    color: var(--font-color-light)
}
.el-radio-button__orig-radio:checked+.el-radio-button__inner {
    color: var(--font-color-light);
    border-color: var(--primary-color-1);
    background-color: var(--primary-color-1);
}
.el-year-table td.today .cell, .el-year-table td .cell:hover, .el-year-table td.current:not(.disabled) .cell,
.el-date-picker__header-label.active, .el-date-picker__header-label:hover , 
.el-month-table td.today .cell, .el-month-table td .cell:hover, .el-month-table td.current:not(.disabled) .cell,
.el-picker-panel__icon-btn:hover, .el-picker-panel__shortcut:hover, .el-date-table td.today span, .el-date-table td.available:hover
{ color: var(--primary-color-1); }

.el-date-table td.end-date span, .el-date-table td.start-date span,
.el-date-table td.current:not(.disabled) span {
    background-color: var(--primary-color-1);
    color: var(--background-color);
}
.el-date-table td.in-range div, .el-date-table td.in-range div:hover, 
.el-date-table.is-week-mode .el-date-table__row.current div, 
.el-date-table.is-week-mode .el-date-table__row:hover div
{ background-color: var(--primary-color-4); }

.el-progress-bar__inner {
    background-color: var(--primary-color-1);
}
.el-pagination__sizes .el-input .el-input__inner:hover {
    border-color: var(--primary-color-1);
}
.el-tag:not(.el-tag--success):not(.el-tag--danger) {
    background-color: var(--primary-color-4);
    color: var(--primary-color-1);
    border-color: var(--primary-color-3);
}
.el-tag .el-icon-close { color: var(--primary-color-1); }
.el-tag .el-icon-close:hover { color: var(--font-color-light); background-color: var(--primary-color-1); }
.el-link.el-link--default:hover {
    color: var(--primary-color-1);
}
.el-link.is-underline:hover:after {    
    border-color: var(--primary-color-3);
}

.hidden .el-tabs__nav { display: none; }
.hidden #pane-main { display: block !important; }

.sysmon-dashboard .el-card {
    margin-bottom: 20px;
}
.sysmon-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
}
.sysmon-form .count {
    font-size: 22px;
}
.sysmon-dashboard .disk .el-card__body {
    height: 139px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.sysmon-dashboard .disk-stats {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.sysmon-dashboard .disk-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.sysmon-dashboard .disk-value {
    font-size: 20px;
} 
.sysmon-dashboard .disk-label {
    font-size: 12px;
}
.sysmon-dashboard #cpu_latest_usage, .sysmon-dashboard .latest-usage #memory_latest_usage {
    display: flex;
}
.sysmon-dashboard #cpu_latest_usage svg, .sysmon-dashboard .latest-usage #memory_latest_usage svg {
    margin: auto;
}
.sysmon-dashboard #cpu_latest_usage, .sysmon-dashboard #memory_latest_usage  {
    height: 190px;
}
.sysmon-dashboard .latest-usage.small .el-card__body {
    padding: 0;
}
.sysmon-dashboard .latest-usage.small #cpu_latest_usage, .sysmon-dashboard .latest-usage.small #memory_latest_usage {
    height: 75px;
}
.sysmon-dashboard .latest-usage .percentage {
    font-size: 2rem;
    margin-top: 20px;
    text-align: center;
}
.sysmon-dashboard .el-divider__text {
    background-color: #cccdcf;
}
.sysmon-dashboard .cluster-stat .el-card__body {
    padding: 20px 0;
}
.sysmon-dashboard .cluster-stat .count, .sysmon-dashboard .db-stat .count {
    font-size: 40px;
    line-height: 50px;
    text-align: center;
}
.sysmon-dashboard .cluster-stat .value, .sysmon-dashboard .db-stat .value {
    line-height: 50px;
    text-align: center;
}
.sysmon-dashboard .db-stats {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 20px; */
}
.sysmon-dashboard .rmq-stats {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.sysmon-dashboard .db-stat {
    width: 11%;
    margin: 0 10px;
}
.sysmon-dashboard .rmq-stat {
    /* width: -webkit-fill-available; */
    margin: 0 10px;
}
.sysmon-dashboard .rmq-stat .clearfix {
    display: flex;
    flex-direction: column;
}
.sysmon-dashboard .rmq-stat .clearfix span {
    display: inline-block;
}
.sysmon-dashboard .queue-stats {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.sysmon-dashboard .queue-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.sysmon-dashboard .queue-value {
    font-size: 24px;
} 
.sysmon-dashboard .queue-label {
    font-size: 12px;
}
.sysmon-dashboard .el-card__header {
    padding: 10px 20px;
}
.sysmon-dashboard .latest-usage {
   position: relative;
}
.sysmon-dashboard .latest-usage.small .percentage {
    text-align: center;
    font-size: 36px;
    margin-top: 10px;
}
.sysmon-dashboard .latest-usage .latest-stats {
    display: flex;
    justify-content: space-between;
}
.sysmon-dashboard .latest-usage.small .latest-stats {
    position: absolute;
    width: 80%;
    left: 50%;
    bottom: 15%;
    transform: translate(-50%, 0);
}
.sysmon-dashboard .latest-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.sysmon-dashboard .latest-value {
    font-size: 20px;
} 
.sysmon-dashboard .latest-label {
    font-size: 11px;
    margin-top: -4px;
}
.sysmon-dashboard .kpi-total {
    font-size: 50px;
    text-align: center;
}
.sysmon .timer {
    margin: 0 auto;
	width: 355px;
	text-align: center;
}
.sysmon .timer .time {
	border-radius: 5px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	display: inline-block;
	text-align: center;
	position: relative;
    height: 48px;
	width: 40px;
    margin: 0 2px;
}
.sysmon .timer .count {
	background: var(--primary-color-1);
	color: #f8f8f8;
	display: block;
	font-family: 'Oswald', sans-serif;
	font-size: 2em;
	line-height: 2.4em;
	overflow: hidden;
	position: absolute;
	text-align: center;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
	top: 0;
	width: 100%;
    font-size: 1.5em;
	line-height: 48px;
}
.sysmon .timer .count.top {
	border-radius: 5px 5px 0 0;
	height: 50%;
}
.sysmon .timer .count.bottom {
	background-image: linear-gradient(rgba(255,255,255,0.1), transparent);
	border-radius: 0 0 5px 5px;
	line-height: 0;
	height: 50%;
	top: 50%;
}
.sysmon .timer .label {
	font-size: normal;
	margin-top: 5px;
	display: block;
	position: absolute;
	top: 40px;
	width: 100%;
	font-size: 11px;
}
.sysmon .loading {text-align: center;}
.sysmon-dashboard .kpi-cards {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.sysmon-dashboard .kpi-card {
    margin: 0 10px;
}

.adm-report {
    margin-bottom: 20px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    border: 2px solid transparent;
    background-color: #FFF;
    color: #303133;
    -webkit-transition: .3s;
    transition: .3s;
    padding: 25px 20px 0;
    min-height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: -webkit-fill-available;
}
.adm-report:hover {
    border-color: var(--primary-color-2);
    cursor: pointer;
    box-shadow: 2px 4px 20px 10px rgba(0,0,0,.1);
}
.adm-report .title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
    display: inline-block;
}
.adm-report svg {
    width: 175px;
    height: 160px;
    display: block;
    margin: -15px auto -10px;
    color: var(--primary-color-1);
    fill: var(--primary-color-1);
}
.adm-report.fraud svg {
    width: 105px;
}
.adm-report.attribute-builder svg {
    width: 200px;
}
.adm-report.device-history svg {
    width: 135px;
}
.adm-report.advanced-analytics svg {
    margin-top: -5px;
    margin-bottom: -20px;
}
.adm-report-center .adm-report p {
    min-height: 40px;
    margin: 0;
}
.adm-report-center .menu-icon span {
    all: unset !important;
}
/* .adm-report-center .adm-report:hover svg {
    fill: var(--primary-color-2);
} */

.el-minibana-report-list { overflow: auto; }
.el-container.viewer .report_btn:focus {
    border-color: transparent;
    background-color: transparent;
}

.el-minibana-download-widget .el-minibana-downloader > button { color: var(--font-color-light); background-color: var(--primary-color-1); border-color: var(--primary-color-1); }
.el-minibana-download-widget .el-minibana-downloader > button:hover { color: var(--primary-color-1); border-color: var(--primary-color-4); background-color: var(--primary-color-4); }
.el-minibana-download-widget .downloads { text-align: center; }

.el-minibana-download-widget .missing-params { display: flex; align-items: center; justify-content: center; flex-direction: column; }
.el-minibana-download-widget .missing-params button { margin-bottom: 5px; }

.el-minibana-download-widget .missing-filter { display: flex; align-items: center; justify-content: space-evenly;  justify-content: center; width: 100%; margin-bottom: 10px; }
.el-minibana-download-widget .missing-filter-name { margin-right: 10px; }
.el-minibana-download-widget .el-minibana-filter .filter, .el-minibana-download-widget .el-minibana-filter .filter_val_file, .el-minibana-download-widget .el-minibana-filter .filter_val_file > div, .el-minibana-download-widget .el-minibana-filter .date_select_small { margin: 0 !important; }

.el-minibana-download-widget .el-card { width: 60%; margin: auto; padding: 25px;}
.el-minibana-download-widget .el-card  .missing-filter-name { margin-right: 25px; }
.el-minibana-download-widget .el-card  .missing-filter { margin-bottom: 25px; }

.el-minibana-download-widget { overflow: hidden; }
.el-minibana-download-widget:hover, [touch] .el-minibana-download-widget { overflow-y: auto; }
.el-minibana-download-widget::-webkit-scrollbar { width: 6px; border: 1px solid var(--secondary-color-1); }
.el-minibana-download-widget::-webkit-scrollbar-thumb { background-color: var(--secondary-color-3); border-radius: 10rem; }
.el-minibana-download-widget::-webkit-scrollbar-track-piece:start , .el-minibana-download-widget::-webkit-scrollbar-track-piece:end {  background: transparent; }


.gui-guides-dialogue button {color: var(--font-color);}
.gui-guides-dialogue .el-button:focus {border-color: transparent; background-color: transparent;}

.scheduled_download_in_progress { pointer-events: none; }
.scheduled_download_in_progress .cancel_download { pointer-events: all; }

.loading_reports { display: flex; justify-content: center; height: 400px; align-items: center; font-size: 20px; }