@import url('https://fonts.googleapis.com/css?family=Comfortaa|Open+Sans');


html {
    height:100%;
}
html, body {
    min-height:100%;
    font-family:"Open Sans",Arial,sans-serif;
    overflow:hidden;
}




.pad_0 { padding:0px !important; }
.pad_1 { padding:1px !important; }
.pad_2 { padding:2px !important; }
.pad_3 { padding:3px !important; }
.pad_4 { padding:4px !important; }
.pad_5 { padding:5px !important; }
.pad_10 { padding:10px !important; }
.pad_15 { padding:15px !important; }
.pad_20 { padding:20px !important; }
.pad_30 { padding:30px !important; }
.pad_40 { padding:40px !important; }
.pad_50 { padding:50px !important; }
.pad_100 { padding:100px !important; }

.mar_0 { margin:0px !important; }
.mar_5 { margin:5px !important; }
.mar_10 { margin:10px !important; }
.mar_15 { margin:15px !important; }
.mar_20 { margin:20px !important; }
.mar_30 { margin:30px !important; }
.mar_40 { margin:40px !important; }
.mar_50 { margin:50px !important; }
.mar_100 { margin:100px !important; }

.p_top_0 { padding-top:0px !important; }
.p_top_5 { padding-top:5px !important; }
.p_top_10 { padding-top:10px !important; }
.p_top_15 { padding-top:15px !important; }
.p_top_20 { padding-top:20px !important; }
.p_top_30 { padding-top:30px !important; }
.p_top_40 { padding-top:40px !important; }
.p_top_50 { padding-top:50px !important; }
.p_top_100 { padding-top:100px !important; }

.p_bottom_0 { padding-bottom:0px !important; }
.p_bottom_5 { padding-bottom:5px !important; }
.p_bottom_10 { padding-bottom:10px !important; }
.p_bottom_15 { padding-bottom:15px !important; }
.p_bottom_20 { padding-bottom:20px !important; }
.p_bottom_30 { padding-bottom:30px !important; }
.p_bottom_40 { padding-bottom:40px !important; }
.p_bottom_50 { padding-bottom:50px !important; }
.p_bottom_100 { padding-bottom:100px !important; }
.p_bottom_150 { padding-bottom:150px !important; }

.p_left_0 { padding-left:0px !important; }
.p_left_5 { padding-left:5px !important; }
.p_left_10 { padding-left:10px !important; }
.p_left_15 { padding-left:15px !important; }
.p_left_20 { padding-left:20px !important; }
.p_left_30 { padding-left:30px !important; }
.p_left_40 { padding-left:40px !important; }
.p_left_50 { padding-left:50px !important; }
.p_left_60 { padding-left:60px !important; }
.p_left_70 { padding-left:70px !important; }
.p_left_80 { padding-left:80px !important; }
.p_left_90 { padding-left:90px !important; }
.p_left_100 { padding-left:100px !important; }
.p_left_130 { padding-left:130px !important; }
.p_left_140 { padding-left:140px !important; }
.p_left_150 { padding-left:150px !important; }
.p_left_170 { padding-left:170px !important; }
.p_left_180 { padding-left:180px !important; }
.p_left_200 { padding-left:200px !important; }

.p_right_0 { padding-right:0px !important; }
.p_right_5 { padding-right:5px !important; }
.p_right_10 { padding-right:10px !important; }
.p_right_15 { padding-right:15px !important; }
.p_right_20 { padding-right:20px !important; }
.p_right_30 { padding-right:30px !important; }
.p_right_40 { padding-right:40px !important; }
.p_right_50 { padding-right:50px !important; }
.p_right_100 { padding-right:100px !important; }
.p_right_130 { padding-right:130px !important; }
.p_right_150 { padding-right:150px !important; }
.p_right_170 { padding-right:170px !important; }
.p_right_180 { padding-right:180px !important; }
.p_right_200 { padding-right:200px !important; }

