/*Gateway style variables*/
/* END Gateway style variables*/
/*additional classes*/
#unassosiated_nvrs .refresh-button-new {
  position: absolute;
  right: 20px;
  height: 35px;
  width: 35px;
  background: #295287;
  outline: none;
  border: none;
  font-size: 21px;
  color: #ffffff;
  padding-left: 20px; }
  #unassosiated_nvrs .refresh-button-new:hover {
    color: #363b45;
    transition: 250ms; }

#unassosiated_nvrs .steps {
  position: absolute;
  left: 10px; }

.ui-grid-header-cell,
.ui-grid-top-panel.vms-grid-has-header {
  background-color: #31353f !important;
  height: 39px;
  line-height: 39px;
  font-weight: normal; }

.gw-grid-ui .ui-grid {
  border: 0 !important; }

/*.vms-grid-delete-button {
    background-color: transparent;
    font-size: 14px;
    font-family: Arial;
    position: relative;
    color: #c7cbd1;
    border: 0;
    border-radius: 0;
    height: 26px;
}*/
.view-details-value-container p {
  margin: 7px 0; }

.modal-content {
  border: 0px !important; }

.width-35 {
  width: 35% !important; }

.vertical-magrin-10 {
  margin: 10px 0; }

/*end additional classes*/
#vms-gateway {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between; }
  #vms-gateway .gw-main-container {
    width: calc(100% - 420px - 4px);
    height: 100%; }
    #vms-gateway .gw-main-container .gw-controls {
      height: 39px;
      width: 100%;
      display: flex;
      justify-content: space-between; }
      #vms-gateway .gw-main-container .gw-controls .gw-button-container {
        width: calc(100% - 259px);
        max-width: 740px;
        height: 39px;
        display: flex;
        align-items: center; }
        #vms-gateway .gw-main-container .gw-controls .gw-button-container button {
          flex-grow: 1;
          background-color: #295287;
          font-size: 14px;
          font-family: Arial, sans-serif;
          color: #ffffff;
          border: none;
          margin-right: 4px;
          white-space: normal;
          line-height: normal;
          height: 100%;
          outline: none; }
          #vms-gateway .gw-main-container .gw-controls .gw-button-container button:hover {
            background: #22446f; }
          #vms-gateway .gw-main-container .gw-controls .gw-button-container button:disabled {
            background: #363b45;
            color: #585858; }
      #vms-gateway .gw-main-container .gw-controls .gw-search-filter {
        max-width: 40%;
        height: 39px; }
        #vms-gateway .gw-main-container .gw-controls .gw-search-filter button {
          height: 39px; }
    #vms-gateway .gw-main-container .gw-primary-container {
      background: #292d35;
      margin-top: 4px;
      height: calc(100% - 43px); }
      #vms-gateway .gw-main-container .gw-primary-container .gw-primary-grid {
        height: 100%; }
  #vms-gateway .gw-details-container {
    width: 420px;
    height: 100%; }

.max-width-380 {
  max-width: 380px;
  margin: 15px 0; }

.delete-nucleus-btn {
  width: 23px;
  align-items: center;
  display: flex; }

#discovery-step {
  width: 95%;
  height: 570px;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  margin: auto; }
  #discovery-step .gateway-credentials-check {
    width: 100%;
    margin-top: 25px; }
    #discovery-step .gateway-credentials-check .credentials-header {
      display: flex;
      height: 100%;
      width: 25%;
      justify-content: space-between;
      height: 40px;
      width: 100%;
      border-bottom: 1px solid #383D43; }
      #discovery-step .gateway-credentials-check .credentials-header .title {
        color: #ffffff;
        font-family: Arial;
        font-size: 14px;
        text-align: left;
        display: flex;
        align-items: center; }
        #discovery-step .gateway-credentials-check .credentials-header .title span {
          margin-left: 10px; }
      #discovery-step .gateway-credentials-check .credentials-header .delete-btn {
        width: 10%;
        align-items: center;
        display: flex; }
        #discovery-step .gateway-credentials-check .credentials-header .delete-btn button {
          margin: auto; }

.error-in-gateway {
  width: 24px;
  height: 24px;
  background: url("/app/images/icons/warning-error-icons.png") no-repeat 0 -24px; }