Server : Apache/2.4.41 (Ubuntu) System : Linux absol.cf 5.4.0-198-generic #218-Ubuntu SMP Fri Sep 27 20:18:53 UTC 2024 x86_64 User : www-data ( 33) PHP Version : 7.4.33 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, Directory :  /var/www/html/libs/absol-full/dist/css/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

/*** module: node_modules/absol-acomp/css/processlbar.css ***/
:root {
    --as-process-l-bar-active-color: rgb(255, 160, 0);
    --as-process-l-bar-item-width: 60px;
}

.as-process-l-bar {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    --as-process-l-bar-item-min-width: 0;
}



.as-process-l-bar-step-ctn {
    white-space: nowrap;
}

.as-process-l-bar-col:not(:last-child) {
    margin-right: 10px;
}

.as-process-l-bar-col {
    vertical-align: top;
    display: inline-block;
}

.as-process-l-bar-step {
    width: var(--as-process-l-bar-item-width);
    min-width: var(--as-process-l-bar-item-min-width);
    height: 15px;
    background-color: #ebebeb;
    border: solid 1px #bfbfbf;
    transition: background-color 0.2s;
    position: relative;
}



.as-process-l-bar-step.as-active {
    background-color: var(--as-process-l-bar-active-color);
    border-color: rgb(20, 100, 246);
}

.as-process-l-bar-step.as-active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 3px);
    border-top: 2px solid rgb(20, 100, 246);
}


.as-process-l-bar-step::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.as-process-l-bar.as-disabled .as-process-l-bar-step::before{
    display: none;
}

.as-process-l-bar-step:hover::before {
    background-color: rgba(169, 169, 172, 0.3);
}

.as-process-l-bar-step.as-active,
.as-process-l-bar-step:hover {
    background-color: var(--as-process-l-bar-active-color);
}


.as-process-l-bar-col .as-process-l-bar-step:not(:last-child) {
    margin-bottom: 10px;
}

.as-process-l-bar-step-name {
    position: absolute;
    left: 0;
    top: 24px;
    font-weight: bold;
}


.as-process-l-bar.as-col-layout .as-process-l-bar-step-name {
    position: relative;
    left: initial;
    top: unset;
}


.as-process-l-bar.as-single-line .as-process-l-bar-step-ctn {
    white-space: normal;
}


.as-process-l-bar.as-single-line  .as-process-l-bar-col {
    margin-bottom: 10px;
}

.as-process-l-bar.as-single-line .as-process-l-bar-step-name {
    position: relative;
    display: block;
    left: 0 !important;
    top: 0!important;
}