@import "./fonts/Roobert.css";

.eis-btn, button,
.eis-btn-primary, .eis-btn-secondary, .eis-btn-tertiary, .eis-btn-danger {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-family: "Roobert", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: white;
  display: inline-block;
  height: 36px;
  padding: 4px 40px;
  margin: 3px 0 3px 0;
  outline: none;
  border-color: #461E7D;
  text-transform: uppercase;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  border-radius: 30px;
}
.eis-btn.disabled, button.disabled,
.disabled.eis-btn-primary, .disabled.eis-btn-secondary, .disabled.eis-btn-tertiary, .disabled.eis-btn-danger, .eis-btn[disabled], button[disabled],
[disabled].eis-btn-primary, [disabled].eis-btn-secondary, [disabled].eis-btn-tertiary, [disabled].eis-btn-danger, fieldset[disabled] .eis-btn, fieldset[disabled] button,
fieldset[disabled] .eis-btn-primary, fieldset[disabled] .eis-btn-secondary, fieldset[disabled] .eis-btn-tertiary, fieldset[disabled] .eis-btn-danger {
  pointer-events: none;
  background-color: #D8DADC;
  border: 1px solid #999999;
  color: #999999;
}
.eis-btn.disabled:hover, button.disabled:hover,
.disabled.eis-btn-primary:hover, .disabled.eis-btn-secondary:hover, .disabled.eis-btn-tertiary:hover, .disabled.eis-btn-danger:hover, .eis-btn.disabled:active, button.disabled:active,
.disabled.eis-btn-primary:active, .disabled.eis-btn-secondary:active, .disabled.eis-btn-tertiary:active, .disabled.eis-btn-danger:active, .eis-btn.disabled:focus, button.disabled:focus,
.disabled.eis-btn-primary:focus, .disabled.eis-btn-secondary:focus, .disabled.eis-btn-tertiary:focus, .disabled.eis-btn-danger:focus, .eis-btn[disabled]:hover, button[disabled]:hover,
[disabled].eis-btn-primary:hover, [disabled].eis-btn-secondary:hover, [disabled].eis-btn-tertiary:hover, [disabled].eis-btn-danger:hover, .eis-btn[disabled]:active, button[disabled]:active,
[disabled].eis-btn-primary:active, [disabled].eis-btn-secondary:active, [disabled].eis-btn-tertiary:active, [disabled].eis-btn-danger:active, .eis-btn[disabled]:focus, button[disabled]:focus,
[disabled].eis-btn-primary:focus, [disabled].eis-btn-secondary:focus, [disabled].eis-btn-tertiary:focus, [disabled].eis-btn-danger:focus, fieldset[disabled] .eis-btn:hover,
fieldset[disabled] button:hover, fieldset[disabled] .eis-btn-primary:hover, fieldset[disabled] .eis-btn-secondary:hover, fieldset[disabled] .eis-btn-tertiary:hover, fieldset[disabled] .eis-btn-danger:hover,
fieldset[disabled] .eis-btn:active, fieldset[disabled] button:active, fieldset[disabled] .eis-btn-primary:active, fieldset[disabled] .eis-btn-secondary:active, fieldset[disabled] .eis-btn-tertiary:active,
fieldset[disabled] .eis-btn-danger:active, fieldset[disabled] .eis-btn:focus, fieldset[disabled] button:focus, fieldset[disabled] .eis-btn-primary:focus, fieldset[disabled] .eis-btn-secondary:focus,
fieldset[disabled] .eis-btn-tertiary:focus, fieldset[disabled] .eis-btn-danger:focus {
  background-color: #D8DADC;
}

button, .eis-btn-primary {
  background-color: #461E7D;
  border: 1px solid #461E7D;
}
button:hover, button:focus, button:active,
.eis-btn-primary:hover,
.eis-btn-primary:focus,
.eis-btn-primary:active {
  background-color: #DAD3E3;
  outline: none;
  border: 1px solid #461E7D;
  color: #461E7D;
}

.eis-btn-secondary {
  background-color: transparent;
  border: 1px solid #461E7D;
  color: #461E7D;
}

