body,html{overflow-x:hidden!important;width:auto!important}body{background-color:#fff}.list-group .list-group-item{color:#8f9299}#navbutton{border-radius:5px;margin-right:20px;padding:0 5px}#navbutton i{color:#544ac3}#notifyDropdown{left:auto;right:-90%;width:30vw}#notifyDropdown h3{font-size:24px;font-weight:700}#notifyDropdown a{color:#000;text-decoration:none}#notifyDropdown p{color:#5d5d67}#profileDropdown{left:auto;right:-90%;width:22vw}#profileDropdown a{color:#000;text-decoration:none}#profileDropdown p{color:#5d5d67}#profileDropdown h6{padding:10px}#profileDropdown i{background-color:#e0e7f9;border-radius:50px;color:#000;padding:15px}#profileDropdown li{margin:0;padding:0}#sidebar-wrapper{background-color:#fff;height:100%;position:fixed}#plusicon{margin-top:50%;text-align:center}#plusicon i{background-color:#544ac3;border-radius:0 10px 10px 10px;bottom:0;color:#fff;left:5px;padding:15px;position:fixed}.circular-menu{bottom:1em;left:.2em;position:fixed}.circular-menu .floating-btn{border-radius:0 10px 10px 10px;color:#fff;cursor:pointer;display:block;height:3em;line-height:3.2;outline:0;text-align:center;width:3em}.circular-menu.active .floating-btn{box-shadow:inset 0 0 3px rgba(0,0,0,.3)}.circular-menu .floating-btn:active{box-shadow:0 4px 8px 0 rgba(0,0,0,.4)}.circular-menu .floating-btn i{font-size:1.3em;transition:transform .2s}.circular-menu:after{border-radius:50%;content:" ";display:block;height:3em;position:absolute;right:0;top:0;transition:all .3s ease;width:3em;z-index:-2}.circular-menu.active:after{transform:scale3d(5.5,5.5,1);transition-timing-function:cubic-bezier(.68,1.55,.265,1)}.circular-menu .items-wrapper{margin:0;padding:10}.circular-menu .menu-item{color:#fff;display:block;font-size:1em;height:3em;line-height:3.5;position:absolute;right:.2em;text-align:center;text-decoration:none;top:.2em;transition:transform .3s ease,background .2s ease;width:3em;z-index:-1}.circular-menu.circular-menu-left .floating-btn,.circular-menu.circular-menu-left:after{background-color:#544ac3}.circular-menu.circular-menu-left.active .menu-item:first-child{transform:translate3d(.3em,-7em,0)}.circular-menu.circular-menu-left.active .menu-item:nth-child(2){transform:translate3d(3.8em,-6.3em,0)}.circular-menu.circular-menu-left.active .menu-item:nth-child(3){transform:translate3d(6.1em,-3.2em,0)}.circular-menu.circular-menu-left.active .menu-item:nth-child(4){transform:translate3d(7em,.2em,0)}#cardDetail h5{font-size:20px}#cardDetail h4,#cardDetail h5{color:#25396f;font-weight:700;margin:0}#cardDetail h4{font-size:16px;padding-bottom:3px}#cardDetail p{color:#7b8db5;font-size:14px;margin:0}#rightSection{background-color:#fff}#rightSection .nav-link{color:#7b8db5}#rightSection .active,#rightSection .nav-link:focus{color:#25396f}#dashboard #cardDetail h4,#dashboard #cardDetail h5{color:#fff}#dashboard #cardDetail p{color:#fff;font-size:13px;margin:0}#dashboard #cardDetail span{color:#fff;color:#000;font-size:16px;font-weight:700;margin:0;padding-bottom:3px}#dashboard .fa-unlink{color:#fff;margin-top:50px}#dashboard #rightSection{background-color:#f5f8ff}#dashboard .main{margin-left:15%;width:80%}.has-search .form-control{background-color:#f5f8ff;border:none;padding-left:2.375rem}.has-search .form-control-feedback{color:#aaa;display:block;height:2.375rem;line-height:2.375rem;pointer-events:none;position:absolute;text-align:center;width:2.375rem;z-index:2}#dashboard #clientCard{border-radius:10px;padding:0}#dashboard #clientDetail h5{color:#25396f;font-size:18px;font-weight:700;margin:0}#dashboard #nopad h5{padding-left:50px}#dashboard #clientDetail h4{color:#25396f;font-size:13px;font-weight:500;margin:0}#dashboard #clientDetail p{color:#25396f;font-size:12px;font-weight:500;margin:0}#dashboard #clientDetail .fa-file{color:#83c759;font-size:12px;margin:5px 0 0 7px}#dashboard #clientDetail .fa-calendar{color:#7b8db5;margin:15px 0 0}#dashboard #clientDetail .fa-download{background-color:#25396f;border-radius:3px;color:#fff;margin-top:80px;padding:5px}.modal-title{color:#25396f;font-size:24px;font-weight:700}.modal form label{color:#7b8db5;font-weight:700;padding-bottom:5px}#dashboard form{padding:20px}form .form-control{background-color:transparent;border:1px solid #8f9299;outline:none}form .form-control:focus{border:1px solid #25396f;outline:none}#dashboard form .btn{background-color:#25396f;border-radius:5px;box-shadow:0 2px 5px 0 rgba(0,0,0,.5);color:#fff;margin-right:5%;padding:5px;width:30%}#moreHome button{background:#25396f;border:none;border-radius:5px;color:#fff;font-size:18px;font-weight:700;padding:10px 20px}#clientPage #cardDetail h5{font-size:18px}#clientPage #cardDetail p{color:#25396f;font-size:12px;font-weight:500;margin:0}#clientPage #cardDetail .fa-file{color:#83c759;font-size:12px;margin:5px 0 0 7px}#clientPage #cardDetail .fa-calendar{color:#7b8db5;margin:15px 0 0}#clientPage #cardDetail .fa-download{background-color:#25396f;border-radius:3px;color:#fff;padding:5px}#clientPage #card{border-radius:10px;padding:0}#clientPage #clientPage .main{margin-left:15%;width:80%}#clientPage .modal-title{color:#25396f;font-size:24px;font-weight:700}#clientPage form{padding:20px}#clientPage .modal form label,#clientPage form label{color:#7b8db5;font-weight:700;padding-bottom:5px}#clientPage form .form-control{background-color:transparent;border:1px solid #8f9299;outline:none}#clientPage form .form-control:focus{border:1px solid #25396f;outline:none}#clientPage form .btn{background-color:#25396f;border-radius:5px;box-shadow:0 2px 5px 0 rgba(0,0,0,.5);color:#fff;margin-right:5%;padding:5px;width:30%}#clientPage form .btn:hover{color:#fff}#clientPage form #noborder input{background:transparent;border:0;border-bottom:1px solid #000;font-size:14px;outline:0;padding:0}#clientPage form #plus i{background-color:silver;border-radius:10px;color:#25396f;margin-top:5px;padding:20px}#clientPage form #contract{background-color:#25396f;border:none;border-radius:20px;box-shadow:0 2px 5px 0 rgba(0,0,0,.3);color:#fff;font-size:13px;padding:5px 10px}#clientPage .form-check-input:checked{background-color:#25396f;border-color:#25396f}#title .btn{background-color:#25396f;border-radius:20px;box-shadow:0 2px 5px 0 rgba(0,0,0,.5);color:#fff;margin-left:45%;padding:5px;width:50%}#driverPage #card{padding:20px 10px}#driverPage #driverId{color:#000;font-size:14px;margin:0;padding-left:15px}#driverPage form{margin:20px}form label{color:#7b8db5;font-weight:700;padding-bottom:5px}#driverPage form .btn{background-color:#25396f;border-radius:5px;box-shadow:0 2px 5px 0 rgba(0,0,0,.5);color:#fff;margin-right:15%;padding:5px;width:15%}#driverPage form .btn:hover{color:#fff}#driverPage #imageUpload{display:none}#driverPage #profileImage{cursor:pointer}#driverPage #profile-container{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;height:35px;overflow:hidden;width:35px}#driverPage #profile-container img{height:35px;width:35px}#driverDetailPage #card{padding:20px 10px}#driverDetailPage #driverId{color:#000;font-size:14px;margin:0;padding-left:15px}#driverDetailPage #scheduleBtn .btn{background-color:#fff;border-radius:20px;box-shadow:0 2px 5px 0 rgba(0,0,0,.3);color:#25396f;font-weight:700;margin-top:5px;padding:3px 20px}#driverDetailPage #carDetail h4,#driverDetailPage #carDetail p{color:#fff}#driverDetailPage #Trip h5{font-size:20px}#driverDetailPage #Trip h5,#driverDetailPage #Trip p{color:#25396f;font-weight:700;margin:0;text-align:left}#driverDetailPage #Trip p{font-size:11px}#driverDetailPage #Trip h4{color:#7b8db5;font-size:14px;font-weight:700;margin-top:0;text-align:center}#driverDetailPage #TripClient p{color:#fff;font-size:12px;margin:0;text-align:center}#driverDetailPage #TripClient h5{color:#fff;font-size:16px;margin:0;text-align:center}#driverDetailPage #trips h4{color:#7b8db5;font-size:14px;font-weight:700;text-align:center}#driverDetailPage #trips p{color:#25396f;font-size:16px;font-weight:700;text-align:center}#driverDetailPage #map{height:400px;width:80%}#driverDetailPage .wrap{-ms-overflow-style:none;display:flex;overflow-x:auto;scrollbar-width:none}#driverDetailPage .wrap section{margin:8px;min-width:18vw}#driverDetailPage .wrap::-webkit-scrollbar{display:none}#driverDetailPage .modal form .btn{background-color:#25396f;border-radius:5px;box-shadow:0 2px 5px 0 rgba(0,0,0,.5);color:#fff;margin-right:5%;padding:5px;width:30%}#driverDetailPage form{margin:20px}#driverDetailPage form .btn{background-color:#25396f;border-radius:5px;box-shadow:0 2px 5px 0 rgba(0,0,0,.5);color:#fff;margin-left:70%;padding:5px 25px}#vehiclePage #text h5{color:#fff;margin:0;padding:10px 0 5px}#vehiclePage #text p{color:#fff;font-size:14px;margin:0}#vehiclePage form{margin:20px}#vehiclePage form .btn{background-color:#25396f;border-radius:5px;box-shadow:0 2px 5px 0 rgba(0,0,0,.5);color:#fff;margin-right:10%;padding:8px 30px}#vehiclePage form .btn:hover{color:#fff}#vehicleDetailPage #text h5{color:#fff;margin:0;padding:10px 0 5px}#vehicleDetailPage #text p{color:#fff;font-size:14px;margin:0}#vehicleDetailPage #overview p{color:#7b8db5;font-size:16px;font-weight:500;margin:1px}#vehicleDetailPage #overview span{color:#25396f}#vehicleDetailPage #Trip h5{color:#25396f;font-size:20px;font-weight:700;margin:0;text-align:left}#vehicleDetailPage #Trip p{color:#25396f;font-size:11px;font-weight:700;margin:0;text-align:left}#vehicleDetailPage #Trip h4{color:#7b8db5;font-size:14px;font-weight:700;margin-top:0;text-align:center}#vehicleDetailPage #TripClient p{color:#fff;font-size:12px;margin:0;text-align:center}#vehicleDetailPage #TripClient h5{color:#fff;font-size:16px;margin:0;text-align:center}#titlee .btn{background-color:#fff;border-radius:20px;box-shadow:0 2px 5px 0 rgba(0,0,0,.3);color:#25396f;font-size:13px;margin:15px 0 5px 5px;padding:1px 10px}#schedulePage .main{margin-left:15%;width:70%}#schedulePage #Trip h5{font-size:20px}#schedulePage #Trip h5,#schedulePage #Trip p{color:#25396f;font-weight:700;margin:0;text-align:left}#schedulePage #Trip p{font-size:11px}#schedulePage #Trip h4{color:#7b8db5;font-size:16px;font-weight:700;margin-top:0;text-align:center}#schedulePage #TripClient .card-body{background-color:#25396f;padding-bottom:0;padding-top:3px}#schedulePage #TripClient p{color:#fff;font-size:11px;margin:0;text-align:left}#schedulePage #TripClient h5{color:#fff;font-size:16px;margin:0;text-align:left}#schedulePage .btn-danger{font-size:14px;margin-top:10px;padding:5px 15px}#schedulePage form{padding:20px}#schedulePage form .btn{background-color:#25396f;border-radius:5px;box-shadow:0 2px 5px 0 rgba(0,0,0,.5);color:#fff;margin-right:5%;padding:5px;width:30%}#schedulePage form .btn:hover{color:#fff}#schedulePage form #noborder input{background:transparent;border:0;border-bottom:1px solid #000;font-size:14px;outline:0;padding:0}#schedulePage form #plus i{background-color:silver;border-radius:10px;color:#25396f;margin-top:5px;padding:20px}#schedulePage form #contract{background-color:#25396f;border:none;border-radius:20px;box-shadow:0 2px 5px 0 rgba(0,0,0,.3);color:#fff;font-size:13px;padding:5px 10px}#schedulePage .form-check-input:checked{background-color:#25396f}#schedulePage form .radio1{color:#25396f;font-size:16px;font-weight:500}#schedulePage form button.add{background-color:#25396f;border:1px solid #25396f;border-radius:3px;color:#fff;margin:5px 0;padding:3px 15px}#schedulePage form button.remove{border:1px solid red;border-radius:3px;color:#fff;margin:5px 0;padding:3px 15px}#guardianPage #card{padding:20px 10px}#guardianPage #driverId{color:#000;font-size:14px;margin:0;padding-left:15px}#guardianPage form{margin:20px}#guardianPage form .btn{background-color:#25396f;border-radius:5px;box-shadow:0 2px 5px 0 rgba(0,0,0,.5);color:#fff;margin-right:15%;padding:5px;width:15%}#schoolPage #card{padding:20px 10px}#schoolPage #driverId{color:#000;font-size:14px;margin:0;padding-left:15px}#schoolPage form{margin:20px}#schoolPage form .btn{background-color:#25396f;border-radius:5px;box-shadow:0 2px 5px 0 rgba(0,0,0,.5);color:#fff;margin-right:15%;padding:5px;width:15%}#schoolDetailPage #card{padding:20px 10px}#schoolDetailPage #cardDetail h6{color:#25396f;font-size:13px;margin:0}#schoolDetailPage #cardDetail h2{color:#25396f;font-size:15px;margin:0}#schoolDetailPage #cardDetail .fa-file{color:#83c759;font-size:12px;margin:5px 0 0 7px}#schoolDetailPage #driverId{color:#000;font-size:14px;margin:0;padding-left:15px}#schoolDetailPage #schoolCard{background-color:#f5f8ff;border-radius:10px}#schoolDetailPage #schoolCard h5{font-size:22px;font-weight:700;padding-bottom:15px}#schoolDetailPage #schoolCard img{border-radius:15px}#schoolDetailPage #schoolCard #cardDetail{margin-left:20px}#schoolDetailPage #schoolCard #cardDetail h4,#schoolDetailPage #schoolCard #cardDetail p{padding-bottom:5px}#schoolDetailPage form{margin:20px}#schoolDetailPage form .btn{background-color:#25396f;border-radius:5px;box-shadow:0 2px 5px 0 rgba(0,0,0,.5);color:#fff;margin-left:70%;padding:5px 25px}#settingPage form{padding:20px}#settingPage form .btn{background-color:#25396f;border-radius:5px;box-shadow:0 2px 5px 0 rgba(0,0,0,.5);color:#fff;margin-right:5%;padding:5px;width:20%}#settingPage form .btn:hover{color:#fff}#settingPage #plus i{background-color:#e0e7f9;border-radius:10px;color:#25396f;margin-top:5px;padding:20px}#settingPage #plus p{font-size:18px}#settingPage #plus p,#settingPage #text p{color:#25396f;font-weight:700;padding-top:10px}#settingPage #text p{font-size:22px}#settingPage #text h6{color:#25396f;font-size:18px;padding-top:15px}#settingPage #imageUpload{display:none}#settingPage #profileImage{cursor:pointer}#settingPage #profile-container{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;height:50px;overflow:hidden;width:50px}#settingPage #profile-container img{height:50px;width:50px}#loginPage .bg-image-vertical{background-position:100%;background-repeat:no-repeat;background-size:auto 100%;overflow:hidden;position:relative}#loginPage #contain{border:3px solid #544ac3;border-radius:20px;margin:0 70px}#loginPage input[type=email],#loginPage input[type=text]{border:1.5px solid #544ac3;border-radius:25px;font-size:16px}#loginPage form .btn{border-radius:30px;color:#fff;font-size:17px}#loginPage #background{background-image:url(https://sfblackcar.com/img/sf-car-service.jpg);background-repeat:no-repeat;background-size:cover}@media only screen and (max-device-width:991px){#notifyDropdown,#profileDropdown{width:100%}}@media screen and (max-width:768px){#nopad h5{padding-left:0}}@media screen and (max-width:991px){#driverDetailPage .wrap section{margin:8px;min-width:25vw}}@media screen and (max-width:600px){#driverDetailPage .wrap section{margin:8px;min-width:60%}}@media only screen and (max-device-width:1100px){#schoolDetailPage #schoolCard #cardDetail{margin-left:0}}@media (min-width:1025px){#loginPage .h-custom-2{height:100%}}