html, body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  }

  a{
    color: #003265;
  }

  a:hover{
    text-decoration:none;
    color:red;
  }

  .sidebar li .submenu{ 
    list-style: none; 
    margin: 0; 
    padding: 0; 
    padding-left: 1rem; 
    padding-right: 1rem;
  }

  .card{
    border-radius:15px;
    box-shadow: 2px 2px 10px 2px rgba(99,92,99,0.28);
  }

  .card-header{
    border-radius:15px;
  }

  .sidebar-content{
    background: rgb(31,182,245);
    background: radial-gradient(circle, rgba(31,182,245,1) 0%, rgba(8,84,173,1) 100%);
  }

  a.sidebar-link{
    background-color:rgba(28,136,227,0.2);
  }

  a.sidebar-link:hover{
    background-color:rgba(28,136,227,0.8);
  }


  .bg-pattern{
    background: rgb(31,182,245);
    background: radial-gradient(circle, rgba(31,182,245,1) 0%, rgba(8,84,173,1) 100%);
  }

  .box{
    padding:15px 0 50px 0;
    background-image: linear-gradient( 96.5deg,  rgba(39,103,187,1) 10.4%, rgba(16,72,144,1) 87.7% );
    border-radius:0 0 15% 15%;
    box-shadow: 2px 2px 10px 10px rgba(99,92,99,0.50);
    color:#fff;
  }

  .imageheader{
    width: 80%;
    max-width: 300px;
  }

  .login-button{
    color:#fff;
    text-decoration:none;
  }

  .login-button:hover{
    color:red;
    text-decoration:none;
  }

  .text-header{
    color:#fff;
    /* font-family: 'Mochiy Pop One', sans-serif; */
    font-family: 'Tilt Warp', sans-serif;
  }

  .container-body{
    margin-top:-10px;
  }

  @media (max-width:440px){
    .text-header{
      font-size: 20px;
      text-align:center;
    }

    .container-body{
    margin-top:-10%;
    }

    .container-body{
    margin-top:-20%;
    margin-bottom:50%;
    }
  }

  /* .card-divisi, .card-menu{
    max-height:200px;
  } */

  .card-divisi h2{
    font-family: 'Tilt Warp', sans-serif;
  }

  .card-divisi p{
    font-size:50px;
    color:  rgb(0,50,101,0.20);
  }

  .card-menu{
    max-width:250px;
  }

  .card-menu:hover{
    margin-top:-10px;
  }

  .card-menu p{
    font-size:50px;
    color:  rgb(0,50,101,0.20);
  }

  .card-dashboard{
    height:200px;
  }

  .header-dashboard{
    font-family: "Tilt Warp", sans-serif;
  }

  label{
    font-weight:bold;
    margin-top:5px; 
  }

  .star{
    color:#FCB92C
  }

  /* .pelayanan input{
    display: none;
  }

  .pelayanan label{
    display : block;
    cursor : pointer;
    width : 50px;
    background : #ccc;
  }

  .pelayanan label:before{
    content: '/f005';
    font-family : 'fontAwesome';
    position : relative;
    display: block;
    font-size:50px;
    color: #101010;
  }

  .pelayanan label:after{
    content: '/f005';
    font-family : 'Font Awesome 5 Free';
    position : relative;
    display: block;
    font-size:50px;
    color: #1f9cff;
  } */