@import "spark/css/bootstrap.min";
@import "spark/css/dark";
@import url('https://cdn.jsdelivr.net/gh/alumuko/vanilla-datetimerange-picker@latest/dist/vanilla-datetimerange-picker.css');


  [data-initials]:before {
    background: #099bdd;
    color: white;
    opacity: 1; 
    content: attr(data-initials); 
    display: inline-block; 
    font-weight: bold; 
    border-radius: 50%; 
    vertical-align: middle; 
    margin-right: 0.5em; 
    width: 70px; 
    height: 70px; 
    line-height: 70px; 
    text-align: center; 
    font-size: 35px;
    }


    .id_card_blue {
      background-image: url(/assets/idcard/idcard_blue-07c87abfad32a797cca8e2f9d59cf78c5b4eb6aa051a37611d87e2ad382a2298.jpeg);
      background-repeat: no-repeat;
      background-size: 100% 100%;
      height: 700px;
      width: 550px;
      margin: 3px auto 0;
      position: relative;
    }

    .id_card_massindo_depan {
      background-image: url(/assets/idcard/id_card_massindo_depan-16b60d8997b393994c8a9700eba44320ce4900efd86d534e464bf7947efa62c3.jpg);
      background-repeat: no-repeat;
      background-size: 100% 100%;
      height: 700px;
      width: 550px;
      margin: 3px auto 0;
      position: relative;
    }

    .id_card_massindo_belakang {
      background-image: url(/assets/idcard/id_card_massindo_belakang-6a689781805fe8b11969062d3aa2538ca77a63f0c5204bcff6a8b50c7798012f.jpg);
      background-repeat: no-repeat;
      background-size: 100% 100%;
      height: 700px;
      width: 550px;
      margin: 3px auto 0;
      position: relative;
    }

    .id_card_red {
      background-image: url(/assets/idcard/idcard_red-288bb0561c380def37e96dab91a20996b4b3fb293e38c574722b8b39b085b788.jpeg);
      background-repeat: no-repeat;
      background-size: 100% 100%;
      height: 700px;
      width: 550px;
      margin: 3px auto 0;
      position: relative;
    }
 
    .large-checkbox {
      width: 50px;
      height: 50px;
    }