.required-input {
  color: #dd6e0c; }

#asRedundancy, #asRedundancyConfig {
  color: #ffffff; }
  #asRedundancy .header-text, #asRedundancyConfig .header-text {
    margin-bottom: 10px; }
  #asRedundancy label, #asRedundancy input, #asRedundancyConfig label, #asRedundancyConfig input {
    color: #ced1d5; }
  #asRedundancy .inputs-container, #asRedundancyConfig .inputs-container {
    /*margin-bottom: 22px;*/
    align-items: flex-start; }
    #asRedundancy .inputs-container .col_box, #asRedundancyConfig .inputs-container .col_box {
      max-width: 49%;
      display: inline-block; }
      #asRedundancy .inputs-container .col_box.inputs, #asRedundancyConfig .inputs-container .col_box.inputs {
        min-width: 220px; }
    #asRedundancy .inputs-container label, #asRedundancy .inputs-container input, #asRedundancy .inputs-container select, #asRedundancyConfig .inputs-container label, #asRedundancyConfig .inputs-container input, #asRedundancyConfig .inputs-container select {
      margin-bottom: 26px; }
    #asRedundancy .inputs-container .labels, #asRedundancyConfig .inputs-container .labels {
      padding-right: 20px; }
      #asRedundancy .inputs-container .labels label, #asRedundancyConfig .inputs-container .labels label {
        float: none !important;
        width: auto !important;
        display: block !important; }
    #asRedundancy .inputs-container .inputs input, #asRedundancy .inputs-container .inputs select, #asRedundancyConfig .inputs-container .inputs input, #asRedundancyConfig .inputs-container .inputs select {
      width: 100%; }
    #asRedundancy .inputs-container.alertable .inputs input, #asRedundancy .inputs-container.alertable .inputs select, #asRedundancyConfig .inputs-container.alertable .inputs input, #asRedundancyConfig .inputs-container.alertable .inputs select {
      width: calc( 100% - 30px); }

