﻿#nvr_redandency_main_container {
  height: 100%;
  width: 100%;
  display: flex;
  font-size: 14px;
  font-family: Arial, sans-serif !important; }
  #nvr_redandency_main_container #left_pane {
    width: 412px;
    background-color: #292d35;
    margin-right: 3px;
    display: flex;
    flex-direction: column; }
    @media only screen and (max-width: 1400px) {
      #nvr_redandency_main_container #left_pane {
        width: 250px; } }
    @media only screen and (min-width: 1401px) {
      #nvr_redandency_main_container #left_pane {
        width: 412px; } }
    #nvr_redandency_main_container #left_pane #buttons_box {
      display: flex;
      justify-content: space-between;
      height: 45px; }
      #nvr_redandency_main_container #left_pane #buttons_box button {
        background: transparent;
        color: #358cd8;
        border: 1px solid #358cd8;
        height: 38px;
        margin: auto;
        flex-grow: 1;
        transition: 100ms;
        outline: none;
        margin-left: 0;
        white-space: nowrap; }
        #nvr_redandency_main_container #left_pane #buttons_box button:first-child {
          margin-left: 3px;
          margin-right: 3px; }
        #nvr_redandency_main_container #left_pane #buttons_box button:last-child {
          margin-right: 3px; }
        #nvr_redandency_main_container #left_pane #buttons_box button:hover:enabled {
          color: #69b9ff;
          border: 1px solid #69b9ff;
          transition: 100ms; }
        #nvr_redandency_main_container #left_pane #buttons_box button:disabled {
          color: #6d727c;
          border: 1px solid #6d727c; }
    #nvr_redandency_main_container #left_pane #search_box, #nvr_redandency_main_container #left_pane .pane_header_search_box {
      height: 40px; }
      #nvr_redandency_main_container #left_pane #search_box form, #nvr_redandency_main_container #left_pane .pane_header_search_box form {
        width: 98% !important;
        margin-left: 1%; }
      #nvr_redandency_main_container #left_pane #search_box .vms-search-field-btn, #nvr_redandency_main_container #left_pane .pane_header_search_box .vms-search-field-btn {
        background-color: #1a2028;
        height: 30px; }
      #nvr_redandency_main_container #left_pane #search_box .vms-newui-search, #nvr_redandency_main_container #left_pane .pane_header_search_box .vms-newui-search {
        background-color: #1a2028;
        height: 30px; }
    #nvr_redandency_main_container #left_pane #nvr_redandency_grid_box {
      height: calc(100% - (45px + 40px)); }
      #nvr_redandency_main_container #left_pane #nvr_redandency_grid_box .view-grid {
        color: #c7cbd1;
        height: 100%;
        border: 0; }
  #nvr_redandency_main_container #right_pane {
    background-color: #292d35;
    width: calc(100% - (412px - 3px)); }
    @media only screen and (max-width: 1400px) {
      #nvr_redandency_main_container #right_pane {
        width: calc(100% - (250px - 3px)); } }
    @media only screen and (min-width: 1401px) {
      #nvr_redandency_main_container #right_pane {
        width: calc(100% - (412px - 3px)); } }
    #nvr_redandency_main_container #right_pane #header {
      height: 50px;
      display: flex; }
      #nvr_redandency_main_container #right_pane #header .header_details {
        display: flex;
        align-items: center; }
        #nvr_redandency_main_container #right_pane #header .header_details .title {
          color: #c7cbd1;
          text-align: center;
          margin: auto;
          padding-left: 15px; }
        #nvr_redandency_main_container #right_pane #header .header_details input {
          margin: auto;
          width: 250px;
          margin-left: 15px; }
    #nvr_redandency_main_container #right_pane #content {
      display: flex;
      justify-content: space-between;
      height: calc(100% - (50px + 100px));
      overflow: auto; }
      #nvr_redandency_main_container #right_pane #content .settings_pane {
        height: 100%;
        min-width: 580px;
        width: 48%; }
        #nvr_redandency_main_container #right_pane #content .settings_pane:first-child {
          margin-left: 15px;
          margin-right: 2px; }
        #nvr_redandency_main_container #right_pane #content .settings_pane:last-child {
          margin-right: 15px; }
        #nvr_redandency_main_container #right_pane #content .settings_pane .settings_pane_header {
          background-color: #31353f;
          display: flex;
          flex-direction: column;
          height: 80px;
          overflow: hidden;
          border-bottom: 1px solid #292d35; }
          #nvr_redandency_main_container #right_pane #content .settings_pane .settings_pane_header .pane_header_button_box, #nvr_redandency_main_container #right_pane #content .settings_pane .settings_pane_header .pane_header_search_box {
            height: calc(80px / 2); }
          #nvr_redandency_main_container #right_pane #content .settings_pane .settings_pane_header .pane_header_search_box .vms-search-field-btn, #nvr_redandency_main_container #right_pane #content .settings_pane .settings_pane_header .vms-newui-search {
            background-color: #1a2028 !important;
            color: #979ba3 !important;
            height: 40px;
            -moz-box-shadow: 0 1px 0px #292d35;
            -webkit-box-shadow: 0 1px 0px #292d35;
            box-shadow: 0 1px 0px #292d35;
            padding-left: 20px; }
          #nvr_redandency_main_container #right_pane #content .settings_pane .settings_pane_header .pane_header_button_box {
            display: flex;
            justify-content: space-between; }
            #nvr_redandency_main_container #right_pane #content .settings_pane .settings_pane_header .pane_header_button_box .title {
              color: #c7cbd1;
              display: flex;
              max-width: 60%;
              margin-left: 20px;
              align-items: center; }
              #nvr_redandency_main_container #right_pane #content .settings_pane .settings_pane_header .pane_header_button_box .title .title--descr {
                color: #979ba3;
                font-size: 14px; }
              #nvr_redandency_main_container #right_pane #content .settings_pane .settings_pane_header .pane_header_button_box .title span {
                color: #c7cbd1; }
            #nvr_redandency_main_container #right_pane #content .settings_pane .settings_pane_header .pane_header_button_box .control_buttons {
              display: flex;
              margin-right: 5px; }
              #nvr_redandency_main_container #right_pane #content .settings_pane .settings_pane_header .pane_header_button_box .control_buttons button {
                background: transparent;
                color: #358cd8;
                border: 1px solid #358cd8;
                height: 80%;
                margin: auto;
                flex-grow: 1;
                transition: 100ms;
                outline: none;
                padding: 0 20px;
                white-space: nowrap; }
                #nvr_redandency_main_container #right_pane #content .settings_pane .settings_pane_header .pane_header_button_box .control_buttons button:not(:last-child) {
                  margin-right: 10px; }
                #nvr_redandency_main_container #right_pane #content .settings_pane .settings_pane_header .pane_header_button_box .control_buttons button:hover:enabled {
                  color: #69b9ff;
                  border: 1px solid #69b9ff;
                  transition: 100ms; }
                #nvr_redandency_main_container #right_pane #content .settings_pane .settings_pane_header .pane_header_button_box .control_buttons button:disabled {
                  color: #6d727c;
                  border: 1px solid #6d727c; }
        #nvr_redandency_main_container #right_pane #content .settings_pane .settings_pane_content {
          background-color: #1a2028;
          height: calc(100% - 80px); }
          #nvr_redandency_main_container #right_pane #content .settings_pane .settings_pane_content .view-grid {
            color: #c7cbd1;
            height: 100%;
            border: 0; }
            #nvr_redandency_main_container #right_pane #content .settings_pane .settings_pane_content .view-grid .ui-grid-row .ui-grid-cell {
              background-color: transparent;
              cursor: pointer; }
            #nvr_redandency_main_container #right_pane #content .settings_pane .settings_pane_content .view-grid .ui-grid-row:hover .ui-grid-cell {
              background-color: #353A44;
              cursor: pointer; }
    #nvr_redandency_main_container #right_pane #footer {
      height: 100px; }
      #nvr_redandency_main_container #right_pane #footer #footer_btn_container {
        display: flex;
        justify-content: space-between;
        height: 100%;
        width: 260px;
        margin-right: 28px; }
        #nvr_redandency_main_container #right_pane #footer #footer_btn_container button {
          width: 48%;
          margin: auto;
          white-space: nowrap; }

