.

VaKeR CYBER ARMY
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 File : /var/www/html/libs/absol-full/dist/css/style__old.css
/*** module: style/old.css ***/

.page-wrapper {
    width: 100%;
    height: 100%;
    background-color: white;
}

.page-wrapper .page {
    width: 100%;
    vertical-align: top;
    background-color: #f7f6f6;
}

.page .header {
    width: 100%;
    background-color: white;
    -webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 1);
    -moz-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 1);
    box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.5);
}

.header .header-content {
    display: block;
    padding: 10px 34px;
}

.header .header-content .logo {
    display: inline-block;
    width: auto;
    height: 55px;
    vertical-align: middle;
    /*<-logo margin*/
}

.header .header-content .title {
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    color: red;
}

.page .body {
    padding: 12px;
}

.page .footer {
    /*font: 14px Helvetica, Arial, sans-serif;*/
    background-color: white;
    -webkit-box-shadow: 4px 4px 10px 0px rgba(153, 153, 153, 0.5);
    -moz-box-shadow: 4px 4px 10px 0px rgba(153, 153, 153, 0.5);
    box-shadow: 4px -4px 10px 0px rgba(153, 153, 153, 0.5);
    bottom: 0;
    padding: 12px;
}

.footer .copyright {
    display: inline-block;
    vertical-align: bottom;
    height: 55px;
}

/*button*/
.button-black-gray {
    background-color: rgb(79, 82, 84);
    margin: 0 1px 1px 0;
    box-shadow: 2px 2px 5px gray;
    /*font-size: 14px;*/
    line-height: 1.71em;
    text-align: center;
    padding: 0;
    display: inline-block;
    color: white;
    border: none;
    text-transform: uppercase;
}

.button-black-gray:hover {
    background-color: rgb(50, 51, 51);
}

.button-black-gray:active,
.button-black-red:active {
    margin: 1px 0px 0px 1px;
    box-shadow: 1px 1px 2px gray;
}

.button-black-red {
    background-color: rgb(79, 82, 84);
    margin: 0 1px 1px 0;
    box-shadow: 2px 2px 5px gray;
    /*font-size: 14px;*/
    line-height: 1.71em;
    text-align: center;
    padding: 0;
    display: inline-block;
    color: white;
    border: none;
    text-transform: uppercase;
}

.button-black-red:hover {
    background-color: rgb(255, 0, 0);
}

.kpi-data-box {
    display: block;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    background-color: white;
    padding: 20px 12px 12px 12px;
}

.kpi-data-box .kpi-title {
    font-size: 22px;
    font-weight: bold;
    margin: 0px 0 20px 0;
    line-height: 34px;
}

/**************************************************************
   Menu
   **************************************************************/
.page-wrapper .kpi-menu {
    background-color: #232025;
    color: white;
    vertical-align: top;
    cursor: default;
}

/*
   .kpi-menu .menu-full {}
   .kpi-menu .menu-compact {}
   */
.kpi-menu .frame-logo {
    display: block;
    padding: 0px 0;
    white-space: nowrap;
    margin-bottom: 12px;
}

.kpi-menu .menu-full {
    transition: width 0.5s;
    overflow-x: hidden;
}

.kpi-menu .menu-full .frame-logo td:last-child {
    width: 100%;
    text-align: right;
}

.kpi-menu .frame-logo .logo {
    display: inline-block;
    vertical-align: middle;
    margin: 0 17px;
    transition: width 0.5s, margin 0.5s;
}

/*Hide logo in compact-mode*/
.kpi-menu .menu-compact .frame-logo .logo {
    display: none;
}

.kpi-menu .frame-logo .toggle-button {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    height: 75px;
    /* background: url(nicons/ico-hide.png) no-repeat scroll center center; */
    transition: transform 0.5s, width 0.5s;
}

.kpi-menu .frame-logo .toggle-button:hover {
    /* background: url(nicons/ico-hide-hover.png) no-repeat scroll center center; */
}

.kpi-menu .menu-full .frame-logo .toggle-button {
    width: 48px;
    transform: rotate(0deg);
}

.kpi-menu .menu-compact .frame-logo .toggle-button {
    width: 54px;
    transform: rotate(-180deg);
}

.kpi-menu .menu-level-0 {
    display: block;
    cursor: pointer;
}

