html {
    height: 100%;
}

html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, br {
    margin: 0;
    padding: 0;
}
    /* todo Darfst nicht: werden tr - Paddings verfaelscht
table {
    border-collapse: collapse;
}*/
    a:link {
        color: #0000ff; /* Цвет ссылок */
    }

    a:visited {
        color: #0000ff; /* Цвет посещённых ссылок */
    }

br {
    line-height: 0;
    height: 0;
}

/*input.disabled {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    color: gray;
    cursor: pointer;
}*/

body {
    background-position: center center;
    background-color: white;
    /*font-family: Arial;*/ /*Calibri, Tahoma, */
    /*font-family: Inter;*/
    font-family: Inter, sans-serif !important;
    font-size: 1em;
    color: rgb(102, 102, 102);
    -webkit-font-smoothing: antialiased;
    height: auto !important;
    min-height: 100%;
    height: 100%;
    position: relative;
    background-repeat: no-repeat;
    /*genommen from illumina*/
    font-weight: 400;
    line-height: 1.4;
    /*letter-spacing: -0.011em;*/
}
/* Allgemein fuer tables*/
table {
    border-style: none;
    width: 100%;
    border-collapse: collapse;
    vertical-align: middle;
}
.ribbon-shell__container {
    top: 0;
    width: calc(100% - 50px);
    z-index: 1030;
    background-color: #fff;
    /*border-bottom: 1px solid #ebebeb;*/
    height: 50px;
    left: 0;
    margin: 0;
    /*padding-top: 7px;*/
    padding-bottom: 5px;
    position: fixed;
    color: #000;
    font-family: Inter,sans-serif !important;
    /*font-size: 14px;*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.global-nav {
    z-index: 1020;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    background-color: #fff;
    margin: 0;
    font-family: Inter, sans-serif !important;
    letter-spacing: -0.011em;
    /*font-size: 16px;*/
    font-size: 1em;
    font-weight: 400;
    color: #666;
    line-height: 1.5;
    text-align: left;
    -webkit-transition: opacity 0.65s cubic-bezier(0, 0, 0.2, 1), height 0.65s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: opacity 0.65s cubic-bezier(0, 0, 0.2, 1), height 0.65s cubic-bezier(0, 0, 0.2, 1);
    -moz-transition: opacity 0.65s cubic-bezier(0, 0, 0.2, 1), height 0.65s cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 0.65s cubic-bezier(0, 0, 0.2, 1), height 0.65s cubic-bezier(0, 0, 0.2, 1);
    -webkit-font-smoothing: antialiased;
}

::-webkit-input-placeholder {
    font-family: Inter, sans-serif !important;
    font-style: italic;
    font-size: 13pt;
    color: GrayText;
    background-color: #ececec;
    text-align: center;
}

/* Firefox 19+ */
:-moz-placeholder {
    font-family: Inter, sans-serif !important;
    font-style: italic;
    font-size: 13pt;
    color: GrayText;
    background-color: #ececec;
    text-align: center;
}
/* Firefox 18- */
:-ms-input-placeholder {
    font-family: Inter, sans-serif !important;
    font-style: italic;
    font-size: 13pt;
    color: GrayText;
    background-color: #ececec;
    text-align: center;
}

:focus::-webkit-input-placeholder {
    opacity: 0;
}
/* webkit */
:focus::-moz-placeholder {
    opacity: 0;
}
/* Firefox 19+ */
:focus:-moz-placeholder {
    opacity: 0;
}
/* Firefox 18- */
:focus:-ms-input-placeholder {
    opacity: 0;
}
/* IE */

form {
    min-width: 800px; /*width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 1000 ? "1000px" : "auto");*/
}

/* https://ru.stackoverflow.com/questions/11307/%D0%9A%D0%B0%D0%BA-%D1%83%D0%B1%D1%80%D0%B0%D1%82%D1%8C-%D0%BE%D0%B1%D0%B2%D0%BE%D0%B4%D0%BA%D1%83-%D0%BF%D1%80%D0%B8-%D0%BA%D0%BB%D0%B8%D0%BA%D0%B5-%D0%BD%D0%B0-input
    Remove outline on the forms and links */
:active, :hover, :focus {
    outline: 0;
    outline-offset: 0;
}

