.monitor-page .right-panel-header {
    height: 38px;
    width: 100%;
    background: #292d35;
  
}

.monitor-page .properties-section {
    padding-top: 4px;
}
.monitor-page .vms-config-right-panel {
    overflow-y: auto;
}
.monitor-page .monitoring-page-upper {
    height: calc(100% - 130px);
    position: relative;
    overflow: auto;
    width: 100%;
}
.monitor-page .configuration-ditails-form {
    margin-bottom: 18px;
    margin-top: 14px;
}
.monitor-page .configuration-ditails-form.enabled-switch-btn {
    margin-bottom:12px;
    margin-top:14px;
}
.monitor-page .configuration-ditails-form.enabled-switch-btn label{
   line-height:17px;
}
.monitor-page .configuration-ditails-form.auto-layout-switch-btn{
      margin-bottom:14px;
}
.monitor-page .configuration-ditails-form.auto-layout-switch-btn label{
    line-height: 17px;
}
.monitor-page .configuration-ditails-form .blue-border-input {
    background-color: transparent !important;
}

.monitor-page .grid-section {
    height: 35vh;
    position: relative;
}

.monitor-page .configuration-ditails-form .layout-setting {
    width: 100px;
}
.monitor-page .configuration-ditails-form .width-200 {
    width: 200px;
}

.monitor-page .monitor-grid-container {
    display: flex;
    flex-wrap: wrap;
    position:relative;
}
.monitor-page .border-top-0 {
    border-top: none!important;
}
.monitor-page .border-left-0 {
    border-left: none!important;
}
.monitor-page .border-right-0 {
    border-right: none!important;
}
.monitor-page .border-bottom-0 {
    border-bottom: none!important;
}
.monitor-page .grid-item .mon-img-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
    position: relative;
}
.monitor-page .grid-item .mon-img-container:hover .delete-msg{
    visibility:visible;
}


.monitor-page .grid-item {
    float: left;
    width: 16.66%;
    height: calc(35vh/3);
    border: 1px solid #757575;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.monitor-page .grid-item img{
    min-height:67px;
    max-height: 91px;
    max-width:142px;
}
.monitor-page .grid-item .delete-msg {
    visibility:hidden;
    position: absolute;
    width: 100%;
    top: 26%;
    left: 8%;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #c7cbd1;
    padding: 3px;
    border-radius: 4px;
    background-color: #31363d;
    width: 83%;
}
.monitor-page #toast-container > div {
    background-position: 15px 15px;
    width: 289px;
    color: #f5f5f5;
    border-radius: 4px;
    box-shadow:none;
}
.monitor-page .toast.toast-info {
    background-color: #27557e;
    font-size: 12px;
   line-height:20px;
}
/*@media(max-height: 1080px) {
    .monitor-page .grid-section {
        height: 367px;
    }
    .monitor-page .grid-item {
        height: calc(367px/3);
    }
 
}*/
.monitor-page .vms-big-btn-footer {
    display: flex;
    justify-content: flex-end;
    padding: 20px;
    position: relative;
    height: 87px;
}

.monitor-page .selected img {
    border: 2px solid #3C91E6 !important;
}

.monitor-page .v-close-x {
    padding: 5px;
    border-radius: 50%;
    right: -4px;
    color: #000;
    top: 2px;
    position: absolute;
    background-color: rgba(255, 255, 255, 1);
    font-size: 12px;
}
.monitor-page .monitor-refresh {
    position: absolute;
    background-color: #fff;
    height: 21px;
    width: 21px;
    min-height: 21px!important;
    border-radius: 50%;
    padding: 3px;
    top: 2px;
    right: 28px;
}
.monitor-page .selected .monitor-refresh{
    border:none!important;
}


.monitor-page span[ui-grid-visible="col.sort.direction"] {
    display: none;
}
.monitor-page.views-new-ui .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell{
    background-color:transparent!important;
}
.monitor-page.views-new-ui .ui-grid-row:hover .ui-grid-cell {
    background-color: transparent !important;
}
.monitor-page.views-new-ui .ui-grid-row-selected {
    background-color: #3a3e48;
}

.invalid-layout {
    border-color: red !important;
}
.offline-mon-color {
    color: #FF0000;
}