.kpi-menu .menu-compact .menu-level-0 {
    position: relative;
}

.kpi-menu .menu-level-0 .menu-item-level-0 {
    display: block;
    white-space: nowrap;
}

.kpi-menu .menu-level-0 .menu-item-level-0:hover {
    background-color: black;
}

.kpi-menu .menu-level-0 .menu-item-level-0 .menu-item-level-0-icon {
    width: 54px;
    height: 34px;
    display: inline-block;
    vertical-align: middle;
}

.kpi-menu .menu-level-0 .menu-item-level-0 .menu-item-level-0-text {
    vertical-align: middle;
    display: inline-block;
    padding: 0 0.75em 0 0;
    color: #d6d6d6;
    margin-right: 33px;
}

.kpi-menu .menu-level-0 .menu-item-level-0:hover .menu-item-level-0-text {
    color: white;
}

.kpi-menu .menu-compact .menu-level-0 .menu-item-level-0 .menu-item-level-0-text {
    display: none;
}

.kpi-menu .menu-level-0 .menu-item-level-0 .menu-item-level-0-expand-button {
    float: right;
    margin-left: -27px;
    height: 34px;
    width: 27px;
    vertical-align: middle;
    text-align: right;
    /* background: url(nicons/ico-submenu-opened.png) no-repeat scroll center center; */
    transition: transform 0.5s;
}

.kpi-menu .menu-level-0 .menu-item-level-0:hover .menu-item-level-0-expand-button {
    /* background: url(nicons/ico-submenu-opened-hover.png) no-repeat scroll center center; */
}

.kpi-menu .menu-compact .menu-level-0 .menu-item-level-0 .menu-item-level-0-expand-button {
    display: none;
    margin-left: 0;
}

.kpi-menu .menu-compact .menu-level-0 .menu-item-level-0-expand-button,
.kpi-menu .menu-animating .menu-level-0 .menu-item-level-0-expand-button {
    display: none;
}

.kpi-menu .menu-level-0 .menu-level-1 {
    display: block;
    transition: max-height 0.5s;
    background-color: #262626;
}

.kpi-menu .menu-full .menu-level-0 .menu-level-1 {
    overflow-y: hidden;
    overflow-x: hidden;
}

.kpi-menu .menu-full .menu-level-0-opened .menu-level-1 {
    max-height: 340px;
}

.kpi-menu .menu-level-0-opened .menu-item-level-0 .menu-item-level-0-expand-button {
    transform: rotate(0deg);
}

.kpi-menu .menu-level-0-closed .menu-item-level-0 .menu-item-level-0-expand-button {
    transform: rotate(-90deg);
}

.kpi-menu .menu-full .menu-level-0-closed .menu-level-1 {
    max-height: 0;
}

.kpi-menu .menu-compact .menu-level-0 .menu-level-1 {
    display: block;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 100;
}

.kpi-menu .menu-compact .menu-level-0:hover {
    background: #312F33;
}

.kpi-menu .menu-compact .menu-level-0:hover .menu-level-1 {
    visibility: visible;
}

.kpi-menu .menu-level-1 .menu-item-level-1 {
    display: block;
    white-space: nowrap;
    line-height: 34px;
    padding-left: 25px;
    color: #AAAAAA;
}

.kpi-menu .menu-compact .menu-level-1 .menu-item-level-1 {
    padding-left: 0px;
}

.kpi-menu .menu-level-1 .menu-level-1-tile {
    display: none;
    line-height: 34px;
    padding: 0 12px;
    color: #d6d6d6;
    cursor: default;
}

.kpi-menu .menu-level-1 .menu-level-1-tool-tip {
    display: none;
    line-height: 34px;
    padding: 0 12px;
    color: #d6d6d6;
    cursor: default;
}

.kpi-menu .menu-compact .menu-level-1 .menu-level-1-tile {
    display: block;
}

.kpi-menu .menu-compact .menu-level-1 .menu-level-1-tool-tip {
    display: block;
    white-space: nowrap;
}

.kpi-menu .menu-level-1 .menu-item-level-1:hover {
    background-color: black;
}

.kpi-menu .menu-compact .menu-level-0:hover .menu-level-1 .menu-level-1-tool-tip {
    background-color: black;
}