#asRedundancy {
  padding: 32px;
  overflow-y: auto; }
  #asRedundancy .switch-active {
    display: flex;
    justify-content: center;
    align-items: center; }
    #asRedundancy .switch-active .switch-txt {
      display: inline-block;
      margin-right: 10px; }
  #asRedundancy .noSettings {
    display: block; }
    #asRedundancy .noSettings .header-text {
      margin-bottom: 32px; }
    #asRedundancy .noSettings button {
      margin-left: 0px !important; }
  #asRedundancy .node-state .err-icn {
    display: none !important; }
  #asRedundancy .node-state.state-err .ok-icn {
    display: none; }
  #asRedundancy .node-state.state-err .err-icn {
    display: inline !important; }
  #asRedundancy .configuration-details {
    display: none; }
    #asRedundancy .configuration-details .border-container {
      display: inline-block;
      border: 4px solid #ffffff;
      border-style: double;
      min-width: 288px;
      /*for making the cubes the same width*/
      max-width: 340px;
      /* to avoid break the ui*/ }
      #asRedundancy .configuration-details .border-container:not(:last-child) {
        margin-right: 20px; }
    #asRedundancy .configuration-details .shared-container {
      display: flex;
      justify-content: center; }
      #asRedundancy .configuration-details .shared-container .shared {
        padding: 7px 40px; }
    #asRedundancy .configuration-details .connect-lines-container {
      display: flex;
      justify-content: center; }
      #asRedundancy .configuration-details .connect-lines-container .connect-lines {
        display: inline-block;
        width: 27%;
        height: 60px;
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff; }
        #asRedundancy .configuration-details .connect-lines-container .connect-lines.i0-stnd {
          border-left: 1px solid #636770; }
        #asRedundancy .configuration-details .connect-lines-container .connect-lines.i1-stnd {
          border-right: 1px solid #636770; }
    #asRedundancy .configuration-details .configuration-details-data {
      display: inline-block; }
      #asRedundancy .configuration-details .configuration-details-data .state-icn {
        width: 28px;
        height: 28px;
        display: inline-block;
        margin-right: 5px;
        font-size: 28px;
        text-align: center;
        color: #9da1aa; }
      #asRedundancy .configuration-details .configuration-details-data .redundancy-node-header {
        font-size: 18px;
        padding: 15px;
        border-bottom: 1px solid #1C2029; }
      #asRedundancy .configuration-details .configuration-details-data .fields-container {
        padding: 10px 10px 0 10px;
        border-top: 1px solid #383D43; }
        #asRedundancy .configuration-details .configuration-details-data .fields-container .inputs {
          max-width: none; }
          #asRedundancy .configuration-details .configuration-details-data .fields-container .inputs span {
            max-width: none;
            padding-right: 40px;
            display: block;
            margin-bottom: 26px;
            height: 26px; }
      #asRedundancy .configuration-details .configuration-details-data .nodes {
        margin-bottom: 32px; }
        #asRedundancy .configuration-details .configuration-details-data .nodes .active-header {
          display: block; }
          #asRedundancy .configuration-details .configuration-details-data .nodes .active-header .state-icn i {
            color: #f2f3f3; }
        #asRedundancy .configuration-details .configuration-details-data .nodes .standby-header {
          display: none; }
          #asRedundancy .configuration-details .configuration-details-data .nodes .standby-header .state-icn span {
            color: #f2f3f3; }
        #asRedundancy .configuration-details .configuration-details-data .nodes .border-container.standby {
          border-color: #636770; }
          #asRedundancy .configuration-details .configuration-details-data .nodes .border-container.standby .active-header {
            display: none; }
          #asRedundancy .configuration-details .configuration-details-data .nodes .border-container.standby .standby-header {
            display: block;
            vertical-align: bottom; }
      #asRedundancy .configuration-details .configuration-details-data .last-switch {
        margin-bottom: 54px; }
        #asRedundancy .configuration-details .configuration-details-data .last-switch .switch-val {
          color: #ced1d5; }
      #asRedundancy .configuration-details .configuration-details-data .buttons-continter {
        display: flex;
        justify-content: space-between; }
  #asRedundancy .configuredMode .noSettings {
    display: none; }
  #asRedundancy .configuredMode .configuration-details {
    display: block; }
  #asRedundancy label {
    float: none;
    width: auto;
    padding: 0 10px; }

#asRedundancyConfig .note {
  color: #979ba3;
  margin-bottom: 10px;
  line-height: 17px; }

#asRedundancyConfig .advanceTgl {
  margin-bottom: 22px; }
  #asRedundancyConfig .advanceTgl .glyphicon-menu-right {
    transition: transform linear 0.2s; }
  #asRedundancyConfig .advanceTgl.expand_opened .glyphicon-menu-right {
    transform: rotate(90deg); }

#asRedundancyConfig .mainPart {
  padding: 32px 28px;
  margin-bottom: 32px;
  height: 538px;
  overflow-x: hidden;
  overflow-y: auto; }
  #asRedundancyConfig .mainPart .inputs-container {
    margin-bottom: 22px; }
  #asRedundancyConfig .mainPart .step2 .shared {
    align-items: flex-start;
    min-height: 82px; }
    #asRedundancyConfig .mainPart .step2 .shared .shared-input {
      flex-grow: 1;
      position: absolute;
      width: 300px; }
      #asRedundancyConfig .mainPart .step2 .shared .shared-input input {
        display: block; }
  #asRedundancyConfig .mainPart .step2 label {
    float: none; }

#asRedundancyConfig .buttons-container {
  margin: 0 28px; }
  #asRedundancyConfig .buttons-container .buttons {
    display: flex;
    justify-content: space-between; }

.alertMessage.as_alert_icon {
  text-align: left;
  padding: 10px; }