.full_height {
  height: 100%; }

.full_width {
  width: 100%; }

.ui-grid {
  border: none !important; }

.pane_header_search_box_popup {
  height: 33px;
  display: flex; }
  .pane_header_search_box_popup span {
    width: 98% !important;
    margin-left: 1%; }
    .pane_header_search_box_popup span form {
      width: 100% !important; }
    .pane_header_search_box_popup span .vms-search-field-btn {
      background-color: #1a2028;
      height: 30px; }
    .pane_header_search_box_popup span .vms-newui-search {
      background-color: #1a2028;
      height: 30px; }

.header--selected--text {
  color: #dd6e0c;
  font-weight: bold;
  cursor: pointer; }

.vms-icon-trash {
  background: url("/app/images/icons/buttons/trash-icons-24x24.png") no-repeat 0 0;
  display: inline-block;
  height: 24px;
  margin-top: 2px;
  width: 24px; }

.cluster_name {
  color: #c7cbd1;
  margin-top: 4px; }

.view-grid .ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: #292d35;
  border: 0 !important;
  outline: none; }

.view-grid .ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #292d35;
  border: 0 !important; }

.view-grid .ui-grid-row:hover .ui-grid-cell {
  background-color: #353A44;
  cursor: pointer; }

.view-grid .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
  background-color: #3a3e48 !important;
  color: #3977e2 !important;
  width: 100%; }