.kpi-menu .menu-level-1 .menu-item-level-1 .menu-item-level-1-text {
    vertical-align: middle;
    display: inline-block;
    padding: 0 0.75em 0 0;
    font-size: 12px;
}

/*.kpi-menu .menu-compact .menu-level-1 .menu-item-level-1 .menu-item-level-1-text{*/
/*    color: #d6d6d6;*/
/*}*/
.kpi-menu .menu-level-1 .menu-item-level-1:hover .menu-item-level-1-text {
    color: white;
}

.kpi-menu .menu-level-1 .menu-item-level-1 .menu-item-level-1-icon {
    display: inline-block;
    vertical-align: middle;
    /* background: url(nicons/ico-sub-menu.png) no-repeat scroll center center; */
    width: 34px;
    height: 34px;
}

.kpi-menu .menu-level-1 .menu-item-level-1:hover .menu-item-level-1-icon {
    /* background: url(nicons/ico-sub-menu-hover.png) no-repeat scroll center center; */
}

/***
   ICON
   ***/
.kpi-menu .menu-item-level-0 .menu-ico-dashboard {
    /* background: url(nicons/ico-dashboard.png) no-repeat scroll center center; */
}

.kpi-menu .menu-item-level-0:hover .menu-ico-dashboard {
    /* background: url(nicons/ico-dashboard-hover.png) no-repeat scroll center center; */
}

.kpi-menu .menu-item-level-0 .menu-ico-goal {
    /* background: url(nicons/ico-goal.png) no-repeat scroll center center; */
}

.kpi-menu .menu-item-level-0:hover .menu-ico-goal {
    /* background: url(nicons/ico-goal-hover.png) no-repeat scroll center center; */
}

.kpi-menu .menu-item-level-0 .menu-ico-kpi {
    /* background: url(nicons/ico-kpi.png) no-repeat scroll center center; */
}

.kpi-menu .menu-item-level-0:hover .menu-ico-kpi {
    /* background: url(nicons/ico-kpi-hover.png) no-repeat scroll center center; */
}

.kpi-menu .menu-item-level-0 .menu-ico-initiative {
    /* background: url(nicons/ico-initiative.png) no-repeat scroll center center; */
}

.kpi-menu .menu-item-level-0:hover .menu-ico-initiative {
    /* background: url(nicons/ico-initiative-hover.png) no-repeat scroll center center; */
}

.kpi-menu .menu-item-level-0 .menu-ico-report {
    /* background: url(nicons/ico-report.png) no-repeat scroll center center; */
}

.kpi-menu .menu-item-level-0:hover .menu-ico-report {
    /* background: url(nicons/ico-report-hover.png) no-repeat scroll center center; */
}

.kpi-menu .menu-item-level-0 .menu-ico-alert {
    /* background: url(nicons/ico-alert.png) no-repeat scroll center center; */
}

.kpi-menu .menu-item-level-0:hover .menu-ico-alert {
    /* background: url(nicons/ico-alert-hover.png) no-repeat scroll center center; */
}

.kpi-menu .menu-item-level-0 .menu-ico-list {
    /* background: url(nicons/ico-list.png) no-repeat scroll center center; */
}

.kpi-menu .menu-item-level-0:hover .menu-ico-list {
    /* background: url(nicons/ico-list-hover.png) no-repeat scroll center center; */
}

.kpi-menu .menu-item-level-0 .menu-ico-company {
    /* background: url(nicons/ico-company.png) no-repeat scroll center center; */
}

.kpi-menu .menu-item-level-0:hover .menu-ico-company {
    /* background: url(nicons/ico-company-hover.png) no-repeat scroll center center; */
}

.kpi-menu .menu-item-level-0 .menu-ico-permission {
    /* background: url(nicons/ico-permission.png) no-repeat scroll center center; */
}

.kpi-menu .menu-item-level-0:hover .menu-ico-permission {
    /*    background: url(nicons/ico-permission-hover.png) no-repeat scroll center center;*/
}

.kpi-menu .menu-item-level-0 .menu-ico-tools {
    /*    background: url(nicons/ico-tools.png) no-repeat scroll center center;*/
}

