/* Aside Menu */
aside .navbar-vertical{
    width: 50px;
}
.navbar-brand img{
    width: 65px;
    height: 65px;
}
.navbar-brand{
    padding: 20px;
}

/* ==================================================================================================== */
/* Header */
.page-wrapper{
    box-shadow: 4px 4px 10px rgb(0, 0, 0, 0.4);
}

/* Canvas Menu */
.offcanvas{
    width: 100px;
}
.offcanvas-title{
    margin-left: 6%;
}
.offcanvas-head{
    width: 100px;
}
.offcanvas-body{
    font-size: 17px;
}
.nav-item-canvas{
    margin-left: 5%;
}

/* ===================================================================================================== */
/* Halaman Home */
.cermat-data{
    display: grid;
    grid-template-columns: auto auto auto;
    padding: 10px;
    gap: 10px;
}
.cermat-data > div{
    padding: 20px 0;
}

.chart{
    display: grid;
    grid-template-columns: 150px 150px 150px;
    padding: 10px;
    gap: 10px;
}
.chart > div{
    padding: 20px 0;
}

/* ===================================================================================================== */
/* Halaman My Account */
.card-myaccount{
    width: 450px;
}
.edit-myaccount{
    position: absolute;
    margin-left: 81%;
}



/* ===================================================================================================== */
/* Halaman Safety Talk */
/* DatePicker */
.input-icon{
    width: 200px;
}
.datepicker{
    display: grid;
    margin-left: 400px;
}
.datepicker > button{
    position: absolute;
    margin-left: 205px;
}
/* Running Text */
.running-text, marquee{
    margin-top: 5px;
    background-color:rgb(193, 193, 253);
    font-size: 20px;
    color: black;
    font-style: italic;
    font-weight: 700;
    padding: 1px;
}
/* UPCOMING TITLE */
.upcoming{
    display: flex;
    align-items: center;
    justify-items: center;
    background-color: rgb(54, 55, 151);
}
.upcoming, .upcoming-title{
    text-align: center;
    justify-content: center;
    font-weight: 750;
    padding: 5px 5px;
    color: white;
    font-size: 30px;
}
.upcoming > button{
    position: absolute;
    margin-left: 75%;
    background-color: white;
}
.upcoming > svg{
    color: white;
}

/* ===================================================================================================== */
/* Halaman Gallery Safety Talk */
.documentation-gallery > .card{
    margin-top: 10px;
}
.card-gallery{
    margin-top: 25px;
    display: grid;
    column-gap: 15px;
    row-gap: 15px;
    grid-template-columns: auto auto auto;
    padding: 10px;
}
.gallery-item {
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.8);
    padding: 20px;
    font-size: 15px;
    text-align: left;
}

.safety-document{
    margin-top: 20px;
} 
.doc{
    margin-bottom: 20px;
}
.doc > button{
    position: absolute;
    margin-left: 66%;
}

/* ===================================================================================================== */
/* Halaman CerMAT */
.form-check{
    margin-top: 10px;
    margin-left: 2px;
}
.top-search > form{
    display: grid;
    grid-template-columns: 125px 125px 125px 100px;
    padding: 10px;
    gap: 5px;
    margin-left: 300px;
}
.top-search > div{
    padding: 20px 0px;
}
.reject-report{
    margin-top: 20px;
}
/* CerMAT Admin */
/* CerMAT Terlaporkan */

.cermat-report > div{
    padding: 20px 0;
}
.tindak-button{
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
}
/* CerMAT Tindak lanjut */
.form-tindak-lanjut{
    margin-top: 25px;
}
/* CerMAT Case Closed */
.backward > button{
    margin-left: 90%;
}
/* CerMAT User */
.add-report{
    margin-left: 57%;
}




/* ===================================================================================================== */
/* Halaman Settings */
/* Icon / button tambah data */
.icon-add{
    position: absolute;
    margin-left: 92%;
}