.clsTxbLogin {
    width: 90%;
    padding-left: 15px;
    background-color: #ececec;
    text-align: left;
    font-size: 16px;
    color: #7f7f7f;
    cursor: pointer;
    /*border-top-color: #ececec;
    border-right-color: #ececec;
    border-left-color: #ececec;
    border-bottom-color: #ececec;*/
    border-width: 0px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.clsButtLogin {
    /*font-size: 13pt;*/
    /*font-family: Century Gothic;*/
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    background-color: #4bacc6;
    color: white;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.clsWarnModalPopupRedBack {
    border: 1px solid red;
    background-color: #fb9f8c;
    font-size: 13pt;
}

.errMessageTdLeft {
    font-size: 11pt;
    /*font-weight: bold;background-image: url('Images/imgErrLeft.PNG');*/
    vertical-align: middle;
    border-style: none;
    border-width: 0;
    padding-left: 10px;
}

.errMessageTdMess {
    font-size: 11pt;
    /*font-weight: bold;background-image: url('Images/imgErrBkgr.PNG');background-repeat: repeat-x;*/
    vertical-align: middle;
    padding-left: 10px;
    border-style: none;
    border-width: 0;
}

.errMessage {
    color: red;
    /*display: block;*/
    margin-bottom: 10px;
    font-size: 11pt;
}

.errLoginMessage {
    color: red;
    font-size: 11pt;
    /*font-weight: bold;*/
    background-color: #FFFF99;
}

.clsToExcel {
    cursor: pointer;
    text-decoration: underline;
    text-align: right;
    vertical-align: middle;
}

#spacediv {
    height: 10px;
}

.clsWaterMark {
    font-style: italic;
    font-size: 13pt;
    color: GrayText;
    /*font-weight: bold;*/
    background-color: #f2f2f2;
    text-align: center;
}

.clsRegistry {
    font-style: italic;
    font-size: 13pt;
    color: GrayText;
    background-color: #f2f2f2;
    text-align: center;
}

.fileUpload_font_style {
    background-image: url('../Images/iconAttach0.svg');
    background-repeat: no-repeat;
    cursor: pointer;
    width: 24px;
    height: auto;
}

.fileUpload_style {
    margin-top: -50px;
    margin-left: -410px;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    font-size: 150px;
    height: 100px;
}

    .fileUpload_style:hover {
        cursor: pointer;
    }

.clsMenu0Node {
    width: 170px;
    height: 50px;
    margin-top: 8px;
    margin-right: 27px;
    margin-bottom: 8px;
    text-align: center;
}

.clsMenu1Node {
    cursor: pointer;
}

.my-red-popup .highslide-image {
    border-color: red;
}

.clsShadow {
    position: absolute;
    display: none;
    left: 150px;
    top: 300px;
    width: 100px;
    height: 100px;
    background-color: Gray;
    opacity: 0.70;
}

.clsTbVurnal {
    border-style: none;
    border-color: White;
    text-align: left;
    vertical-align: middle;
}

.clsModalPopupBackground {
    opacity: 0.50;
    background-color: #F7F7F7;
}

.clsPnlTbLoginRahmen {
    opacity: 1.0;
}

.clsdivLogin {
    position: absolute;
    display: block;
    left: 100px; /*top: 0;*/
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}

.clsLogoText {
    /*font-style: italic;*/
    border-style: none;
    border-width: 0px;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
}

.clsUserLoggedAs {
    border-style: none;
    border-width: 0px;
    vertical-align: text-bottom;
    white-space: nowrap;
}

.clsSpanUserLoggedAs {
    border-style: none;
    border-width: 0px;
    vertical-align: text-bottom;
    white-space: pre-wrap;
    /*display:block;*/
}

.clsRepeatLogin {
    border-style: none;
    border-width: 0px;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    /*font-style: italic;*/
    cursor: pointer;
}

.clsDivMain {
    position: absolute;
}

.clsDivAdminFound {
    position: relative;
    /*height: 400px;
   overflow: auto;*/
}

.clsBanner {
    /*position: fixed;*/
    /*left: 0px;*/
    width: 100%;
    background-position: 100% 0;
    /* stoert: sichtbar durch Spectrum-Darstellung background-color: #555;*/
    background-image: url('../Images/bannerBack.svg');
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: white;
    z-index: 9;
}

.clsSequencePanel {
    width: 100%;
    /*background-image: url('../Images/BMDS_sequence.png');*/
    background-color: #595959; /*4bacc6*/
    background-size: cover;
}

.clsPnlSequence1 {
    width: 100%;
    color: #595959; /* bis 06.10.2022 #ffc000*/
    font-size: 0.9em;
    text-align: center;
}

.clsPnlSequence2 {
    width: 100%;
    color: #ffffff;
    font-size: 0.9em;
    text-align: center;
}

.clsPnlSequence3 {
    width: 100%;
    color: #f5f6f7;
    font-size: 0.9em;
    text-align: center;
}

.clsDescr {
    color: white;
    text-align: justify;
}

.tbMainMenu {
    line-height: 35px;
    text-align: left;
    /*background-color: #95b3d7;*/
    border-style: none;
    border-width: 0px;
    /*border-top-color: #95b3d7;
    border-right-color: #95b3d7;
    border-bottom-color: #95b3d7;
    border-left-color: #95b3d7;*/
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
}

.clsTbMainMenuA {
    text-align: left;
    vertical-align: middle;
    /*background-color: #95b3d7;
    border-right-style: solid;
    border-right-width: 5px;
    border-right-color: #95b3d7;*/
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    cursor: pointer;
}

.clsTbMainMenuAr {
    text-align: left;
    vertical-align: middle;
    /*background-color: #31859c;
    border-right-style: solid;
    border-right-width: 5px;
    border-right-color: #31859c;*/
    cursor: pointer;
}

.clsMainMnuInactive {
    text-align: left;
    /*font-size: 13pt;
    color: White;*/
    cursor: pointer;
}

.clsMainMnuInactiveA {
    text-align: left;
    /*font-size: 13pt;*/
    cursor: pointer;
}

.clsAdminMnuInactive {
    /*font-size: 13pt;
    color: White;*/
    cursor: pointer;
}
/*genau wie standart size & color*/
.clsAbout {
    font-size: 10pt;
    color: #404040;
}

.clsJustify {
    text-align: justify;
}

.clsAboutLogos {
    font-size: 9pt;
    color: #7f7f7f;
    cursor: pointer;
}

.clsAboutLogos1 {
    font-size: 9pt;
    color: #7f7f7f;
}

.clsAboutLogos2 {
    font-size: 9pt;
    color: #7f7f7f;
}

.clsAboutLogos3 {
    font-size: 11pt;
    color: #7f7f7f;
}

.clstbFind {
    border: 1px solid #d9d9d9;
    padding: 0px;
    margin: 0px; /*5px;*/
    font-size: 13pt;
    vertical-align: middle;
    text-align: center;
}

.clsTelef {
    border: 1px solid #d9d9d9;
    padding: 0px;
    margin: 0px;
    font-size: 13pt;
    vertical-align: middle;
    text-align: center;
}

.clsTelef1 {
    border: 1px solid #d9d9d9;
    padding: 0px;
    margin: 0px;
    font-size: 13pt;
    vertical-align: middle;
    text-align: center;
}

.clsPersonInput {
    border-style: none;
    border-width: 0px;
    font-size: 13pt;
    width: 95%;
    height: 100%;
}

.clsTelefInput {
    border: 0px solid #d9d9d9;
    padding: 0px;
    margin: 0px;
    font-size: 13pt; /*13.33px;*/
    vertical-align: middle;
    height: 32px;
}

.clsTelefInput1 {
    border: 1px solid #d9d9d9;
    padding: 0px;
    margin: 0px;
    font-size: 13px;
    vertical-align: middle;
    height: 32px;
}

.clsEmailInput {
    border: 0px solid #d9d9d9;
    padding: 0px;
    margin: 0px;
    font-size: 13pt;
    vertical-align: middle;
    height: 32px;
}

.clsCbFind {
    border: 0px none #FFFFFF;
    padding: 0px;
    margin: 5px;
    color: #7f7f7f;
    font-size: 13pt;
    vertical-align: middle;
    text-align: center;
}

.clsButtons {
    font-size: 13pt;
    color: White;
    cursor: pointer;
    text-decoration: underline;
    width: 100%;
    height: 40px;
    line-height: 40px;
    /*  */
    background-color: darkcyan;
    text-align: center;
}

.clsButtFind {
    font-size: 13pt;
    color: White;
    cursor: pointer;
    text-decoration: underline;
}

.clstbButtFind {
    border: none;
    border-color: White;
    padding: 0px;
    margin: 5px;
    font-size: 13pt;
    vertical-align: middle;
    text-align: center;
}

.clsDonorEdit {
    border: 1px solid #bfbfbf;
    background-color: #f2f2f2;
    height: 38px;
}

.clsMiniRow {
    font-size: 5px;
    height: 5px;
}

.baseStas {
    color: #707070;
    font-size: 14px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.clsDDL {
    border: 0px none White;
    padding: 0px;
    margin: 0px;
    font-size: 13pt;
    vertical-align: middle;
    text-align: center;
    width: 95%;
}

.clsDDLalignedCenter {
    text-align-last: center;
}

.clsMailSendDoModalPopup {
    border: 1px solid #a3a3a3;
    background-color: #ebf1de;
    font-size: 13pt;
}

.clsWarnModalPopupRedBack {
    border: 1px solid red;
    background-color: #fb9f8c;
    font-size: 13pt;
}

.clsRegistrInfo {
    background-color: #ececec;
    font-size: 13pt;
    vertical-align: middle;
    text-align: center;
}

.clsRegisterNew {
    background-color: #ececec;
    font-size: 1em;
    vertical-align: middle;
    text-align: left;
}

.clsTbRegistr {
    vertical-align: middle;
    text-align: center;
    padding: 5px;
    margin: 5px;
    border: 1px solid #ececec;
    font-size: 1em;
    color: #262626;
}

.clsTbRegistrList {
    vertical-align: text-top;
    text-align: left;
    padding: 5px;
    margin: 5px;
    border: 1px solid #ececec;
    font-size: 11pt;
    color: #262626;
    white-space: pre-wrap;
}

.clsTbRegistrListCenter {
    vertical-align: text-top;
    text-align: center;
    padding: 5px;
    margin: 5px;
    border: 1px solid #ececec;
    font-size: 11pt;
    color: #262626;
    white-space: pre-wrap;
}

.clsCalendar {
    vertical-align: middle;
    text-align: center;
    white-space: pre-wrap;
    width: 80%;
}

.clsDonorCnt {
    padding: 0px 3px 0px 3px;
    margin-right: 1px;
    vertical-align: text-bottom;
    text-align: center;
    border: 3px solid #c4bcb6;
    font-size: 13pt;
    color: #FFFFFF;
    /*white-space: pre-wrap;*/
    background-color: #5f6560;
}

.clsLabelsNotUnderline {
    vertical-align: middle;
    text-align: left;
    font-size: 13pt;
    color: #7f7f7f;
}

.clsTableTitles {
    /*width: 273px;*/
    text-align: center;
    color: #FFFFFF;
}

.clsLeft {
    text-align: left;
}

.clsLeftPadding {
    padding-left: 10px;
}

.clsRight {
    text-align: right;
}

.clsCenter {
    text-align: center;
}

.clsNoWrap {
    white-space: nowrap;
}

.clsLabels {
    vertical-align: middle;
    text-align: left;
    text-decoration: underline;
    color: #666666;
}

    .clsLabels:hover {
        color: #0000ff;
    }

.clsMailWasError {
    background-color: rgba(255, 47, 0, 0.6);
}

.clsVogelein {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
}

.clsBtn {
    text-align: center;
    font-size: 13pt;
    color: White;
    cursor: pointer;
    background-color: #E1E1E1;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.clsPointerEventsAuto {
    pointer-events: auto;
}

.clsPointerEventsNone {
    pointer-events: none;
}

.clsPopUpTitle {
    color: #000000;
    display: block;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: bolder;
}

.clsHidden {
    visibility: hidden;
}

.clsVisible {
    visibility: visible;
}

.LockOff {
    display: none;
    visibility: hidden;
}

.LockOn {
    display: table-cell;
    visibility: visible;
    position: absolute;
    z-index: 999998;
    top: 0px;
    left: 0px;
    width: 100%;
    /* height: 100%; */
    background-color: #ccc;
    text-align: center;
    /* padding-top: 20%; */
    filter: alpha(opacity=75);
    opacity: 0.75;
}

DIV.modal_overlay {
    z-index: 30;
    position: absolute;
    filter: alpha(opacity = 30);
    opacity: .3;
    background-color: #666;
    width: 100%; /*DISPLAY: block; */
    height: 100%;
    top: 0px;
    left: 0px;
}

.clsGridScroll {
    /*overflow: auto;*/
    overflow-x: auto;
    /*overflow-y: auto;*/
    /*overflow-y: scroll;*/
    /*height: 64px;*/
}

.clsGridScrollY {
    overflow-y: auto;
}

.clsCbMustInQuery {
    cursor: pointer;
}

.clsClearance {
    color: #262626;
    background-color: White;
    border-color: #ECECEC;
    border-width: 1px;
    border-style: solid;
    white-space: nowrap;
    font-size: 16px;
}

.clsFlowDiv {
    position: absolute;
    visibility: hidden;
    top: -1000px;
    left: -1000px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 10px;
    /*overflow-x: hidden;*/
}

.clsmnuImgs {
    position: absolute;
    width: 146px;
    height: 27px;
    background-image: url('../Images/MnuItem_Left.bmp');
    background-repeat: no-repeat;
    font-size: 10px;
    vertical-align: middle;
    padding: 0;
    margin: 0;
}

.clsmnuImgsText {
    position: absolute;
    /*width="116";
      height="27";*/
    background-image: url('../Images/MnuItem_Bkgr.bmp');
    background-repeat: repeat-x;
    font-size: 10px;
    text-align: left;
    cursor: pointer;
}

.pager_item {
    cursor: pointer;
    text-align: center;
    width: 22px;
    border-radius: 19px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
}

    .pager_item:hover {
        background-color: rgba(0,0,0,.06);
    }

.pager_item_selected {
    text-align: center;
    width: 22px;
    background-color: rgba(254, 234, 159,.7);
    border-radius: 19px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
}

.chat_item_left {
    text-align: left;
    background-color: rgba(228, 228, 228, 0.7);
    border-radius: 19px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
}

.chat_item_right {
    text-align: right;
    background-color: rgba(203, 255, 185, 0.7);
    border-radius: 19px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
}

.clsBlack {
    color: black;
    font-weight: bold;
}

.clsISYSmenu {
    /*background-color: #f2f2f2;*/
    border-width: 0px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.clsISYSDialogsTdMess {
    vertical-align: middle;
    border-style: none;
    border-width: 0;
}

.clsISYSDialogsPopupBack {
    box-sizing: border-box;
    /*border: 1px solid #000000;*/
    /*border: 1px solid rgba(0, 0, 0, 0.2); das war illumina */
    /*border: 0px none;*/
    border: 1px solid #ffffff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #ffffff; /*#f2f2f2*/
    /*-webkit-transition: opacity 1s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: opacity 1s cubic-bezier(0, 0, 0.2, 1);
    -moz-transition: opacity 1s cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 1s cubic-bezier(0, 0, 0.2, 1);*/
}

.clsISYSDialogsModalBackDrop {
    position: fixed;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: opacity 1s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: opacity 1s cubic-bezier(0, 0, 0.2, 1);
    -moz-transition: opacity 1s cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 1s cubic-bezier(0, 0, 0.2, 1);
    z-index: 1;
    opacity: 1;
}

.clsISYSDialogsButton {
    font-family: Inter, sans-serif !important;
    display: inline-block;
    margin-bottom: 0;
    font-size: 1em;
    font-weight: normal;
    /*line-height: 1.42857143;*/
    vertical-align: middle;
    /*padding-top: 6px;
    padding-bottom: 8px;*/
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    white-space: normal;
    text-align: center;
    background-color: #4bacc6;
    color: #fff;
}

.clsISYSDialogsButtonDisabled {
    font-family: Inter, sans-serif !important;
    display: inline-block;
    margin-bottom: 0;
    font-size: 1em;
    font-weight: normal;
    /*line-height: 1.42857143;*/
    vertical-align: middle;
    /*padding-top: 6px;
    padding-bottom: 8px;*/
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    white-space: normal;
    text-align: center;
    background-color: #a4a4a4;
    color: #fff;
}
/*специально подобрано под высоту input из clsISYSDialogsInput */
.clsISYSDialogsTextOfTD {
    line-height: 34px;
    vertical-align: middle;
}

.clsISYSDialogsInput {
    display: block;
    padding-left: .375rem;
    font-size: 14px;
    /*line-height: 1.42857143;*/
    height: 31px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.clsISYSDialogs__select {
    display: block;
    width: 100%;
    /*line-height: 1.42857143;*/
    height: 35px;
    padding-left: .2rem;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

/*kalked from clsISYSDialogsInput*/
.clsSearchBoxInput {
    display: block;
    /*line-height: 1.42857143;*/
    /*height: 31px;*/
    /*padding-left: .375rem;*/
    font-size: 14px;
    color: #555;
    background-color: #fff;
    z-index: 9;
    /*border: 1px solid #ebebeb;*/
    border: none;
    /*-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);*/
}
/* todo Shadows
   http://shpargalkablog.ru/2011/06/css-box-shadow.html
*/
.boxShadow {
    /*width: 80%;*/
    /*max-width: 550px;*/
    margin: 1em auto;
    padding: 1em;
    border-radius: 10px;
    /*background: rgb(100,100,100) radial-gradient(circle at 50% 0, rgba(255,255,255,.65), rgba(255,255,255,.35));*/
    box-shadow: inset rgba(0,0,0,.6) 0 -3px 8px, inset rgba(252,255,255,.7) 0 3px 8px, rgba(0,0,0,.8) 0 3px 8px -3px;
}

.boxShadowMain {
    /*box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, .2);*/
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, .2);
    /*background-color: #f9ffff;*/
    /*типа тёмно-бирюзовый 01ced dff3f9*/
    background-color: #f1fafc;
}

.boxShadowMainDisabled {
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, .2);
    background-color: #fefefe;
}
.boxShadowMainPersons {
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, .2);
    background-color: #e1f4f9;
}

.boxShadowDialog {
    box-shadow: 7px 8px 7px 2px rgba(0, 0, 0, .2);
}
/*https://stackoverflow.com/questions/2460501/how-to-change-checkboxs-border-style-in-css
*/
.checkBoxStyled {
    /*transform: scale(2);*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
/*Extra verkuerzen Donor-Eingabe-Form*/
.clsDonorEingabeFormTD {
    font-size: 1em;
    color: #404040;
    background-color: Transparent;
    border-color: Transparent;
    border-width: 1px;
    border-style: solid;
    white-space: nowrap;
}

.clsDonorEingabeFormSPAN {
    /*width: 96%;*/
    height: 19pt;
    vertical-align: middle;
    display: block;
    background-color: #ffffff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #f2f2f2;
}
/*Bestimmen standart textarea-sizes*/
.clsNormFontSize1 {
    font-size: 1em;
}

.clsNormFontSize2 {
    font-size: 0.8em;
}

.clsNormFontSize3 {
    font-size: 0.6em;
}

.clsStatusFontSize {
    font-size: 12px;
}
/*      private Color clrNormText = Color.FromArgb(0x40, 0x40, 0x40);  // 404040 (0x4f, 0x4f, 0x4f)
      private Color clrNormTextRed = Color.FromArgb(0xff, 0x00, 0x00);
*/
.clsNormFontClr {
    color: #404040;
}

.clsNormFontClrRed {
    color: #ff0000;
}

.zIndex200001 {
    z-index: 101500 !important;
    background-color: white;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.clsNormFontClrDialogs {
    color: #444648;
}

.clsNormFontSizeDialogs1 {
    font-size: 32px;
}

.clsNormFontSizeDialogs2 {
    /*font-size: 14px;*/
    font-size: 1em;
}

.clsBooks {
    height: 32px;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding-top: 0;
    padding-bottom: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #f2f2f2;
    font-size: 1em;
}

.clsBookAT {
    height: 48px;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding-top: 0;
    padding-bottom: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #f2f2f2;
    font-size: 1em;
}

.clsBackgroundOnly {
    background-color: #f2f2f2;
}

.clsMaxWidthOnly {
    max-width: 96%;
}

.clsDotPlots {
    max-height: 283px;
    min-height: 283px;
    width: 32.23%;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
}

/*https://dev.to/proticm/styling-html-checkboxes-is-super-easy-302o*/
/*ни хрена не пашет*/
/*.checkbox {
    display: inline-flex;
    cursor: pointer;
    position: relative;
}

.checkbox > span {
    color: #34495E;
    padding: 0.5rem 0.25rem;
}

.checkbox > input {
    height: 25px;
    width: 25px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #34495E;
    border-radius: 5px;
    outline: none;
    transition-duration: 0.3s;
    background-color: #41B883;
    cursor: pointer;
}

.checkbox > input:checked {
    border: 1px solid #41B883;
    background-color: #34495E;
}

.checkbox > input:checked + span::before {
    content: '\2713';
    display: block;
    text-align: center;
    color: #41B883;
    position: absolute;
    left: 0.7rem;
    top: 0.2rem;
}

.checkbox > input:active {
    border: 2px solid #34495E;
}*/