.presentation-page{overflow-x:hidden}.section-components .title{margin-top:60px;margin-bottom:5px}.section-components .description{margin-top:35px}.section-components .image-container{height:560px;position:relative}.section-components .components-macbook{width:auto;height:100%;position:absolute;top:0;left:-100px}.section-components .table-img,.section-components .share-btn-img,.section-components .coloured-card-btn-img,.section-components .coloured-card-img,.section-components .social-img,.section-components .pin-btn-img{position:absolute;box-shadow:0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f,0 5px 5px -3px #0003}.section-components .coloured-card-img{border-radius:2px;height:90px;top:11%;left:90%}.section-components .social-img{height:40px;top:67%;left:70%}.section-components .coloured-card-btn-img{border-radius:6px;height:125px;top:2%;left:35%}.section-components .table-img{border-radius:2px;height:175px;top:27%;left:-13%}.section-components .pin-btn-img{border-radius:3px;height:25px;top:68%;left:0%}.section-components .share-btn-img{height:25px;top:-3%;left:3%}.section-content .section-description{margin-top:100px}.section-content .title{margin-bottom:5px}.section-content .section-description .title+.description{margin-top:0}.section-content .description{margin-top:35px}.section-content .image-container{max-width:900px;position:relative}.section-content .image-container .ipad-img{z-index:2;width:100%;transition:transform .6s .9s}.section-content .image-container .area-img,.section-content .image-container .info-img{opacity:0;position:absolute;transform:translateY(100px);box-shadow:0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f,0 5px 5px -3px #0003}.section-content .image-container .area-img{z-index:2;-o-transition:all 1s ease-out 0s;width:250px;height:300px;transition:all 1s ease-out;top:10%;left:60%}.section-content .image-container .info-img{-o-transition:all 1s ease-out 0s;width:300px;height:200px;transition:all 1s ease-out;top:50%;left:0%}.animated{opacity:1!important;transform:translate(0,0)!important}@keyframes Floatingy{0%{-webkit-transform:translate(0)}65%{-webkit-transform:translate(50px)}to{-webkit-transform:translate(0)}}@-moz-keyframes Floatingy{0%{-moz-transform:translate(0)}65%{-moz-transform:translate(50px)}to{-moz-transform:translate(0)}}@keyframes Floatingx{0%{-webkit-transform:translate(50px)}65%{-webkit-transform:translate(0)}to{-webkit-transform:translate(50px)}}@-moz-keyframes Floatingx{0%{-moz-transform:translate(50px)}65%{-moz-transform:translate(0)}to{-moz-transform:translate(50px)}}.table-img,.coloured-card-img,.coloured-card-btn-img,.pin-btn-img,.share-btn-img,.social-img{float:left;animation-name:Floatingy;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.table-img{animation-name:Floatingx;animation-duration:14s}.coloured-card-img{animation-name:Floatingx;animation-duration:10s}.coloured-card-btn-img{animation-duration:18s}.pin-btn-img{animation-duration:15s}.share-btn-img{animation-duration:11s}.social-img{animation-name:Floatingx;animation-duration:16s}.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{animation-duration:.75s}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate(0,0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(-30px)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(-15px)}90%{transform:translateY(-4px)}}.bounce{transform-origin:bottom;animation-name:bounce}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}.fixed-section{border-bottom:1px solid #dcdcdccc;max-height:71vh;top:90px;overflow:scroll}.fixed-section ul li{list-style:none}.fixed-section li a{color:#666;padding:2px;font-size:14px;display:block}.fixed-section li a.active{color:#0bf}.fixed-section.float{width:200px;margin-top:0;position:fixed;top:100px}@media (width<=991px){.fixed-section.affix{margin-bottom:100px;position:relative}}#images h4{margin-bottom:30px}#javascriptComponents{padding-bottom:0}#javascriptComponents .btn-raised{margin:10px 0}#fyno_spinner{z-index:99999;background:#eeeeeec9 url(https://dev.fyno.ma/assets/fyno-spinner-BHCf5sJm.gif) 50%/100px no-repeat;width:100%;height:100%;position:absolute}.fynoicon{color:#555;cursor:inherit;margin-right:0;padding:2px;font-size:28px;line-height:1;display:inline}.fynoicon-white{color:#fff;cursor:inherit;margin-right:0;padding:12px;font-size:28px;line-height:1;display:inline}.topnav_fynoicon i.fynoicon{border-radius:60px;padding:.2em;font-size:24px;display:inline-block;box-shadow:0 0 4px #888}.navbar-nav .logout-icon a{color:#f44336;box-shadow:0 0 4px #888;border-radius:60px!important;padding:.25em .35em!important;font-size:17px!important;display:inline-block!important}.navbar-nav .alerts-icon>a{box-shadow:0 0 4px #888;border-radius:60px!important;padding:.36em .3em!important;font-size:17px!important;display:inline-block!important}.navbar-nav .alerts-icon>a>i{color:#faa431;margin-right:0!important;font-size:24px!important}.navbar-nav .alerts-icon .dropdown-menu #all_alerts>i{margin-right:2px}.navbar-nav .alerts-icon .dropdown-menu #all_alerts{color:#ff9800}.navbar-nav .alerts-icon .dropdown-menu #all_alerts:hover{color:#fff;background-color:#ff9800}.navbar-nav .alerts-icon .dropdown-menu #read_all_alerts>i{margin-right:2px}.navbar-nav .alerts-icon .dropdown-menu #read_all_alerts{color:#f44336}.navbar-nav .alerts-icon .dropdown-menu #read_all_alerts:hover{color:#fff;background-color:#f44336}.navbar-nav .alerts-icon .dropdown-menu #enable_notifs>i{margin-right:2px}.navbar-nav .alerts-icon .dropdown-menu #enable_notifs{color:#1e7fb0}.navbar-nav .alerts-icon .dropdown-menu #enable_notifs:hover{color:#fff;background-color:#1e7fb0cc}.togglebutton label input[type=checkbox]:checked+.notif-switch{background-color:#1e7fb0b3!important}.togglebutton label input[type=checkbox]:checked+.notif-switch:after{border-color:#1e7fb0!important}.navbar-nav .dropdown-menu .dropdown-item:hover,.navbar-nav .dropdown-menu .dropdown-item:focus,.navbar-nav .dropdown-menu a:hover,.navbar-nav .dropdown-menu a:focus,.navbar-nav .dropdown-menu a:active{background-color:#ff9800}.navbar .navbar-nav .nav-item .nav-link .ripple-container{border-radius:20%}.topnav_fynoicon #my_location,.topnav_fynoicon .fynoicon-geolocation{color:#2495ce}.vl-separator{border-right:3px solid #a9a9a9;border-radius:10px;height:22px;margin-left:11px;position:relative;top:-3px;right:3%}.vl-separator-m{border-right:3px solid #a9a9a9;border-radius:10px;height:22px;margin-left:11px;position:relative;right:3%}.navbar .notification{background-color:#faa431!important}.navbar .navbutton{margin-right:12px;position:absolute;right:91px}.navbar .navbutton ul{float:left;margin-bottom:0;padding:0;list-style-type:none}.topnav_fynoicon{cursor:pointer;float:left;margin-bottom:-5px;margin-right:10px;padding:0;display:inline}.topnav_fynoicon .fynoicon{display:inline-block}.navbar .navbar-minimize .btn.btn-white,.btn.btn-white:focus,.btn.btn-white:hover{color:#999;background-color:#ffffff05;box-shadow:0 0 4px #888}.fyno-notif .plate{background-color:#bbafaf!important}.checkbox-menu li label{clear:both;color:#333;white-space:nowrap;margin:0;padding:3px 10px;font-weight:400;line-height:1.42857;transition:background-color .4s;display:block}.checkbox-menu li input{margin:0 5px;position:relative;top:2px}.checkbox-menu li.active label{background-color:#fff;font-weight:700}.checkbox-menu li label:hover,.checkbox-menu li label:focus{background-color:#f5f5f5}.checkbox-menu li.active label:hover,.checkbox-menu li.active label:focus{background-color:#fff}.checkbox-menu .form-check .form-check-label span{position:relative}.mb-15{margin-bottom:15px}.mt-15{margin-top:15px}.mt--15{margin-top:-15px}.dataTables_length{margin-top:-8px;position:absolute}#Datatable_intervention_wrapper .dt-buttons,#Datatable_maintenanceplan_wrapper .dt-buttons,#Datatable_refuel_wrapper .dt-buttons,#Datatable_fuel_staions_refuels_wrapper .dt-buttons,#Datatable_sm_wrapper .dt-buttons,#Datatable_alert_wrapper .dt-buttons{display:none!important}