.m_top_0 { margin-top:0px !important; }
.m_top_1 { margin-top:1px !important; }
.m_top_2 { margin-top:2px !important; }
.m_top_3 { margin-top:3px !important; }
.m_top_4 { margin-top:4px !important; }
.m_top_5 { margin-top:5px !important; }
.m_top_10 { margin-top:10px !important; }
.m_top_15 { margin-top:15px !important; }
.m_top_20 { margin-top:20px !important; }
.m_top_30 { margin-top:30px !important; }
.m_top_40 { margin-top:40px !important; }
.m_top_50 { margin-top:50px !important; }
.m_top_60 { margin-top:60px !important; }
.m_top_70 { margin-top:70px !important; }
.m_top_80 { margin-top:80px !important; }
.m_top_90 { margin-top:90px !important; }
.m_top_100 { margin-top:100px !important; }
.m_top_200 { margin-top:200px !important; }
.m_top_300 { margin-top:300px !important; }
.m_top_500 { margin-top:500px !important; }

.m_bottom_0 { margin-bottom:0px !important; }
.m_bottom_1 { margin-bottom:1px !important; }
.m_bottom_2 { margin-bottom:2px !important; }
.m_bottom_3 { margin-bottom:3px !important; }
.m_bottom_4 { margin-bottom:4px !important; }
.m_bottom_5 { margin-bottom:5px !important; }
.m_bottom_10 { margin-bottom:10px !important; }
.m_bottom_15 { margin-bottom:15px !important; }
.m_bottom_20 { margin-bottom:20px !important; }
.m_bottom_30 { margin-bottom:30px !important; }
.m_bottom_40 { margin-bottom:40px !important; }
.m_bottom_50 { margin-bottom:50px !important; }
.m_bottom_60 { margin-bottom:60px !important; }
.m_bottom_70 { margin-bottom:70px !important; }
.m_bottom_80 { margin-bottom:80px !important; }
.m_bottom_90 { margin-bottom:90px !important; }
.m_bottom_100 { margin-bottom:100px !important; }

.m_bottom_minus_10 { margin-bottom:-10px !important; }
.m_bottom_minus_20 { margin-bottom:-20px !important; }
.m_bottom_minus_30 { margin-bottom:-30px !important; }
.m_bottom_minus_40 { margin-bottom:-40px !important; }
.m_bottom_minus_50 { margin-bottom:-50px !important; }
.m_bottom_minus_100 { margin-bottom:-100px !important; }

.m_left_0 { margin-left:0px !important; }
.m_left_5 { margin-left:5px !important; }
.m_left_10 { margin-left:10px !important; }
.m_left_15 { margin-left:15px !important; }
.m_left_20 { margin-left:20px !important; }
.m_left_30 { margin-left:30px !important; }
.m_left_40 { margin-left:40px !important; }
.m_left_50 { margin-left:50px !important; }
.m_left_100 { margin-left:100px !important; }

.m_right_0 { margin-right:0px !important; }
.m_right_5 { margin-right:5px !important; }
.m_right_10 { margin-right:10px !important; }
.m_right_15 { margin-right:15px !important; }
.m_right_20 { margin-right:20px !important; }
.m_right_30 { margin-right:30px !important; }
.m_right_40 { margin-right:40px !important; }
.m_right_50 { margin-right:50px !important; }
.m_right_60 { margin-right:60px !important; }
.m_right_70 { margin-right:70px !important; }
.m_right_80 { margin-right:80px !important; }
.m_right_90 { margin-right:90px !important; }
.m_right_100 { margin-right:100px !important; }
.m_right_110 { margin-right:110px !important; }

