body{color: #4a4a4a}
.bg-gradient-primary {background-color: #75adfa;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(10%,#75adfa),to(#75adfa));
    background-image: linear-gradient(180deg,#75adfa 10%,#75adfa 100%);
}
.btn-primary {
    color: #fff;
    background-color: #75adfa;
    border-color: #75adfa;
}
.form-control:focus{box-shadow: none;}
.form-control{height: calc(1.7em + .75rem + 2px);}
/* .btn{font-size: 20px;padding: .2rem .75rem} */
.page-item.active .page-link{background-color: #75adfa;border-color: #75adfa;}
 .card-header{background-color: transparent;}
 .card-header .text-dark{color: #444 !important;font-weight: 600;font-size: 17px}
 /*header*/
 .topbar .navbar-search{width: 800px}
 .topbar .navbar-search .input-group{border: 2px solid #efefef;border-radius: 5px;overflow: hidden;}
 .topbar .navbar-search .input-group .input-group-text{background-color: #efefef;border:0;border-radius: 0;padding: .375rem .95rem}
 .topbar .navbar-search .input-group .input-group-text i.fa{color: #75adfa;font-size: 20px;}
 .topbar .navbar-search .input-group input{background: }
 .topbar .navbar-search .btn-primary{width: 140px;font-size: 20px;padding: .2rem .75rem}

 .topbar .dropdown .dropdown-menu{background-color: #75adfa;}
 .topbar .dropdown .dropdown-menu .dropdown-item{color: #fff}
 .topbar .dropdown .dropdown-menu .dropdown-item:hover,.topbar .dropdown .dropdown-menu .dropdown-item:focus{color: #5a5c69}


 /*Sidebar*/
 .sidebar .sidebar-heading{font-size: 16px}
 .sidebar .nav-item .nav-link span{font-size: 18px}
 .sidebar-dark .nav-item.active .nav-link {color: #fff;border-left: 5px solid #fff;}


 /*Plot Graph*/
 .chart-custom-filter{display: flex;justify-content: center;padding: 0;margin: 0;list-style: none;border-radius: 5px;overflow: hidden;}
 .chart-custom-filter li a{display: block;border: 1px solid #efefef;color: #333;width: 80px;font-size: 18px;padding: .2rem .75rem;text-align: center;text-decoration: none}
 .chart-custom-filter li a.active{background-color: #75adfa;color: #fff;border-radius: 5px}
 .chart-custom-filter li:first-child a{border-top-left-radius: 5px;border-bottom-left-radius: 5px}
 .chart-custom-filter li:last-child a{border-top-right-radius: 5px;border-bottom-right-radius: 5px}


 /*Login page*/
 form.user .form-control-user,form.user .btn-user{border-radius: .35rem}
 .custom-control-input:checked~.custom-control-label::before{border-color: #75adfa;background-color: #75adfa;}

 /*Table Styling*/
 table.dataTable{border-color: #efefef}
 table.dataTable thead{background-color: #efefef}
 table.dataTable thead tr th, table.dataTable tbody tr td{border-color: #efefef}