static.dynamia-tools.css.zk-bootstrap.css Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of tools.dynamia.zk Show documentation
Classes for ZK web application
The newest version!
/*
 * Copyright (C) 2009 - 2019 Dynamia Soluciones IT S.A.S - NIT 900302344-1
 * Colombia - South America
 * All Rights Reserved.
 *
 * DynamiaTools is free software: you can redistribute it and/or modify it
 * under the terms of the GNU Lesser General Public License (LGPL v3) as
 * published by the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * DynamiaTools is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * along with DynamiaTools.  If not, see .
 */

.form-zcontrol {
    display: block;
    line-height: 1.5;
}

.form-zcontrol .z-combobox-readonly, .entitypickerbox .z-combobox-readonly {
    background-color: white;
}

.form-zcontrol input {
    padding: .375rem .75rem;
    height: 34px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    box-shadow: none;
}

.entitypickerbox, .decimalbox-calc {
    display: flex;
    line-height: 1.42857143;
    flex: 1;
}


.entitypickerbox input, .decimalbox-calc input {
    flex: 1 !important;
    padding: 6px 12px;
    height: 34px;
    font-size: 14px;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    box-shadow: none;
}

.zcontrol input {
    padding: 6px 12px;
    height: 34px;
    font-size: 14px;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    box-shadow: none;
}

.form-zcontrol input:focus, .entitypickerbox input:focus, .decimalbox-calc input:focus {
    border-color: #3c8dbc !important;
    box-shadow: none;
}

.form-zcontrol a, .entitypickerbox a, .decimalbox-calc a {
    height: 34px;
    line-height: 30px;
}

.entitypickerbox .z-bandbox {
    display: inline-flex;
    flex: 1;
}

.entitypickerbox .z-combobox-button {
    border-radius: 0;
}

.entitypickerbox .entitypickerbox-button, .decimalbox-calc .decimalbox-calc-button {
    color: white;
    background: #337ab7;
    border-color: #337ab7;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    width: 30px;
    right: 0;
    text-align: center;
    font-size: 18px;
    line-height: 2;
}

.entitypickerbox .z-bandbox-button {
    right: 0;
    border-radius: 0;
    border-left: 0;
}

.entitypickerbox .z-bandbox-icon::before {
    content: '\f0d7'
}

.entitypickerbox-popup {
    padding: 0;
}

.form-zcontrol .z-bandbox-popup {
    width: auto !important;
}

.form-zcontrol .z-timebox-button, .form-zcontrol .z-spinner-button, .form-zcontrol .z-doublespinner-button {
    height: 34px !important;
}

.form-zcontrol .z-timebox-button a, .form-zcontrol .z-spinner-button a, .form-zcontrol .z-doublespinner-button a {
    line-height: 15px;
}

.form-zcontrol.z-label {
    display: block;
    border: 1px solid #eeeeee;
    min-height: 36px;
    line-height: 36px;
    padding-left: 6px;
    padding-right: 6px;

}

.form-zcontrol .z-spinner-icon .z-spinner-down,
.form-zcontrol .z-spinner-icon .z-spinner-up {
    height: 16px !important;
    line-height: normal !important;
}

.form-group .conv-zero.z-label,
.form-group .conv-positive.z-label,
.form-group .conv-negative.z-label {
    font-weight: bold;
    color: gray;
    border: 1px solid silver;
    text-align: right;
    display: block;
    height: 36px;
    line-height: 36px;
    padding-left: 6px;
    padding-right: 6px;
}

.form-group .conv-positive {
    color: #529500 !important;
}

.form-group .conv-negative {
    color: maroon !important;
}

.z-checkbox-content {
    font-family: inherit !important;
    font-weight: inherit !important;
    font-size: inherit !important;
    padding-left: 3px;
}

.form-group .z-radiogroup {
    display: block;
}

.spacer, .spacer-top {
    margin-top: 40px;
}