.eis-btn-secondary:hover, .eis-btn-secondary:focus, .eis-btn-secondary:active {
  background-color: #DAD3E3;
  outline: none;
  border: 1px solid #461E7D;
  color: #461E7D;
}
.eis-btn-tertiary {
  background-color: #5738FF;
  border: 1px solid #5738FF;
  color: white;
}
.eis-btn-tertiary:hover, .eis-btn-tertiary:focus, .eis-btn-tertiary:active {
  background-color: #DAD3E3;
  outline: none;
  border: 1px solid #5738FF;
  color: #5738FF;
}
.eis-btn-danger {
  background-color: #FC4B88;
  border: 1px solid #FC4B88;
  color: #fff;
}
.eis-btn-danger:hover, .eis-btn-danger:focus, .eis-btn-danger:active {
  background-color: #FFB6C1;
  outline: none;
  border: 1px solid #FC4B88;
  color: #CA2D33;
}

button::-moz-focus-inner,
[class*="eis-btn-"]::-moz-focus-inner {
  border: 0; }

/*
  Support for the following input elements:
   - text
   - date
   - number
   - select
   - textarea
   - checkbox
   - radio

  More information:
    https://app.frontify.com/d/VEPDaQm6Gjgf/ui-library#/components/form
*/
input, select, textarea, .eis-btn-select {
  line-height: inherit;
  display: inline-block;
  font-family: "Roobert", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 6px 3px 6px 13px;
  resize: none;
  cursor: auto;
  white-space: nowrap;
  text-decoration: none;
  text-overflow: ellipsis;
  font-size: 15px;
  color: #333333;
  border: 1px solid #B8B8B8;
  border-radius: 3px;
  outline: 0;
  background-color: white;
}
input:focus, input:active, input:hover, select:focus, select:active, select:hover, textarea:focus, textarea:active, textarea:hover, .eis-btn-select:focus, .eis-btn-select:active, .eis-btn-select:hover {
  color: #333333;
  outline: 0;
  border: 1px solid #B8B8B8;
  background-color: white;
}
input:focus, input:active, select:focus, select:active, textarea:focus, textarea:active, .eis-btn-select:focus, .eis-btn-select:active {
  border: 1px solid #461E7D;
}
input.success, select.success, textarea.success, .eis-btn-select.success {
  border-color: #59BC5F;
}
input.failure, select.failure, textarea.failure, .eis-btn-select.failure {
  border-color: #FC4B88;
}

input[type=checkbox] {
  display: none;
}
input[type=checkbox] + label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  display: inline;
}
input[type=checkbox] + label::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 3px -4px 0;
  border: 1px solid #333333;
  border-radius: 3px;
}
input[type=checkbox]:checked + label::before {
  border: 1px solid #461E7D;
  background: #fff url("data:image/svg+xml,%3Csvg width='18px' height='18px' viewBox='0 0 18 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3EGroup%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Energy-Analysis' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='benchmarking/deviation' transform='translate(-75.000000, -346.000000)' stroke='%23461E7D'%3E%3Cg id='Group' transform='translate(75.000000, 346.000000)'%3E%3Crect id='Rectangle-4' x='0.5' y='0.5' width='17' height='17'%3E%3C/rect%3E%3Cpolyline id='Path' fill-rule='nonzero' points='5 8.9452819 8.43490053 13 13 6'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat -1px -1px;
}

input[type=radio] {
  display: none;
}
input[type=radio] + label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  display: inline;
  margin-right: 12px;
}
input[type=radio] + label::before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 7px -4px 0;
  border: 1px solid #333333;
  border-radius: 50%;
}
input[type=radio]:checked + label::before {
  border: 1px solid #461E7D;
  background: transparent url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='7px' height='7px' viewBox='0 0 7 7' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 47 (45396) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3EFill%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Radio-Button/selected' transform='translate(-3.000000, -5.000000)' fill='%23461E7D'%3E%3Cg id='Radio-Button'%3E%3Cg id='Check-Boxes' transform='translate(0.000000, 2.000000)'%3E%3Cg id='Buttons-/-Check-Box-/-Checked-Copy-2'%3E%3Crect id='Fill' x='3' y='3' width='7' height='6.99655681' rx='3.49827841'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat 4px 4px;
}

