.ram-slider-container {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: Arial, sans-serif;
}

#ram-slider {
    -webkit-appearance: none;
    width: 200px;
    height: 5px;
    background: black;
    border-radius: 5px;
    position: relative;
}

/* Custom thumb (the draggable circle) */
#ram-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
}

/* Custom ticks below the slider */
.tick-marks {
    position: absolute;
    width: 200px;
    display: flex;
    justify-content: space-between;
    font-size: 24px;
    color: black;
    transform: translateY(20px);
    pointer-events: none;
}

#ram-input {
    width: 40px;
    text-align: center;
    font-size: 16px;
    border: 1px solid black;
    padding: 2px;
}

.pai-create-col1{
padding:30px;
background: #143157;
background: linear-gradient(180deg,rgba(20, 49, 87, 1) 0%, rgba(17, 36, 59, 1) 100%);
	border:2px solid #143157;
}

#pai-create-server table td,
#pai-create-server table,
#pai-active-server table td,
#pai-active-server table,
#pai-update-server table td,
#pai-update-server table {
	border: 0;
}

#pai-create-server table td.label,
#pai-active-server table td.label,
#pai-update-server table td.label {
	color:#FFFFFF;
	font-weight:bold;
	text-transform:uppercase;
	max-width:70px;
	text-align:right
}

.custom-slider-text {
	float: right;
  margin-top: -20px;
}

.custom-slider-text span {
	color:#1AAD7A;
	font-weight:bold;
}

.custom-slider-range{
border: 2px solid #17976A !important;
  background:#1AAD7A !important;
  width: 80% !important;
}

#create-backup-slider-range,
#create-cpu-slider-range,
#suspend-cpu-slider-range,
#suspend-backup-slider-range,
#update-backup-slider-range,
#update-cpu-slider-range {
	width: 88% !important;
}
.ui-slider-handle {
	background: #158A62 !important;
	border: 0 !important
}

#create-server-name,
.preinstalls, .server-time-input, .server-id{
border: 2px solid #224470 !important;
  color: #FFF !important;
  background: #143157  !important;
	height: 50px
}

.preinstalls option, .server-time-input option, #suspend-server-name option,
#update-server-name option {
	margin:0;
	padding: 0;
  background: #1A3455;
  color: #fff;
}

  #create-dedicated-port {
		accent-color: #43D3D3;
}

.pai-create-wrap {
	gap:3%;
}

.pai-create-col1 {
  width: 77%;
	border-radius: 14px;
}

.pai-create-col2 {
	border-radius: 14px;
	padding:30px;
background: #143157;
background: linear-gradient(180deg,rgba(20, 49, 87, 1) 0%, rgba(17, 36, 59, 1) 100%);
  border: 2px solid #143157;
}

.pai-create-col2 h5 {
	border-bottom:
2px solid;
  text-transform: uppercase;
  font-size: 20px;
}
.create-server:hover {
	background:#158A62;
}

.create-server {
	text-transform: uppercase;
  font-size: 15px !important;
  font-weight: bold;
	border-radius:6px !important
}

.amount-pai-p {
	text-transform: uppercase;
  font-weight: bold;
	font-size: 20px;
}

#create-amount-pai-val, #suspend-amount-pai-val, #update-amount-pai-val {
	color: #1AAD7A
}