a, ul, li, div, input, button, select, h1, h2, h3, h4, h5, img {
    transition: all 0.3s ease 0s;
}

/** Header **/
header > .header-actions > a {
    transition: all 0.3s ease 0s;
}

header > .header-actions > a:hover {
    transition: all 0.3s ease 0s;
}
/** Rapid Action **/
.rapidAction.rounded > div > .dropdown > button > i, .rapidAction.rounded > [role] > div > .dropdown > button > i {
    transition: all 0.3s ease 0s;
}

.rapidAction.rounded > div > .dropdown > button.show > i, .rapidAction.rounded > [role] > div > .dropdown > button.show > i {
    transition: all 0.3s ease 0s;
}

/** Sidebar **/
aside nav > div[x-data]:after {
    transition: all 0.3s ease 0s;
}

aside nav > div[x-data]:hover:after {
    transition: all 0.3s ease 0s;
}

.fc-daygrid-event-harness a {
    transition: all 0.1s ease 0s;
}

.fc-daygrid-event-harness a:hover{
    transition: all 0.1s ease 0s;
}

.fc-daygrid-event-harness a:after {
    transition: all 0.3s ease 0s;
}

.fc-daygrid-event-harness a:hover:after{
    transition: all 0.3s ease 0s;
}

/** ProCSS Form Input **/
.procss__form-input div > input[type="file"]::after {
    transition: all 0.3s ease 0s;
}

.procss__form-input div > input[type="file"]:hover::after {
    transition: all 0.3s ease 0s;
}

button[type="submit"]#submit-btn > svg, button > svg  {
    transition: all 0.3s ease 0s;
}

button[type="submit"]#submit-btn:hover > svg, button:hover > svg {
    transition: all 0.3s ease 0s;
}

/** FileList **/
ul.fileList[role="list"] > li > div > div > form > input[type="file"]:after {
    transition: all 0.1s ease 0s;
}

ul.fileList[role="list"] > li > div > div > form > input[type="file"]:hover:after {
    transition: all 0.1s ease 0s;
}

/** Progress bar **/
.progressbar > .bar:before {
    transition: width 0.3s ease-in-out, background 0.3s ease-in-out;
}

/** Widget checkbox **/
.widget-checkbox {
    transition: all 0.3s ease 0s;
}

.widget-checkbox:has(> input[type="radio"]:checked), .widget-checkbox:has(> input[type="checkbox"]:checked) {
    transition: all 0.3s ease 0s;
}

.widget-checkbox > div:has(> svg) {
    transition: all 0.3s ease 0s;
}

.widget-checkbox:has(> input[type="radio"]:checked) > div:has(> svg) {
    transition: all 0.3s ease 0s;
}