.w-auto { width:auto !important; }
.w-5pc { width:5% !important; }
.w-10pc { width:10% !important; }
.w-15pc { width:15% !important; }
.w-20pc { width:20% !important; }
.w-25pc { width:25% !important; }
.w-30pc { width:30% !important; }
.w-35pc { width:35% !important; }
.w-40pc { width:40% !important; }
.w-50pc { width:50% !important; }
.w-60pc { width:60% !important; }
.w-70pc { width:70% !important; }
.w-80pc { width:80% !important; }
.w-90pc { width:90% !important; }
.w-95pc { width:95% !important; }
.w-100pc { width:100% !important; }
.w-0 { width:0px !important; }
.w-5 { width:5px !important; }
.w-10 { width:10px !important; }
.w-15 { width:15px !important; }
.w-20 { width:20px !important; }
.w-25 { width:25px !important; }
.w-30 { width:30px !important; }
.w-35 { width:35px !important; }
.w-40 { width:40px !important; }
.w-45 { width:45px !important; }
.w-50 { width:50px !important; }
.w-60 { width:60px !important; }
.w-70 { width:70px !important; }
.w-80 { width:80px !important; }
.w-90 { width:90px !important; }
.w-100 { width:100px !important; }
.w-110 { width:110px !important; }
.w-120 { width:120px !important; }
.w-130 { width:130px !important; }
.w-140 { width:140px !important; }
.w-150 { width:150px !important; }
.w-200 { width:200px !important; }
.w-300 { width:300px !important; }
.w-350 { width:350px !important; }
.w-400 { width:400px !important; }
.w-450 { width:450px !important; }
.w-500 { width:500px !important; }
.w-550 { width:550px !important; }
.w-600 { width:600px !important; }
.w-650 { width:650px !important; }
.w-700 { width:700px !important; }
.w-750 { width:750px !important; }
.w-800 { width:800px !important; }
.w-850 { width:850px !important; }
.w-900 { width:900px !important; }
.w-950 { width:950px !important; }
.w-1000 { width:1000px !important; }

.h-auto { height:auto !important; }
.h-100pc { height:100% !important; }
.h-0 { height:0px !important; }
.h-5 { height:5px !important; }
.h-10 { height:10px !important; }
.h-15 { height:15px !important; }
.h-20 { height:20px !important; }
.h-25 { height:25px !important; }
.h-30 { height:30px !important; }
.h-35 { height:35px !important; }
.h-40 { height:40px !important; }
.h-45 { height:45px !important; }
.h-50 { height:50px !important; }
.h-60 { height:60px !important; }
.h-70 { height:70px !important; }
.h-80 { height:80px !important; }
.h-90 { height:90px !important; }
.h-100 { height:100px !important; }
.h-110 { height:110px !important; }
.h-120 { height:120px !important; }
.h-130 { height:130px !important; }
.h-140 { height:140px !important; }
.h-150 { height:150px !important; }
.h-200 { height:200px !important; }
.h-300 { height:300px !important; }
.h-350 { height:350px !important; }
.h-400 { height:400px !important; }
.h-450 { height:450px !important; }
.h-500 { height:500px !important; }
.h-550 { height:550px !important; }
.h-600 { height:600px !important; }
.h-650 { height:650px !important; }
.h-700 { height:700px !important; }
.h-750 { height:750px !important; }
.h-800 { height:800px !important; }
.h-850 { height:850px !important; }
.h-900 { height:900px !important; }
.h-950 { height:950px !important; }
.h-1000 { height:1000px !important; }

.lh-10 { line-height:10px !important; }
.lh-15 { line-height:15px !important; }
.lh-18 { line-height:18px !important; }
.lh-20 { line-height:20px !important; }
.lh-24 { line-height:24px !important; }
.lh-30 { line-height:30px !important; }
.lh-40 { line-height:40px !important; }
.lh-50 { line-height:50px !important; }
.lh-60 { line-height:60px !important; }
.lh-70 { line-height:70px !important; }
.lh-80 { line-height:80px !important; }
.lh-90 { line-height:90px !important; }
.lh-100 { line-height:100px !important; }