input[type=search],
input[type=search].eis-search {
  padding-left: 2em;
  padding-right: 2em;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='22px' height='22px' viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Esearch%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='header' transform='translate(-1104.000000, -25.000000)' fill-rule='nonzero' stroke='%23461E7D'%3E%3Cg id='search' transform='translate(1105.000000, 26.000000)'%3E%3Ccircle id='Oval' stroke-width='1.6' transform='translate(12.142857, 7.857143) scale(-1, 1) translate(-12.142857, -7.857143) ' cx='12.1428571' cy='7.85714286' r='7.85714286'%3E%3C/circle%3E%3Cpath d='M0.414341518,19.7130766 L4.28571429,15.7142857' id='Path-2' stroke-width='2'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left 9px center;
  background-size: 14px 14px;
  border-radius: 2em;
  -webkit-appearance: textfield;
}

input[type=search], input.eis-search {
  padding-right: 30px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='22px' height='22px' viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Esearch%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='header' transform='translate(-1104.000000, -25.000000)' fill-rule='nonzero' stroke='%23461E7D'%3E%3Cg id='search' transform='translate(1105.000000, 26.000000)'%3E%3Ccircle id='Oval' stroke-width='1.6' transform='translate(12.142857, 7.857143) scale(-1, 1) translate(-12.142857, -7.857143) ' cx='12.1428571' cy='7.85714286' r='7.85714286'%3E%3C/circle%3E%3Cpath d='M0.414341518,19.7130766 L4.28571429,15.7142857' id='Path-2' stroke-width='2'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 9px center;
  background-size: 14px 14px;
  border-radius: 30px;
  -webkit-appearance: textfield;
}
input[type=search]::-webkit-search-cancel-button, input.eis-search::-webkit-search-cancel-button {
  position: relative;
  background-image: url("../img/icons/clear.svg");
  background-repeat: no-repeat;
  background-position: right 5px center;
  background-size: 14px 14px;
  -webkit-appearance: none;
}
input[type=search] ::-ms-clear, input.eis-search ::-ms-clear {
  display: none;
}


input[type="search"].enel-search::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 24px;
  width: 24px;
  right: -2em;
  background-image: url("../img/icons/clear.svg");
  cursor: pointer;
}

input[type=search].enel-search {
  padding-left: 2em;
  padding-right: 2em;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='22px' height='22px' viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Esearch%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='header' transform='translate(-1104.000000, -25.000000)' fill-rule='nonzero' stroke='%23461E7D'%3E%3Cg id='search' transform='translate(1105.000000, 26.000000)'%3E%3Ccircle id='Oval' stroke-width='1.6' transform='translate(12.142857, 7.857143) scale(-1, 1) translate(-12.142857, -7.857143) ' cx='12.1428571' cy='7.85714286' r='7.85714286'%3E%3C/circle%3E%3Cpath d='M0.414341518,19.7130766 L4.28571429,15.7142857' id='Path-2' stroke-width='2'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left 9px center;
  background-size: 14px 14px;
  border-radius: 2em;
  -webkit-appearance: textfield;
  width: 100%;
}


select:not([multiple]), .eis-btn-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding-right: 1.75em;
  cursor: pointer;
  text-align: start;
  background: white url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='11' height='11' viewBox='0 0 14 14'%3E%3Cpath style='fill:%23333333;' d='M13.148 6.312l-5.797 5.789q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.789q-0.148-0.148-0.148-0.355t0.148-0.355l1.297-1.289q0.148-0.148 0.352-0.148t0.352 0.148l4.148 4.148 4.148-4.148q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.289q0.148 0.148 0.148 0.355t-0.148 0.355z'%3E%3C/path%3E%3C/svg%3E%0A") no-repeat right 8px center;
  background-size: 10px 10px;
}
:disabled, :disabled:hover, :disabled:focus, :disabled:active, .eis-btn-disabled, .eis-btn-disabled:hover, .eis-btn-disabled:focus, .eis-btn-disabled:active {
  cursor: not-allowed;
  color: white;
  border-color: #D8DADC;
  outline-color: #D8DADC;
  background-color: #D8DADC;
}
select::-ms-expand {
  display: none;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body, html, ul, ol, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}
