/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/
/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

/*.container-fluid{*/
/*    background: rgb(204,0,0);*/
/*}*/

.navbar>.container-fluid {
    background: rgb(204,0,0);
}

/* Tombol Previous: outline merah, teks merah */
/*button[name="move"][value="moveprev"],*/
/*.extends_vanilla_custom button[name="move"][value="moveprev"] {*/
/*  background-color: transparent !important;*/
/*  border: 2px solid #D5212E !important;*/
/*  color: rgb(204,0,0) !important;*/
/*  border-radius: 4px;*/
/*  padding: 8px 16px;*/
/*}*/

/* Tombol Next/Submit: solid merah, teks putih */
button[name="move"][value="movenext"],
.button[name="move"][value="movesubmit"],
.button[name="move"][value="movenext"],
.button[name="move"][value="movesubmit"] {
  background-color: rgb(204,0,0) !important;
  border: 2px solid #D5212E !important;
  color: #FFFFFF !important;
  border-radius: 4px;
  padding: 8px 16px;
}

/* Ubah tekst di welcome-container jadi hitam */
#welcome-container .text-primary {
  color: #000000 !important;
}

/*strong a {*/
/*    color: rgb(204,0,0) !important;*/
/*}*/

/* Closed select: red background, white text, red border */
/*.fruity .form-control {*/
/*  background-color: rgb(204,0,0) !important;*/
/*  color: #FFFFFF !important;*/
/*  border: 2px solid rgb(204,0,0) !important;*/
/*}*/

.fruity .btn-outline-secondary{
  background-color: #cc0000 !important;
  color: #FFF !important;
  border: 2px solid #cc0000 !important;
}

.ls-questionhelp{
    color: #000000 !important;
}

.fruity .text-info {
    color: rgb(0 0 0) !important;
}

.fruity .dropdown-menu>.active>a{
    background-color: #636363 !important;
  color: #FFF !important;
  border: 2px solid #636363 !important;
}

/*.fruity .dropdown-menu>li>a:hover{*/
/*  background-color: #cc0000 !important;*/
/*  color: #FFF !important;*/
/*  border: 2px solid #cc0000 !important;*/