.font-8 { font-size:8px !important; }
.font-9 { font-size:9px !important; }
.font-10 { font-size:10px !important; }
.font-11 { font-size:11px !important; }
.font-12 { font-size:12px !important; }
.font-13 { font-size:13px !important; }
.font-14 { font-size:14px !important; }
.font-15 { font-size:15px !important; }
.font-16 { font-size:16px !important; }
.font-17 { font-size:17px !important; }
.font-18 { font-size:18px !important; }
.font-19 { font-size:19px !important; }
.font-20 { font-size:20px !important; }
.font-22 { font-size:22px !important; }
.font-24 { font-size:24px !important; }
.font-26 { font-size:26px !important; }
.font-28 { font-size:28px !important; }
.font-30 { font-size:30px !important; }

.fs-0-1 { font-size:0.1em !important; }
.fs-0-2 { font-size:0.2em !important; }
.fs-0-3 { font-size:0.3em !important; }
.fs-0-4 { font-size:0.4em !important; }
.fs-0-5 { font-size:0.5em !important; }
.fs-0-6 { font-size:0.6em !important; }
.fs-0-7 { font-size:0.7em !important; }
.fs-0-8 { font-size:0.8em !important; }
.fs-0-9 { font-size:0.9em !important; }
.fs-1 { font-size:1em !important; }
.fs-1-1 { font-size:1.1em !important; }
.fs-1-2 { font-size:1.2em !important; }
.fs-1-3 { font-size:1.3em !important; }
.fs-1-4 { font-size:1.4em !important; }
.fs-1-5 { font-size:1.5em !important; }
.fs-1-6 { font-size:1.6em !important; }
.fs-1-7 { font-size:1.7em !important; }
.fs-1-8 { font-size:1.8em !important; }
.fs-1-9 { font-size:1.9em !important; }
.fs-2 { font-size:2em !important; }
.fs-2-5 { font-size:2.5em !important; }
.fs-3 { font-size:3em !important; }
.fs-3-5 { font-size:3.5em !important; }
.fs-4 { font-size:4em !important; }
.fs-4-5 { font-size:4.5em !important; }
.fs-5 { font-size:5em !important; }

.fs-6 { font-size:6px !important; }
.fs-7 { font-size:7px !important; }
.fs-8 { font-size:8px !important; }
.fs-9 { font-size:9px !important; }
.fs-10 { font-size:10px !important; }
.fs-11 { font-size:11px !important; }
.fs-12 { font-size:12px !important; }
.fs-13 { font-size:13px !important; }
.fs-14 { font-size:14px !important; }
.fs-15 { font-size:15px !important; }
.fs-16 { font-size:16px !important; }
.fs-17 { font-size:17px !important; }
.fs-18 { font-size:18px !important; }
.fs-19 { font-size:19px !important; }
.fs-20 { font-size:20px !important; }
.fs-22 { font-size:22px !important; }
.fs-24 { font-size:24px !important; }
.fs-26 { font-size:26px !important; }
.fs-28 { font-size:28px !important; }
.fs-30 { font-size:30px !important; }
.fs-40 { font-size:40px !important; }
.fs-50 { font-size:50px !important; }
.fs-60 { font-size:60px !important; }
.fs-70 { font-size:70px !important; }
.fs-80 { font-size:80px !important; }
.fs-90 { font-size:90px !important; }
.fs-100 { font-size:100px !important; }

.bold { font-weight:bold !important; }

.align-center, .text-center {
    text-align:center !important;
}
.align-left {
    text-align:left !important;
}
.align-right {
    text-align:right !important;
}

