@import "root-style.css";
@import "m-general.css";
@import "m-containers.css";
@import "m-card.css";
@import "m-form.css";
@import "m-toggle.css";
@import "m-menus.css";
@import "m-pagination.css";
@import "m-positions.css";
@import "m-fonts.css";
@import "m-margins-paddings.css";
@import "m-basic-styles.css";



/*---------------------*/
/*---------------------*/
/* prepared containers */
/*---------------------*/
/*---------------------*/


/*--- card style----*/


/*--- formular ---*/

/*---toggle switch----*/

/* notification point */
.notification-icon {
    position: relative;
}

.notification-point {
    position: absolute;
    top: -6px;
    right: 19px;
    background-color: red;
    color: white;
    border-radius: 50%;
    padding: 4px 4px;
    font-size: 10px;
    font-weight: bold;
}

/*--------Menus--------*/

/*-----Pagination menu cards ------*/


/*---------------------*/
/*---------------------*/
/* prepared positions -*/
/*---------------------*/
/*---------------------*/


/*---------------------*/
/*---------------------*/
/*--- prepared fonts --*/
/*---------------------*/
/*---------------------*/


/*-------------------------------*/
/*-------------------------------*/
/*-- prepared margins/paddings --*/
/*-------------------------------*/
/*-------------------------------*/


/*---------------------*/
/*---------------------*/
/*-- prepared styles --*/
/*---------------------*/
/*---------------------*/