*{font-family:Poppins,sans-serif;margin:0;padding:0}a{text-decoration:none;color:inherit}.navbar{height:70px;background-color:#185caf}.container{display:flex;align-items:center;justify-content:space-between;margin:auto 10%;padding:10px}.text{font-size:20px;font-weight:900;color:#f0f8ff}.login{padding:5px;width:100px;font-size:15px;outline:none;border:none;font-weight:none;cursor:pointer}.wrapper{display:flex;flex-direction:column;align-items:center;margin:3% auto;height:auto}.phrase{font-size:30px;font-weight:900;width:70%;text-align:start}.desc{flex:1;text-align:center;color:#444;margin:0% 10%;display:flex;flex-direction:column}.get-started{background-color:#185caf;outline:none;border:none;padding:15px;color:#fff;cursor:pointer;width:70%;font-weight:900;font-size:15px;margin:20px 0}.gif{flex:1;max-width:100%}.gif img{height:auto;width:100%;object-fit:cover}.blue-text{color:#185caf}@media only screen and (min-width: 768px){.wrapper{flex-direction:row}.phrase,.desc,.get-started,.gif{width:50%}}.footer{height:300px;bottom:0;background-color:#aaa}.footer-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-evenly;margin:0% 5%;padding:20px}.address,.logo,.right{flex:1;display:flex;flex-direction:column}@media only screen and (max-width: 768px){.footer-container{flex-direction:column;justify-content:center}.address,.logo,.right{flex:auto;margin-bottom:10px}}.login-container{background-color:#fff;padding:20px;border-radius:8px;height:75vh;box-shadow:0 0 10px #0000001a;text-align:center}form{display:flex;flex-direction:column;align-items:center;margin:8% auto}label{margin-bottom:8px}input{padding:8px;margin-bottom:16px;border:1px solid #ccc;width:250px;outline:none}.login-btn{background-color:#185caf;color:#fff;padding:10px;border:none;border-radius:4px;cursor:pointer;width:250px}.error{width:50%}.forgot-password{text-decoration:underline;cursor:pointer}.staff{margin:5% 15%}.stafftop{display:flex;align-items:center;justify-content:space-between}.shift-header{color:#555}.staff_shifts{font-weight:900;color:#555}.staff_name{font-weight:900;cursor:pointer}.staff_profile{position:relative;width:200px}.staff_account{display:flex;flex-direction:column;z-index:999;position:absolute;top:-3;background-color:#6180a7;color:#fff;padding:20px;margin-right:20px}.staff_account span{font-weight:500;cursor:pointer}.staff_account span:hover{color:#aaa}.staff_main{margin-top:20px}.profile_icon{margin-right:10px}.staff_icon{display:flex;align-items:center}.staff_main_card{height:auto;padding:5px;background-color:#1dbf730f;margin:10px 0;border-radius:5px;border-left:7px solid rgb(24 92 175);display:flex;align-items:center;justify-content:space-between}.staff_main_card_none{display:none}.staff_main_card_unassigned{height:auto;padding:5px;background-color:#1dbf730f;margin:10px 0;border-radius:5px;border-left:7px solid #a5a5c6;display:flex;align-items:center;justify-content:space-between}.staff_main_card_date{display:flex;flex-direction:column;margin:20px;justify-content:center}.staff_main_card_date span{font-weight:900;margin:2px;font-size:22px;color:#768eac;font-family:Roboto;width:10%}.staff_main_card_info{display:flex;flex-direction:column}.staff_main_card_info span:nth-child(1){font-size:18px;font-weight:900}.staff_main_card_options{height:30px;width:30px;background-color:#fff;border-radius:50%;margin:20px;cursor:pointer;position:relative}.staff_main_card_options_select{display:flex;flex-direction:column;background-color:#fff;z-index:999;padding:20px;width:150px;position:absolute;top:-5}.staff_main_card_options_select span:hover{color:#aaa}.shift_status_ongoing{color:red;animation:blink 1.5s infinite}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.shift_status{font-weight:900;color:teal;cursor:pointer;font-size:14px}table{width:100%}tr{height:50px;cursor:pointer}tr:nth-child(2n){background-color:#1dbf730f}th{text-align:left}.shift-location-time{width:250px}.no-shifts{margin:20px 0;background-color:#1dbf730f;padding:20px}@media only screen and (max-width: 768px){.staff{margin:20px}.staff_main_card{width:auto}.staff_main_card_date span{font-weight:900;margin:2px;font-size:15px;color:#768eac;font-family:Roboto}.staff_main_card_info{width:30%;margin:10px 0}.staff_main_card_info span:nth-child(1){font-size:13px;font-weight:900}.staff_main_card_info span:nth-child(2){font-size:12px}.shift-location-time{width:100px}}.myshifts{margin:3% 10%}.myshifts_top{display:flex;align-items:center;justify-content:space-between}.myshifts_header{font-weight:900;color:#444;margin-bottom:30px}.myshifts_back{cursor:pointer;font-weight:900}.userListEdit{background-color:teal;color:#fff;cursor:pointer;border:none;padding:5px;border-radius:10px}@media only screen and (max-width: 768px){.myshifts{margin:20px}}.shift{margin:3% 10%;display:flex;height:200%}.shift_details{flex:1;padding:20px;border-radius:10px;width:300px;margin:20px;height:auto;background-color:#1dbf730f}.shift_details ul{list-style:none}strong{margin-right:10px}.shift_take_btn{margin:20px 0;width:150px;cursor:pointer;font-weight:900;border:none;color:#fff;background-color:#185caf;padding:10px}.add_casenotes{display:flex;align-items:center;justify-content:flex-end}.add_casenotes span{margin-right:20px}.add_casenotes_icon{cursor:pointer}.casenotes_inputs{display:flex;flex-direction:column}.casenotes_inputs label{font-weight:900}.casenotes_inputs button{border:none;cursor:pointer;margin:10px;padding:10px;background-color:#185caf;color:#fff}.shift_casenotes{flex:1}.shift_bid_btn{background-color:#185caf;border:none;color:#fff;width:100px;display:block;padding:10px;cursor:pointer;font-weight:900;margin:10px 30px}.shift_clockin_btn{background-color:#19b919;border:none;color:#fff;display:block;padding:10px;cursor:pointer;font-weight:900;margin:10px 30px}.shift_clockout_btn{background-color:#f15454;border:none;color:#fff;display:block;padding:10px;cursor:pointer;font-weight:900;margin:10px 30px}.content{flex:1;padding:20px}.button-container{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#f0f0f0;position:fixed;bottom:0;width:100%}.button-container span{font-weight:900;color:#f15454}.clockin_out{display:flex;justify-content:space-between}.completed-shift-text{margin:0 20px;color:green;font-weight:900}.shift_report_btn{background-color:red;border:none;color:#fff;display:block;padding:10px;cursor:pointer;font-weight:900}.distance{display:flex;align-items:center;margin:20px 0}.distance input{width:70px;margin:0 5px}.distance span{margin:0 5px;color:#333;font-size:15px}.distance button{background-color:#185caf;border:none;cursor:pointer;color:#f0f0f0;padding:5px;width:70px}.distance-update{display:flex;flex-direction:column}@media only screen and (max-width: 768px){.shift{margin:0%;display:flex;flex-direction:column;height:500px}.shift_casenotes{padding:30px 20px 100px}.shift_details{margin:0 20px}}.myaccount{margin:3% 15%;display:flex;flex-direction:column}.myaccount hr{width:50%}.myaccount-container{display:flex}.myaccount-left{display:flex;flex-direction:column}.myaccount-right{display:flex;flex-direction:column;margin:30px}.update-myaccount{border:none;width:250px;margin:10px 0;padding:10px;background-color:teal;color:#fff;cursor:pointer;font-weight:700}.logout-myAccount{border:none;width:250px;margin:10px 0;padding:10px;background-color:#944040;color:#fff;font-weight:700}.myaccount label{margin:5px 0}@media only screen and (max-width: 768px){.myaccount{margin:10px}.myaccount-right button,input{width:150px}}.statements{margin:5% 15%}.statement-header-head{display:flex;align-items:center;justify-content:center;font-size:20px}.statement-wrapper{display:flex;align-items:center}.statement-card{display:flex;flex-direction:column;justify-content:center;align-items:center;height:300px;width:300px;padding:20px;margin:20px;-webkit-box-shadow:0px 0px 15px -10px rgba(0,0,0,.75);box-shadow:0 0 15px -10px #000000bf}.statement-donut-all{display:flex;align-items:center;justify-content:center;border:20px solid rgb(214,145,145);height:250px;width:250px;border-radius:50%}.statement-donut-pending{display:flex;align-items:center;justify-content:center;border:20px solid rgb(192,200,54);height:250px;width:250px;border-radius:50%}.statement-donut-completed{display:flex;align-items:center;justify-content:center;border:20px solid rgb(97,128,167);height:250px;width:250px;border-radius:50%}.statement-header{font-weight:900;font-size:40px;color:#555}.statement-info{font-weight:900;font-size:20px}.statement-report{-webkit-box-shadow:0px 0px 15px -10px rgba(0,0,0,.75);box-shadow:0 0 15px -10px #000000bf;height:auto;width:100%;margin:30px;position:relative;padding:40px}.statement-report-btn{display:flex;align-items:flex-end;justify-content:flex-end;position:absolute;top:0;right:0;padding:10px;border:none;margin:20px;background-color:#6180a7;color:#fff;font-weight:900;cursor:pointer}.piechart-card{height:350px;width:350px;margin:30px}.report_main_card{height:100px;padding:10px;background-color:#1dbf730f;margin:10px 0;border-radius:5px;display:flex;align-items:center;justify-content:space-between}.report_main_card span{font-weight:900}@media only screen and (max-width: 768px){.statements{margin:20px}.statement-wrapper{display:flex;flex-direction:column}.piechart-card{height:200px;width:200px;margin:0}.statement-report{-webkit-box-shadow:0px 0px 15px -10px rgba(0,0,0,.75);box-shadow:0 0 15px -10px #000000bf;height:auto;width:100%;margin:0;position:relative;padding:10px}}.report{margin:5% 15%;display:flex;flex-direction:column}.report-header{color:#555;font-size:19px;text-decoration:underline}.report textarea{margin:20px 0;width:50%}.report label{font-weight:900}.other-people{display:flex;flex-direction:column}.report_btn{background-color:#185caf;border:none;color:#fff;display:block;padding:10px;cursor:pointer;font-weight:900;width:200px}@media only screen and (max-width: 768px){.report{margin:10px}.report textarea{margin:20px 0;width:80%}}.success{color:green}.error{color:red}