.color-gray-light, .color-light-gray { color:#ccc !important; }
.color-gray { color:#aaa !important; }
.color-gray-dark, .color-dark-gray { color:#777 !important; }
.color-black { color:#000 !important; }
.color-white { color:#fff !important; }
.color-red { color:#f00 !important; }
.color-blue { color:blue !important; }
.color-green { color:green !important; }
.color-gold { color:gold !important; }
.color-orange { color:orange !important; }

.no-border { border:0px !important; }
.tbl-no-borders, .tbl-no-borders th, .tbl-no-borders td { border:0px !important; }

.no-box-shadow { box-shadow:none !important; }

.bck-transparent { background-color:transparent !important; }
.bck-black { background-color:black !important; }
.bck-white { background-color:white !important; }
.bck-green { background-color:green !important; }
.bck-red { background-color:red !important; }
.bck-blue { background-color:blue !important; }
.bck-yellow { background-color:gold !important; }
.bck-orange { background-color:orange !important; }
.bck-gray { background-color:#aaa !important; }
.bck-near-white { background-color:#f3f3f3 !important; }
.bck-light-gray, .bck-gray-light { background-color:#ddd !important; }
.bck-dark-gray, .bck-gray-dark { background-color:#777 !important; }

.label {
	padding:3px;
	padding-left:13px;
	padding-right:13px;
}
.label-border-round {
    border-radius:5px;
}
.label-success { color:#fff !important; background-color:green !important; }
.label-danger { color:#fff !important; background-color:red !important; }
.label-warning { color:#fff !important; background-color:gold !important; }
.label-blue { color:#fff !important; background-color:blue !important; }
.label-orange { color:#fff !important; background-color:orange !important; }
.label-black { color:#fff !important; background-color:black !important; }

.ui-pnotify.mex-error {
  background-color:darksalmon;
}
.ui-pnotify.mex-success {
  background-color:palegreen;
}
.ui-pnotify.mex-warning {
  background-color:gold;
}

.pull-left, .floatleft { float:left; }
.pull-right, .floatright { float:right; }
.display-inline { display:inline !important; }

.overflow-hidden { overflow:hidden !important; }
.nowrap { white-space:nowrap !important; }

.clearboth { clear:both !important; }
.clearleft { clear:left !important; }
.clearright { clear:right !important; }
















header {
    height: 80px;
    width: 100%;
    background-color: #ccc;
    color: white;
    text-align: left;
}

footer {
    height:200px;
    width: 100%;
    background-color: #eee;
    color: white;
    text-align: center;
    padding-top: 30px;
}

.sidebar {
    width: 300px;
    height: calc(100% - 280px);
    position: fixed;
    top: 80px;
    left: 0;
    overflow-y: auto;
    background-color: #f1f1f1;
    padding: 10px;
    z-index:999;
}
.tree > div {
  min-height: 25px;
}
.tree .parent {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.tree .child {
  list-style-type: none;
  margin: 0;
  margin-left:20px;
  padding: 0;
}
.tree li {
  margin-top: 10px;
}
.tree a, .tree a:link, .tree a:visited, .tree a:active {
  color:#000;
  padding: 4px 8px;
}
.tree a:hover, .tree a:focus {
  color:#aaa;
  text-decoration: none;
}
.tree a.selected, .tree a.selected:link, .tree a.selected:visited, .tree a.selected:active {
  color:#fff;
  background-color:#000;
}
.btn-maps-tree {
  color:#000;
  padding:2px;
}
.btn-maps-tree:hover, 
.btn-maps-tree:focus {
  cursor:pointer;
  color:#aaa;
  text-decoration: none;
}

.logo-header {
  float:left;
  width:50px;
  height:50px;
  background-color:#ddd;
  border:3px solid #888;
  margin-top: 15px;
  margin-left: 15px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
}

.header-cmd, .header-cmd:link, .header-cmd:active, .header-cmd:visited {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 4px 10px;
  border: 1px solid transparent;
  margin-left: 40px;
  margin-top: 20px;
  color: #888;
  text-decoration: none;
}
.header-cmd:hover, .header-cmd:focus {
  border: 1px solid #555;
  color: #000;
  text-decoration: none;
}

.main-content {
    position: fixed;
    top: 80px;
    margin-left: 0px;
    padding: 0px;
    padding-left:300px;
    width:100%;
    max-width: 100%;
    height: calc(100% - 280px);
    overflow: auto;
}
#dvMap {
  position:relative;
  width:100%;
  height:100%;
  overflow:auto;
  background-repeat: no-repeat;
}

input[type=text], input[type=password], select {
  border-top:0px;
  border-left:0px;
  border-right:0px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
}
input[type=text].required, input[type=password].required, select.required {
  border-color: red;
}

.mapel, .mapel:link, .mapel:active, .mapel:visited {
  display:block;
  position:absolute;
  background-color:#777;
  background-color:transparent;
  background-size: cover;
  background-repeat: no-repeat;
  border:2px solid transparent;
}
.mapel.medium, .mapel.medium:link, .mapel.medium:active, .mapel.medium:visited {
  width:40px;
  height:40px;
}
.mapel.small {
  width:20px;
  height:20px;
}
.mapel.big {
  width:80px;
  height:80px;
}


.modal-header {
  background-color:#eee;
}
.modal-footer {
  background-color:#eee;
}


.icomapalarm,
.icomapwarning {
  margin-left:2px;
  margin-right:2px;
  display:none;
}
.icomapwarning {
  color:goldenrod;
}
.icomapalarm {
  color:red;
}


#tblMapElements tr th:first-child,
#tblMapElements tr td:first-child {
  width:3% !important;
}

#tblMapEvents tr td .badge,
#tblGlobalEvents tr td .badge {
  font-size:100% !important;
  margin-top:2px !important;
  margin-bottom:2px !important;
}



/* Footer fisso a fondo pagina */
footer {
    position: absolute;
    bottom: 0;
    overflow:hidden;
    padding:0px;
}
footer .tabs ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #eee;
  width:100%;
  float:left;
}
footer .tabs li {
  display: block;
  margin-right: 5px;
  float:left;
}
footer .tabs a {
  background-color: #e1e1e1;
  color: black;
  display: block;
  padding: 10px;
  text-decoration: none;
  font-size:0.8rem;
}
footer .tabs a.active {
  background-color: #ccc;
}
footer .tabs div {
  padding: 0px;
  background-color:#eee;
  overflow:auto;
  float: left;
  display: block;
  width: 100%;
  text-align: left;
  color:#000;
}
footer .tabs div .footerdttbl {
  border-collapse: collapse;
  width: 100%;
}
footer .tabs div .footerdttbl th,
footer .tabs div .footerdttbl td {
  border: 1px solid #ddd;
  padding: 2px;
  text-align: left;
  font-size:0.8rem;
}
footer .tabs div .footerdttbl th {
  background-color: #f2f2f2;
  font-size:0.8rem;
}

#icons_archive {
  display:none;
  clear:both;
  width:100%;
  height:200px;
  border:1px solid #ccc;
  overflow:auto;
  padding-bottom:10px;
}
#icons_archive a img {
  width:40px;
  height:40px;
  float:left;
  margin-top:10px;margin-left:10px;
}
#icons_archive_new {
  display:none;
  clear:both;
  width:100%;
  height:auto;
  overflow:auto;
  padding-bottom:10px;
  margin-top:10px;
}

#el-context-menu, #el-cmd-context-menu {
  position:absolute;
  z-index:9999;
  background-color:#fff;
  border:1px solid #aaa;
}
#el-context-menu ul, #el-cmd-context-menu ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
#el-context-menu ul li, #el-cmd-context-menu ul li {
  width:100%;
  height:auto;
  padding: 0px;
  margin-top:5px;
}
#el-context-menu ul li a, #el-context-menu ul li a:link, #el-context-menu ul li a:active, #el-context-menu ul li a:visited,
#el-cmd-context-menu ul li a, #el-cmd-context-menu ul li a:link, #el-cmd-context-menu ul li a:active, #el-cmd-context-menu ul li a:visited {
  display:block;
  width:100%;
  padding:5px 10px;
  background-color:transparent;
  color:#000;
}
#el-context-menu ul li a:hover, #el-context-menu ul li a:focus,
#el-cmd-context-menu ul li a:hover, #el-cmd-context-menu ul li a:focus {
  background-color:#e1e1e1;
  text-decoration: none;
  color:#000;
}







@media (min-width: 576px) {
  .modal-dialog {
      max-width: 800px;
  }
}