html{font-family:Outfit,sans-serif!important;color:#000;height:100%;margin:0;padding:0;background:#f1f1f1}body{margin:0}*{font-family:Outfit,sans-serif!important}.whatsapp{color:#075e54!important}.instagram{color:#e1306c!important}.facebook{color:#4267b2!important;display:flex;align-items:center}.tr-btn{background:#fd9a09;border:1px solid #fd9a09;color:#fff;text-decoration:none;padding:10px 40px;border-radius:30px;display:flex;align-items:center;max-width:300px}.tr-btn svg{width:30px;margin-right:10px;margin-left:10px}.tr-btn:hover{color:#fd9a09;background:#fff;transition:all .3s;cursor:pointer}.remove-btn{background:#fd093b;border:1px solid #fd093b}.remove-btn:hover{color:#fd093b}.add-btn,.update-btn{background:#0bb53e;border:1px solid #0bb53e}.add-btn .icon,.update-btn .icon{width:20px}.add-btn:hover,.update-btn:hover{color:#0bb53e}.tr-btn:disabled{background:#d1d1d1;border:white}.tr-btn:disabled:hover{background:#d1d1d1;color:#fff;border:white}.tag.fleet{color:#3883b6!important;background:rgba(176,207,243,.4)!important}.tag.personal{color:#af324c!important;background:rgba(243,176,182,.4)!important}.tag.cameras{color:#c98f38!important;background:rgba(243,216,176,.4)!important}.tag.tracking{color:#4d32af!important;background:rgba(199,176,243,.4)!important}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes zoomIn{0%{transform:scale(.9)}to{transform:scale(1)}}@keyframes zoomInFar{0%{transform:scale(.7)}to{transform:scale(1)}}.switch{position:relative;display:inline-block;width:60px;height:21px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border-radius:5px}.slider:before{position:absolute;content:"";height:13px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#fd9a09}input:focus+.slider{box-shadow:0 0 1px #fd9a09}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}*::-webkit-scrollbar-track{background-color:#f5f5f5}*::-webkit-scrollbar{width:10px;background-color:#f5f5f5}*::-webkit-scrollbar-thumb{background-color:#fd9b09}#loader{margin:1em;display:flex;align-items:center;justify-content:center}#loader .box{height:20px;width:20px;border-radius:50%;border:5px dashed #fd9a09;animation:rotate 1.5s infinite linear;margin-right:10px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#hero{display:flex;flex-flow:column;align-items:center;text-align:center}#hero .title{font-size:3em}#hero .desc{margin-top:-30px;font-size:1.2em;width:50%;min-width:400px}.hero-url{max-width:100%;border-radius:10px;overflow:hidden;padding:0;margin:2em 0 0}.hero-video{max-width:100%;max-height:500px;border-radius:10px;overflow:hidden;padding:0;margin:2em 0 0}#hero-video-link{text-decoration:none}#hero-video-link:hover{transform:scale(1.01);transition:.2s all}.video-btn{display:flex;justify-content:center;align-items:center;width:100%}.video-btn{width:100%;height:50px;background:#fd9a09;color:#fff;font-weight:600;font-size:1.1em;border:none;border-radius:5px;z-index:1;transition:all .3s;margin-top:-10px;display:flex;justify-content:center;align-items:center}.video-btn:hover{cursor:pointer;background:#fd9a09;transition:all .3s}.hero-url iframe{min-width:800px}@media only screen and (max-width: 600px){#hero .desc{width:100%;min-width:auto}.hero-url iframe{min-width:300px}}#carousel{width:90%;max-height:500px;min-height:300px;margin-top:50px;overflow:hidden;border-radius:20px}#carousel img{width:100%;margin-top:-10%;height:100%;border-radius:20px}@media only screen and (max-width: 1024px){#carousel{width:90%;max-height:500px;min-height:0px;margin-top:50px;overflow:hidden;border-radius:20px}#carousel img{width:100%;margin-top:0}}#services{display:flex;justify-content:center;align-items:center;flex-flow:column wrap;overflow:hidden;padding-bottom:3em;margin-top:2em;width:100%}#services .container{display:flex;justify-content:center;flex-flow:row wrap;width:100%}#services .service{background:#FFEFDB;border-radius:25px;width:350px!important;min-height:350px!important;margin:5px 25px;overflow:hidden}#services .service:hover{transform:scale(1.02);transition:all .3s;cursor:pointer}#services .service a{text-decoration:none;color:#000}#services .service .bg{width:100%;height:250px!important}#services .service .bottom{display:flex;flex-flow:row;justify-content:space-between;margin-top:70px}#services .service .bottom .left{padding:20px;display:flex;flex-flow:column}#services .service .bottom .right{padding:30px}#services .service .left,#services .service .right{margin-top:-80px}#services .service .bottom .right svg{width:20px;color:#fff;border-radius:50%;padding:10px;font-weight:600;background:#fd9a09}#services .service .title{font-size:1.5em;font-weight:600}#services .service .description{font-size:1em}@media only screen and (max-width: 1600px){#services{width:100%}}@media only screen and (max-width: 1200px){#services{width:70%}#services .service .bg{width:100%;height:auto}#services .container{align-items:center;justify-content:center}}@media only screen and (max-width: 1024px){#services{width:100%}}@media only screen and (max-width: 600px){#services{width:100%}#services .service .bg{width:100%;height:auto}#services .service{justify-content:center;width:100%}}#home.page{padding:0}#home h2{text-align:center;font-size:2em}#home .bottom{display:flex;justify-content:center;flex-flow:row wrap}#home .bottom #facebook-feed{width:100%}@media only screen and (max-width: 1024px){#home{padding:0;width:auto;margin:0}#home .bottom{flex-flow:column wrap}#home .bottom #facebook-feed{flex-flow:column wrap;justify-content:center;align-items:center;width:100%}}#facebook-feed{display:flex;flex-flow:column;align-items:center;width:30%}@media only screen and (max-width: 600px){#facebook-feed .embed{display:none}}.welcome-card{padding:1em;border-radius:20px;width:500px;display:flex;flex-flow:column;justify-content:center;align-items:center;margin:2em;border:2px solid #ffc9799d;background:#d9d9d922;transition:.3s!important;animation:fadeIn .3s;text-decoration:none;color:#fff}.welcome-card:visited{text-decoration:none}.welcome-card:hover{cursor:pointer;transition:.3s!important;transform:scale(1.05)!important}.welcome-card .card-top{text-align:center}.welcome-card .card-top h1{font-size:2.5em!important;margin:0;padding:0;font-weight:500}.welcome-card .card-top p{margin:-10px 0 20px;font-size:1.2em;color:#ffedd1;font-weight:300}.welcome-card .card-middle img{height:250px}.welcome-card .card-bottom{display:flex;justify-content:space-between;align-items:center;width:100%}.welcome-card .card-bottom p{font-size:1.3em;margin-right:10px}.welcome-card .card-bottom .more p{margin:0;font-size:1.2em;color:#ffedd1;font-weight:300}.welcome-card .card-bottom button{background:#fd9a09;color:#fff;border-radius:20px;padding:10px;width:200px;border:none;font-size:1.2em;box-shadow:2px 2px 15px #00000038;transition:.3s all}.welcome-card .card-bottom button:hover{transform:scale(1.1);cursor:pointer}@media only screen and (max-width: 1024px){.welcome-card{padding:0;border-radius:20px;width:350px;display:flex;flex-flow:column;justify-content:center;align-items:center;margin:0;border:2px solid #ffc9799d;background:#d9d9d922;transition:.3s!important;animation:fadeIn .3s}.welcome-card .card-middle img{height:200px}.welcome-card .card-bottom{width:90%;padding-bottom:10px}.welcome-card .card-bottom p{font-size:1.1em}}#welcome{background:linear-gradient(#FC9D0B 10%,#18A8CB);color:#fff;width:100%;height:100%;display:flex;flex-flow:column;justify-content:flex-start;align-items:center;height:800px}#welcome .bg{position:absolute;background:url(/img/welcome-bg.png);background-size:cover;background-position:-10%;height:100%;width:100%;z-index:0;animation:zoomInFar 5s}#welcome span.normal{font-weight:300;color:#ffe4b8}#welcome .welcome-top{text-align:center;position:relative;z-index:1}#welcome .welcome-top h1{font-size:3em;animation:fadeInUp .3s}#welcome .welcome-top h2{font-weight:300;opacity:0;animation-delay:1s!important;animation:fadeIn .3s;animation-fill-mode:forwards}#welcome .welcome-top p{font-size:1.2em;font-weight:200;margin-top:-30px;color:#ffe4b8;animation:fadeInUp .6s}#welcome .welcome-bottom{display:flex;justify-content:center;align-items:center;position:relative;flex-flow:wrap;z-index:1;opacity:0;animation-delay:2s!important;animation:fadeInDown .3s linear;animation-fill-mode:forwards}#welcome .welcome-bottom .or{animation:fadeIn .3s;animation-fill-mode:forwards;opacity:0;animation-delay:2s!important}@media only screen and (max-width: 1024px){#welcome{height:100%;padding-bottom:3em}#welcome .welcome-bottom{flex-flow:column;padding:0;margin:0;width:100%}}#about{width:80%;margin-left:10%}.abouts{display:flex;justify-content:space-evenly;flex-flow:row wrap}.sections{display:flex;flex-flow:row wrap;justify-content:center}#about hr{margin:2em 0;background:none;border:none}@media only screen and (max-width: 1024px){#about{width:auto;margin-left:0}#about #partners .img-container{display:flex;flex-flow:column;justify-content:center;align-items:center}}.abouts #about-section{margin-top:1em;display:flex;flex-flow:column;justify-content:flex-start;align-items:center;width:350px;border-radius:20px;overflow:hidden}.abouts #about-section .title{font-weight:600;font-size:2em;margin:10px}.abouts #about-section .paragraph{margin:10px;font-size:1.1em}.abouts #about-section .img{height:300px;width:300px;border-radius:30px;overflow:hidden;display:flex;align-items:center;justify-content:center}.abouts #about-section img{height:200px!important;border-radius:30px}.abouts #about-section .left{order:0}.abouts #about-section .right{order:1}@media only screen and (max-width: 1368px){#about-section{max-width:100%}#about-section img{max-width:300px}}.sections #about-section{display:flex;flex-flow:row;background:#f1f1f1!important;padding:10px;border-radius:10px;margin:1em}.sections #about-section img{filter:invert(58%) sepia(82%) saturate(835%) hue-rotate(352deg) brightness(100%) contrast(104%);width:50px;margin-right:1em}.sections #about-section .left{order:0;margin:1em;height:60px;width:60px}.sections #about-section .right{order:1}@media only screen and (max-width: 1024px){#about-section{align-items:center;justify-content:center;padding:2em 0;flex-flow:wrap;border-bottom:1px solid #e1e1e1;text-align:center;margin:0}#about-section img{max-width:300px;width:auto;margin:0}#about-section .title{margin:20px 0 0}#about-section .paragraph{margin:20px 0}}.image-array{width:100%;overflow:hidden;padding-top:3em;padding-bottom:3em}.image-array .img-container{display:flex;justify-content:center;align-items:center;flex-flow:wrap;width:100%}.image-array .img-container img{max-width:450px;margin:15px}@media only screen and (max-width: 1024px){.image-array .img-container img{max-width:300px;margin:5px}}#proudly-south-african{display:flex;justify-content:center;padding-top:3em;padding-bottom:3em}#proudly-south-african svg{padding-right:2em}#proudly-south-african .title{font-weight:600;font-size:2em;padding-bottom:.2em}#proudly-south-african .paragraph{font-size:1.2em;max-width:500px}#main-about{width:70%;margin-left:15%}#main-about .title{text-align:center}@media only screen and (max-width: 1024px){#main-about{width:100%;margin-left:0}}#clients{padding-bottom:5em;width:100%;display:flex;justify-content:center;align-items:center;flex-flow:column}#clients .client{border-radius:10px;margin:1em;padding:0;overflow:hidden;display:flex;height:100%;justify-content:center;align-items:center;border:5px solid #f1f1f1}#clients .title{font-weight:600;font-size:1.6em}#clients .img-container{max-width:1080px;box-sizing:border-box;display:flex;flex-flow:wrap}#clients img{max-width:200px;flex:25%;margin:0;padding:0}@media only screen and (max-width: 1024px){#clients .title{text-align:center}#clients .img-container{justify-content:center}}#navbar{display:flex;justify-content:space-around;align-items:center;position:fixed;top:0;left:0;width:100%;height:72px;background:#f8f8f8;z-index:9}#navbar .logo{display:flex;align-items:center;text-decoration:none;background:none !}#navbar .logo img{width:7rem;margin-top:25px;position:relative}#navbar .logo .text{font-weight:300;margin-left:10px;text-decoration:none;font-size:2em}#navbar .right{display:flex;align-items:center}#navbar a{text-decoration:none;color:#000;margin:15px;background:none;border:none;font-weight:400;font-family:Outfit;font-size:.9em}#navbar a:hover{color:#fd9a09;cursor:pointer}#navbar .quote-badge{position:absolute;width:auto;min-width:8px;height:18px;margin-top:-5px;padding-top:2px;padding-left:8px;padding-right:7px;background:#fd9a09;color:#fff;font-size:.9em;border-radius:50px}#navbar #user-btn{display:flex;justify-content:space-between;flex-flow:column;color:#fff;padding:.3em;margin:0 0 0 30px;border:none;border-radius:20px;border:1px solid #fd9a09;background:#fd9a09;transition:.3s all;position:relative}#navbar #user-btn .top{display:flex;justify-content:space-between;align-items:center;width:100%;pointer-events:none}#navbar .bottom{display:flex;justify-content:space-between;flex-flow:column;background:white;box-shadow:5px 5px 15px #0002;border-radius:10px;animation:fadeIn .3s;position:absolute;width:auto;margin-left:30px}#navbar #user-btn:hover{cursor:pointer;background:white;color:#fd9a09;transition:.3s all}#navbar #user-btn .icon{width:20px;margin:0 .2em;pointer-events:none}#navbar .bottom a{display:flex;margin:0 1em;padding:.8em 0}#navbar .bottom .icon{display:flex;width:20px;margin-right:10px}#navbar .socials{display:flex;flex-flow:row;align-items:center;justify-content:center}#navbar .socials .social{display:flex}#navbar .socials .social .icon{width:30px}@media only screen and (max-width: 1024px){#navbar .left .text{display:none}}#navbar.mobile{display:flex;justify-content:space-between!important}#navbar.mobile .logo{padding-left:2em}#navbar.mobile .nav-btn{margin-right:2em;background:#fd9a09;border-radius:5px;border:none;height:50px;width:50px;z-index:999;position:relative}#navbar.mobile .nav-btn .icon{color:#fff;width:30px}#navbar.mobile .menu{position:fixed;right:0;top:0;height:100%;width:300px;background:white;box-shadow:0 0 15px #0002;animation:moveInRight .2s ease;display:flex;flex-flow:column;justify-content:space-between}#navbar.mobile .menu .links{display:flex;flex-flow:column;background:url(/img/bg-honeycomb-pattern.png) no-repeat;background-size:200% 200%}#navbar.mobile .menu a{font-size:1.3em;padding-bottom:0;font-weight:600}#navbar.mobile .quote-badge{position:absolute;width:auto;min-width:8px;height:22px;margin-top:-5px;padding-top:2px;padding-left:8px;padding-right:7px;background:#fd9a09;color:#fff;font-size:.8em;border-radius:50px}#navbar.mobile .user a{display:flex;margin:0 1em;padding:.5em 0;flex-flow:row}#navbar.mobile .user .icon{display:flex;width:20px;margin-right:10px}@media only screen and (max-width: 480px){#navbar.mobile .menu{width:100%}}@keyframes moveInRight{0%{opacity:0;margin-right:-100%}}#footer{display:flex;flex-flow:column;padding:5em;z-index:4;background:white}#footer .contact-links{display:flex;width:100%;border-bottom:1px solid #dedede}#footer .contact-links a{display:flex;font-size:1.5em;margin-right:20px;text-decoration:none;font-weight:600;color:#000;padding-bottom:3em}#footer .contact-links a:hover,#footer .nav-links a:hover{color:#fd9a09;cursor:pointer;transform:scale(1.02);transition:all .3s}#footer .contact-links a svg{width:30px;margin-left:20px}#footer .logo{padding-top:3em;padding-bottom:3em;display:flex;align-items:center}#footer .logo img{width:80px;margin-right:20px}#footer .logo div:first-child{font-weight:600}#footer .nav-links{display:flex;justify-content:space-between;flex-flow:wrap}#footer .nav-links a{text-decoration:none;margin-right:40px;font-weight:600;padding-top:10px;color:#000}#footer .nav-links .right{display:flex}#footer .nav-links .right a{display:flex;justify-content:center;flex-flow:row;align-items:center}#footer .nav-links a svg{width:30px}#footer .nav-links a.red{color:#fd093b}#footer .nav-links a.red:hover{color:#fd093b;transform:scale(1.02)!important;transition:all .3s}#footer .nav-links .yellow{color:#fd9a09}#footer .bottom{margin-top:3em;background:#f5f5f5;padding:3em 0;border-radius:20px;display:flex;justify-content:space-between;align-items:center;flex-flow:wrap;width:100%;height:auto}#footer .bottom .left{margin-left:3em}#footer .bottom .right{display:flex;justify-content:center;align-items:center;margin-right:3em}#footer .bottom .right a{display:flex;justify-content:center;align-items:center;text-decoration:none;color:#000;margin-left:20px}#footer .bottom .right .social .icon{width:30px;margin-right:5px}#footer .bottom .right a:hover{color:#fd9a09;cursor:pointer;transform:scale(1.02);transition:all .3s}@media only screen and (max-width: 1024px){#footer{padding:0;margin:0;justify-content:center;align-items:center;width:100%}#footer .contact-links{margin-top:5em;width:100%;align-items:center;flex-flow:column}#footer .contact-links a{margin:0;display:flex;align-items:center;justify-content:center}#footer .nav-links{width:100%;justify-content:space-around;align-items:center}#footer .nav-links .left{display:flex;flex-flow:wrap;justify-content:center}#footer .nav-links .left a{margin:0 10px}#footer .nav-links .right{flex-flow:column}#footer .nav-links a{margin-top:20px}#footer .bottom{flex-flow:wrap column;justify-content:space-evenly;align-items:center;text-align:center;padding:3em 0;border-radius:0}#footer .bottom a{margin-top:40px}#footer .bottom .right{flex-flow:column;margin:0}#footer .bottom .left{margin:10px 0}}#app{display:flex;flex-direction:column;margin-top:72px;background:white}.page{flex:1;padding:20px}#scroll-top{position:fixed;width:40px;height:40px;background:#fd9a09;right:20px;bottom:20px;z-index:9;border-radius:50%;color:#fff;border:none;opacity:0}#scroll-top.fadeIn{opacity:1;transition:all .3s}#scroll-top.fadeOut{opacity:0;transition:all .3s}#scroll-top svg{width:25px}#scroll-top:hover{cursor:pointer;transform:scale(1.1);transition:all .7s}#blog{width:90%;margin-left:5%}#blog .heading{display:flex;align-items:center;justify-content:center}#blog .heading svg{width:70px;padding:15px}#blog .heading div{display:flex;flex-flow:column;line-height:10px}#blog .blog-posts{margin-top:1em;padding:5em;border-radius:20px;display:flex;flex-flow:wrap;justify-content:center}@media only screen and (max-width: 600px){#blog{width:auto;margin-left:0}#blog .blog-posts{padding:0}#blog .heading div{line-height:1em}}.blog-post{width:400px;height:auto;background:#f1f1f1;border-radius:20px;transition:.3s all;margin:10px}.blog-post:hover{cursor:pointer;transition:.3s all;transform:scale(1.05)}.blog-post .bottom{display:flex;justify-content:space-between}.blog-post .img{border-radius:20px 20px 0 0;width:100%;height:400px;background-position:center;background-repeat:no-repeat;background-size:cover}.blog-post .left{padding:10px;line-height:2em}.blog-post .left .title{font-weight:600;font-size:1.2em}.blog-post .left .date{font-size:.9em;color:#fd9a09;font-weight:600}.blog-post .right{align-items:flex-end}.blog-post .right svg{color:#fff;padding:10px;width:20px;height:20px;border-radius:30px;background:#fd9b09c0;position:absolute;margin:50px 10px 10px -50px}@media only screen and (max-width: 1024px){.blog-post{width:100%;margin:0 0 1em}}#article{margin-top:4em;width:80%;margin-left:10%}#article .content{display:flex;align-items:flex-start;flex-flow:column;flex-direction:column-reverse}#article .title{font-size:2em}#article .content .gallery{width:100%}#article .date{color:#fd9a09;font-size:1.2em;font-weight:600}#article .paragraph{padding-right:2em}#article .bottom{margin-top:2em;padding-top:2em;border-top:1px solid #d1d1d1}#article .share-links{display:flex;flex-flow:row}#article .share-links a{display:flex;flex-flow:column;justify-content:center;margin:1em 1em 0 0;transition:all .3s}#article .share-links a:hover{transform:scale(1.1);transition:all .3s}#article .share-links svg,#article .share-links img{width:40px}@media only screen and (max-width: 1024px){#article{margin-top:4em;width:auto;margin-left:0;display:flex;flex-flow:column;justify-content:center}#article .content{display:flex;flex-flow:column wrap;flex-direction:column-reverse;align-items:center}}#blog-gallery{display:flex;flex-flow:column;align-items:center;width:100%;margin-top:2em;border-radius:10px}#blog-gallery #gallery-container{overflow:hidden;height:400px;border-radius:20px;margin:0;display:flex;flex-flow:column;align-items:center;width:100%;padding:1em;background:linear-gradient(#ffe9c9,#fff9f1)}#blog-gallery img{border-radius:10px;width:auto!important;height:100%!important;max-width:100%!important}#blog-gallery img.fadeInRight{animation:fadeInRight .3s}#blog-gallery img.fadeInLeft{animation:fadeInLeft .3s}#blog-gallery .btns{display:flex;justify-content:center;align-items:center;width:30px;margin-top:1em}#blog-gallery .btns button{background:none;border:none;margin:.5em;cursor:pointer}#blog-gallery .btns svg{width:25px;padding:5px 6px;background:#fd9a09;color:#fff;border:1px solid #fd9a09;border-radius:20px}#blog-gallery .btns svg:hover{color:#fd9a09;background:white;transition:all .3s}@media only screen and (max-width: 1024px){#blog-gallery{display:flex;flex-flow:column;align-items:center;width:100%;height:300px}#blog-gallery img{width:auto!important;height:auto!important;max-height:100%!important}}#shop{padding-top:4em;background:linear-gradient(#fff,#f1f1f1)}#shop .banner{width:80%;margin-left:10%}#shop .container{width:80%;min-height:400px;margin-left:10%;display:flex}#shop #filter.static{position:fixed;top:80px;z-index:0}#shop .filter{display:flex;flex-flow:column;margin-top:10px;width:200px;padding:2em;background:white;border-radius:20px;box-shadow:10px 10px 20px #e1e1e1;position:absolute}#shop .filter .filter-type,#shop .filter .filter-choice{display:flex;align-items:center;user-select:none}#shop .filter .filter-choice input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;font:inherit;color:#000;width:2.5em;height:2.5em;border-radius:.4em;transform:translateY(-.075em);display:grid;place-content:center;margin:.4em;border:.2em solid #e1e1e1}#shop .filter .filter-choice input[type=checkbox]:checked{background-image:linear-gradient(to right,#fd9a09 6%,#e92b1e 95%);border:none}#shop .filter .filter-choice input[type=checkbox]:before{content:"";width:2em;height:2em;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em var(--form-control-color);background-color:#fff;transform-origin:center;clip-path:polygon(28% 38%,41% 53%,75% 24%,86% 38%,40% 78%,15% 50%)}#shop .filter .filter-choice input[type=checkbox]:checked:before{transform:scale(1);border:none}#shop .filter label:hover,#shop .filter input[type=checkbox]:hover{cursor:pointer;color:#fd9a09}#shop .filter input[type=checkbox]{width:30px;height:30px;margin-right:1em}#shop .products{display:flex;padding-bottom:2em;margin-left:280px;flex-flow:row wrap}@media only screen and (max-width: 1024px){#shop{width:100%;margin:0;padding:0}#shop .heading{width:100%;margin:0;overflow:hidden}#shop .banner{width:100%;margin:0}#shop .container{display:flex;flex-flow:column!important;justify-content:center;align-items:center;width:100%;height:100%;margin:0}#shop .filter{position:relative;width:80%}#shop .filter .filters{display:flex;flex-flow:row wrap}#shop .products{display:flex;padding-bottom:2em;margin-left:0;flex-flow:row wrap;justify-content:center}}.product-item{width:250px;background:#fff;border-radius:20px;transition:.3s all;margin:10px;box-shadow:0 0 15px #e1e1e1}.product-item a{display:flex;flex-flow:column}.product-item:hover{transition:.3s all;transform:scale(1.05)}.product-item .img{width:250px;height:250px;border-radius:20px 20px 0 0;background-image:url(/img/img-box.png);background-position:center;background-size:cover;background-repeat:no-repeat}.product-item .bottom{display:flex;flex-flow:column;align-items:center;justify-content:space-between;padding:1em;height:100px}.product-item .name{font-weight:600;font-size:1.2em;padding:5px;text-align:center}.product-item .monthly{padding:5px;color:#0b9a36;font-weight:600}.product-item .monthly .price{font-size:1.5em}.product-item .tag{padding:5px;text-align:center}#product{margin-top:4em;width:80%;margin-left:10%}#product .shop-btn{width:220px}#product .container{display:flex;justify-content:space-around;margin-top:2em}#product .container .left{padding:10px}#product .container .right{padding:2em}#product .heading{display:flex;justify-content:space-between;align-items:center;padding-top:1em;padding-bottom:2em}#product .heading h4{font-size:1.5em;margin-top:0;margin-bottom:5px}#product .heading span{position:relative;padding:.4em;border-radius:5px}#product .heading img{max-height:60px;max-width:200px}#product .price{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5em}#product .price .once-off{font-size:2em;font-weight:600;color:#0b9a36}#product .price .monthly{font-size:1.5em;font-weight:600}#product .price .monthly,#product .price .monthly-text{text-align:right}.installation .circle{width:13px;height:13px;background:#fd9a09;border-radius:10px;margin-right:1em}.installation{display:flex;padding:.5em;align-items:center;justify-content:space-between;color:#fd9a09;background:#fff0da;width:auto;margin:10px 0;border-radius:5px}.installation .fee{margin-left:10px;font-size:1.2em}#product .description{border-top:1px solid #e1e1e1;padding-top:1em;border-bottom:1px solid #e1e1e1;padding-bottom:2em}#product .vat{padding-top:2em;display:flex;align-items:center}#product .vat svg{margin-right:1em}#product .btns{margin-top:3em;display:flex;justify-content:flex-end}#product .btns .quantity{display:flex;margin-right:2em}#product .btns .quantity-text{font-size:2em;width:40px;text-align:center;margin-top:0;margin-bottom:3px;background:#ffeaca;color:#fd9a09}#product .btns button{border:none;background:none;margin:0;padding:0}#product .btns button:hover{cursor:pointer}#product #decrease-btn svg,#product #increase-btn svg{background:#fd9a09;color:#fff;padding:10px;border:1px solid #fd9a09;transition:all .3s}#product #decrease-btn:hover,#product #increase-btn:hover{background:white;transition:all .3s}#product #decrease-btn svg{border-radius:20px 0 0 20px}#product #increase-btn svg{border-radius:0 20px 20px 0}#product .btns svg{width:20px;color:#fff}#product .btns svg:hover{background:white!important;color:#fd9a09!important}#product .add-btn,#product .remove-btn{display:flex;justify-content:center;padding:.7em;width:100%;font-weight:600;font-size:1em;margin-top:2em}#product #remove-btn svg{background:#fd093b;border:1px solid #fd093b;padding:10px 30px;border-radius:20px;transition:all .3s}#product #remove-btn svg:hover{background:white;color:#fd093b!important;transition:all .3s}#product #quote-btn{margin-top:2em;display:flex;padding:.5em 2em;background:#0b9a36;border:1px solid #0b9a36;justify-content:center}#product #quote-btn:hover{background:white;color:#0b9a36}@media only screen and (max-width: 1024px){#product{margin-top:2em;width:100%;margin-left:0;padding:0}#product .shop-btn{width:220px}#product .container{display:flex;justify-content:space-around;margin-top:2em;flex-flow:column}}#gallery{display:flex;flex-flow:column;align-items:center;width:600px}#gallery #gallery-container,#gallery #video-container{overflow:hidden;height:auto;padding:0;margin:0;border-right:#fd9a09 5px solid;border-radius:20px}#gallery video{border-radius:20px;max-height:100%;max-width:100%}#gallery img{border-radius:20px;max-height:100%;max-width:100%}#gallery img.fadeInRight{animation:fadeInRight .3s}#gallery img.fadeInLeft{animation:fadeInLeft .3s}#gallery .btns{display:flex;justify-content:center;align-items:center;width:30px;margin-top:1em}#gallery .btns button{background:none;border:none;margin:.5em}#gallery .btns svg{width:25px;padding:5px 6px;background:#fd9a09;color:#fff;border:1px solid #fd9a09;border-radius:20px}#gallery .btns svg:hover{color:#fd9a09;transition:all .3s}@keyframes fadeInRight{0%{opacity:0;margin-left:-100px}}@keyframes fadeInLeft{0%{opacity:0;margin-left:100px}}@media only screen and (max-width: 1024px){#gallery{display:flex;flex-flow:column;align-items:center;width:100%}#gallery #gallery-container{overflow:hidden;height:auto;min-height:320px;border-right:#fd9a09 5px solid;border-radius:20px;padding:0;margin:0}#gallery img{border-radius:20px;width:100%}}#quote{width:100%;min-height:400px;display:flex;margin-top:2em;align-items:center;flex-flow:column;background-repeat:no-repeat!important;background-size:cover!important}#quote button{border:none;background:none;padding:0}#quote .quote-items{border-radius:20px;width:auto;padding:1em 2em}#quote .quote-item{display:flex;align-items:center;justify-content:space-between;height:110px;padding:.7em 1em;background:white;border-radius:10px;border:4px solid #f1f1f1;margin-top:1.1em}#quote .quote-item .installation{margin:0;padding:5px}#quote .quote-item img{margin-right:2em;border-radius:10px}#quote .quote-item img:hover{cursor:crosshair;transform:scale(3);transition:1.3s;box-shadow:0 0 20px #a1a1a1}#quote .quote-item .text{display:flex;flex-flow:column;width:500px;justify-content:center;align-items:flex-start}#quote .quote-item .cost{font-size:1em}#quote .quote-item .monthly{font-weight:600;font-size:1.2em}#quote .quote-item .once-off{font-weight:600;font-size:1.4em;color:#0b9a36}#quote .quote-item .name{font-size:1.5em;font-weight:600}#quote .quote-item svg{width:18px;padding:5px 6px;background:#fd9a09;color:#fff;border:1px solid #fd9a09}#quote .quote-item svg:hover{color:#fd9a09;cursor:pointer;background:white;transition:all .3s}.quote-item .quantity{font-size:1.4em;width:40px;height:20px;text-align:center;padding-bottom:10px;margin-bottom:3px;color:#fd9a09;background:#fff1dc}.quote-item .decrease-btn svg{border-radius:20px 0 0 20px}.quote-item .increase-btn svg{border-radius:0 20px 20px 0}.quote-item .left{display:flex}.quote-item .right{display:flex;flex-flow:column;justify-content:space-between}.quote-item .bottom{display:flex;flex-flow:column;align-items:flex-end;text-align:right}.quote-item .btns{display:flex;justify-content:center;align-items:center;margin-top:1em;margin-left:10px}.quote-item .installation .fee{margin-left:20px;font-weight:600}.quote-item .remove-btn{position:absolute;margin-top:-200px;margin-left:140px}#quote .quote-item .remove-btn svg{background:#fd093b;border:1px solid #fd093b;padding:5px;border-radius:20px;transition:all .3s;width:20px;color:#fff!important}#quote .quote-item .remove-btn svg:hover{background:white;color:#fd093b!important;transition:all .3s;cursor:pointer}#quote .quote-total{padding:.5em 2em 2em;border:5px solid #f1f1f1;margin-top:2em;background:linear-gradient(#2e2e2e,#1e1e1e);color:#fff;border-radius:20px}#quote .quote-total h3{padding-bottom:10px;font-size:1.3em;color:#fd9a09;border-bottom:1px solid #fd9a09}#quote hr{border:none;border-bottom:1px solid #fd9a09}.quote-total .total-once-off,.quote-total .total-monthly,.quote-total .vat,.quote-total .total-installation{display:flex;padding:.5em;justify-content:space-between}.quote-total .total{font-size:1.2em;font-weight:600}#quote .confirm-btn{max-width:300px;margin-top:1em;padding:1em 2em;background:#fd9a09;border:1px solid #fd9a09;transition:all .3s}#quote .confirm-btn:hover{background:white;transition:all .3s}#quote .overlay{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;display:flex;justify-content:center;align-items:center;background:#00000033}#quote .overlay div{background:white;border-radius:10px}#quote .quote-success{display:flex;flex-flow:column;align-items:center;animation:fadeIn .3s linear;margin-top:3em}#quote .quote-success .success-icon{width:150px;color:#0b9a36}@media only screen and (max-width: 1024px){#quote .quote-items{border-radius:20px;width:auto;padding:0}#quote .quote-item{display:flex;align-items:center;justify-content:space-between;flex-flow:column;height:auto;padding:1em 0;background:white;border-radius:10px;border:4px solid #f1f1f1;margin-top:1.1em}#quote .quote-item .left{display:flex;flex-flow:column;align-items:center;justify-content:center}#quote .quote-item .left .img{width:200px;margin:0}#quote .quote-item .left .text{display:flex;align-items:center;justify-content:center;margin-top:1em;width:auto}.quote-item .right{display:flex;flex-flow:column;justify-content:space-between;margin-top:1em}.quote-item .right .btns{display:flex;justify-content:center;align-items:center;margin:1em 0 0;width:100%}.quote-item .increase-btn svg,.quote-item .decrease-btn svg{width:40px;height:40px}.quote-item .quantity{height:30px;padding-top:.5em}.quote-item .remove-btn{position:relative;margin:0 0 0 4em}.quote-item .remove-btn svg{width:30px!important;height:30px!important}}#contact{width:80%;margin-left:10%;padding-top:5em}#contact .contact-inner{display:flex;flex-flow:row;justify-content:space-around;align-items:center;border-bottom:1px solid #dedede;padding-bottom:3em}#contact .contact-inner .left{display:flex;flex-flow:column}#contact .contact-inner .right img{max-width:600px}#contact .heading{font-size:2.5em}#contact .heading span{color:#fd9a09}#contact .contact-links{padding-top:2em;display:flex;width:100%;flex-flow:column}#contact .contact-links a{display:flex;font-size:1.5em;margin-right:20px;text-decoration:none;font-weight:600;color:#000;padding-bottom:1em}#contact .contact-links a:hover,#contact .nav-links a:hover{color:#fd9a09;cursor:pointer;transform:scale(1.02);transition:all .3s}#contact .contact-links a svg{width:30px;margin-left:20px}#contact .location{display:flex;padding-top:5em;justify-content:space-between;align-items:center}#contact .text{width:auto;font-size:1.2em}#contact .faq-text{display:flex;flex-flow:column;justify-content:center;align-items:center}#contact h3{font-size:2em}#contact .location #map{border-radius:20px;margin-left:10em}#contact .social .icon{width:30px;margin-right:10px}@media only screen and (max-width: 1024px){#contact{width:auto;margin-left:0;padding-top:2em}#contact .contact-inner{display:flex;flex-flow:column;justify-content:space-around;align-items:center;border-bottom:1px solid #dedede;padding-bottom:3em}#contact .contact-inner .right img{width:100%}#contact .location{display:flex;padding-top:5em;flex-flow:column;justify-content:space-between;align-items:center}#contact .location #map{margin-top:2em;border-radius:20px;margin-left:0}#contact #faqs .faq-headers{display:flex;flex-flow:column;justify-content:center;align-items:center;width:auto;margin-left:0;padding:1em}#contact #faqs .faq-headers .header{display:flex;flex-flow:column;justify-content:center;align-items:center;width:100%;margin-left:0}}#faqs{margin-top:5em}#faqs .faq-headers{display:flex;padding:5em}#faqs .header{background-color:#f1f1f1;width:50%;height:210px;border-radius:40px;margin:10px;background-position:center;background-size:contain;display:flex;justify-content:center;align-items:center;flex-flow:column;color:#fff;padding:20px}#faqs .header .title{font-size:2em;font-weight:600;padding-bottom:1em}#faqs .header .description{font-size:1.1em;text-align:center}#faqs .header .report-icon{width:80px}#faqs .header .report-title{font-size:1.5em;padding-top:10px;font-weight:600;padding-bottom:.5em;color:#000}#faqs .header .report-number{font-size:1.5em;text-align:center;color:#000;text-decoration:none}#faqs .header .report-number:hover{color:#fd9a09}#faqs .faq{margin:20px;background:white;color:#000;padding:10px 20px;border-radius:20px;transition:all .5s;box-shadow:5px 5px 10px #e1e1e1}#faqs .faq h2{font-size:1.2em}#faqs .faq h2,#faqs .faq p,#faqs .faq .faq-inner,#faqs .faq svg{pointer-events:none}#faqs .faq .faq-inner{width:90%}#faqs .faq.closed{background:radial-gradient(circle at 50% 50%,#fd9a09,#fd3309 215%);color:#fff;transition:all .5s}#faqs .faq.closed p{display:none}#faqs .faq:hover{cursor:pointer}#faqs .faq{display:flex;justify-content:space-between;flex-flow:row}#faqs .faq svg{width:35px}#faqs .faq svg.hide{display:none;width:35px}#contact-form{display:flex;flex-flow:wrap;justify-content:space-around}#contact-form form{border:5px solid #f1f1f1;border-radius:20px;padding:2em;margin-top:2em}#contact-form form h3{font-size:2em!important;margin:0}#contact-form form p{font-size:.9em!important}#contact-form .right form{padding:2em;border-radius:20px;box-shadow:0 5px 20px #e1e1e1}#contact-form form .names{display:flex;justify-content:space-evenly;align-items:stretch;flex-flow:row}#contact-form form .name.field{padding-right:1em}#contact-form form .field.required input{background:#fd093b33;border:2px solid #fd093b;border-radius:10px;transition:.3s all}#contact-form form .field.required span{display:block}#contact-form form .field.required input:placeholder{color:#fd093b}#contact-form form .field{display:flex;flex-flow:column;margin-top:1em;margin-bottom:1em;width:100%}#contact-form form label{padding-bottom:.5em}#contact-form form .field input{transition:.3s all;border:1px solid #f1f1f1}#contact-form form span{color:#fd093b;font-size:.9em;margin-top:.4em;display:none}#contact-form form input[type=text],#contact-form form input[type=email],#contact-form form input[type=password]{padding:1.5em;background:#f1f1f1;border:none;border-radius:10px}#contact-form form input[type=submit]{width:100%}#contact-form .confirm-btn{padding:1em 2em;display:flex;align-items:center;justify-content:center;max-width:100%;font-size:1em;font-weight:600}#contact-form .quote-success{display:flex;flex-flow:column;align-items:center;animation:fadeIn .3s linear;margin-top:3em}#contact-form .quote-success .success-icon{width:150px;color:#0b9a36}@media only screen and (max-width: 1024px){#contact-form form{border:none;border-radius:0;padding:1em;margin-top:2em;display:flex;flex-flow:column wrap;width:100%}#contact-form form .names{flex-flow:column}}#login{position:fixed;left:0;top:0;width:100%;height:100%;background:#f1f1f1;z-index:8;display:flex;justify-content:center;align-items:center}#login form{background:white;padding:2em 3em;border-radius:10px;box-shadow:10px 10px 15px #e1e1e1;display:flex;flex-flow:column;justify-content:center;align-items:center;animation:fadeIn .5s}#login form .logo{width:120px}#login form input{width:100%;padding:1em;margin:.4em;border-radius:10px;border:2px solid #e1e1e1;background:#f1f1f1;font-family:Outfit,sans-serif;font-size:1em}#login form .error{color:#fd093b}#login form button[type=submit]{width:100%;padding:1em;margin-top:2em;border-radius:10px;border:none;text-align:center!important;display:flex;justify-content:center;border:1px solid #fd9a09;font-size:1em}#login form span{font-size:.9em}#login form a{text-decoration:none}#profile-nav{position:fixed;width:200px;height:100%;background:#fff;left:0;top:70px}#profile .content{padding:2em}#profile .products{display:flex;flex-flow:row wrap;width:100%;justify-content:center}.product-card{width:250px;background:#fff;border-radius:20px;transition:.3s all;margin:10px;box-shadow:0 0 15px #e1e1e1;text-align:center}.product-card:hover{cursor:pointer;transition:.3s all;transform:scale(1.05)}.product-card .img{width:250px;height:250px;border-radius:20px 20px 0 0;background-image:url(/img/img-box.png);background-position:center;background-size:contain;background-repeat:no-repeat}.product-card .status{font-size:1em;padding:.2em}.product-card .status.active{font-size:1em;color:#0bb53e;background:#0bb53e22}.product-card .status.inactive{font-size:1em;color:#fd093b;background:#fd093b22}.product-card .name{font-size:1.2em;padding:.5em}.product-card .monthly{font-size:1.2em;padding:.5em;font-weight:600}.product-details{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;display:flex;justify-content:center;align-items:center}.product-details .bg{position:fixed;left:0;top:0;width:100%;height:100%;background:#00000033}.product-details .modal .top{display:flex;justify-content:space-between;padding-left:1em}.product-details .modal .close-btn{width:40px;height:40px;margin-right:10px;margin-top:10px;border-radius:10px;padding:5px;background:#fd093b;border:1px solid #fd093b;color:#fff;cursor:pointer}.product-details .modal .close-btn:hover{background:#fff;color:#fd093b;transition:all .3s}.product-details .modal{z-index:999;background:white;border-radius:10px;animation:fadeIn .3s;display:flex;flex-flow:column;overflow:hidden;padding:0!important;margin:0!important}.product-details .content{padding:1em!important;min-width:300px;text-align:center}.product-details .content a{background:#fd9a09;padding:10px 40px;color:#fff;border-radius:20px;text-decoration:none}.product-details .content a:hover{background:#ffaa2a;transform:scale(1.1);transition:all .3s}.product-details .content hr{border:none;border-top:1px solid #e1e1e1;margin-top:1em;margin-bottom:1em}.product-details .status{font-size:1em;padding:.2em;border-radius:5px;text-align:center}.product-details .status.active{font-size:1em;color:#0bb53e;background:#0bb53e22}.product-details .status.inactive{font-size:1em;color:#fd093b;background:#fd093b22}.product-details .detail{padding:.5em;display:flex;justify-content:space-between;align-items:center;background:#f1f1f1;margin:.5em 0;border-radius:5px}.product-details .detail span{font-size:1.2em}#technician{display:flex;flex-flow:column}#technician .content{display:flex;flex-flow:row;padding:0!important;border-bottom:1px solid #dedede;flex-flow:wrap}#technician .content .content-left{background:#fffbf4;padding:0 2em;display:flex;flex-flow:column;align-items:center;text-align:center}#technician .content .content-right{display:flex;flex-flow:column;align-items:center;text-align:center;z-index:9999}#calendar{height:auto;display:flex;margin-left:80px}#calendar .event{height:auto;max-width:300px;background:#7782E1;color:#fff;border-radius:5px;margin-top:3px;overflow:hidden;transition:.3s all;min-height:40px;display:flex}#calendar .event .content{display:flex;flex-flow:column;justify-content:space-between;height:100%;width:100%;padding-right:10px}#calendar .status{width:5px;margin:5px;border-radius:2px}#calendar .status.completed{background:#3DD265;border:2px solid #00000055}#calendar .status.postponed,#calendar .status.outstanding{background:#E89559;border:2px solid #00000055}#calendar .status.cancelled{background:#EF5454;border:2px solid #00000055}#calendar .event.meeting{background:#BF77E1}#calendar .event.jobcard{background:#80BAE0}#calendar .event .content .top{display:flex;justify-content:space-between;padding:1px 5px;align-items:center;min-height:20px;width:100%}#calendar .event .top .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#calendar .event .top .organizer{font-size:.8em;font-weight:600;text-align:right}#calendar .event .top .type{font-size:.8em;font-weight:300;color:#fff9}#calendar .event .content .bottom{display:flex;justify-content:space-between;background:#00000022;padding:1px 5px;align-items:center;height:15px;width:100%}#calendar .event .bottom .customer{font-size:11px;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex}#calendar .event .bottom .customer img{margin-right:2px}#calendar .event .bottom .time{font-size:10px;text-align:right}#calendar .event:hover{cursor:pointer;transform:scale(1.02);transition:.3s all}@media only screen and (max-width: 768px){#calendar .event{max-width:100%}}.event-list{max-height:300px;overflow-x:hidden;overflow-y:auto;padding:5px}.job-list-card{width:300px;pointer-events:all;background:#FFF2DD}.job-list-card.selected{background:#ffb23f!important;color:#fff}.job-list-card .job-list-card-top .time{font-size:.8em!important}.job-list-card:hover{cursor:pointer;transition:.3s!important;transform:scale(1.02)!important;box-shadow:5px 5px 5px #a1a1a1}.job-list-card .job-list-card-top{display:flex;flex-flow:row;justify-content:space-between;align-items:center;padding:.5em;pointer-events:none}.job-list-card .job-list-card-bottom{background:#FEEACD;pointer-events:none}.job-list-card.selected .job-list-card-bottom{background:#fd9a09!important;color:#fff}#jobcard{width:400px}#jobcard .jobcard-top{background:#FFF2DD;display:flex;flex-flow:row;justify-content:space-between;align-items:center;height:40px}#jobcard .tab-btn{height:40px;background:none;border:none;transition:all .3s;cursor:pointer!important}#jobcard .tab-btn.active{background:#ffb23f!important;color:#fff;transition:all .3s}#jobcard button.icon-btn{background:none;border:none;transition:all .3s;cursor:pointer!important}#jobcard button.icon-btn:hover{transform:scale(1.1);transition:all .3s}#jobcard .jobcard-text p{display:flex;flex-flow:row;justify-content:space-between;align-items:center;font-size:.8em;padding:0 1em}#jobcard .jobcard-text span{font-weight:700;font-size:1.1em}#jobcard select{padding:.8em;border-radius:5px;border:2px solid #a1a1a1;background:#f1f1f1;min-width:200px}#jobcard .jobcard-text span.model{font-weight:700;font-size:1.5em}#jobcard .jobcard-other p{display:flex;flex-flow:row;justify-content:space-between;align-items:center;font-size:.8em;padding:0 1em}#jobcard .jobcard-other button.icon-btn{background:none;border:none;transition:all .3s;cursor:pointer!important;width:60px;height:40px;border-radius:40px;padding:0}#jobcard button.icon-btn.scan{background:#2FB11A!important;color:#fff;display:flex;flex-flow:row;justify-content:center;align-items:center;width:100%;height:50px;font-size:1.4em;transition:all .3s;border-radius:30px}#jobcard button.icon-btn.scan img{margin-right:10px}#jobcard .jobcard-other button.icon-btn img{height:15px}#jobcard .jobcard-other button.icon-btn.yellow{background:#fd9a09!important}#jobcard .jobcard-other button.icon-btn.green{background:#2FB11A!important}#jobcard .jobcard-other button.icon-btn:hover{transform:scale(1.1);transition:all .3s}#jobcard-event{width:100%;padding:1em 0}#jobcard-event .event-top{display:flex;flex-flow:row;justify-content:space-between;align-items:center;padding:0 1em}#jobcard-event .event-top .event-type{font-weight:700;font-size:1.3em}#jobcard-event .event-bottom{width:100%;text-align:left;padding:.3em 1em;font-size:.8em}#jobcard-vehicle{border-top:1px solid #e1e1e1}#jobcard-vehicle .scanner{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;display:flex;justify-content:center;align-items:center}#vin-scanner{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:white;font-family:Arial,sans-serif;border-radius:10px;box-shadow:0 2px 6px #0000004d;animation:zoomIn .3s}#vin-scanner .title{font-size:1.5rem;margin:0 0 10px;border-radius:10px 10px 0 0;text-align:center;width:100%;display:flex;justify-content:space-between;padding:0;align-items:center}#vin-scanner .button{padding:8px 16px;margin-bottom:10px;border-radius:5px;border:none;color:#fff;font-size:.9rem;width:100%;max-width:300px;cursor:pointer}#vin-scanner .close-btn{position:relative;width:40px;height:40px}#vin-scanner .controls{display:flex;align-items:center;justify-content:center;flex-flow:column;width:100%;padding:10px!important}#vin-scanner .start{background:#fd9a09;border-radius:30px;height:50px}#vin-scanner .start:disabled{background:#555;cursor:not-allowed}#vin-scanner .stop{background:#ff4d4d;border-radius:30px;height:50px}#vin-scanner .stop:disabled{background:#555;cursor:not-allowed}#vin-scanner .video-container{position:relative;width:100%;max-width:400px}#vin-scanner .video{width:100%;max-height:250px;border-radius:8px;box-shadow:0 2px 6px #0000004d}#vin-scanner .card{margin-top:10px;padding:15px;background:#ffffff22;border-radius:8px;width:100%;max-width:400px;box-shadow:0 2px 6px #0000004d}#vin-scanner .card-title{font-size:1.2rem;margin-bottom:10px}#vin-scanner .card-image{max-width:100%;border-radius:4px}#vin-scanner .error{color:#ff4d4d;margin-top:10px;font-size:.9rem}#vin-scanner select{padding:.8em;border-radius:5px;border:2px solid #a1a1a1!important;background:#f1f1f1;width:250px;margin:1em}#jobcard-device{width:100%;margin-top:2em;border-top:1px solid #e1e1e1}#jobcard-job h2{border-top:1px solid #e1e1e1;margin-top:2em}#dashboard-nav{width:auto;height:100%;background:#fff;overflow:hidden;display:flex;flex-flow:column;align-items:center;position:fixed;left:0;top:70px}#dashboard-nav h2{font-weight:300}#dashboard-nav .nav-btn{width:100%;font-size:1.1em;display:flex;justify-content:flex-start;align-items:center;background:#feeacd;border:none;height:50px;border-bottom:2px solid #feeacd;color:#fd9a09;fill:#fd9a09;transition:all .3s}#dashboard-nav .nav-btn:hover{background:#fd9a09;cursor:pointer;color:#fff;fill:#fff;transition:all .3s}#dashboard-nav .nav-btn.selected{background:#fd9a09;color:#fff;fill:#fff;transition:all .3s}#dashboard-nav .nav-btn .icon{width:25px;margin:0 1em}#dashboard-nav .nav-btn .icon{pointer-events:none}@media only screen and (max-width: 768px){#dashboard-nav{width:100%;height:60px;background:#fff;overflow:hidden;display:flex;flex-flow:row;align-items:center;box-shadow:none;position:relative!important;border-radius:0;margin-top:2em;border-bottom:2px solid #feeacd;top:0}#dashboard-nav .nav-btn{width:60px;height:60px;display:flex;justify-content:center;align-items:center;background:#fff;border:none;border-bottom:2px solid #feeacd;color:#fd9a09;fill:#fd9a09;transition:all .3s;border-radius:0!important}#dashboard-nav .nav-btn .icon{width:25px;margin:0}}#dashboard{top:70px;width:100%;height:100%;display:flex;justify-content:flex-start;align-items:flex-start;overflow:auto;background:#f1f1f1}#dashboard .content{width:100%;height:100%;background:white;border-radius:10px;margin:1em 1em 1em 80px}@media only screen and (max-width: 1024px){#dashboard .content{width:100%;height:100%;background:white;border-radius:10px;margin:0}}#customers{border-radius:10px;box-shadow:5px 5px 15px #e2e1df;height:100%;overflow:hidden;margin-left:70px}#customers .customers{display:flex;flex-flow:row;overflow:hidden}#customers h2 small{font-size:.7em;font-weight:300}#customers .left{max-width:320px;border-radius:10px 0 0 10px;padding:1em;background:#fffbf4;height:100%}#customers .left .top{display:flex;justify-content:space-between;align-items:center}#customers .left .top .create-btn{height:40px;background:#0bb53e;border:1px solid #0bb53e;border-radius:50px;overflow:hidden;color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.2em;padding:.8em;transition:all .3s}#customers .left .top .create-btn:hover{cursor:pointer;background:white;color:#0bb53e;transition:all .3s}#customers .left .top .create-btn .icon{width:25px}#customers .left .customer{background:#feeacd;min-width:300px;width:100%;margin:.2em;overflow:hidden;border:none;padding:0;transition:all .3s}#customers #customer-btns{max-height:665px;overflow:auto;overflow-x:hidden}#customers .left .customer:hover{cursor:pointer;transform:scale(1.01);box-shadow:5px 5px 5px #a1a1a1;transition:all .3s}#customers .left .customer.active{border-left:10px solid #0bb53e}#customers .left .customer.inactive{border-left:5px solid #fd093b}#customers .left .customer .top{font-weight:600;font-size:1.1em;text-align:left;display:flex;justify-content:space-between;padding:.3em;pointer-events:none;background:#fff2dd}#customers .left .customer .bottom{display:flex;justify-content:space-between;padding:.3em;pointer-events:none}#customers .left .customer .bottom .email{font-size:.9em}#customers .left .customer.selected{background:#fd9a09;color:#fff}#customers .left .customer.selected .top{background:#ffb23f}#customers .left .customer.selected .bottom{background:none}#customers .middle{border-left:1px solid #f3e8d6;background:#fff;overflow:auto}#customers .right{padding:1em;border-left:1px solid #e1e1e1;width:300px}#customers #filter{padding:10px;height:50px;width:300px;margin:.3em;border-radius:5px;border:2px solid #e1e1e1}#customers .customers{display:flex}@media only screen and (max-width: 768px){#customers{height:100%;overflow:hidden;padding:0;margin:0}#customers .customers{display:flex;flex-flow:row wrap;max-height:100%!important;overflow:auto}#customers .customer-btns{max-height:600px;overflow:auto}#customers .left{width:100%}#customers .right .close-btn{width:40px;height:40px;margin-right:10px;border-radius:10px;padding:5px;background:#fd093b;border:1px solid #fd093b;color:#fff;cursor:pointer;margin-left:90%;margin-top:-10px}#customers .right .close-btn:hover{background:#fff;color:#fd093b;transition:all .3s}#customers .mobile{position:fixed;left:0;top:0;display:flex;justify-content:flex-start;align-items:center;height:100%;width:100%;z-index:999}#customers .mobile .bg{position:fixed;left:0;top:0;height:100%;width:100%;background:#00000033}#customers .mobile .modal{background:white;z-index:1;height:100%;width:100%;display:flex;flex-flow:column}#customers .mobile .modal .left{width:100%;margin:0;padding:0}#customers .mobile .modal #customers-right{width:100%;margin:0;padding:0;display:flex;flex-flow:row;justify-content:space-between;align-items:flex-start;flex-direction:row-reverse}#customers .mobile .modal #customers-right #customer-products{width:100%!important;margin:10px}#customers .mobile .modal #customers-right .close-btn{margin:0;width:50px;height:50px}#customers .mobile .modal #customers-middle{width:100%;margin:0;padding:0}#customers .mobile .modal #customers-middle #customer #details{height:auto!important;padding:0;width:100%}#customers .mobile .modal #customers-middle #customer .top{border-top:1px solid #e1e1e1}#customers .mobile .modal #customers-middle #customer #details .detail{width:95%;margin-left:2.5%}}#customer{min-width:300px;height:auto;max-height:100%}#customer hr{background-color:#e1e1e1;height:1px;border:none;margin:1em 0}#customer .top{display:flex;justify-content:space-between;align-items:center;padding:0 1em}#customer .top .update-btn{width:auto!important;padding:.7em;margin:0}#customer .top .update-btn .icon{margin-left:-1px}#customer #details{display:flex;flex-flow:column;overflow:auto;padding:0 1em;overflow-x:hidden}#customer .detail{display:flex;flex-flow:row;width:400px;margin:.3em;justify-content:space-between;align-items:center}#customer .detail.confirmed{background:#0bb53e33;border-radius:5px;padding:.2em;color:#0bb53e;text-align:center}#customer .detail.not-confirmed{background:#fd093b33;border-radius:5px;padding:.2em;color:#fd093b;text-align:center;display:flex;flex-flow:row;justify-content:space-between}#customer .detail.not-confirmed .resend-btn{background:#fd093b;color:#fff;border:none;border-radius:5px;transition:all .3s}#customer .detail.not-confirmed .resend-btn:hover{cursor:pointer;transition:all .3s;background:none;color:#fd093b}#customer .detail label{display:flex;font-size:.8em}#customer .detail input{margin:.2em 0;padding:1em;border-radius:10px;border:2px solid #a1a1a1;outline:none;width:220px;background:#f1f1f1}#customer .detail input.validated{border:2px solid #0bb53e}#customer .detail input.not-validated{border:2px solid #fd093b}#customer .detail .icon{width:15px;height:15px;margin-right:5px;position:relative;z-index:1}#customer .role{font-weight:600;font-size:1.1em}#customer-products .heading{display:flex;justify-content:space-between;align-items:center}#customer-products .heading .add-btn{height:40px;background:#0bb53e;border:1px solid #0bb53e;border-radius:50px;overflow:hidden;color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.2em;padding:.8em;transition:all .3s}#customer-products .heading .add-btn:hover{cursor:pointer;background:white;color:#0bb53e;transition:all .3s}#customer-products .heading .add-btn .icon{width:25px}.customer-product{display:flex;flex-flow:column;padding:.5em;margin:.3em 0;animation:fadeIn .3s}.customer-product.active{border-left:10px solid #0bb53e;background:#0bb53e22}.customer-product.inactive{border-left:5px solid #fd093b;background:#fd093b22}.customer-product:hover{transition:all .3s;transform:scale(1.04);cursor:pointer}.customer-product.expanded:hover{transition:all .3s;transform:scale(1);cursor:pointer}.customer-product .top{display:flex;flex-flow:row;justify-content:space-between;pointer-events:none}.customer-product hr.active{background-color:#0bb53e;height:1px;border:none;margin:1em 0}.customer-product hr.inactive{background-color:#b50b0b;height:1px;border:none;margin:1em 0}#customer-product{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;display:flex;justify-content:center;align-items:center}#customer-product .bg{position:fixed;left:0;top:0;width:100%;height:100%;background:#00000033}#customer-product .modal{z-index:999;background:white;border-radius:10px;animation:fadeIn .3s;display:flex;flex-flow:column;overflow:hidden}#customer-product .modal .btns{display:flex;width:100%;justify-content:space-around;align-items:center;background:#f1f1f1;padding:1em 0;margin:0}#customer-product .modal .btns button{padding:.5em 2em}#customer-product .modal .btns .icon{width:20px}#customer-product .modal .content{display:flex;width:auto;margin-left:0;padding:0 1em}#customer-product .modal h2{text-align:left;margin-left:1em}#customer-product .modal .left{background:none;border:none;width:auto;padding:.5em;display:flex;justify-content:center;align-items:center;flex-flow:column}#customer-product .modal .left h2{margin:0}#customer-product .modal .left img{border-radius:10px}#customer-product .modal .right{width:auto;padding:.5em;margin:0}#customer-product .modal .top{display:flex;justify-content:space-between;background:#f1f1f1}#customer-product .modal .top .close-btn{width:40px;height:40px;margin-right:10px;margin-top:10px;border-radius:10px;padding:5px;background:#fd093b;border:1px solid #fd093b;color:#fff;cursor:pointer}#customer-product .modal .top .close-btn:hover{background:#fff;color:#fd093b;transition:all .3s}#customer-product .modal .right .detail{display:flex;flex-flow:column;justify-content:space-between;margin-top:1em}#customer-product .modal .right .detail .rand{position:absolute;margin-top:6px;margin-left:10px;font-size:1.2em}#customer-product .modal .right .detail #monthly{padding-left:2em;width:232px}#customer-product .modal .right .detail input{padding:.7em;border-radius:5px;border:2px solid #a1a1a1;background:#f1f1f1;width:250px}#customer-product .modal .right .switch-detail{display:flex;flex-flow:column;align-items:center;margin-top:10px}#customer-product .modal .right .switch-detail .switch{margin:.5em}#customer-product .modal .right .switch-detail .slider{background-color:#fd093b}#customer-product .modal .right .switch-detail input:checked+.slider{background-color:#0bb53e}#customer-product .modal .right .switch-detail input:focus+.slider{box-shadow:0 0 1px #0bb53e}#customer-product .modal .right .switch-detail.active{background:#0bb53e33;border-radius:5px;padding:.2em;color:#0bb53e;text-align:center}#customer-product .modal .right .switch-detail.inactive{background:#fd093b33;border-radius:5px;padding:.2em;color:#fd093b;text-align:center}@media only screen and (max-width: 1024px){#customer-product .modal{height:auto!important}#customer-product .modal .content{height:auto}}@media only screen and (max-width: 600px){#customer-product .modal{display:block;overflow:auto;height:100%!important}#customer-product .modal .content{display:flex;flex-flow:column;height:100%!important;margin-bottom:0}#customer-product .content .right .detail .rand{position:relative;margin-right:-23px}#customer-product .modal .btns{display:flex;flex-flow:column;align-items:center}#customer-product .modal .btns button{margin-top:10px}}#yes-no{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;display:flex;justify-content:center;align-items:center}#yes-no .modal{background:white;max-width:300px;text-align:center}#yes-no .modal h2{margin:1em}#customer-add-product{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;display:flex;justify-content:center;align-items:center}#customer-add-product .bg{background:#00000033;width:100%;height:100%;position:fixed;left:0;top:0}#customer-add-product .modal{background:white;text-align:left;border-radius:10px;z-index:1;overflow:hidden;animation:fadeIn .3s}#customer-add-product .modal .content{padding:0;margin:0}#customer-add-product .modal .content .inner-content{display:flex;padding:1em;margin:0}#customer-add-product .modal .content .left{margin:0;padding:1em;background:none;display:flex;flex-flow:column;justify-content:center;align-items:center;width:auto}#customer-add-product .modal .content .left .product-image{width:200px;border-radius:10px}#customer-add-product .modal .content .right{margin:0;padding:0 0 0 1em}#customer-add-product .modal h2{margin:1em}#customer-add-product .modal .top{display:flex;justify-content:space-between;background:#f1f1f1}#customer-add-product .modal .top .close-btn{width:40px;height:40px;margin-right:10px;margin-top:10px;border-radius:10px;padding:5px;background:#fd093b;border:1px solid #fd093b;color:#fff;cursor:pointer}#customer-add-product .modal .top .close-btn:hover{background:#fff;color:#fd093b;transition:all .3s}#customer-add-product .content .add-detail{display:flex;flex-flow:column;margin:1em 0}#customer-add-product .content .add-detail input,#customer-add-product .content .add-detail select{padding:.8em;border-radius:5px;border:2px solid #a1a1a1;background:#f1f1f1}#customer-add-product .content .add-detail select option{background-color:#f1f1f1;margin:10px;color:#333;height:30px}#customer-add-product .content .add-detail .rand{position:absolute;margin-top:27px;margin-left:10px;font-size:1.2em}#customer-add-product .content .add-detail #monthly-premium{padding-left:2em}#customer-add-product .content .add-detail label{text-align:left}#customer-add-product .content .add-detail small{color:#a1a1a1}#customer-add-product .content .btns{display:flex;width:100%;justify-content:space-around;background:#f1f1f1;padding:1em;margin:0 0 0 -16px}#customer-add-product .content .btns button{font-size:.9em;height:35px;width:100%;max-width:200px;padding:0;display:flex;justify-content:center;align-items:center}#customer-add-product .content .btns .add-btn:disabled{background:#d1d1d1;border:1px solid #d1d1d1}#customer-add-product .content .btns .add-btn:hover:disabled{background:#d1d1d1;border:1px solid #d1d1d1;color:#fff}#customer-add-product .content .btns button .icon{margin-right:5px;margin-left:-5px}@media only screen and (max-width: 1024px){#customer-add-product .modal{height:auto!important}#customer-add-product .modal .content{height:auto}}@media only screen and (max-width: 600px){#customer-add-product .modal{height:100%!important;display:flex;justify-content:center}#customer-add-product .modal .inner-content{height:100%;display:flex;flex-flow:column}#customer-add-product .content .add-detail .rand{position:relative;margin-bottom:-32px}#customer-add-product .content .btns{display:flex;flex-flow:column;align-items:center}#customer-add-product .content .btns button{margin-top:10px}}#dashboard-message{position:fixed;left:0;bottom:0;width:100%;height:40px;z-index:999;animation:fadeIn .1s;background:#d1d1d1cc;display:flex;justify-content:center;align-items:center}#dashbaord-message:hover{cursor:pointer}#dashboard-message.success{background:#0bb53ecc;color:#fff}#dashboard-message.error{background:#fd093bcc;color:#fff}#add-customer{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;display:flex;justify-content:center;align-items:center;overflow:auto}#add-customer .bg{position:fixed;left:0;top:0;width:100%;height:100%;background:#00000033}#add-customer .modal{text-align:left;border-radius:10px;z-index:1;animation:fadeIn .3s;background:white;overflow:hidden}#add-customer .content{padding:0!important;margin:0!important;display:flex;justify-content:center;align-items:flex-start;background:none!important}#add-customer .content div.title{font-size:1.2em;font-weight:600;margin-bottom:10px}#add-customer .top{background:#f1f1f1}#add-customer .top h2{margin-left:1em}#add-customer .top .close-btn{width:40px;height:40px;margin-right:10px;margin-top:-5px;border-radius:10px;padding:5px;background:#fd093b;border:1px solid #fd093b;color:#fff;cursor:pointer}#add-customer .top .close-btn:hover{background:#fff;color:#fd093b;transition:all .3s}#add-customer .content .left{background:none}#add-customer .content .right{background:none;padding:1em!important}#add-customer hr{background-color:#e1e1e1;height:1px;border:none;margin:1em 0}#add-customer .top{display:flex;justify-content:space-between;align-items:center}#add-customer .top .update-btn{width:auto!important;padding:.7em;margin:0}#add-customer .top .update-btn .icon{margin-left:-1px}#add-customer .detail{display:flex;flex-flow:column;width:300px;margin:.3em}#add-customer .detail.confirmed{background:#0bb53e33;border-radius:5px;padding:.2em;color:#0bb53e;text-align:center}#add-customer .detail.not-confirmed{background:#fd093b33;border-radius:5px;padding:.2em;color:#fd093b;text-align:center;display:flex;flex-flow:row;justify-content:space-between}#add-customer .detail.not-confirmed .resend-btn{background:#fd093b;color:#fff;border:none;border-radius:5px;transition:all .3s}#add-customer .detail.not-confirmed .resend-btn:hover{cursor:pointer;transition:all .3s;background:none;color:#fd093b}#add-customer .detail label{display:flex;margin-bottom:-10px}#add-customer .blocked-detail{padding-bottom:15px}#add-customer .detail input{margin:1em 0;padding:1em;border-radius:10px;border:2px solid #a1a1a1;outline:none;background:#f1f1f1}#add-customer .detail input.validated{border:2px solid #0bb53e}#add-customer .detail input.not-validated{border:2px solid #fd093b}#add-customer .detail .icon{width:20px;height:20px;margin-right:5px;position:relative;z-index:1}#add-customer .role{font-weight:600;font-size:1.1em}#add-customer .modal .btns{display:flex;width:100%;justify-content:space-around;background:#f1f1f1;padding:1em 0;margin:0}#add-customer .modal .btns button{font-size:.9em;height:35px;width:100%;max-width:200px;padding:0;display:flex;justify-content:center;align-items:center}#add-customer .modal .btns .add-btn:disabled{background:#d1d1d1;border:1px solid #d1d1d1}#add-customer .modal .btns .add-btn:hover:disabled{background:#d1d1d1;border:1px solid #d1d1d1;color:#fff}#add-customer .modal .btns button .icon{margin-right:5px;margin-left:-5px}#calendar{height:auto;display:flex;margin-left:80px;margin-top:50px}#calendar .calendar-event-list{height:auto;width:350px;overflow-y:auto}#calendar .calendar-container{width:100%;height:100%;min-height:600px;display:flex;flex-flow:column;padding-right:1em}#calendar .calendar-container .toggle-calendar-btn{display:none}#calendar #calendar-container{width:100%;height:100%;min-height:600px}#calendar .calendar-event-list .refresh-btn{background:#fd9a09;padding:20px!important;width:90%;margin:0 0 0 5%!important}#calendar .event-header{display:flex;flex-flow:column;justify-content:space-between;width:100%;margin-top:10px}#calendar .event-header .event-filter{display:flex;flex-flow:column;justify-content:space-between}#calendar .event-header .event-filter .filters{display:flex;flex-flow:wrap}#calendar .event-header .event-filter label{margin:2px;color:#fd9a09;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:.8em;background:#feeacd;padding:5px 10px;width:auto!important;height:20px;border-radius:30px;user-select:none}#calendar .event-header .event-filter label#completed{background:#ccffda;color:#3dd265;border:2px solid #3DD265}#calendar .event-header .event-filter label#completed.checked{background:#3DD265;border:2px solid #1fa041;color:#fff}#calendar .event-header .event-filter label#outstanding,#calendar .event-header .event-filter label#postponed{background:#feeacd;color:#fd9a09;border:2px solid #fd9a09}#calendar .event-header .event-filter label#outstanding.checked,#calendar .event-header .event-filter label#postponed.checked{background:#fd9a09;border:2px solid #ee7300;color:#fff}#calendar .event-header .event-filter label#cancelled{background:#feeacd;color:#fd093b;border:2px solid #fd093b}#calendar .event-header .event-filter label#cancelled.checked{background:#fd093b;color:#fff;border:2px solid #b10225}#calendar .event-header .event-filter label.checked{background:#ee7300;color:#fff}#calendar .event-header .event-filter label input{display:none}#calendar .event-header .event-filter .filters #reminder{background:#dfe1f0;color:#7782e1;border:2px solid #7782E1}#calendar .event-header .event-filter .filters #reminder.checked{background:#7782E1;color:#fff;border:2px solid #565fb6}#calendar .event-header .event-filter .filters #meeting{background:#f4e0fd!important;color:#bf77e1;border:2px solid #BF77E1}#calendar .event-header .event-filter .filters #meeting.checked{background:#BF77E1!important;color:#fff;border:2px solid #854e9e}#calendar .event-header .event-filter .filters #jobcard{background:#eff9ff!important;color:#80bae0;border:2px solid #80BAE0}#calendar .event-header .event-filter .filters #jobcard.checked{background:#80BAE0!important;color:#fff;border:2px solid #477ca0}#calendar .event-header button{background:#fd9a09;height:30px;width:60px;display:flex;align-items:center;justify-content:center;border-radius:20px;color:#fff;border:none;padding:20px!important}#calendar .event-header h3{margin:5px;color:#fd9a09;display:flex;justify-content:space-between;align-items:center;cursor:pointer}#calendar .event-header-top{display:flex;justify-content:space-between;align-items:center}#calendar .event-header-top h3:hover{cursor:pointer;transform:scale(1.03)!important;transition:.3s}#calendar .event-header-top img{transition:all .3s;margin-right:10px;padding:2px;border-radius:5px;filter:brightness(0) saturate(100%) invert(57%) sepia(69%) saturate(725%) hue-rotate(356deg) brightness(101%) contrast(99%)}#calendar .event-header-top img:hover{cursor:pointer;transform:scale(1.1)!important;transition:.3s}#calendar .event-header-top label{cursor:pointer;font-size:.8em}#calendar .event-header button:hover{cursor:pointer;background:#ffad33;transform:scale(1.02);transition:.3s}#calendar .fc-toolbar-title{color:#fd9a09}#calendar .fc-event{border-radius:0}#calendar .fc-event-main-frame{display:flex!important;flex-flow:row!important;justify-content:space-between!important;color:#fff;border:none!important;border-radius:0;width:100%!important}#calendar .fc-day{color:#fd9a09}#calendar .fc-col-header-cell{background:#fd9a09;color:#fff}#calendar .fc-button-active{background-color:#ee7300!important}#calendar .fc-button{background-color:#fd9a09;border:none;color:#fff}#calendar .fc-button:focus{outline-color:#fd9a09!important}#calendar .fc-button:hover{background-color:#ffad33;border:none;color:#fff}#calendar .fc-daygrid-day-frame:hover{cursor:pointer;background:#ffe4bb}#calendar .fc-timegrid-event-harness a.reminder,#calendar .fc-daygrid-event-harness a.reminder{background:#7782E1;color:#fff;font-weight:100}#calendar .fc-timegrid-event-harness a.meeting,#calendar .fc-daygrid-event-harness a.meeting{background:#BF77E1;border:none;color:#fff;font-weight:100}#calendar .fc-timegrid-event-harness a.jobcard,#calendar .fc-daygrid-event-harness a.jobcard{background:#80BAE0;border:none;color:#fff;font-weight:100}#calendar .fc-daygrid-event-harness a{display:flex;justify-content:space-between;width:100%;font-size:12px!important;padding-left:2px;height:25px}#calendar .fc-daygrid-event-harness a.completed{border-left:4px solid #3DD265}#calendar .fc-daygrid-event-harness a.postponed,#calendar .fc-daygrid-event-harness a.outstanding{border-left:4px solid #E89559}#calendar .fc-daygrid-event-harness a.cancelled{border-left:4px solid #EF5454}#calendar .fc-daygrid-event-harness a:hover{transform:scale(1.05);transition:.3s}#calendar .fc-event-main-frame .fc-event-time,#calendar .fc-daygrid-dot-event .fc-event-time{width:40px;font-size:10px;font-weight:600!important}#calendar .fc-event-title{text-align:right;padding-right:5px;font-weight:200}#calendar .fc-daygrid-event-dot{border-color:#23ff7e;display:none}#calendar .fc-timegrid-slot:hover{cursor:pointer}#calendar .fc-timegrid-slot-lane:hover{cursor:pointer;background:#ffe4bb}@media only screen and (max-width: 768px){#calendar .calendar-container{display:flex;flex-flow:column;align-items:center;padding:10px!important}#calendar .calendar-container .toggle-calendar-btn{display:block;max-width:300px}#calendar{height:auto;margin-left:0;margin-top:0;width:100%;display:flex;justify-content:center;align-items:center;flex-flow:column}#calendar #calendar-container{width:100%;height:100%;min-height:600px;margin-top:3em}#calendar .event-header .event-filter .filters{flex-flow:row}#calendar .event-header .event-filter label{font-size:.7em;width:90px!important}}#monthly-calendar #events{width:300px;height:300px}#monthly-calendar{width:100%;display:flex}#monthly-calendar #calendar{width:100%}#monthly-calendar .header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e1e1e1;background:#feeacd;color:#fd9a09}#monthly-calendar .left-btns{display:flex;margin-left:10px}#monthly-calendar .left-btns button{width:40px!important;height:35px;display:flex;justify-content:center;align-items:center;border-radius:5px;background:#fd9a09;border:1px solid #fd9a09;margin:1px;color:#fff;fill:#fff}#monthly-calendar .left-btns button:hover{cursor:pointer;transition:.2s;background:none;fill:#fd9a09}#monthly-calendar .right-btns{display:flex;margin-right:10px}#monthly-calendar .right-btns button{height:35px;display:flex;justify-content:center;align-items:center;border-radius:5px;background:#fd9a09;border:1px solid #fd9a09;margin:1px;color:#fff;fill:#fff}#monthly-calendar .right-btns button:hover{cursor:pointer;transition:.2s;background:none;color:#fd9a09}#monthly-calendar .days{display:flex;justify-content:space-evenly}#monthly-calendar .days .day{width:14.28%;height:20px;border:1px solid #fff;background:#fd9a09;color:#fff;display:flex;justify-content:center;align-items:center}#monthly-calendar #events{margin:10px}#monthly-calendar #events .bottom{overflow-y:auto;overflow-x:hidden}#monthly-calendar #events .bottom h3{margin:0}#monthly-calendar #events .bottom .tentative{background:#7782E133;color:#7782e1;padding:5px 10px;margin-top:10px}#monthly-calendar #events .bottom .cancelled{background:#fd093b33;padding:5px 10px;margin-top:10px}#monthly-calendar #events .bottom .cancelled h3{color:#000}#monthly-calendar #events .event{height:auto;background:#7782E1;color:#fff;border-radius:2px;margin-top:3px;overflow:hidden}#monthly-calendar #events .event.meeting{background:#BF77E1}#monthly-calendar #events .event:hover{cursor:pointer;transition:.3s}#monthly-calendar #events .event .top{display:flex;justify-content:space-between;font-size:14px;padding:1px 5px}#monthly-calendar #events .event .bottom{display:flex;justify-content:space-between;background:#646dbd;padding:1px 5px}#monthly-calendar #events .event.meeting .bottom{background:#9659b3!important}#monthly-calendar #events .event .bottom .time,#monthly-calendar #events .event .bottom .customer{font-size:11px}#monthly-calendar #events .top{display:flex;justify-content:space-between;align-items:center}#monthly-calendar #events .top button{background:#0b9a36;color:#fff;height:30px;border:1px solid #0b9a36;border-radius:20px;display:flex;justify-content:center;align-items:center}#monthly-calendar #events .top button:hover{cursor:pointer;transition:.3s;background:white;color:#0b9a36}#monthly-calendar #events .top button .icon{width:20px}#monthly-calendar .weeks .week{display:flex}#monthly-calendar .week-day{width:14.28%;height:100px;border:1px solid #ffe3b8;background:#fff;animation:fadeIn}#monthly-calendar .week-day.today{border:1px solid #7782E1}#monthly-calendar .week-day .number{animation:fadeIn;display:flex;padding-left:5px;justify-content:space-between;background:#feeacd}#monthly-calendar .week-day.today .number{background:#7782E1;color:#fff}#monthly-calendar .week-day .events{display:flex;height:50px}#monthly-calendar .week-day .events{display:flex;flex-flow:column;height:100%}#monthly-calendar .week-day .events .event{background:#7782E1;height:16px;font-size:12px;animation:fadeIn .3s;overflow:hidden;margin-top:1px;color:#fff;display:flex;justify-content:space-between;padding-left:2px;padding-right:2px}#monthly-calendar .week-day .events .event.meeting{background:#BF77E1}#monthly-calendar .week-day .events .event.low,#monthly-calendar #events .event.low{border-left:5px solid #0b9a36}#monthly-calendar .week-day .events .event.medium,#monthly-calendar #events .event.medium{border-left:5px solid #fd9a09}#monthly-calendar .week-day .events .event.high,#monthly-calendar #events .event.high{border-left:5px solid #fd093b}#monthly-calendar .week-day .events .event:hover,#monthly-calendar #events .event:hover{transform:scale(1.03);transition:.3s;box-shadow:2px 2px 5px #44445596}#monthly-calendar .week-day .add-btn{padding:0;margin:0;height:auto;width:auto;background:none;border:none;color:#fd9a09;fill:#fd9a09;cursor:pointer}#monthly-calendar .week-day.today .add-btn{fill:#fff}#monthly-calendar .week-day .add-btn:hover{transform:scale(1.1);transition:.3s}#monthly-calendar .week-day .add-btn .icon{width:20px;height:20px}#monthly-calendar .week-day:hover{cursor:pointer;border:1px solid #fd9a09}#monthly-calendar .week-day.today:hover{cursor:pointer;border:1px solid #000}#view-event{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;display:flex;justify-content:center;align-items:center}#view-event .bg{position:fixed;left:0;top:0;width:100%;height:100%;background:#00000033}#view-event .modal{background:white;z-index:1;border-radius:10px;display:flex;flex-flow:column;animation:fadeIn .3s;min-width:340px}#view-event .modal .top{background:#f1f1f1;padding-left:1em;display:flex;justify-content:space-between;align-items:center;border-radius:10px 10px 0 0}#view-event .modal .inner-content{padding:10px;margin:0;display:flex;justify-content:center;align-items:center}#view-event .inner-content form{display:flex;flex-flow:wrap}#view-event .inner-content .left,#view-event .inner-content .right{display:flex;flex-flow:column;margin:1em;width:300px}#view-event .inner-content .calendar{width:300px}#view-event .inner-content .edit-detail{display:flex;flex-flow:column;margin:.3em 0}#view-event .inner-content .edit-detail input,#view-event .inner-content .edit-detail select,#view-event .inner-content .edit-detail textarea{padding:.8em;border-radius:5px;border:2px solid #a1a1a1;background:#f1f1f1}#view-event .inner-content .edit-detail input[type=checkbox]{width:30px;height:30px}#view-event .inner-content .edit-detail .checkbox{display:flex;align-items:center}#view-event .inner-content .edit-detail textarea{height:auto!important}#view-event .inner-content .edit-detail select option{background-color:#f1f1f1;margin:10px;color:#333;height:30px}#view-event .inner-content .edit-detail label{text-align:left}#view-event .inner-content .edit-detail small{color:#a1a1a1}#view-event .inner-content .edit-detail{width:300px}#view-event .inner-content .edit-detail #event-customer{width:275px;cursor:pointer}#view-event .inner-content .edit-detail #event-customer:focus{background:#feeacd!important}#view-event .inner-content .edit-detail .customer-icon{position:absolute;margin-left:-30px;margin-top:10px;pointer-events:none;transform:rotate(270deg)}#view-event .inner-content .edit-detail .customer-icon.down{transform:rotate(0)}#view-event .btns{display:flex;width:100%;justify-content:space-around;background:#f1f1f1;padding:1em 0;margin:0;border-radius:0 0 10px 10px}#view-event .top .buttons{display:flex;align-items:center;justify-content:center;margin-right:10px}#view-event .top .edit-btn,#view-event .top .close-btn{width:40px;height:40px;border-radius:10px;display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer;border:none}#view-event .top .edit-btn{background:#0bb53e;margin-right:10px!important;border:1px solid #0bb53e}#view-event .top .close-btn{background:#fd093b;border:1px solid #fd093b}#view-event .top .edit-btn:hover{transition:all .3s;transform:scale(1.1);border:1px solid #0bb53e;background:white}#view-event .top .close-btn:hover{transition:all .3s;transform:scale(1.1);border:1px solid #fd093b;background:white}#view-event .top .close-btn:hover>img{filter:brightness(0) saturate(100%) invert(23%) sepia(89%) saturate(7142%) hue-rotate(341deg) brightness(97%) contrast(105%)}#view-event .top .edit-btn:hover>img{filter:brightness(0) saturate(100%) invert(41%) sepia(88%) saturate(1518%) hue-rotate(109deg) brightness(99%) contrast(91%)}#view-event .top.reminder{background:#7782E1;color:#fff}#view-event .top.meeting{background:#BF77E1;color:#fff}#view-event .top.jobcard{background:#80BAE0;color:#fff}#view-event .btns button{font-size:.9em;height:35px;width:100%;max-width:200px;padding:0;display:flex;justify-content:center;align-items:center}#view-event .btns .update-btn:disabled{background:#d1d1d1;border:1px solid #d1d1d1}#view-event .btns .update-btn:hover:disabled{background:#d1d1d1;border:1px solid #d1d1d1;color:#fff}#view-event .btns button .icon{margin-right:5px;margin-left:-5px}#view-event .right .date-time{display:flex}#view-event .inner-content{display:flex;flex-flow:column;overflow:auto;padding:0 1em;overflow-x:hidden}#view-event .detail{display:flex;flex-flow:row;width:400px;margin:0 .3em;justify-content:space-between;align-items:center;padding:.5em 0;border-bottom:1px solid #969696}#view-event .detail:last-child{border:none}#view-event .detail label{font-size:14px!important;color:#969696;font-weight:600;display:flex;align-items:center}#view-event .detail img{width:30px;height:30px;margin-right:5px;filter:brightness(0) saturate(100%) invert(65%) sepia(0%) saturate(1013%) hue-rotate(162deg) brightness(94%) contrast(81%)}#view-event .detail.confirmed{background:#0bb53e33;border-radius:5px;padding:.2em;color:#0bb53e;text-align:center}#view-event .detail.not-confirmed{background:#fd093b33;border-radius:5px;padding:.2em;color:#fd093b;text-align:center;display:flex;flex-flow:row;justify-content:space-between}#view-event .detail.not-confirmed .resend-btn{background:#fd093b;color:#fff;border:none;border-radius:5px;transition:all .3s}#view-event .detail.not-confirmed .resend-btn:hover{cursor:pointer;transition:all .3s;background:none;color:#fd093b}#view-event .detail label{display:flex;font-size:.8em}#view-event .detail input{margin:.2em 0;padding:1em;border-radius:10px;border:2px solid #a1a1a1;outline:none;width:220px;background:#f1f1f1}#view-event .detail input.validated{border:2px solid #0bb53e}#view-event .detail input.not-validated{border:2px solid #fd093b}#view-event .detail .icon{width:15px;height:15px;margin-right:5px;position:relative;z-index:1}#view-event .role{font-weight:600;font-size:1.1em}@media only screen and (max-width: 768px){#view-event .modal{min-width:100px!important;max-width:100%!important;width:100%;margin:10px}#view-event .modal .inner-content{width:100%;margin:0;display:block;padding:0}#view-event .detail{margin-left:5%;width:90%;display:flex;justify-content:space-between}}.date-picker{position:relative;margin-right:10px}.date-picker .date-input{display:flex;flex-flow:row;justify-content:space-between;align-items:center;position:relative}.date-picker .date-input input{cursor:pointer}.date-picker .date-input input:focus{background:#feeacd!important}.date-picker .date-input .icon{position:relative;margin-left:-30px;pointer-events:none;cursor:pointer;transform:rotate(270deg);transition:.3s}.date-picker .date-input .icon.down{transform:rotate(360deg);transition:.3s}.date-picker .calendar-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e1e1e1;background:#feeacd;color:#fd9a09}.date-picker .calendar-header h2{font-size:1.2em;padding-right:.5em}.date-picker .calendar-days{display:flex}.date-picker .calendar-days .day{width:14.28%;height:20px;background:#fd9a09;color:#fff;display:flex;justify-content:center;align-items:center}.date-picker .calendar-week{display:flex;justify-content:space-evenly;width:100%}.date-picker .calendar-day{height:30px;width:40px;background:#fff;display:flex;justify-content:center;align-items:center;transition:.3s all}.date-picker .calendar-day .number{pointer-events:none}.date-picker .calendar-day.selected{background:#fd9a09;color:#fff}.date-picker .calendar-day.active:hover{cursor:pointer;background:#fd9a09;color:#fff;transform:scale(1.1);box-shadow:2px 2px 5px #33333363}.date-picker .date-calendar{position:absolute;box-shadow:2px 2px 5px #a1a1a1;border-radius:10px;z-index:99;top:0;margin-top:40px;animation:fadeIn .3s}.cur-pointer{cursor:pointer}.calendar{min-width:300px;max-height:50px;display:flex;flex-direction:column;color:#232323;position:relative}.week-list-items.cur-pointer{font-size:16px}.week-list-items.cur-pointer:hover{background:#ffc164}.calendar .active{background:#fd9a09!important;font-weight:600;font-size:1rem;color:#fff;pointer-events:none;border-radius:.5rem}.active-bg{background:linear-gradient(91.51deg,#315a98 1.52%,#487cbf 100.83%)!important;font-weight:600;color:#fff}.box-shadow-card{box-shadow:#64646f33 0 .125rem .4375rem .0625rem}.pointer-none{pointer-events:none}.v-none{visibility:hidden}.d-none{display:none!important}.cust-dis{opacity:.5}.bg-hover-clr{background:#def1ff}.btn-class{border:.0625rem solid #335d9b;background:white;font-weight:600;font-size:1rem;height:2.5rem;text-align:center;margin:.5rem 0;border-radius:.5rem;letter-spacing:.1rem}.btn-width{width:7rem}.jst-center{justify-content:space-evenly!important}.icon-height{height:2.3rem}.cal-initial-view{padding:.5rem 1.5rem;display:flex;margin-bottom:.5rem;font-size:1rem;font-weight:700;background:#f1f1f1;border-radius:5px!important;justify-content:space-between;align-items:center;height:2.3rem;border:2px solid #a1a1a1}.arrow-icon{height:1rem;rotate:-180deg}.rotate-arrow-icon{rotate:-90deg;animation:arrow_rotation .3s}@keyframes arrow_rotation{0%{rotate:-180deg}40%{rotate:-155deg}60%{rotate:-135deg}80%{rotate:-115deg}to{rotate:-90deg}}.cal-parent{display:inline-block;min-height:20rem;background:#f1f1f1;border-radius:.625rem!important;padding:0rem;border:2px solid #a1a1a1;position:absolute;left:0;right:0;top:1rem;transform:scale(.8);width:400px;margin-left:-50px;animation:growDown .3s ease-in;z-index:99}@keyframes growDown{0%{opacity:.2}40%{opacity:.4}60%{opacity:.6}80%{opacity:.8}to{opacity:1}}.cal-header{display:flex;justify-content:space-between;align-items:center;padding:10px;height:30px}.cal-header .left-arrow img{height:1rem;width:1rem}.cal-header .date-val{font-size:1rem;font-weight:700;line-height:1.25rem;letter-spacing:0rem;text-align:center}.cal-header .right-arrow img{height:1rem;width:1rem;rotate:-180deg}.cal-header .left-arrow,.cal-header .right-arrow{padding:10px}.cal-header .left-arrow:hover,.cal-header .right-arrow:hover{cursor:pointer;background:#fd9a09;color:#fff;padding:10px;border-radius:5px}.cal-sub-header{display:flex;justify-content:space-between;align-items:center;margin:1.25rem 0}.cal-sub-header .today-col .today-col-input{border:none;border-bottom:.0625rem solid #232323;height:2.5rem;text-align:center;letter-spacing:.1rem;font-size:.9375rem}.cal-sub-header .today-col .today-col-input:focus-visible{outline:none}.cal-sub-header .today-col .today-col-input::placeholder{opacity:.3;font-weight:500;letter-spacing:normal}.cal-sub-header .jump-today{width:6rem}.cal-sub-header-section{display:flex;justify-content:space-between;align-items:center;letter-spacing:.1rem;margin:1.25rem 0 .625rem}.main-container{display:flex;justify-content:space-evenly;flex-direction:column;align-items:center;letter-spacing:.1rem;margin-top:.625rem}.main-container .container-month-view{display:flex;justify-content:space-evenly;flex-wrap:wrap}.main-container .container-list{padding:.75rem;margin:.75rem;border-radius:.5rem;font-size:1rem}.main-container .container-list:hover{background-color:#efefef}.main-container .container-year-view{display:flex;align-items:center}.main-container .container-year-view .year-navi__icon{height:1rem}.main-container .container-year-view .year-navi__icon_right{rotate:-180deg}.main-container .container-year-view .container-year-list{display:flex;justify-content:space-evenly;flex-wrap:wrap}.main-container .container-day-view{display:block}.main-container .container-day-view .week-list{display:flex;flex-wrap:wrap;justify-content:space-evenly}.main-container .container-day-view .week-list .week-list-items{padding:.7rem;text-transform:uppercase;font-size:small;border-radius:.5rem}.main-container .container-day-view .week-list .week-list-items .today_highlight{border-radius:50%;background:#fd9a09;height:.125rem;display:block;width:100%}.calendar .active .today_highlight{background:white!important}.main-container .container-day-view .week-list .week-list-items:hover{background-color:#efefef}.main-container .container-day-view .list-header{font-weight:600;border:none;margin-bottom:1.25rem}.main-container .container-day-view .week-list__date{gap:.6875rem}.main-container .time-picker{display:flex;justify-content:center;align-items:center}.main-container .time-picker .icon_size{height:1rem;border-radius:1.5rem}.main-container .time-picker .increment-icon{rotate:90deg}.main-container .time-picker .decrement-icon{rotate:270deg}.main-container .time-picker .time-hours-picker{display:flex;margin:1.5rem;max-width:3rem;flex-wrap:wrap;justify-content:center}.main-container .time-picker .time-hours-picker .hour_value{margin-top:1.5rem;margin-bottom:1.5rem;font-size:3.875rem;font-weight:600;max-width:5rem;border:none;border-bottom:.0625rem solid #232323}.main-container .time-picker .time-hours-picker .hour_value:focus-visible{outline:none}.main-container .time-picker .time-hours-picker input::-webkit-outer-spin-button,.main-container .time-picker .time-hours-picker input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.main-container .time-picker .time-seperator{font-size:1.875rem;font-weight:600}.main-container .time-picker .time-mins-picker{display:flex;margin:1.5rem;max-width:3rem;flex-wrap:wrap;justify-content:center}.main-container .time-picker .time-mins-picker .min_value{margin-top:1.5rem;margin-bottom:1.5rem;font-size:3.875rem;font-weight:600;max-width:5rem;border:none;border-bottom:.0625rem solid #232323}.main-container .time-picker .time-mins-picker .min_value:focus-visible{outline:none}.main-container .time-picker .time-mins-picker input::-webkit-outer-spin-button,.main-container .time-picker .time-mins-picker input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.main-container .time-picker .time-meridiem-container{display:flex;justify-content:space-evenly;flex-wrap:wrap;max-width:2rem;align-items:center;margin-left:1rem}.main-container .time-picker .time-meridiem-container .time-meridiem_selector{text-align:center;margin:.35rem;padding:.5rem;border-radius:.5rem;background:#efefef}.time-parent{width:24rem;display:flex;justify-content:space-between;align-items:center;letter-spacing:normal}.time-parent .update-time{border:.0625rem solid #335d9b;background:#fff;font-weight:600;font-size:1rem;padding:.875rem 1.25rem;text-align:center;border-radius:.5rem;width:7rem}.time-parent .time-view{display:flex;align-items:center;border:none;text-align:center;border-radius:.5rem}.time-parent .time-view .time-value{display:flex;align-items:center;letter-spacing:normal;font-weight:600;margin-left:1rem;font-size:1rem}.time-parent .time-view .time-value .time-value-input{padding:.4rem;text-align:center;border-bottom:.025rem solid black!important;max-width:1.25rem;border:none}.time-parent .time-view .time-value .time-value-input:focus-visible{outline:none}.time-parent .time-view .time-value .time-seperator{padding:.15rem}.time-parent .time-view .time-value input::-webkit-outer-spin-button,.time-parent .time-view .time-value input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.time-parent .time-view .time-value .time-meridian{display:flex;margin-left:.5rem}.time-parent .time-view .time-value .time-meridian .time-meridian-list{margin:.25rem;padding:.3rem;background:#efefef;border-radius:.5rem}@media screen and (max-width: 512px) and (min-width: 420px){.calendar{scale:.85}}@media screen and (max-width: 419px){.calendar{scale:.7}}.container-day-view-tab,.container-day-view-tab table{width:100%}.container-day-view-tab table thead th{text-align:center;padding:.7rem;text-transform:uppercase;font-size:small;border-radius:.5rem}.container-day-view-tab table tbody td{text-align:center;padding:.125rem .375rem}.container-day-view-tab table tbody td div{text-transform:uppercase;font-size:small;border-radius:.5rem;padding:.7rem}.container-day-view-tab table tbody td div .today_highlight{background:#fd9a09!important;height:.2rem;display:block;width:100%}.dropdown{min-width:300px;border-radius:5px;max-height:300px;position:relative}.dropdown .dropdown-list{position:absolute;z-index:9999;top:100%;background:#feeacd;overflow-y:auto;overflow-x:hidden;max-width:300px;min-height:80px;box-shadow:0 0 15px #0002;transition:.3s all;animation:fadeIn .2s;border-radius:0 0 10px 10px;max-height:300px}.dropdown .dropdown-list label.item{display:flex;flex-flow:row;justify-content:space-between;padding:0;margin:0;width:100%;overflow:hidden}.dropdown .dropdown-list .item .left,.dropdown .dropdown-list .item .right{display:flex;align-items:center;flex-flow:row!important;margin:0!important;padding:5px}.dropdown .dropdown-list .item .right{display:flex;justify-content:flex-end}.dropdown .selected{background:#f1f1f1;padding:5px;min-height:20px;border:2px solid #a1a1a1;border-top:none;margin-top:-5px}.dropdown input[type=text],.dropdown input[type=email]{width:275px;cursor:pointer}.dropdown input[type=text].multiple{border-bottom:none}.dropdown input[type=checkbox],.dropdown input[type=radio]{width:30px;height:30px}.dropdown input:focus{background:#feeacd!important}.dropdown .dropdown-list .item{display:flex;border-bottom:2px solid #fff;height:auto;padding:0;margin:0}.dropdown .dropdown-list .item:hover{background:#ffe5bd;cursor:pointer}.dropdown .icon{position:relative;pointer-events:none;margin-left:-30px;transform:rotate(270deg);transition:.3s all}.dropdown .icon.down{transform:rotate(360deg);transition:.3s all}.dropdown .input-container{display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer}#add-event{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;display:flex;justify-content:center;align-items:center}#add-event .bg{position:fixed;left:0;top:0;width:100%;height:100%;background:#00000033}#add-event .modal{background:white;z-index:1;border-radius:10px;display:flex;flex-flow:column;animation:fadeIn .3s;min-width:340px}#add-event .modal .top{background:#f1f1f1;padding-left:1em;display:flex;justify-content:space-between;align-items:center;border-radius:10px 10px 0 0}#add-event .modal .inner-content{padding:10px;margin:0;display:flex;justify-content:center;align-items:center}#add-event .inner-content form{display:flex;flex-flow:wrap}#add-event .inner-content .left,#add-event .inner-content .right{display:flex;flex-flow:column;margin:1em;width:300px}#add-event .inner-content .calendar{width:300px}#add-event .inner-content .edit-detail{display:flex;flex-flow:column;margin:.3em 0}#add-event .inner-content .edit-detail input,#add-event .inner-content .edit-detail select,#add-event .inner-content .edit-detail textarea{padding:.8em;border-radius:5px;border:2px solid #a1a1a1;background:#f1f1f1}#add-event .inner-content .edit-detail input[type=checkbox]{width:30px;height:30px}#add-event .inner-content .edit-detail .checkbox{display:flex;align-items:center}#add-event .inner-content .edit-detail select option{background-color:#f1f1f1;margin:10px;color:#333;height:30px}#add-event .inner-content .edit-detail label{text-align:left}#add-event .inner-content .edit-detail small{color:#a1a1a1}#add-event .inner-content .edit-detail{width:300px}#add-event .btns{display:flex;width:100%;justify-content:space-around;background:#f1f1f1;padding:1em 0;margin:0;border-radius:0 0 10px 10px}#add-event .top .close-btn{width:40px;height:40px;margin-right:10px;margin-top:-5px;border-radius:10px;padding:5px;background:#fd093b;border:1px solid #fd093b;color:#fff;cursor:pointer}#add-event .top .close-btn:hover{background:#fff;color:#fd093b;transition:all .3s}#add-event .btns button{font-size:.9em;height:35px;width:100%;max-width:200px;padding:0;display:flex;justify-content:center;align-items:center}#add-event .btns .update-btn:disabled{background:#d1d1d1;border:1px solid #d1d1d1}#add-event .btns .update-btn:hover:disabled{background:#d1d1d1;border:1px solid #d1d1d1;color:#fff}#add-event .btns button .icon{margin-right:5px;margin-left:-5px}#add-event .right .date-time{display:flex}@media only screen and (max-width: 768px){#add-event .modal{height:100%;width:100%}#add-event .modal .inner-content{overflow:auto}#add-event .inner-content form{width:100%;display:flex;flex-flow:column;align-items:center;height:100%}}#weekly-calendar{display:flex;flex-flow:row;width:100%}#weekly-calendar .weekly-calendar{width:100%}#weekly-calendar #events{width:300px;margin:10px}#weekly-calendar .header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e1e1e1;background:#feeacd;color:#fd9a09;width:100%}#weekly-calendar .left-btns{display:flex;margin-left:10px}#weekly-calendar .left-btns button{width:40px!important;height:35px;display:flex;justify-content:center;align-items:center;border-radius:5px;background:#fd9a09;border:1px solid #fd9a09;margin:1px;color:#fff;fill:#fff}#weekly-calendar .left-btns button:hover{cursor:pointer;transition:.2s;background:none;fill:#fd9a09}#weekly-calendar .right-btns{display:flex;margin-right:10px}#weekly-calendar .right-btns button{height:35px;display:flex;justify-content:center;align-items:center;border-radius:5px;background:#fd9a09;border:1px solid #fd9a09;margin:1px;color:#fff;fill:#fff}#weekly-calendar .right-btns button:hover{cursor:pointer;transition:.2s;background:none;color:#fd9a09}#weekly-calendar .week{display:flex;width:100%}#weekly-calendar .week .day .heading{display:flex;justify-content:center;padding:0 5px;align-items:flex-start;flex-flow:column;background:#fd9a09;border:1px solid white;color:#fff;position:absolute}#weekly-calendar .week .day .date{font-size:20px}#weekly-calendar .week .day .day-of-week{font-size:12px}#weekly-calendar .week .day .time{margin-top:42px}#weekly-calendar .week .day{width:14.28%;display:flex;flex-flow:column}#weekly-calendar .allday{height:40px;width:100%;font-size:12px;display:flex;align-items:center;justify-content:center;border:1px solid #feeacd}#weekly-calendar .today .allday{border:1px solid #b8bfff}#weekly-calendar .week .days .allday:hover{cursor:pointer;transition:.3s;border:1px solid #fd9a09}#weekly-calendar .week .days .hours .heading{height:42px}#weekly-calendar .week .days .hours .hour{height:40px;display:flex;align-items:center}#weekly-calendar .week .days{width:100%;display:flex;max-height:500px;overflow-x:hidden;overflow-y:auto}#weekly-calendar .week .today .heading{background:#7782E1}#weekly-calendar .week .today .hour{border:1px solid #b8bfff}#weekly-calendar .hour{border:1px solid #ffe3b8;height:40px;width:100%}#weekly-calendar .hour{overflow:hidden}#weekly-calendar .hour .hour-events:hover{box-shadow:2px 2px 5px #a1a1a1;background:white;padding:5px;transition:.3s all}#weekly-calendar #events .bottom{max-height:300px;overflow-y:auto;overflow-x:hidden}#weekly-calendar #events .top{display:flex;justify-content:space-between;align-items:center}#weekly-calendar #events .top button{background:#0b9a36;color:#fff;height:30px;border:1px solid #0b9a36;border-radius:20px;display:flex;justify-content:center;align-items:center}#weekly-calendar #events .top button:hover{cursor:pointer;transition:.3s;background:white;color:#0b9a36}#weekly-calendar #events .top button .icon{width:20px}#weekly-calendar #events .bottom .event{height:auto;background:#7782E1;color:#fff;border-radius:2px;margin-top:3px;overflow:hidden;display:flex;flex-flow:column;overflow:auto;animation:fadeIn .3s}#weekly-calendar #events .bottom .event.meeting{background:#BF77E1}#weekly-calendar #events .bottom .event:hover{cursor:pointer;transition:.3s}#weekly-calendar #events .bottom .event .top{display:flex;justify-content:space-between;font-size:14px;padding:1px 5px}#weekly-calendar #events .bottom .event .bottom{display:flex;justify-content:space-between;background:#646dbd;padding:1px 5px}#weekly-calendar #events .bottom .event.meeting .bottom{background:#9659b3}#weekly-calendar #events .bottom .event .bottom .time,#weekly-calendar #events .bottom .event .bottom .customer{font-size:11px}#weekly-calendar .event{background:#7782E1;height:16px;font-size:12px;overflow:hidden;margin-top:1px;color:#fff;display:flex;justify-content:space-between;padding-left:2px;padding-right:2px;animation:fadeIn .3s}#weekly-calendar .event.meeting{background:#BF77E1}#weekly-calendar .event.low{border-left:5px solid #0b9a36}#weekly-calendar .event.medium{border-left:5px solid #fd9a09}#weekly-calendar .event.high{border-left:5px solid #fd093b}#weekly-calendar .event:hover{transform:scale(1.03);transition:.3s;box-shadow:2px 2px 5px #44445596}#weekly-calendar .hour:hover{cursor:pointer;border:1px solid #fd9a09}#weekly-calendar .week .times{height:100%}#weekly-calendar .week .times .time-hour{border:1px solid #ffe3b8}#weekly-calendar .week .times .top{height:20px}#weekly-calendar .time-hour{text-align:left;width:50px;height:40px;display:flex;justify-content:center;align-items:center}.calendar-date-picker .date-input input{width:275px!important;display:none;cursor:pointer}.calendar-date-picker .date-input input:focus{background:#feeacd!important}.calendar-date-picker .date-input .icon{position:absolute;margin-left:-30px;margin-top:10px;pointer-events:none;cursor:pointer;transform:rotate(270deg);transition:.3s}.calendar-date-picker .date-input .icon.down{transform:rotate(360deg);transition:.3s}.calendar-date-picker .calendar-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e1e1e1;background:#feeacd;color:#fd9a09}.calendar-date-picker .calendar-header h2{font-size:1.2em;padding-right:.5em}.calendar-date-picker .calendar-days{display:flex}.calendar-date-picker .calendar-days .day{width:14.28%;height:20px;background:#fd9a09;color:#fff;display:flex;justify-content:center;align-items:center}.calendar-date-picker .calendar-week{display:flex;justify-content:space-evenly;width:100%}.calendar-date-picker .calendar-day{height:30px;width:40px;background:#fff;display:flex;justify-content:center;align-items:center;transition:.3s all}.calendar-date-picker .calendar-day .number{pointer-events:none}.calendar-date-picker .calendar-day.selected{background:#fd9a09;color:#fff}.calendar-date-picker .calendar-day.active:hover{cursor:pointer;background:#fd9a09;color:#fff;transform:scale(1.1);box-shadow:2px 2px 5px #33333363}.calendar-date-picker .date-calendar{border-radius:10px;z-index:99;animation:fadeIn .3s}#calendar-message{position:fixed;left:0;bottom:0;width:100%;min-height:40px;background:#d1d1d1cc;display:flex;justify-content:center;align-items:center;color:#fff;z-index:999;pointer-events:none}#calendar-message.success{background:#0bb53ecc}#calendar-message.error{background:#fd093bcc}#calendar-message.info{background:#1dadf0cc}#edit-event{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;display:flex;justify-content:center;align-items:center}#edit-event .bg{position:fixed;left:0;top:0;width:100%;height:100%;background:#00000033}#edit-event .modal{background:white;z-index:1;border-radius:10px;display:flex;flex-flow:column;animation:fadeIn .3s;min-width:340px}#edit-event .modal .top{background:#f1f1f1;padding-left:1em;display:flex;justify-content:space-between;align-items:center;border-radius:10px 10px 0 0}#edit-event .modal .inner-content{padding:10px;margin:0;display:flex;justify-content:center;align-items:center}#edit-event .inner-content form{display:flex;flex-flow:wrap}#edit-event .inner-content .left,#edit-event .inner-content .right{display:flex;flex-flow:column;margin:1em;width:300px}#edit-event .inner-content .calendar{width:300px}#edit-event .inner-content .edit-detail{display:flex;flex-flow:column;margin:.3em 0}#edit-event .inner-content .edit-detail input,#edit-event .inner-content .edit-detail select,#edit-event .inner-content .edit-detail textarea{padding:.8em;border-radius:5px;border:2px solid #a1a1a1;background:#f1f1f1}#edit-event .inner-content .edit-detail input[type=checkbox]{width:30px;height:30px}#edit-event .inner-content .edit-detail .checkbox{display:flex;align-items:center}#edit-event .inner-content .edit-detail textarea{height:auto!important}#edit-event .inner-content .edit-detail select option{background-color:#f1f1f1;margin:10px;color:#333;height:30px}#edit-event .inner-content .edit-detail label{text-align:left}#edit-event .inner-content .edit-detail small{color:#a1a1a1}#edit-event .inner-content .edit-detail{width:300px}#edit-event .inner-content .edit-detail #event-customer{width:275px;cursor:pointer}#edit-event .inner-content .edit-detail #event-customer:focus{background:#feeacd!important}#edit-event .inner-content .edit-detail .customer-icon{position:absolute;margin-left:-30px;margin-top:10px;pointer-events:none;transform:rotate(270deg)}#edit-event .inner-content .edit-detail .customer-icon.down{transform:rotate(0)}#edit-event .btns{display:flex;width:100%;justify-content:space-around;background:#f1f1f1;padding:1em 0;margin:0;border-radius:0 0 10px 10px}#edit-event .top .close-btn{width:40px;height:40px;margin-right:10px;margin-top:-5px;border-radius:10px;padding:5px;background:#fd093b;border:1px solid #fd093b;color:#fff;cursor:pointer}#edit-event .top .close-btn:hover{background:#fff;color:#fd093b;transition:all .3s}#edit-event .btns button{font-size:.9em;height:35px;width:100%;max-width:200px;padding:0;display:flex;justify-content:center;align-items:center}#edit-event .btns .update-btn:disabled{background:#d1d1d1;border:1px solid #d1d1d1}#edit-event .btns .update-btn:hover:disabled{background:#d1d1d1;border:1px solid #d1d1d1;color:#fff}#edit-event .btns button .icon{margin-right:5px;margin-left:-5px}#edit-event .right .date-time{display:flex}@media only screen and (max-width: 768px){#edit-event .modal{height:100%;width:100%}#edit-event .modal .inner-content{overflow:auto}#edit-event .inner-content form{width:100%;display:flex;flex-flow:column;align-items:center;height:100%}}#verified .verified-success{display:flex;flex-flow:column;align-items:center;animation:fadeIn .3s linear;margin-top:3em}#verified .verified-success .success-icon{width:150px;color:#0b9a36}#maintenance{display:flex;flex-flow:column;justify-content:center;align-items:center;padding:20px}#maintenance h1{max-width:600px;text-align:center;color:#fd9a09;font-weight:300}#maintenance .nav-links{display:flex;justify-content:center}#reset-password{position:fixed;left:0;top:0;width:100%;height:100%;background:#f1f1f1;z-index:8;display:flex;justify-content:center;align-items:center}#reset-password form{background:white;padding:2em 3em;border-radius:10px;box-shadow:10px 10px 15px #e1e1e1;display:flex;flex-flow:column;justify-content:center;align-items:center;animation:fadeIn .5s}#reset-password form .logo{width:120px}#reset-password form input{width:100%;padding:1em;margin:.4em;border-radius:10px;border:2px solid #e1e1e1;background:#f1f1f1;font-family:Outfit,sans-serif;font-size:1em}#reset-password form button[type=submit]{width:100%;padding:1em;margin-top:2em;border-radius:10px;border:none;text-align:center!important;display:flex;justify-content:center;border:1px solid #fd9a09;font-size:1em}#reset-password form span{font-size:.9em}#reset-password form a{text-decoration:none}#forgot-password{position:fixed;left:0;top:0;width:100%;height:100%;background:#f1f1f1;z-index:8;display:flex;justify-content:center;align-items:center}#forgot-password form{background:white;padding:2em 3em;border-radius:10px;box-shadow:10px 10px 15px #e1e1e1;display:flex;flex-flow:column;justify-content:center;align-items:center;animation:fadeIn .5s}#forgot-password form .logo{width:120px}#forgot-password form input{width:100%;padding:1em;margin:.4em;border-radius:10px;border:2px solid #e1e1e1;background:#f1f1f1;font-family:Outfit,sans-serif;font-size:1em}#forgot-password form button[type=submit]{width:100%;padding:1em;margin-top:2em;border-radius:10px;border:none;text-align:center!important;display:flex;justify-content:center;border:1px solid #fd9a09;font-size:1em}#forgot-password form span{font-size:.9em}#forgot-password form a{text-decoration:none}