input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type="text"]{width:160px;left:0;position:relative;margin-top:0;font-size:13px;border:1px solid #118fc5!important;border-radius:4px;outline:none;box-sizing:border-box}#panelDropdown{left:-20px;position:relative}.dropdown-container{display:flex;align-items:center;margin-bottom:0}.dropdown-input{border:1px solid #ccc;padding:5px;cursor:pointer}.dropdown-content,.dropdown-content-c{display:none;position:absolute;background-color:#f9f9f9;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;border-radius:10px;margin-top:-10px;margin-left:-12px}.dropdown{margin-left:70px}.dropdown-content a,.dropdown-content-c a{display:block;padding-left:15px;padding-right:15px;padding-top:3px;padding-bottom:3px;text-decoration:none;color:#333;overflow:auto;cursor:pointer;border-radius:5px}.dropdown-content a:hover,.dropdown-content-c a:hover{background-color:#ddd}.thebox h4{color:#007bff;margin-top:20px;margin-bottom:20px;font-size:22px}hr{border:none;height:5px;color:#000;background-color:#000}ul{list-style-type:none;padding:0}li{margin-bottom:5px;padding-left:20px;position:relative}#allto2 li::before{content:"\2022";position:absolute;left:0}.information{margin-top:20px;background-color:#f0f7ff;padding:15px;border:1px solid #b0d4ff;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);font-size:15px}.information strong{color:#004085}.information p{margin:10px 0}.warning{background-color:#fcc;padding:10px;border:1px solid #f99;border-radius:5px;font-size:14px;margin-top:10px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.close-button{text-transform:capitalize;font-weight:normal!important;top:5px;right:5px;background-color:transparent;border:none;color:#ff000082;font-weight:700;cursor:pointer;font-size:12px;text-decoration:underline}.close-button:hover{color:#d90000}.tip{background-color:#ffffe0;padding:10px;border:1px solid #e6e6b3;border-radius:5px;font-size:14px;font-style:italic;margin-top:10px;color:#333;box-shadow:0 2px 4px rgba(0,0,0,.1);font-weight:normal!important}#quantity{width:40px;text-align:center;-moz-appearance:textfield}#quantity::-webkit-outer-spin-button,#quantity::-webkit-inner-spin-button{appearance:none;margin:0}.quantity-section{margin-top:-20px;margin-left:-10px;display:flex;align-items:center}.quantity-btn{background-color:#c2d8e7;border:none;cursor:pointer;font-size:10px;padding:0 10px;margin-left:10px;margin-right:10px;border-radius:200px;transition:all 0.3s ease}.quantity-btn:hover{background-color:#81a9b3}#selectedType1,#selectedType3{background-color:#ffffff59;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:20px 10px;color:#000;border-radius:10px}#selectedType1 b2,#selectedType3 b2{color:#007bff;font-weight:700}#selectedType2{background-color:#e0cba8;padding:20px 10px;border:1px solid;border-radius:10px;color:#fff}input[type="number"]{width:47px;margin-left:-2px;margin-top:0;font-size:13px;border:1px solid #118fc5!important;border-radius:4px;outline:none;-moz-appearance:textfield;box-sizing:border-box}.subsection{padding:20px;margin:10px;border-radius:10px;background-color:#ffffff59;box-shadow:0 4px 8px rgba(0,0,0,.1)}.subsection p{margin:0;padding-bottom:5px}.subsection label{margin-right:10px}.flex-container{display:flex;width:100%}#addVMContainer,#addIPv4Container,#addBandwidthContainer,#allto2{flex-basis:50%;padding:10px;margin-left:10px;margin-right:10px;box-sizing:border-box}#getpc,#getdc{margin-left:0;margin-right:-100px;font-size:80%;visibility:hidden;opacity:0;transition:visibility 0s,opacity 1s linear;font:bold 30px;text-decoration:none;background-color:#009cff;color:#fff;padding:10px;-webkit-transition:all 0.8s ease;border-radius:10px;cursor:pointer}#getpc:hover,#getdc:hover{background-color:#223094}.content2 a{font-size:14px;text-decoration:none}.tip a:hover{text-decoration-line:underline;border-radius:3px}.container3{margin:20px;padding:10px;border:1px solid #ccc;border-radius:5px;width:500px}.form-input{display:block;margin-bottom:10px}.add-item-btn{margin-top:10px}.added-item h3{margin-top:1px;margin-bottom:10px;font-size:15px}.added-item p{margin:5px 0}.added-item strong{display:inline!important;min-width:180px;font-size:13px}.add-item-button,.add-item-btn{margin-top:15px;border-radius:10px;text-transform:capitalize;font-size:80%;font:bold 30px;text-decoration:none;background-color:#009cff;color:#fff;padding:10px;border-radius:10px}.add-item-button:hover,.add-item-btn:hover{background-color:#0056b3}.added-item{position:relative;border:1px solid #007BFF;padding:10px;border-radius:5px;margin-top:10px;background-color:#f5f5f5;box-shadow:0 2px 4px rgba(0,0,0,.1)}.added-item strong{color:#007BFF;display:block;margin-bottom:5px}.added-item span{color:#555}.add-button{border-radius:10px;text-transform:capitalize;font-size:80%;font:bold 30px;text-decoration:none;background-color:#009cff;color:#fff;padding:10px;border-radius:10px}.removebutton:before{content:'✕ '}.removebutton{position:absolute;top:0;right:0;cursor:pointer}.removebutton{text-transform:capitalize;font-size:12px;background-color:#007bff00;color:#007BFF;border:1px solid #007BFF;margin-top:10px;padding:5px 15px;cursor:pointer;margin-right:10px}.removebutton:hover{background-color:#0056b3;color:#fff}.add-button:hover{background-color:#0056b3}#allto2{border:1px solid #118fc5;padding:20px;background-color:#ebebeb59;margin-top:20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}#addVMContainer,#addIPv4Container,#addBandwidthContainer{display:none;border:1px solid #118fc5;padding:20px;background-color:#ebebeb59;margin-top:20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.thebox h3{color:#007BFF;margin-bottom:15px;font-size:20px}.grid-container{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.label-input{display:flex;flex-direction:column;margin-bottom:10px}.quantity-section{position:relative;top:10px}label{color:#000;margin-bottom:5px;font-weight:400}input[type="number"],.form-input{padding:8px;width:100px;border:1px solid #ccc;border-radius:4px}input[type="number"]:focus{outline:none;border-color:#007BFF;box-shadow:0 0 4px rgba(0,123,255,.3)}.thebox{background-color:#fff;border-color:#118fc5;box-sizing:border-box;width:900px;height:2300;margin:0 auto;padding:11px;border:2px solid #118fc5;border-radius:10px;background-size:cover;border-radius:10px;margin-bottom:40px;text-align:left}#collapse{background:linear-gradient(to right,#006abc,#009cff);color:#000}.content2{padding:0 18px;max-height:2300;overflow:hidden;transition:max-height 0.2s ease-out;background-color:#fff0;overflow:auto;display:none}.collapsible{text-transform:capitalize;color:rgb(255,255,255);cursor:pointer;padding:18px;width:100%;border:none;border-radius:10px;text-align:center;outline:none;font-size:19px;margin:0 0 10px;transition:none 0s ease 0s;background:linear-gradient(to right,rgb(0,106,188),rgb(0,156,255))!important;margin-bottom:0}.collapsible:hover{background:rgb(0,156,255)!important}@media (min-width:800px) and (max-height:600px),not (min-device-width:800px){.thebox{width:700px}}@media (max-width:820px) and (min-height:1024px),not (min-device-width:820px){.thebox{width:700px;margin-left:-10px!important}}@media (max-width:700px) and (min-height:600px),not (min-device-width:700px){.subsection{margin-left:-10px!important;width:280px}.collapsible{line-height:25px;height:100px}.thebox{width:350px;margin-left:-20px!important}.container3{margin-left:-10px!important;border:1px solid #ccc;border-radius:5px;width:300px}.dropdown-content,.dropdown-content-c{margin-left:-60px}.flex-container{display:block}input[type="text"]{left:-50px;width:150px;box-sizing:border-box}#panelDropdown{left:-70px}}