/* Google Font Import - Poppins */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

:root{
    /* ===== Colors ===== */
    --body-color: #f3f4f8;
    --sidebar-color: #FFF;
    --primary-color: #695CFE;
    --primary-color-medium: #DBD8FF;
    --primary-color-light: #F6F5FF;
    --toggle-color: #DDD;
    --toggle-color-icon: #695CFE;
    --text-color: #707070;
    --text-color2: #6c757d;

    --menutop-bg : #F0F2F9;

    --color-red: #EC7063;
    --color-orange: #F8C471;
    --color-green: #82E0AA;
    --color-white: #ffffff;
    --color-white-2: #F1F3FA;
    --color-green-power: #28B463;

     




    /* ====== Transition ====== */
    --tran-03: all 0.2s ease;
    --tran-03: all 0.3s ease;
    --tran-04: all 0.3s ease;
    --tran-05: all 0.3s ease;
}

body.dark{
    --body-color: #18191a;
    --sidebar-color: #242526;
    --primary-color: #3a3b3c;
    --primary-color-light: #3a3b3c;
    --toggle-color: #fff; 
    --text-color: #ccc;
    --text-color2: #D5DBDB;

    --color-white: #000;
    --color-white-2: #4B4B53;
}



/* #########################################################################################*/
/* MODULE => NOTIFICATION                                                                   */
/* #########################################################################################*/

 
 

.notificationprocess_parent_div { 
   width:100px;
   height:100px;
   background:white;
   box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
   justify-content: center;
   margin: 10px;
   border-radius: 10px;
   display: inline-block;
   vertical-align: bottom;
   
}

.notificationprocess_child_div{
    display:flex;
    height: 100%; 
    flex-direction: column; 
    justify-content: flex-end;
    align-self: center; 
    align-items: center;
    background:rgba(0,0,0,0.5);
    border-radius: 10px;
    cursor:pointer
}