/* project specific CSS settings */

/* classes for page and all elements */

.vpage {}

.vpage_popup {}

.vetext {}

.veimage {}

.vebox {}

.vecamera {}

.vechart {}


/* examples  */

.page_shadow {
    box-shadow: 5px 0px 13px 3px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

.dialog_shadow {
    box-shadow: 5px 0px 13px 3px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

.text_button {
    border: 1px solid silver;
    border-radius: 8px;
}

.text_button:hover {
    background-color: orange !important;
    color: white !important;
    border: 1px solid #323232;
}

.blur-box {
    background-color: rgb(255 255 255 / 50%) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.border-radius {
    border-radius: 10px;
}

.border-radius-top {
    border-radius: 10px 10px 0 0;
}

.border-radius-ipad {
    border-radius: 5px;
}

.border-radius-top-ipad {
    border-radius: 5px 5px 0 0;
}

.border-radius-status {
    border-radius: 50px;
}

.box-shadow {
    box-shadow: 0px 0px 15px #00000038;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.rotate-90 {
    transform: rotate(90deg);
}

.rotate-270 {
    transform: rotate(270deg);
}