/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 9, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
body, input, button, select, option, textarea {
  font-family: "Lucida Sans Unicode", "Lucida Grande", "Arial", Sans-Serif;
  font-size: 13px;
  line-height: 16px;
  color: #002F2F;
}

/* line 15, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
div > a {
  color: #046380;
}
/* line 17, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
div > a:visited {
  color: #046380;
}
/* line 19, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
div > a:hover {
  color: white;
  background-color: #046380;
}

/* line 23, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
a {
  color: white;
}
/* line 26, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
a:hover {
  color: white;
  background-color: #046380;
}

/* line 30, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
a.action {
  text-decoration: none;
  color: #046380;
}
/* line 33, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
a.action:hover {
  color: white;
}

/* line 38, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
strong, b {
  font-weight: bold;
}

/* line 41, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
i {
  font-style: italic;
}

/* line 44, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
#subheader {
  border-bottom: 3px solid #36444b;
}
/* line 47, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
#subheader ul.menu {
  font-weight: bold;
  height: 24px;
  overflow: visible;
  display: block;
  margin-left: 10px;
  margin-right: 10px;
}
/* line 55, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
#subheader ul.menu li {
  margin-top: 2px;
  margin-left: 2px;
  margin-right: 2px;
  padding: 4px;
  border-bottom: 3px solid #36444b;
  margin: 0;
  background-color: #e9eaea;
  display: inline-block;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
/* line 67, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
#subheader ul.menu li.active, #subheader ul.menu li:hover {
  background-color: #36444b;
}
/* line 69, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
#subheader ul.menu li.active a, #subheader ul.menu li:hover a {
  color: white !important;
}
/* line 73, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
#subheader ul.menu li a {
  display: inline-block;
  min-width: 100px;
  color: #36444b;
  text-decoration: none;
  background: none;
}

/* line 84, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
#header {
  background-color: #005361;
  border-bottom: 2px solid #ffffff00;
  min-width: 1000px;
}
/* line 89, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
#header a {
  color: #e9eaea;
}
/* line 92, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
#header a:hover {
  color: white !important;
  background-color: #005361 !important;
}
/* line 99, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
#header .menu {
  margin-left: 25px;
}
/* line 103, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
#header .menu ul {
  display: none;
}
/* line 107, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
#header .menu li {
  display: inline-block;
  word-wrap: nowrap;
}
/* line 114, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
#header .menu li:hover ::after {
  content: "";
  display: block;
  background-color: #005361;
  padding-bottom: 10px;
  border-bottom: 2px solid white;
}
/* line 124, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
#header .menu a {
  position: relative;
  display: inline-block;
  font-size: 1rem;
  letter-spacing: .02em;
  white-space: nowrap;
  text-decoration: none;
}
/* line 133, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
#header .menu a {
  padding: 15px 30px 0 0;
}
/* line 139, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
#header .menu li.active ::after {
  content: "";
  display: block;
  background-color: #005361;
  padding-bottom: 10px;
  border-bottom: 2px solid white;
}
/* line 147, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
#header .menu li.active a {
  color: white;
}
/* line 152, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
#header .logo {
  margin: 10px;
  width: 25em;
  padding: 0px 0px 10px 0px;
}

/* line 157, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
#footer {
  font-size: 12px;
  padding: 10px;
  color: #A7A37E;
  text-align: center;
}

/* line 163, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
#content {
  margin: 10px;
  min-height: 250px;
}

/* line 167, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
.flash {
  color: #777;
  background-color: #eee;
  border: 1px solid #777;
  font-weight: bold;
  padding: 3px;
}
/* line 174, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
.flash.alert, .flash.error {
  color: #C11C66;
  background-color: #fee;
  border: 1px solid #C11C66;
}
/* line 179, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
.flash.warning, .flash.notice {
  color: #FFCB00;
  background-color: #ffe;
  border: 1px solid #FFCB00;
}
/* line 184, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
.flash.success {
  color: #4acbd6;
  background-color: #efe;
  border: 1px solid #4acbd6;
}

/* line 191, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
.field_with_errors {
  padding: 2px;
  background-color: red;
  display: table;
}

/* line 196, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
#error_explanation {
  width: 450px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 0;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}
/* line 203, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
#error_explanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  margin-bottom: 0px;
  background-color: #c00;
  color: #fff;
}
/* line 212, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
#error_explanation ul li {
  font-size: 12px;
  list-style: square;
}

/* line 216, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
table.records {
  text-align: left;
}
/* line 218, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
table.records table.records {
  font-size: 11px;
  line-height: 11px;
}
/* line 221, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
table.records table.records th {
  font-size: 11px;
}
/* line 226, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
table.records th {
  font-size: 12px;
  color: #046380;
  font-weight: bold;
  border-bottom: 2px solid #046380;
  padding: 2px 0.5em;
}
/* line 233, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
table.records td {
  border-bottom: 1px dotted #ffffff00;
  padding: 6px 8px;
}
/* line 236, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
table.records td.action a {
  visibility: hidden;
}
/* line 240, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
table.records tr.no-records td, table.records tr.no-records:hover td {
  background-color: white;
  text-align: center;
}
/* line 244, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
table.records tbody tr:hover td {
  background-color: #4ACBD6;
  color: #002F2F;
}
/* line 245, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
table.records tbody tr:hover td a {
  visibility: visible;
}

/* line 251, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
.invalid-ref {
  color: #888 !important;
}

/* line 254, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
table.filters {
  text-align: left;
}
/* line 257, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
table.filters th {
  color: #046380;
  padding-right: 5px;
  font-weight: bold;
}

/* line 262, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
h1 {
  color: #046380;
  font-size: 150%;
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

/* line 269, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
h2 {
  color: #002F2F;
  font-size: 15px;
  font-weight: bold;
  margin-top: 2em;
  margin-bottom: 0.5em;
}

/* line 276, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
h3 {
  color: #002F2F;
  font-size: 15px;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

/* Remove button padding in FF */
/* line 283, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* line 287, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
input[type="submit"], input[type="button"], .button {
  display: inline-block;
  min-width: 6em;
  position: relative;
  top: 0px;
  vertical-align: baseline;
  margin: 0 0.1em;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: 0.1em 0.6em;
  border-top-left-radius: 1em;
  border-bottom-right-radius: 1em;
  border-top-right-radius: 0.2em;
  border-bottom-left-radius: 0.2em;
  color: #046380;
  background-color: #ffffff00;
  border: 1px solid #A7A37E;
}
/* line 308, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
input[type="submit"]:link, input[type="submit"]:visited, input[type="button"]:link, input[type="button"]:visited, .button:link, .button:visited {
  color: #046380;
  background-color: #ffffff00;
}
/* line 312, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
input[type="submit"]:hover, input[type="submit"]:active, input[type="button"]:hover, input[type="button"]:active, .button:hover, .button:active {
  color: white;
  background-color: #046380;
}
/* line 316, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
input[type="submit"]:disabled, input[type="button"]:disabled, .button:disabled {
  background-color: #ffffff00;
  color: #A7A37E;
}

/* line 321, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
select, input, textarea, .CodeMirror {
  border-radius: 4px;
  color: #002F2F;
  background-color: white;
  border: 1px solid #A7A37E;
  margin: 1px;
}
/* line 327, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
select:disabled, input:disabled, textarea:disabled, .CodeMirror:disabled {
  border-color: #005361;
}

/* line 331, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
.basic_content {
  padding-left: 10px;
}

/* line 335, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
.basic {
  padding: 10px;
}

/* line 339, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
.head {
  padding: 10px;
}

/* line 343, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
.child_block {
  padding-left: 25px;
}

/* line 347, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
.noNode {
  background-color: #A7A9AC;
}

/* line 351, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
.warning {
  color: #c11c66;
}

/* line 355, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
.warning_msg {
  color: #c11c66;
}

/* line 359, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
.date {
  width: 135pt;
}

/* line 363, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
.search {
  width: 163pt;
}

/* line 368, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
.dialog_modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center;
}

/* line 383, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
.progress_bar {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 10px;
  width: 400px;
  margin: 20vh auto;
  background-color: #005361;
  padding: 1.5rem;
  border-radius: 6px;
  text-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 2px 1px 0 rgba(0, 0, 0, 0.12);
  text-align: center;
}

/* line 398, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
.value {
  position: absolute;
  width: 100%;
  height: 25;
  line-height: 25;
  left: 0;
  top: 46%;
  transform: translateY(-50%);
  font: bold 50px/30px Arial, sans-serif;
  color: #e9eaea;
  text-shadow: 4px 4px 0 rgba(0, 0, 0, 0.15);
}

/* line 411, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
#showTasksName {
  color: #4acbd6;
  margin-bottom: 10px;
}

/* line 416, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
#btnCancelTasks {
  margin-top: 10px;
  border: 2px solid #c5c9d4;
  border-radius: 10%;
  overflow: hidden;
  transition: .3s;
  background-color: transparent;
  color: #c5c9d4;
  font: bold 14px Arial, sans-serif;
  cursor: pointer;
  height: 30px;
}

/* line 430, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
#btnCancelTasks:after {
  position: absolute;
  transition: .3s;
  content: '';
  width: 0;
  left: 50%;
  bottom: 0;
  height: 3px;
  background: #c5c9d4;
}

/* line 441, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
#btnCancelTasks:hover {
  box-shadow: inset 0px 0px 0px 1px #c5c9d4;
}

/* line 445, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
#btnCancelTasks:hover:after {
  width: 0%;
}

/* line 450, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
#backToDevices {
  color: #aaa;
  float: left;
  font-size: 48px;
  font-weight: bold;
}

/* line 458, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
#backToDevices:hover, #backToDevices:focus {
  color: white;
  text-decoration: none;
  cursor: pointer;
}

/* line 463, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
.button2 {
  display: inline-block;
  min-width: 6em;
  position: relative;
  top: 0px;
  vertical-align: baseline;
  margin: 0 0.1em;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: 0.3em 0.6em;
  border-radius: 0.3em;
  color: #046380;
  background-color: #ffffff00;
  border: 1px solid #A7A37E;
}
/* line 482, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
.button2:link, .button2:visited {
  color: #046380;
  background-color: #ffffff00;
}
/* line 486, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
.button2:hover, .button2:active {
  color: white;
  background-color: #046380;
}
/* line 490, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
.button2:disabled {
  background-color: #ffffff00;
  color: #A7A37E;
}

/* line 495, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
#icon-eye {
  background: url("/assets/eye.png") no-repeat;
  background-size: 100%;
  display: inline-block;
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  margin: 2px auto;
}

/* line 506, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
#icon-eyeoff {
  background: url("/assets/eyeoff.png") no-repeat;
  background-size: 100%;
  display: inline-block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  margin: 3px auto;
}

/* line 518, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
.dialog span {
  color: #0f7b84;
}
/* line 521, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
.dialog ul {
  padding-left: 20px;
}
/* line 524, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
.dialog li {
  list-style: disc;
}

/* line 530, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
.block .field {
  padding: 15px;
}

/* line 535, /opt/genieacs-gui/app/assets/stylesheets/screen.css.scss */
.progress_warning {
  color: #c11c66;
}