.ServersBackground {
    background-image: url("../img/server.gif");
    height: 100vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: black;
	overflow: none;
	padding:50px 50px;

  }

.center {
  margin: auto;
  width: 100%;

}

.ImgServer {
    border: 0px solid #000000;
    border-radius: 50px;
}

.form-control{
	font-weight: bold;
	font-family:"tahoma","arial","Times New Roman";
}

.movbox {
    animation:animatezoom 0.6s;
      }

/* width */
::-webkit-scrollbar {
  width: 4px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}


.oscoScroll90 {
	overflow-y:auto;
	height:90vh;
}

.oscoScroll60 {
	overflow-y:auto;
	height:60vh;
}

.ocosScroll25 {
	overflow-y:auto;
	height:25vh;
}


 /* Container for the entire table */
        .table-container {
            width: 100%; /* Adjust as needed */
            margin: 20px auto;
             color: #fff;
            border: 0px solid #ccc;
            overflow-x: auto; /* For smaller screens, allows horizontal scrolling */
        }

        /* Styles for the "table" itself */
        .div-table {
            display: table; /* Essential for table-like behavior */
            width: 100%;
            border-collapse: collapse; /* Mimics table-collapse */
        }

        /* Styles for "rows" */
        .div-row {
            display: table-row;
            border-bottom: 0px solid #eee;
        }

        .div-row:last-child {
            border-bottom: none; /* Remove border from the last row */
        }

        /* Styles for "cells" (columns) */
        .div-cell {
            display: table-cell;
            padding: 12px 15px;
            text-align: left;
             color: #fff;
           vertical-align: middle; /* Vertically align content */
        }

        /* Header row specific styles */
        .div-header  {
            background-color: #333;
             color: #fff;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        /* Alternating row colors for readability */
        .div-row:nth-child(even) {
            color: #333;
        }

        /* Responsive adjustments */
        @media (max-width: 768px) {
            .table-container {
                width: 95%;
            }

            /* For very small screens, we might stack cells */
            .div-row {
                display: block; /* Make rows stack */
                margin-bottom: 15px;
                border: 1px solid #ccc;
                padding: 10px;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            }

            .div-header {
                display: none; /* Hide header on very small screens */
            }

            .div-cell {
                display: block; /* Make cells stack within a row */
                text-align: right; /* Align text to the right for better readability when stacked */
                padding: 8px 0;
                border-bottom: 1px dotted #eee;
            }

            .div-cell:last-child {
                border-bottom: none;
            }

            /* Add a "label" before each stacked cell */
            .div-cell::before {
                content: attr(data-label); /* Use data-label attribute */
                float: left;
                font-weight: bold;
                text-transform: uppercase;
            color: #333;
            }
        }