hr {
  border-top: 1px solid #d9d9d9;
}
a {
  color: #461E7D;
  font-size: 14px;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
}
a:hover, a:focus {
  color: #5738FF;
  text-decoration: none;
  transition: .2s;
}
a:active {
  color: #662F98;
  transition: 0s;
}

.eis-link-body {
  color: #5738FF;
  font-size: 14px;
  font-family: "Roobert", Helvetica, Arial, sans-serif;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
}
.eis-link-body:hover, .eis-link-body:focus {
  color: #461E7D;
  text-decoration: none;
  transition: .2s;
}
.eis-link-body:active {
  color: #662F98;
  transition: 0s;
}
.eis-link, .eis-link-icon {
  color: #461E7D;
  font-size: 14px;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none; }
.eis-link:hover, .eis-link:focus, .eis-link-icon:hover, .eis-link-icon:focus {
  color: #5738FF;
  text-decoration: none;
  transition: .2s;
}
.eis-link:active, .eis-link-icon:active {
  color: #5738FF;
  transition: 0s;
}
.eis-link .fa, .eis-link-icon .fa {
  padding: 0 8px;
}

ul, ol {
  list-style-type: none;
}

.brand-logo {
  background-image: url("../public/logo.svg");
  background-size: 200px 30px;
  height: 30px;
  width: 200px;
}

body, html {
  color: #333333;
  font-size: 14px;
  font-family: "Roobert", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.42857143; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Roobert", Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #003E74;
  font-size: 18px;
  line-height: 1.1em; }

h1 {
  font-size: 21px;
  color: #461E7D; }

h2 {
  font-size: 18px;
  color: #333333; }

h3 {
  font-size: 16px;
  font-weight: normal;
  color: #717171; }

.emphasis {
  font-size: 21px;
  font-weight: 400; }

.hint-text {
  font-size: 21px;
  font-weight: 400;
  color: #B2B6B9; }

/**
 * Link styles defined in _links.scss
 */
p {
  font-family: "Roobert", Helvetica, Arial, sans-serif;
  margin: 1em 0;
}
.highlight {
  color: #FC4B88;
}
.table, .thead, .table > tbody + tbody, .table > thead > tr > th, .table > tbody > tr > td, td {
  border: none;
}
.table {
  border: 1px solid #B8B8B8;
}
.table-hover > tbody > tr:hover {
  background-color: #EDF7FD !important;
}
.table-hover > tbody > tr:hover > td {
  background-color: #EDF7FD !important;
  cursor: pointer;
}
.table > tbody > tr {
  height: 55px;
  padding-left: 3%;
  padding-right: 3%;
}
.table tbody tr:first-child {
  height: 25px;
  background-color: #FAFAFB !important;
  cursor: pointer;
}
.table tbody tr:first-child:hover {
  background-color: #FAFAFB !important;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th,
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #F4F4F6;
}
.table > thead > tr > th {
  font-weight: normal;
  z-index: 100;
}

.table > thead .header-text span {
  /*ensure element is visible to selenium*/
  min-width: 1px;
  min-height: 1px;
}

.table tr > td {
  cursor: pointer;
}

.table .fa {
  height: 1px;
  padding-left: 4px;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  padding: 0;
}

.table .list-filter-box .ellipsis {
  display: inline-block;
  white-space: nowrap;
  width: 210px;
  max-width: 210px;
  margin-bottom: -5px;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  padding: 0;
}

.table > tbody > tr > td, .table > tbody > tr > th {
  padding: 15px 10px;
  text-align: left;
}

.table > tbody > tr {
  border-bottom: 1px solid #B8B8B8; }

.table tbody tr:first-child {
  background-color: #FAFAFB;
  height: 25px;
  cursor: pointer;
  color: #666666;
  font-size: 12px; }
.table tbody tr:first-child th {
  background-color: #FAFAFB;
  padding: 5px 10px;
  border: none;
  font-weight: 500; }
.table tbody tr:first-child:hover {
  background-color: #FAFAFB; }

.col-r {
  text-align: right !important;
  padding-right: 20px !important; }

.col-c {
  text-align: center !important; }