.kpi-menu .menu-item-level-0:hover .menu-ico-tools {
    /*    background: url(nicons/ico-tools-hover.png) no-repeat scroll center center;*/
}

.kpi-menu .menu-item-level-0 .menu-ico-setting {
    /*    background: url(nicons/ico-setting.png) no-repeat scroll center center;*/
}

.kpi-menu .menu-item-level-0:hover .menu-ico-setting {
    /*    background: url(nicons/ico-setting-hover.png) no-repeat scroll center center;*/
}

.kpi-menu .menu-item-level-0 .menu-ico-user {
    /*    background: url(nicons/ico-user.png) no-repeat scroll center center;*/
}

.kpi-menu .menu-item-level-0:hover .menu-ico-user {
    /*    background: url(nicons/ico-user-hover.png) no-repeat scroll center center;*/
}

/************************************************
   SELECTOR
   *************************************************/
.kpi-selector {
    display: inline-block;
    position: relative;
    min-width: 2em;
}

.kpi-selector-disable .kpi-selector-dropdow,
.kpi-selector-hidden .kpi-selector-dropdow {
    visibility: hidden;
}

.kpi-selector .kpi-selector-dropdow {
    box-sizing: border-box;
    max-height: 400px;
    overflow-x: visible;
    overflow-y: auto;
    position: absolute;
    z-index: 1000;
    top: 25px;
    left: 0;
    width: 100%;
    display: block;
    background-color: white;
    border-radius: 0px 0px 3px 3px;
    border: solid 1px #252525;
    cursor: default;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
}

.kpi-selector .kpi-selector-dropdow .kpi-selector-item {
    display: block;
    white-space: nowrap;
    padding: 2px 5px;
}

.kpi-selector .kpi-selector-dropdow .kpi-selector-item-selected {
    background: #cccccc;
}

.kpi-selector .kpi-selector-dropdow .kpi-selector-item:hover {
    background: #aaaaaa;
}

.kpi-selector-disable .kpi-selector-block {
    /* background: rgb(230, 230, 230) url(nicons/ico-drop.png) no-repeat right; */
}

.kpi-selector .kpi-selector-block:hover {
    /*    background: url(nicons/ico-drop-hover.png) no-repeat right;*/
}

.kpi-selector-block {
    display: block;
    /*    background: url(nicons/ico-drop.png) no-repeat right;*/
    height: 24px;
    border-radius: 3px;
    border: solid 1px #252525;
}

.kpi-selector .kpi-selector-block input {
    border: none;
    margin-right: 28px;
    background: transparent;
    padding: 3px 5px;
}

.kpi-selector .kpi-selector-block input:focus {
    outline: none;
}

/***************Check box*************************/
.kpi-checkbox {
    display: inline-block;
}

.kpi-checkbox label {
    /*font-size: 14px;*/
    text-decoration: none;
    font-weight: normal;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
}

