﻿

.tar {
    text-align: right;
}

.tac {
    text-align: center;
}

.mt0 {
    margin-top: 0 !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml40 {
    margin-left: 40px !important;
}


.pr5 {
    padding-right: 5px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pl5 {
    padding-left: 5px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt15 {
    padding-top: 15px !important;
}



.crossappButton {
    margin: 5px;
    display: inline-block;
    /*border-radius: 50%;*/
    /*width: 35px;*/
    /*height: 35px;*/
    color: white;
    /*text-align: center;*/
    opacity: .6;
    cursor: pointer;
}

    .crossappButton:hover {
        opacity: 1;
    }

    .crossappButton > button {
        background-color: transparent;
        background-image: none;
        box-shadow: none !important;
        padding: 0px;
        border-radius: 50%;
    }

    .crossappButton > span {
        font-size: 16px;
        padding-top: 0px;
    }

    /*.crossappButton > button.crossapphelp {*/
    /*background-color: #7f79d5;*/
    /*}*/

    /*.crossappButton > button.crossappnohelp > span.rz-button-box {
        opacity: .25;
    }*/

    .crossappButton > button.crossappnohelp {
        visibility: visible;
    }

    .crossappButton > button.crossappnohelp {
        visibility: hidden;
    }

.rz-dialog-wrapper-noPadding {
    padding: 0 !important;
}

.rz-dialog-wrapper-reducedPadding {
    padding: 15px;
}

.rz-dialog-wrapper-topContent {
    z-index: 1002 !important;
}

.rz-dialog-wrapper-topContentConfirmDelete {
    z-index: 1011 !important;
}

.rz-formfield-checkbox > .rz-chkbox-box {
    width: 20px;
}

.rz-dropdown.small {
    height: 25px;
    padding: 2px 5px 2px 5px;
    font-size: small;
}

    .rz-dropdown.small > div.rz-dropdown-trigger > span.rz-dropdown-trigger-icon {
        width: 15px;
    }


.radzenFormFieldCheckbox {
    width: 20px;
    margin: 11px;
    outline: none;
}

    .radzenFormFieldCheckbox > .rz-chkbox-box {
        width: 20px;
    }


.rz-dropdown-items-wrapper {
    max-height: 400px !important;
}

:root {
    --rz-text-disabled-color: var(--rz-base-700);
}

.EDMTooltip {
    font-size: 22px;
    top: 5px;
    opacity: .65;
    position: relative;
    cursor: help;
}


.helpDialog.rz-dialog > .rz-dialog-content {
    height: 100%;
    padding: 0px;
}



.edmPanel.rz-panel {
    padding: 5px !important;
    border: 1px solid gainsboro !important;
    margin: 0 !important;
}

.edmPanel > .rz-panel-titlebar {
    flex-direction: row-reverse;
    justify-content: left;
    padding: 5px !important;
}

}

*/

.edmPanel > .rz-panel-content-wrapper {
    background-color: white;
    border-radius: 10px;
    border: 1px solid gainsboro;
    padding: 5px;
    margin-top: 5px;
}

.rtsActionPanel.rz-panel {
    padding: 5px !important;
    border: 1px solid gainsboro !important;
    margin: 0 !important;
    box-shadow: none;
    background-color: #f8fafb !important;
    break-inside: avoid-page;
}

.rtsActionPanel > .rz-panel-titlebar {
    flex-direction: row-reverse;
    justify-content: left;
    padding: 5px !important;
}

.rtsActionPanel > .rz-panel-content-wrapper {
    background-color: white;
    border-radius: 10px;
    border: 1px solid gainsboro;
    padding: 5px;
    margin-top: 5px;
}


.rz-form-field-content > .rz-fileupload > .rz-fileupload-buttonbar {
    background-color: transparent;
}

.rz-form-field-content > .rz-fileupload > .rz-fileupload-content > .rz-fileupload-files {
    background-color: transparent;
    border-top: 1px solid whitesmoke;
}

.rtsForm_Width150 {
    width: 150px !important;
}

.rtsForm_Width200 {
    width: 200px !important;
}

.rtsForm_HTML_150 {
    height: 150px;
    overflow-y: auto;
}

.rtsForm_HTML_250 {
    height: 250px;
    overflow-y: auto;
}

.rtsForm_HTML_500 {
    height: 500px;
    overflow-y: auto;
}

.radzenPopupDropdown {
    display: none;
    position: absolute;
    overflow: hidden;
    border: var(--rz-panel-border);
    background-color: var(--rz-panel-background-color);
    box-shadow: var(--rz-panel-shadow);
    border-radius: var(--rz-border-radius)
}

.radzenSmallInput > .rz-form-field-content > input {
    height: 30px;
}


.rz-notification-item-wrapper {
    width: auto;
    max-width: 800px;
}

.rz-notification {
    overflow-wrap: anywhere;
}


.hidePrinterFriendly {
}


.rz-form-field.noHighlightOnFocus :hover {
    background-color: transparent !important;
}

.rz-form-field.noHighlightOnFocus.rz-state-focused {
    background-color: transparent !important;
}

.spinImage {
    position: relative;
    animation: Rotate 45s linear infinite; /**change the value to make rotation faster or slower*/
}

.spinImageSlow {
    position: relative;
    animation: Rotate 250s linear infinite; /**change the value to make rotation faster or slower*/
}


/**************************/
/**************************/
/*PRINTER FRIENDLY STYLES*/
/**************************/
/**************************/


@media print {

    .hidePrinterFriendly {
        display: none;
    }
}
