@font-face{font-family:Raleway;src:url("../fonts/Raleway/Raleway-VariableFont_wght.ttf")}*{font-family:'Raleway'}body,html{margin:0}body{width:100%;max-width:1500px;margin:auto;overflow-y:hidden}body.form-page{display:grid;place-items:center;height:100vh;background-color:#1C1E33}.white-link{color:#fff}.form-container{padding:2em;width:480px;background-color:#080B2B;border-radius:23px}.form-container h2{margin-bottom:.75em;font-size:2.4em;color:#fff}.form-container form{width:100%}.form-container form .checkbox-txt{color:#fff}.form-container form .input-group{position:relative;display:flex;flex-direction:column-reverse;margin-bottom:.5em}.form-container form .input-group .error-msg{position:relative;padding:0 2em .25em;left:0;width:fit-content;text-align:left;color:red;font-size:.8em;font-weight:bold}.form-container form .input-group input.form-input-field{padding:.75em 1em;width:100%;background-color:#080B2B;border:2px solid #ffffff10;outline:none;border-radius:50px;font-size:.99em;color:#fff;width:auto}.form-container form .input-group .alert{position:absolute;display:none;align-items:center;justify-content:center;transform:translateY(-60%);right:3%;width:20px;height:20px;background-color:#ff0000;color:#fff;border-radius:50px;font-size:.8em}.form-container form .input-group input.invalid{border-color:red;animation:invalid-shake .1s linear 3}.form-container form .input-group .alert.invalid{display:flex;animation:alert-invalid-shake .1s linear 3}@keyframes invalid-shake{0%{transform:translateX(2px)}100%{transform:translateX(-2px)}}@keyframes alert-invalid-shake{0%{transform:translate(2px, -50%)}100%{transform:translate(-2px, -50%)}}.form-container form .form-group{margin:1.5em 0 1em;display:flex;justify-content:space-between;flex-basis:50%;font-size:.8em}.form-container form .form-group .checkbox-group{display:flex;flex-direction:row}.form-container form .form-group .checkbox-group p{margin-left:.5em}.form-container form .form-button{margin-bottom:.5em;padding:.75em 1em;width:100%;background-color:#fff;color:#080B2B;border:0;outline:0;border-radius:50px;cursor:pointer}.form-container p{text-align:center;color:#fff}.spaced{margin-right:50px;color:white;cursor:pointer}.admin-dashboard{height:100vh;display:grid;grid-template-columns:20% 80%}.side-navbar{background-color:rgba(28,30,51,0.92);color:#ccc;display:grid;grid-template-columns:100%;grid-template-rows:100px auto;flex-direction:column;justify-content:space-between;padding-bottom:15px;width:100%;height:100vh}.navbar-links a{font-size:12px;padding-left:20px;padding-right:150px}.navbar-image{width:100%;display:grid;grid-template-columns:50% 50%;align-items:center}.navbar-image img{width:60%;padding:10px}.avatar-bar{height:5vh;display:flex;justify-content:end;padding:10px;align-items:center;box-shadow:0 10px 6px -6px #777}.avatar-bar img{width:25px;margin:0 10px}.navbar-links{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;padding-top:30px}.navbar-links a{display:block;color:inherit;text-decoration:none;padding-top:20px;padding-bottom:20px}.navbar-links a:hover{background-color:rgba(29,29,29,0.678);color:white}a.link-active{background-color:#1d1d1d;color:white}.navbar-links a div{display:flex;flex-flow:row nowrap;align-items:center;white-space:nowrap}.navbar-links a img{width:20px;margin-right:20px}.copyright{height:35%;display:flex;flex-direction:column;justify-content:end;align-items:center}.copyright a{text-decoration:none;color:inherit}.main-content{flex-grow:1;display:flex;flex-direction:column;font-size:14px;height:100%}.content{padding:30px 20px 70px 20px;display:flex;flex-direction:column;height:85vh;overflow-y:scroll}.content .box1{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;padding-bottom:30px}.content .box1>div{width:35%;border-radius:5px;padding:30px 40px;background-color:rgba(28,30,51,0.92);color:white}.content .box1>div h1{font-size:60px}.content .box1>div p{padding:10px 0;color:#ccc;font-weight:bold}.content .box2{display:flex;flex-direction:row;justify-content:start;align-items:center}.box2-button{background-color:rgba(28,30,51,0.92);font-size:inherit;font-family:inherit;width:fit-content;outline:none;padding:10px 20px;border-radius:5px;border:none}.session-consoles{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;padding-top:30px}.session-consoles>div{height:48%;display:flex;flex-direction:column}.session-consoles>div p{padding:3px 0}.session-consoles>div>div{flex-grow:1;background-color:black;border-radius:5px}.sessions-box1{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;font-size:16px;padding-bottom:30px}.sessions-box1>div{width:45%}.sessions-box2{padding-bottom:30px}.sessions-box2-button,.sessions-box4-button{background-color:rgba(28,30,51,0.92);color:#fff;width:fit-content;outline:none;padding:10px 20px;border-radius:5px;border:none}.sessions-box3{flex-grow:1}.sessions-box3 table{border-spacing:0;width:100%}.sessions-box3 td{border-color:grey;border-style:solid;border-width:1px;padding:20px 5px}.sessions-box3 th{border-color:grey;border-style:solid;border-width:1px;font-weight:normal;color:black;padding:10px 5px}.sessions-box3 .session-ceiling{display:flex;flex-flow:row wrap;justify-content:space-evenly;padding:0}.sessions-box3 .session-ceiling button{color:#ccc;width:120px;border:none;font-family:inherit;font-size:12px;background-color:rgba(28,30,51,0.92);padding:5px 20px;border-radius:5px;margin:2px;white-space:nowrap;display:flex;justify-content:center;align-items:center}.sessions-box3 .session-ceiling button img{width:30px;margin-left:3px}.sessions-box4{height:10%}.copyright{height:25%;display:flex;flex-direction:column;justify-content:end;align-items:center}.main-content{flex-grow:1;display:flex;flex-direction:column;font-size:14px;height:100%}.add-console{width:257.2px;line-height:19px;margin-left:15px;height:50px;background:#1C1E33;border-radius:5px;text-align:center;color:#FFFFFF;border:none;outline:none}.main-body-holder{display:grid;grid-template-columns:30% 30% 30%;justify-content:space-around}.main-body-holder h2{grid-column:1/3}.main-body{width:fit-content;background:rgba(28,30,51,0.8);box-shadow:0px 4px 4px rgba(0,0,0,0.25);border-radius:5px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;margin:10px 0px;padding-top:30px;padding-bottom:30px}.identifier{width:257.12px;font-style:normal;font-weight:normal;font-size:15px;padding:12px 0;text-align:center;color:#FFFFFF}.main-buttons{width:209px;height:50px;background:#1C1E33;border-radius:5px;color:#FFFFFF;font-style:normal;font-weight:normal;font-size:16px;text-align:center;border:none;outline:none;margin:12px 0}.console-rates{position:absolute;width:fit-content;left:50%;top:50%;transform:translate(-50%, -50%);background:rgba(28,30,51,0.92);box-shadow:0px 4px 4px rgba(0,0,0,0.25);border-radius:5px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.identifier2{font-style:normal;font-weight:normal;font-size:20px;text-align:center;color:#FFFFFF;margin:30px 0 50px}.form-holder{padding:0 30px 30px}.forms{margin:24px 0}.forms input{border:none;outline:none;font-size:14px;padding:5px 10px;margin-left:12px;border-radius:5px}.update{width:200px;font-style:normal;font-weight:normal;font-size:20px;border-radius:5px;text-align:center;color:#ffffff;background:rgba(4,15,136,0.92);border:none;outline:none;padding:5px 0;margin-bottom:50px}.content-holder-mobile{display:flex;justify-content:center;align-items:center;background-color:#1c1e33;height:100vh}.side-navbarwannabe{background:#080b2b;width:50%;text-align:center;color:white;border-radius:45px;box-shadow:0px 5px 20px 6px rgba(0,4,41,0.25);padding:10px 0px;display:flex;justify-content:center;align-items:center;flex-direction:column}.side-navbarwannabe img{width:80px}.side-navbarwannabe p{margin:0}.side-navbarwannabe form{display:flex;flex-direction:column;align-items:center;width:100%}.side-navbarwannabe form h4{width:100%}.side-navbarwannabe form input{border:none;outline:none;font-size:16px;padding:12px 10px;border-radius:5px;margin:12px 0;width:50%}.side-navbarwannabe .update{margin-bottom:10px}@media only screen and (max-width: 760px){.side-navbarwannabe{width:80%;height:auto;padding:10px 20px}.side-navbarwannabe p{font-size:1rem}}.container{background:#1c1e33;display:flex;justify-content:center;align-items:center;width:100%;height:100vh}.banner{background:#080b2b;width:50%;height:50vh;text-align:center;color:white;border-radius:45px;box-shadow:0px 5px 20px 6px rgba(0,4,41,0.25);padding:10px 0px;display:flex;justify-content:center;align-items:center;flex-direction:column}.banner img{width:5rem;height:auto}.banner p{font-size:6rem;font-weight:bold;margin:0}@media only screen and (max-width: 760px){.banner{width:80%;height:30vh;padding:10px 20px}.banner p{font-size:1rem}}.session-start-modal,.add-console-modal,.change-rates-modal{position:fixed;z-index:1;left:0px;top:0px;background:rgba(28,30,51,0.92);width:100%;height:100%;overflow:hidden;display:none;align-items:center;justify-content:center;text-align:center}.session-start-modal .session-form-container,.add-console-modal .session-form-container,.change-rates-modal .session-form-container{background:#1c1e33;box-shadow:0px 4px 4px rgba(28,30,51,0.25);border-radius:50px;padding:20px;color:white;width:30%;animation-name:viewmodal;animation-duration:3s}.session-start-modal .session-form-container form,.add-console-modal .session-form-container form,.change-rates-modal .session-form-container form{width:100%;margin:auto}.session-start-modal .session-form-container form select,.session-start-modal .session-form-container form input,.add-console-modal .session-form-container form select,.add-console-modal .session-form-container form input,.change-rates-modal .session-form-container form select,.change-rates-modal .session-form-container form input{border:3.5px solid #ffffff;border-radius:50px;background:transparent;color:white;padding:15px 15px;margin:10px 0px}.session-start-modal .session-form-container form select,.add-console-modal .session-form-container form select,.change-rates-modal .session-form-container form select{width:90%}.session-start-modal .session-form-container form input,.add-console-modal .session-form-container form input,.change-rates-modal .session-form-container form input{width:80%}.session-start-modal .session-form-container form button,.add-console-modal .session-form-container form button,.change-rates-modal .session-form-container form button{background:#000b7d;border-radius:10px;border:none;outline:none;color:white;padding:10px;cursor:pointer}.session-start-modal .session-form-container form .input-wrapper,.add-console-modal .session-form-container form .input-wrapper,.change-rates-modal .session-form-container form .input-wrapper{display:grid;grid-template-columns:40% 55%;justify-content:space-around;align-content:center;align-items:center}.session-start-modal .session-form-container .close-button,.add-console-modal .session-form-container .close-button,.change-rates-modal .session-form-container .close-button{color:#ffffff;float:right;font-size:30px}.session-start-modal .session-form-container .close-button:hover,.session-start-modal .session-form-container .closeBtn:focus,.add-console-modal .session-form-container .close-button:hover,.add-console-modal .session-form-container .closeBtn:focus,.change-rates-modal .session-form-container .close-button:hover,.change-rates-modal .session-form-container .closeBtn:focus{color:#080b2b;text-decoration:none;cursor:pointer}.new-session-content{display:grid;grid-template-columns:45% 45%;grid-auto-rows:150px}.new-session-content div{margin:10px 0px}.new-session-content img{height:150px;width:auto}.new-session-content .end-session-btn{background:#e40000;border-radius:10px;border:none;color:white;padding:10px 20px}@keyframes viewmodal{from{opacity:0}to{opacity:1}}.message-success{text-align:center;background:#008c00;padding:10px;border-radius:5px;margin:10px 0px;color:white}.message-error{text-align:center;background:#ff1a1a;padding:10px;border-radius:5px;margin:10px 0px;color:white}.alert-success{position:absolute;top:10px;right:10px;z-index:1;background:#008c00;padding:10px;border-radius:5px;color:#fff;animation:fadeOut 3s linear forwards}.alert-error{position:absolute;top:10px;right:10px;z-index:1;background:#ff1a1a;padding:10px;border-radius:5px;color:#fff;animation:fadeOut 3s linear forwards}@keyframes fadeOut{0%{opacity:1}100%{opacity:0;z-index:-1}}.dropbtn{padding:11px;font-size:16px;border:none;background:inherit;color:#000}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#f1f1f1;min-width:160px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1}.dropdown-content form{display:flex;padding:20px;flex-direction:column}.dropdown-content form input{margin:10px 0px;width:80%}.dropdown-content a{color:black;padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#ddd}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:rgba(45,47,68,0.53);color:#fff}.session-particulars{display:grid;grid-template-columns:40% 40%;width:100%;justify-content:space-around}.data-table{text-align:center}.data-table tr,.data-table td{border:1px solid #eee}