.kpi-checkbox input[type=\"checkbox\"]:not(:checked),
.kpi-checkbox input[type=\"checkbox\"]:checked {
    position: absolute;
    left: -9999px;
}

.kpi-checkbox input[type=\"checkbox\"]:not(:checked)+label,
.kpi-checkbox input[type=\"checkbox\"]:checked+label {
    position: relative;
    padding-left: 22px;
    cursor: pointer;
}

/* checkbox aspect */
.kpi-checkbox input[type=\"checkbox\"]:not(:checked)+label:before,
.kpi-checkbox input[type=\"checkbox\"]:checked+label:before {
    content: \'\';
    position: absolute;
    left: 0;
    top: 0;
    width: 14px;
    height: 14px;
    border: 1px solid black;
    /*background: #fff;*/
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
}

/* checked mark aspect */
.kpi-checkbox input[type=\"checkbox\"]:not(:checked)+label:after,
.kpi-checkbox input[type=\"checkbox\"]:checked+label:after {
    content: \'✔\';
    position: absolute;
    top: 3px;
    left: 3px;
    /*font-size: 14px;*/
    line-height: 0.8;
    color: black;
    transition: all .2s;
}

/* checked mark aspect changes */
.kpi-checkbox input[type=\"checkbox\"]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0);
}

.kpi-checkbox input[type=\"checkbox\"]:checked+label:after {
    opacity: 1;
    transform: scale(1);
}

/* disabled checkbox */
.kpi-checkbox input[type=\"checkbox\"]:disabled:not(:checked)+label:before,
.kpi-checkbox input[type=\"checkbox\"]:disabled:checked+label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

.kpi-checkbox input[type=\"checkbox\"]:disabled:checked+label:after {
    color: #999;
}

.kpi-checkbox input[type=\"checkbox\"]:disabled+label {
    color: #aaa;
}



/* accessibility */
/*.kpi-checkbox input[type=\"checkbox\"]:checked:focus + label:before,*/
/*.kpi-checkbox input[type=\"checkbox\"]:not(:checked):focus + label:before {*/
/*  border: 2px dotted blue;*/
/*}*/
/* hover style just for information */
.kpi-checkbox label:hover:before {
    /*border: 1px solid #4778d9!important;*/
    background: #cccccc;
}



/***************************************************
   TABLE
   ***************************************************/
.table-report-black {
    background-color: white;
    border-radius: 5px;
    border-collapse: collapse;
    line-height: 32px;
    box-shadow: 2px 2px 5px rgb(188, 188, 188);
    width: 98%;
}

.table-report-black>thead{
    border-bottom:solid 1px rgb(188, 188, 188);
}

.table-report-black>tr>th,
.table-report-black>tbody>tr>th,
.table-report-black>thead>tr>th {
    padding: 0 0.7em;
    border-left: solid 1px rgb(188, 188, 188);
    border-right: solid 1px rgb(188, 188, 188);
}

.table-report-black>tr>th:first-child,
.table-report-black>tbody>tr>th:first-child,
.table-report-black>thead>tr>th:first-child {
    border-radius: 5px 0 0 0;
    border-left: none;
}

table-report-black>tr>th:last-child,
.table-report-black>tbody>tr>th:last-child,
.table-report-black>thead>tr>th:last-child {
    border-radius: 0 5px 0 0;
    border-right: none;
}

.table-report-black>tr:nth-child(odd),
.table-report-black>tbody>tr:nth-child(odd) {
    background-color: white;
}

.table-report-black>tr:nth-child(even),
.table-report-black>tbody>tr:nth-child(even) {
    background-color: rgb(241, 241, 241);
}

.table-report-black>tr:last-child>td:first-child,
.table-report-black>tbody>tr:last-child>td:first-child {
    border-radius: 0 0 0 5px;
}

.table-report-black>tr:last-child>td:last-child,
.table-report-black>tbody>tr:last-child>td:last-child {
    border-radius: 0 0 5px 0;
}

.table-report-black>tr>td,
.table-report-black>tbody>tr>td {
    padding: 0 1em;
    border-left: solid 1px rgb(188, 188, 188);
    border-right: solid 1px rgb(188, 188, 188);
}

.table-report-black>tr>td:first-child,
.table-report-black>tbody>tr>td:first-child {
    border-left: none;
}

.table-report-black>tr>td:last-child,
.table-report-black>tbody>tr>td:last-child {
    border-right: none;
}

/*******************************************************************************
   BUTTON
   ********************************************************************************/
.button-black-gray {
    background-color: rgb(79, 82, 84);
    margin: 0 1px 1px 0;
    box-shadow: 2px 2px 5px gray;
    font-size: 12px;
    line-height: 1.8em;
    text-align: center;
    padding: 0;
    display: inline-block;
    color: white;
    border: none;
    text-transform: uppercase;
}

.button-black-gray:hover {
    background-color: rgb(50, 51, 51);
}

.button-black-gray:active,
.button-black-red:active {
    margin: 1px 0px 0px 1px;
    box-shadow: 1px 1px 2px gray;
}

.button-black-red {
    background-color: rgb(79, 82, 84);
    margin: 0 1px 1px 0;
    box-shadow: 2px 2px 5px gray;
    font-size: 12px;
    line-height: 1.8em;
    text-align: center;
    padding: 0;
    display: inline-block;
    color: white;
    border: none;
    text-transform: uppercase;
}

.button-black-red:hover {
    background-color: rgb(255, 0, 0);
}

.calendar-icon-trigger {
    font-size: 20px;
    color: #7a7a7a;
    cursor: pointer;
    padding-right: 5px;
}

.calendar-icon-trigger:hover {
    color: black;
}
VaKeR 2022