cronapp-framework-js/css/app.css

Javascript library for CronApp's projects

@import 'animate.css';
@import './privacy/privacy.css';
@import 'fonts/material-icons/font-material-icon.css';

@import '../components/css/crn-input-password.css';

.table.table-borderless>thead>tr>td,
.table.table-borderless>thead>tr>th,
.table.table-borderless>tfoot>tr>td,
.table.table-borderless>tfoot>tr>th,
.table.table-borderless>tbody>tr>td,
.table.table-borderless>tbody>tr>th {
    border-top: 0 none transparent;
    border-bottom: 0 none transparent;
}

.login-panel {
    margin: 11% auto 0 auto;
}

.social-button-face:hover {
    background: #3b5998 !important;
    color: #ffffff;
}

.social-button-google:hover {
    background: #d81c1c !important;
    color: #ffffff;
}

.upload-image-component {
    padding: 8px;
}

.upload-image-component {
    max-height: 128px;
    max-width: 128px;
    background: #ccc;
    display: table;
}

.upload-image-component .remove {
    position: absolute;
    margin-top: -8px;
    margin-left: -18px;
}

.upload-image-component .remove span {
    margin-top: 3px;
}

.upload-image-component-attribute {
    width: 100%;
    background: #ccc;
    display: table;
}

.upload-image-component-attribute .remove {
    position: absolute;
    margin-top: -8px;
    margin-left: -18px;
}

.upload-image-component-attribute .remove span {
    margin-top: 3px;
}

.start-camera-button {
    position: absolute;
    margin-left: -17px;
    margin-top: -8px;
}

.start-camera-button-attribute {
    right: 1px;
    bottom: 1px;
}

.remove-image-button {
    position: relative;
    margin-top: -22px;
    float: right;
}

.camera-container {
    position: fixed;
    z-index: 999998;
    top: 50%;
    left: 50%;
}

.crn-grid-title {
    float: left;
    color: var(--textColor40, #393939);
    font-size: var(--textBigSize, 18px);
    font-family: sans-serif;
    margin: 0;
    padding: 0;
    padding-left: 7px;
    margin-top: 6px;
}

.k-grid-toolbar {
    text-align: right;
}

.k-footer-template td {
    border-width: 0px;
}

.cron-select-offscreen {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 50% !important;
    top: 100% !important;
}

.right-block {
    display: block;
    margin-left: auto;
}

.left-block {
    display: block;
    margin-right: auto;
}

li[data-component="crn-menu-item"] ul li a.bg-primary {
    color: white !important;
}

li[data-component="crn-menu-item"] ul li a.bg-primary:hover {
    color: #333 !important;
}

.k-grid-header .k-header,
.k-grid-header .k-header a.k-link {
    text-transform: uppercase;
    font-weight: normal;
    font-size: var(--textNormalSize, 14px);
    text-decoration: none !important;
}

.modal {
    z-index: 10020;
}

a {
    cursor: pointer;
    color: #034d8c;
}

.main-access {
    list-style: none;
    position: absolute;
}

.main-nav-link {
    text-decoration: none;
    color: #FFFFFF;
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.main-nav-link:focus,
.main-nav-link:active {
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    z-index: 2000;
    top: 1em;
    left: 1em;
    padding: 0.5em;
    background: #fff;
}

.nav.nav-tabs li.active {
    background: #3b448e;
}

.float-left-desktop {
    float: left;
}

.form-control[ng-readonly=true] {
    background: #eee;
    opacity: 1;
}

#crn-button-846239 {
    display: none;
}

/* Treeview maintenance */

.k-treeview .k-i-collapse,
.k-treeview .k-i-expand {
    height: auto;
}

.k-treeview .k-in {
    font-family: var(--font-family, "Arial", sans-serif);
}

.page-header {
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
}

.crn-radiogroup .k-content {
    background: transparent;
}

img.crn-image {
    max-width: 100%;
}

/* Botão desativado */
.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled.focus,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
    background: #d0d0d0;
    color: #454545;
}

.header {
    background: #d1d1d1;
}

.k-list .k-item.k-state-selected,
.k-list-container .k-button.k-state-active,
.k-list-container .k-button:active,
.k-list-optionlabel.k-state-selected,
.k-menu-group .k-item.k-state-selected,
.k-menu.k-context-menu .k-item.k-state-selected,
.k-spreadsheet-popup .k-button.k-state-active,
.k-spreadsheet-popup .k-button.k-state-selected,
.k-spreadsheet-popup .k-button:active {
    color: #000;
}

.center-content {
    height: 100vh;
    display: flex;
    align-items: center;
}

@font-face {
    font-family: "Arial-Report";
    src: url('../../../../node_modules/cronapp-lib-js/dist/js/kendo-ui/styles/fonts/arial-report/arial-report.ttf');
}

.k-pdf-export,
.k-pdf-export * {
    font-family: "Arial-Report";
}

.k-invalid-msg {
    color: red;
    border: none;
}

/* cronDynamicMenu */
.displayBlock {
    display: block !important;
}

/* Timeline */
.crn-timeline-container {
    margin: 30px;
    overflow: hidden;
    overflow-y: auto;
}

/* Accordion */
.panel-group .panel-heading.heading-arrow {
    display: grid;
    grid-template-columns: auto 33px;
    align-items: center;
}

.panel-group .heading-arrow.panel-heading::after {
    font-family: FontAwesome;
    content: "\f077";
    float: right;
    color: #FFFFFF;
}

.panel-group .heading-arrow.collapsed.panel-heading::after {
    content: "\f078";
}

/* Entrada de texto com botão */
.crn-textinputbutton {
    display: flex;
    align-items: flex-end;
}

.crn-textinputbutton-button {
    display: inherit;
}

.crn-textinputbutton-button button {
    margin: 0;
    margin-left: 10px;
}

/* Breadcrumbs */
#cron-breadcrumbs .k-breadcrumb-container,
#cron-breadcrumbs .k-breadcrumb-root-item-container {
    padding: 3px 10px;
    position: relative;
}

#cron-breadcrumbs .k-breadcrumb-item a .k-icon {
    margin-right: 4px;
}

/* Form's button */
.k-button.btn-fab i {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.active-bar,
.tool-bar {
    display: flex;
    gap: 6px;
}

label {
    font-weight: normal;
}

/* input background in form's autocomplete */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 calc(var(--textBigSize, 18px) * 2) var(--backgroundColor10, #ffffff) inset !important;
    -webkit-text-fill-color: var(--textColor60, #2a2a2a) !important;
}

input[type=checkbox].k-checkbox {
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    position: absolute;
    opacity: 0;
    -webkit-appearance: none;
    width: var(--textBigSize, 18px);
    height: var(--textBigSize, 18px);
}

#auditDetail .modal-content .list-group .form-group{
    margin-right: 10px;
}

img[src='undefined'] {
    display: none;
}

/* Timeline */
.timeline{
    clear: both;
}

.form-group {
    padding: 5px;
}

div.k-loading-pdf-mask > div.ng-scope.k-grid.k-widget.k-display-block.k-editable {
    width: 100%;
}

.glyphicon-user {
    margin-bottom: 3px;
    gap: 3px;
}

.k-dropdown-wrap.k-state-focused {
    box-shadow: 0 0 4px 2px rgba(0, 123, 255, 0.5) !important;
    border-color: #80bdff !important;
}