.spacer-bottom {
    margin-bottom: 40px;
}

.pd0 {
    padding: 0 !important;
}

.pd5 {
    padding: 5px !important;
}

.pd10 {
    padding: 10px !important;
}

.pd20 {
    padding: 20px !important;
}

.mg0 {
    margin: 0 !important;
}

.mg5 {
    margin: 5px !important;
}

.mg10 {
    margin: 10px !important;
}

.mg20 {
    margin: 20px !important;
}

.width100 .crudview-body,
.width100 .crudview-header,
.width100 .actiontb-container,
.width100 .z-north,
.width100 .z-north-body,
.width100 .z-center,
.width100 .z-center-body,
.width100 .z-south,
.width100 .z-south-body,
.width100 .z-listbox-header,
.width100 .z-listbox-body,
.width100 .z-listbox-footer {
    width: 100% !important;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.panel {
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    border: none;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.panel .panel-body {
    padding: 20px;
}

.panel .panel-body p {
    margin: 0px;
}

.panel .panel-body p + p {
    margin-top: 15px;
}

.panel-heading {
    border-radius: 0;
    border: none !important;
    padding: 6px 10px;
}

.panel-default > .panel-heading {
    background-color: #fafafa;
    border-bottom: none;
    color: #797979;
}

.panel-title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.panel-sub-title {
    margin-bottom: 3px;
    color: #CEE4FD;
    margin-top: -3px;
}

.panel-footer {
    background: #fafafa;
    border-top: 0px;
}

.panel-default .panel-sub-title {
    color: inherit;
}

.panel-color .panel-title {
    color: #ffffff;
}

.panel-primary > .panel-heading {
    background-color: #3bafda;
}

.panel-success > .panel-heading {
    background-color: #00b19d;
}

.panel-info > .panel-heading {
    background-color: #3ddcf7;
}

.panel-warning > .panel-heading {
    background-color: #ffaa00;
}

.panel-danger > .panel-heading {
    background-color: #ef5350;
}

.panel-purple > .panel-heading {
    background-color: #7266ba;
}

.panel-pink > .panel-heading {
    background-color: #f76397;
}

.panel-inverse > .panel-heading {
    background-color: #4c5667;
}

.panel-border {
    border-radius: 3px;
}

.panel-border .panel-heading {
    background-color: #ffffff;
    border-top: 3px solid #ccc !important;
    border-radius: 3px;
    padding: 10px 20px 0px;
}

.panel-border .panel-body {
    padding: 15px 20px 20px 20px;
}

.panel-border.panel-primary .panel-heading {
    border-color: #3bafda !important;
    color: #3bafda !important;
}

.panel-border.panel-success .panel-heading {
    border-color: #00b19d !important;
    color: #00b19d !important;
}

.panel-border.panel-info .panel-heading {
    border-color: #3ddcf7 !important;
    color: #3ddcf7 !important;
}

.panel-border.panel-warning .panel-heading {
    border-color: #ffaa00 !important;
    color: #ffaa00 !important;
}

.panel-border.panel-danger .panel-heading {
    border-color: #ef5350 !important;
    color: #ef5350 !important;
}

.panel-border.panel-purple .panel-heading {
    border-color: #7266ba !important;
    color: #7266ba !important;
}

.panel-border.panel-pink .panel-heading {
    border-color: #f76397 !important;
    color: #f76397 !important;
}

.panel-border.panel-inverse .panel-heading {
    border-color: #4c5667 !important;
    color: #4c5667 !important;
}

.btn-group-sm > .btn, .btn-sm {
    padding: 5px 10px !important;
    font-size: 12px;
}


@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .hidden-sm {
        display: none !important;
    }
}

.panel-title input {
    height: 31px;
}

.m-b-0 {
    margin-bottom: 0;
}

.m-t-0 {
    margin-top: 0;
}

.noscroll {
    overflow: hidden;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}