scheduler styles

static/style.css

@@ -1180,3 +1180,121 @@ input[type=checkbox]:hover {
 #limit-msg {
   color:red;
 }
+
+
+
+
+#scheduler-div {
+        width: 480px;
+        height: 430px;
+        border-radius:20px;
+/*        background-color: #282828;*/
+        background-color: rgba(5,5,5,0.7);
+        backdrop-filter: blur(6px);
+        border-color: #5D5D5D;
+        border-style: solid;
+        border-width: thin;
+
+        position: fixed; /*Can also be `fixed`*/
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+        margin: auto;
+        /*Solves a problem in which the content is being cut when the div is smaller than its' wrapper:*/
+        max-width: 100%;
+        max-height: 100%;
+        overflow: auto;
+        z-index:98;
+}
+
+#scheduler-close-btn {
+  background-color: transparent;
+  border: none;
+  color: white;
+  text-decoration: underline;
+  margin-left:42%;
+
+}
+
+#scheduler-close-btn:hover {
+  background-color: transparent;
+  border: none;
+  color: darkgray;
+  text-decoration: underline;
+}
+
+#scheduler-close-btn:active {
+  background-color: transparent;
+  border: none;
+  color: #4B4B4B;
+  text-decoration: underline;
+}
+
+#scheduler-p {
+  font-size:20px;
+  display: inline;
+}
+
+#scheduler-top {
+  margin-top:3%;
+  padding: 5%;
+  padding-top: 1%;
+}
+
+.hour-select {
+  width:22%;
+  display: inline;
+  margin-right: 2%;
+}
+
+.scheduler-hour-select {
+  display: inline;
+  zoom:1.2;
+}
+
+.minute-select {
+  width:22%;
+  display: inline;
+  margin-right: 2%;
+}
+
+.timezone-select {
+  width:50%;
+  display: inline;
+}
+
+#shutdowns-p {
+  margin-top: 5%;
+  margin-bottom: 2%;
+}
+
+#reboots-p {
+  margin-top:6%;
+  margin-bottom:2%;
+}
+
+#inside-scheduler-div {
+  margin-left: 5%;
+}
+
+
+.btn-scheduler {
+  background-color: #003337;
+  border-color:#00CFDF;
+  color:white;
+}
+
+.btn-scheduler:hover {
+  color:white;
+  background-color:#008993;
+  border-color:#00EDFF;
+}
+
+.btn-scheduler:active {
+  color:grey;
+  background-color:#002225;
+  border-color:#00CFDF;
+}
+
+