:root,
:root.BlueOrange {
    --color0: black; /* as #000000 */
    --color1: white; /* as #ffffff */
    --color2: #285EBA; /* xanh */
    --color3: #FDCB63; /* cam selected */
    --color4: #FCDE9F; /* cam hover */
    /*--color5: #C3CAD3;*/ /* mau disable */
    --color5: #F5F1F1; /* mau disable */
    --color6: #CA1E03; /* mau error */
    --color7: #eaeffb; /* mau main-second */
    --color8: #cccccc; /* border control */
    --color9: #acc2df; /* mau border input*/
    /*--color10: #6d6d6d;*/ /* mau text in input disable*/
    --color10: black; /* mau text in input disable*/
    --color11: #bcdffd; /* boder tab, menu*/
    --color12: #fffee8; /* row alt grid*/
    --color13: #f4f7f8; /* mau footer popup*/
    --color14: #22b5c7; /* mau upload true*/
    --color16: #FBB419; /* mau so caseid,upload inprocess true*/
    --color17: #dee5f8; /* sorted column in grid*/
    --color18: #055cf5; /* link hover*/
    --color20: #4932ba; /* link clicked*/
    --color21: #23ba20; /* hight light dates, mau upload true*/
}
:root {
    --dropzonesize-width170: 170px;
    --dropzonesize-height-medium: 50px;
    --dropzonesize-height-large: 100px;
    --font-main: "roboto",Helvetica, sans-serif;
    --font-icons: "Material Icons";
    --font-icons-outlined: "Material Icons Outlined";
    --size4: 4px;
    --size8: 8px;
    --size16: 16px;
    --size13: 13px;
    --size18: 18px;
    --font-size: var(--size13);
    --line-height: var(--size16);
    --font-bold: 500;
    --font-icon-bold: 600;
    --font-icon-size: var(--size18);
    --border-radius: var(--size4);
    /*loading */
    --border-loading-1: var(--color2);
    --border-loading-2: var(--color16);
    /*New font*/
    --color-main_link-default: var(--color2);
    --color-main_link-hover: var(--color18);
    --color-main_link-selected: var(--color16);
    --color-main_link-visited: var(--color20);
    --color-main_link-disable: var(--color10);
    /* part main */
    --border-color-login_panel: var(--color13);
    --border-color-main-three: var(--color13);
    --bg-color-main-hover: var(--color4);
    /*--bg-color-main-disable: var(--color5);*/
    --bg-color-main: var(--color1);
    --bg-color-main-second: var(--color7);
    --bg-color-main-three: var(--color13);
    --bg-color-main-four: var(--color16);
    --bg-color-main-error: var(--color6);
    --color-main: var(--color0);
    --color-main-three: var(--color13);
    /*--color-main-disable: var(--color10);*/
    --color-main-hover: var(--color4);
    --color-main-default: var(--color2);
    --color-main_text: var(--color0);
    --color-main_text-light: var(--color1);
    --color-main-error: var(--color6);
    --color-main-success: var(--color2);
    --border-color-main-hover: var(--color4);
    --bg-color-scroll-hover: var(--color2);
    --border-color-scroll-default: var(--color8);
    /* part navigation items */
    --bg-color-main_slider-default: var(--color2);
    --bg-color-main_slider-hover: var(--color4);
    --bg-color-main_slider-selected: var(--color3);
    --color-main_slider-default: var(--color1);
    --color-main_slider-hover: var(--color0);
    /*#region part menu */
    /*Default*/
    --bg-color-main_menu-default: var(--color2);
    --border-color-main_menu-default: var(--color11);
    --color-main_menu-default: var(--color1);
    --bg-color-main_menu-default-reg: var(--color21);
    /*Hover*/
    --bg-color-main_menu-hover: var(--color4);
    --color-main_menu-hover: var(--color0);
    --border-color-main_menu-hover: var(--color4);
    /*Selected*/
    --bg-color-main_menu-selected: var(--color3);
    --color-main_menu-selected: var(--color0);
    --border-bot-color-main_menu-selected: var(--color2);
    /*#endregion part menu */
    /*#region part tabs */
    /*Default*/
    --bg-color-main_tab-default: var(--color1);
    --color-main_tab-default: var(--color0);
    --border-color-main_tab-default: var(--color11);
    /*Hover*/
    --bg-color-main_tab-hover: var(--color4);
    --color-main_tab-hover: var(--color0);
    --border-color-main_tab-hover: var(--color11);
    /*Selected*/
    --bg-color-main_tab-selected: var(--color3);
    --color-main_tab-selected: var(--color0);
    --border-color-main_tab-selected: var(--color11);
    /*#endregion part tabs */
    /*#region part infobox */
    --bg-color-ib_head-default: var(--color2);
    --bg-color-ib_head-default: var(--color2);
    --bg-color-ib_body-hover: var(--color4);
    --bg-color-ib_body-selected: var(--color3);
    --bg-color-ib_conver-selected: var(--color9);
    --color-ib_head-default: var(--color1);
    --color-ib_body-default: var(--color0);
    /*#endregion part infobox */
    /*#region button primary*/
    /*Default*/
    --bg-color-pri-default: var(--color2);
    --color-pri-default: var(--color1);
    --border-color-pri-default: var(--color2);
    /*Hover*/
    --color-pri-hover: var(--color0);
    --bg-color-pri-hover: var(--color4);
    --border-color-pri-hover: var(--color4);
    /*Disable*/
    --border-color-pri-disable: var(--color9);
    --bg-color-pri-disable: var(--color5);
    --color-pri-disable: var(--color10);
    /*#endregion button primary*/
    /*#region button second*/
    /*Default*/
    --bg-color-sec-default: var(--color1);
    --color-sec-default: var(--color2);
    --border-color-sec-default: var(--color1);
    /*Hover*/
    --bg-color-sec-hover: var(--color4);
    --color-sec-hover: var(--color0);
    --border-color-sec-hover: var(--color4);
    /*Disable*/
    --bg-color-sec-disable: var(--color5);
    --color-sec-disable: var(--color10);
    --border-color-sec-disable: var(--color9);
    /*#endregion button second*/
    /*#region Window*/
    --bg-color-win-head: var(--color2);
    --bg-color-win-address: var(--bg-color-main-three);
    --bg-color-win-body: var(--color1);
    --bg-color-win-foot: var(--bg-color-main-three);
    --color-win-head: var(--color1);
    --color-win-body: var(--color0);
    --border-color-win-footer: var(--color8);
    --border-color-win-wrap: var(--color8);
    /*#endregion Window*/
    /*#region part Grids, table */
    --bg-color-ctrl_grid: var(--color1);
    --bg-color-ctrl_grid-head: var(--color7);
    --bg-color-ctrl_grid-foot: var(--color7);
    --bg-color-ctrl_grid-row-alt: var(--color12);
    --bg-color-ctrl_grid-row-default: var(--color2);
    --bg-color-ctrl_grid-row-hover: var(--color4);
    --bg-color-ctrl_grid-row-selected: var(--color3);
    --bg-color-ctrl_grid-col-sorted: var(--color17);
    --border-color-ctrl_grid-row-edited: var(--color16);
    --color-ctrl_grid-default: var(--color0);
    /*#endregion part Grids, table */
    /*#region part Schedule or control */
    --bg-color-ctrl_sche-default: var(--color2);
    --bg-color-ctrl_sche-hover: var(--color4);
    --bg-color-ctrl_sche-selected: var(--color3);
    --bg-color-ctrl_sche-cell-content: var(--color21);
    --color-ctrl_sche-default: var(--color1);
    /*#endregion part Schedule or control */
    /*#region all controls*/
    --border-color-ctrl: var(--color8);
    --border-color-ctrl_cal-hili: var(--color21);
    --border-color-ctrl_cal-hilial: var(--color16);
    /*Default*/
    --bg-color-ctrl-default: var(--color1);
    --border-color-ctrl-default: var(--color9);
    --color-ctrl-default: var(--color0);
    --border-color-ctrl-default-value: var(--color21);
    /*Hover*/
    --bg-color-ctrl-hover: var(--color4);
    --color-ctrl-hover: var(--color0);
    --border-color-ctrl-hover: var(--color9);
    /*Focused*/
    --border-color-ctrl-focus: var(--color2);
    /*Selected*/
    --bg-color-ctrl-selected: var(--color3);
    --border-color-ctrl-selected: var(--color9);
    --color-ctrl-selected: var(--color0);
    /*--border-color-ctrl-not_selectable: var(--color16);*/
    /*Checked*/
    --bg-color-ctrl-checked: var(--color2);
    --color-ctrl-checked: var(--color2);
    /*Disable*/
    --bg-color-ctrl-disable: var(--color5);
    --border-color-ctrl-disable: var(--color9);
    --color-ctrl-disable: var(--color10);
    /*#endregion*/
    /*#region Upload control*/
    --bg-color-ctrl_upload-true: var(--color14);
    --bg-color-ctrl_upload-inprogress: var(--color16);
    /*#endregion Upload control*/
    /*--color-link-lastchange: var(--color23);*/
    --opacity-readonly: 0.5;
    --box-shadow-button: 0 0 0 0 rgba(0, 0, 0, 0.12), 0 -1px 0 rgba(0, 0, 0, 0.2) inset;
    --box-shadow-button-main: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2);
    --PreFilter-Default-Definition-Columns: max-content max-content max-content max-content max-content max-content max-content;
    --PreFilter-Default-LastColumn: 7;
    --PreFilter-ApplyButton-Span: 3;
    --PreFilter-ApplyButton-V-Align: flex-start;
    --filter-white: brightness(0) invert(1);
    --filter-unset: unset;
    --filter-black: brightness(0) invert(0);
    --filter-main-hover: var(--filter-unset);
    --mt-light-height: 9px;
    --pad-bot-row: 8px;
}
/*#region Reset style*/
*{
    margin:0;
    padding:0;
}
html, body, form {
    height: 100%;
    width: 100%;
}
br{
    height:1px;
    line-height:1px;
}
/*#endregion */
.RadGrid .rgMasterTable .rgNoRecords {
    line-height: 40px;
}
.full-size {
    display: flex;
    flex-grow: 1;
    overflow: hidden;
}

.relative {
    position: relative;
}

.f-container {
    height: 100%;
}

.scroll-hidden {
    overflow: hidden !important;
}
.scroll-y-hidden {
    overflow-y: hidden !important;
}
.scroll-auto {
    overflow: auto !important;
}

#ctl00_ctl00_ContentPlaceHolder1_rapRegisterPanel.RadAjaxPanel {
    overflow: inherit;
}

body {
    overflow: hidden;
}

table.TblWrapper > tbody > tr > td:first-child {
    padding-right: 2px;
}
.cn-page-register table.TblWrapper {
    height: fit-content;
    padding-top: 7px;
}
.absolute-fill {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}
.m-row{
    margin: 0 -15px;
}
.cn-page-body {
    height: 100%;
}

.f-container {
    height: 100%;
    width: 100%;
}

.w-100 {
    width: 100%;
}

.w-p-100 {
    width: 100vw !important;
}
.disp-flex{
    display: flex;
}
.cn-page-register {
    overflow: auto;
    /*border-top: 1px solid var(--color17);*/
}
.cn-page-left{
    
}
.cn-container-left {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    width: 100%;
    vertical-align: top;
}
    .RadWindow.cn_OperationnActionPopup .rwContent {
        overflow: hidden;
        border-radius: 6px;
    }
.mt-lightheight {
    margin-top: var(--mt-light-height);
}
@media screen and (max-device-width: 1199px) {
    .OuterContainer #cn_body #heightInTab {
        width: 100%;
    }
    .cn_login_custom {
         width: 100%; 
    }
    #general_form {
         width: 100%; 
    }
    .cn-login-panel {
         width: 100%; 
    }
    #casenet_logo {
        width: 100%;
    }
    .cn-lang_bar {
         width: 100%; 
    }
}
@media screen and (min-device-width: 1200px) {
    .OuterContainer #cn_body #heightInTab {
        width: unset;
    }
    .cn_login_custom {
        width: 630px;
    }
    #general_form {
        width: 638px;
    }
    .cn-login-panel {
        width: 630px;
    }
    #casenet_logo {
        width: 630px;
    }
    /*.cn-lang_bar {
        width: 590px;
    }*/
}
.rsAdvRecurrencePatterns .rsAdvDaily .rfbRow span.RecurrenceEditor_RadioButton:has(input[id*='ReEditor_RepeatEveryWeekday']),
.rsAdvRecurrencePatterns .rsAdvMonthly .rfbRow span.RecurrenceEditor_RadioButton:has(input[id*='ReEditor_RepeatEveryNthMonthOnGivenDay']),
.rsAdvRecurrencePatterns .rsAdvYearly .rfbRow span.RecurrenceEditor_RadioButton:has(input[id*='ReEditor_RepeatEveryYearOnGivenDay']) {
    padding: 0px 0px 0px 40px;
}

.RecurrenceEditor.CNRecurrenceEditor .RadInput_CnMaterial .riSelect a {
    color: var(--color-main_text);
}

.RecurrenceEditor.CNRecurrenceEditor {
    line-height: 20px;
}
.RecurrenceEditor.CNRecurrenceEditor .RadDropDownList .rddlFakeInput {
    height: var(--line-height);
}

.RecurrenceEditor.CNRecurrenceEditor .RadPicker {
    width: 120px !important;
    margin-left: -3px;
}
.cn-popup_footer .RadButton_CnMaterial.rbButton {
    height: 32px;
    white-space: nowrap;
    width: fit-content;
    min-width: 66px;
}
.RadNotification .rnContentWrapper {
    padding: unset !important; 
}
/* width */
.GridContextMenu .rgFilterMenu .rgHCMClear, .GridContextMenu .rgFilterMenu .rgHCMFilter {
    font-weight: var(--font-bold);
    border-radius: 4px !important;
}
::-webkit-scrollbar {
    width: 8px !important;
}

/*.MDURAsyncUplPdfSplitter {
    bottom: 13px;
}

.MDURAsyncUploads {
    bottom: 13px;
}*/

.documentcollectionbutton {
    width: unset;
}

.MailExtractorAsynUpload_Musg ul li span .ruBrowse {
    margin-right: unset !important;
}

.cn-page_error_button.b_back {
    color: var(--color-pri-default);
}

.cn-page_error_ico.ico_back {
    filter: var(--filter-white);
}

.cn-page_error_button.b_logout {
    background-image: var(--bg-color-sec-default);
    color: var(--color-sec-default);
}
.cn-page_error_ico.ico_bell {
    filter: brightness(0) saturate(100%) invert(28%) sepia(87%) saturate(1333%) hue-rotate(186deg) brightness(91%) contrast(99%);
}

.cn-page_error_ico.b_logout:hover {
    color: var(--color-sec-hover);
}

.cn-page_error_button.b_logout:hover .cn-page_error_ico.ico_bell,
.cn-page_error_button.b_logout:focus .cn-page_error_ico.ico_bell,
.cn-page_error_button.b_back:hover .cn-page_error_ico.ico_back,
.cn-page_error_button.b_back:focus .cn-page_error_ico.ico_back {
    filter: var(--filter-black);
}

.RadButton.RadButton_CnMaterial.cn-page_error_button .rbText {
    line-height: 33px;
}

.ImageControlDisable {
    opacity: 0.5;
}
.RadForm .rfdTextInput:disabled, .RadForm.rfdTextarea textarea:disabled, .RadForm .rfdSelectDisabled {
    background-color: var(--bg-color-ctrl-disable);
    color: var(--color-ctrl-disable);
    opacity: 1 !important;
}
.RadForm label.rfdInputDisabled {
    background-color: unset;
}
.RadForm .rfdSkinnedButton:disabled,
.RadForm .cnPrimaryButton.rfdSkinnedButton:disabled,
.RadForm .rfdInputDisabled
.RadForm .cnPrimaryButton.rfdInputDisabled {
    background-color: var(--bg-color-sec-disable);
    color: var(--color-ctrl-disable);
    border-color:var(--border-color-ctrl-disable);
    opacity: 1 !important;
}

.RadForm .cnPrimaryButton.rfdSkinnedButton:disabled,
.RadForm .cnPrimaryButton.rfdInputDisabled,
.RadForm .cnSecondaryButton.rfdSkinnedButton:disabled,
.RadForm .cnSecondaryButton.rfdInputDisabled {
    background-color: var(--bg-color-ctrl-disable);
    color: var(--color-ctrl-disable);
    border-color: var(--border-color-ctrl-disable);
    opacity: 1 !important;
}
.RadForm .cnFieldType.rfdSkinnedButton:disabled,
.RadForm .cnFieldType.rfdInputDisabled {
    background-color: var(--bg-color-ctrl-disable);
    color: var(--color-ctrl-disable);
    border-color: var(--border-color-ctrl-disable);
    opacity: 1 !important;
}
/* Track */
::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f1f3f5;
}
::-webkit-scrollbar:horizontal {
    height:8px !important;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: #b7bac2 !important;
    border-radius: 10px;
    border-color: var(--border-color-scroll-default) !important;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: var(--bg-color-scroll-hover) !important;
    }
::-webkit-scrollbar-track-piece{
    height:1px !important;
}
::-webkit-scrollbar-button {
    /*background-color: darkviolet !important;*/
    display:none;
}
::-webkit-scrollbar-corner {
    background-color: #b7bac2 !important;
}
.RadButton {
    margin-bottom: unset; 
}

body {
    font-family: var(--font-main);
    font-size: var(--font-size);
    color: var(--color-main_text);
}

.RadForm_CnMaterial .cn-link {
    color: var(--color-main_link-default) !important;
}

.RadForm_CnMaterial .cn-link:hover {
    color: var(--color-main_link-hover) !important;
}
    .RadForm_CnMaterial .cn-link:active {
        color: var(--color-main_link-selected) !important;
    }
    .RadForm_CnMaterial .cn-link:visited {
        color: var(--color-main_link-visited) !important;
    }
.jq-icon-error, .cn-form_prr_rqf {
    color: var(--color-main-error) !important;
}
.close-jq-toast-single {
    font-size: 23px;
    font-weight: var(--font-bold);
}

.RadForm_CnMaterial .cn-filenameGrey {
    color: var(--color-main_text);
}
.cn-reg_title {
    color: var(--color-main-default);
}
h1, h2, h3, h4, h5, h6, h5 {
    font-weight: var(--font-bold);
    margin-top:8px;
    margin-bottom:4px;
}
ul{
    margin-bottom:10px;
}
h1{     
    font-size:19px;
}
h2 {
    font-size: 17px;
}
h3 {
    font-size: 15px;
}
h4 {
    font-size: 13px;
}
h5 {
    font-size: 11px;
}
h6 {
    font-size: 9px;
}
h7 {
    font-size: 13px;
}
strong, b { font-weight:var(--font-bold);}
.cn-menu-wrapper {
    background-color: var(--bg-color-pri-default);
}

.menu-navibar img {
    -webkit-filter: var(--filter-white);
    filter: var(--filter-white);
    -moz-filter: var(--filter-white);
}
.rfdSkinnedButton:focus, .rfdSkinnedButton:active {
    border-color: var(--border-color-ctrl-default) !important;
    color: var(--color-ctrl-hover) !important;
    background-color: var(--bg-color-ctrl-hover) !important;
    background-image: none !important;
}
    .rfdSkinnedButton:focus::before, .rfdSkinnedButton:active::before {
        filter:var(--filter-black);
    }
    .rfdSkinnedButton:focus,
    .cnPrimaryButton.rfdSkinnedButton:focus,
    .rfdSkinnedButton:active,
    .cnPrimaryButton.rfdSkinnedButton:active {
        border-color: var(--border-color-ctrl-default) !important;
        color: var(--color-pri-hover) !important;
        background-color: var(--bg-color-pri-hover) !important;
        box-shadow: var(--box-shadow-button-main) !important;
        background-image: none !important;
    }
.cnSecondaryButton.rfdSkinnedButton:focus, .cnSecondaryButton.rfdSkinnedButton:active {
    border-color: var(--border-color-ctrl-default) !important;
    color: var(--color-pri-hover) !important;
    background-color: var(--bg-color-pri-hover) !important;
    box-shadow: var(--box-shadow-button-main) !important;
    background-image: none !important;
}

.RadUpload .ruBrowse::before, .DropzoneMultiUpload span::before, .UploadControl::before {
    padding-right: 0px !important;
    margin-right: 8px !important;
    margin-left: -4px !important;
}
.DropzoneMultiUpload{
    display:inline-block;
}

.DropzoneMultiUpload span::before {
    -webkit-filter: var(--filter-white);
    filter: var(--filter-white);
    -moz-filter: var(--filter-white);
}

.DropzoneMultiUpload span.cnFieldType::before {
    -webkit-filter: var(--filter-unset);
    filter: var(--filter-unset);
    -moz-filter: var(--filter-unset);
}

.DropzoneMultiUpload.DropZoneActivating span::before, .RadUpload.DropZoneActivating .ruFileWrap span::before, .UploadControl.DropZoneActivating::before {
    content: "" !important;
}

.RadUpload .ruBrowse {
    min-width: 37px !important;
}

.DropzoneMultiUpload.DropZoneActivating span.rfdSkinnedButton {
    text-align: center !important;
}

.UploadControl.DropZoneActivating {
    min-width: auto !important;
    width: auto;
    background-color: var(--bg-color-ctrl-hover);
    border-color: var(--border-color-ctrl-hover);
}

.UploadControl.DropZoneActivating::before {
    padding-right: 0;
}

.UploadControl.DropZoneActivating .setButtonEnable, .UploadControl.DropZoneActivating .FileUploadEnable, .UploadControl.DropZoneActivating .setButtonEnableMultiUploadSimplegrid {
    background-image: none;
    position: inherit;
}

.cn-menu-horizontal, .cn-menu-vertical, .Warning, .RadSearchBoxInNavigation .btnClearCache {
    -webkit-filter: var(--filter-white);
    filter: var(--filter-white);
    -moz-filter: var(--filter-white);
}
/*.cn-logo_wrapper img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
}*/
.threedots {
    margin-left: 4px;
}
.nav-menu .threedots, .nav-menu .threedots:before, .nav-menu .threedots:after {
    background-color: var(--bg-color-pri-default);
}

.threedots, .threedots:before, .threedots:after {
    background-color: var(--bg-color-main);
}
.cn-tabstrip_wrap .threedots, .cn-tabstrip_wrap .threedots:before, .cn-tabstrip_wrap .threedots:after {
    background-color: var(--color-main_text);
}
.cn-tabstrip-vertical.cn-tabstrip-group-register {
    /*border-right: 1px solid #bcdffd;*/
}
.cn-tab_level2.cn-tabstrip {
    padding:6px;
}
.slider-item a:hover {
    background-color: var(--bg-color-main_menu-hover);
}
.nav-menu {
    width: 26px;
}
    .nav-menu:hover {
        background-color: var(--bg-color-main_menu-hover);
    }
    .nav-menu.dotcurrent, .nav-menu.dotcurrent:hover {
        background-color: var(--bg-color-main_menu-selected);
    }
    .menu-navibar:hover img, .menu-navibar.rmSelected img,
    .menu-navibar.rmSelected, .menu-navibar.rmExpanded img, .cn-menu-flow-vertical img {
        filter: var(--filter-unset);
        -webkit-filter: var(--filter-unset);
        -moz-filter: var(--filter-unset);
    }
.main-menu-lineheight {
    /*line-height: 1.42857143;*/
}
.cn-menu-item {
    border-right: 0 none;
    /*height: 44px;*/
    /*line-height:44;*/
    padding: 10px 14px;
    line-height: 24px;
    height: 24px;
    font-size: 15px;
    color: var(--color-main_text-light);
}
.onlytext > span {
    /*   height: 24px;*/
    line-height:24px;
    padding-top: revert !important;
    padding-bottom: revert !important;
}
.Warning{
    height:44px;
}

.customizedcasenetmenubarlogo{
    max-height:40px !important;
}
.fake-label-login {
    color: var(--color-main_text-light);
    height: 44px;
    line-height: 44px;
    padding-top: 0;
}
.cn-menu-open .threedots{
    margin-top:10px;
}
.cn-menu-open:hover {
    background-color: var(--bg-color-main_menu-hover);
    background-image: unset;
    color: var(--color-main_text);
}
.cn-menu-open.open {
    background-color: var(--bg-color-main_menu-selected);
    background-image: unset;
    color: var(--color-main_text);
}
    .cn-menu-open:hover .threedots, .cn-menu-open:hover .threedots:before, .cn-menu-open:hover .threedots:after,
    .cn-menu-open.open .threedots, .cn-menu-open.open .threedots:before, .cn-menu-open.open .threedots:after {
        background-color: var(--color-main_text);
    }
    .RadMenu .rmGroup .rmLink {
        padding: 4px 32px !important;
    }
.cn-menu-flow-vertical{
    top:44px;
    left:42px;
}
.RadMenu .rmRootGroup.rmVertical .rmRootLink:hover {
    border-color: var(--border-color-main-three);
    color: var(--color-main_text);
    background-color: var(--bg-color-main_menu-hover);
}
    .RadMenu .rmRootGroup.rmVertical .rmRootLink:hover img {
        filter: var(--filter-unset);
        -webkit-filter: var(--filter-unset);
        -moz-filter: var(--filter-unset);
    }
    /*Tabstrip*/
    .cn-tabstrip_wrap {
        background-color: var(--bg-color-main-second);
        border-radius: 8px 8px 0 0;
        -moz-border-radius: 8px 8px 0 0;
        -webkit-border-radius: 8px 8px 0 0;
        box-shadow: 0 0 3px rgb(0 0 0 / 12%), 0 0 2px rgb(0 0 0 / 20%);
        box-sizing: border-box;
        /*width: 100%;*/
        clear:both;
    }
.cn-tabstrip {
    box-sizing: border-box;
    padding: 5px;
}
.RadTabStrip_CnMaterial .rtsLevel1{
    
}
.cn-row {
    /*margin-bottom: 0 !important;*/
}
.cn-tabstrip-group-register {
    color: var(--color-main_text);
    border: unset;
    background-color: transparent;
}
.cn-tabstrip-text {
    
    border: unset !important;
    background-color:transparent;
}
    .cn-tabstrip-text > a, .cn-tabstrip-text > span {
        font-weight: var(--font-bold);
        color: var(--color-main_text);
    }
.cn-tabstrip-group-register-dot:hover {
    background-color: var(--bg-color-main_menu-hover);
    color: var(--color-main_menu-hover);
}

.cn-tabstrip-group-register-dot.open {
    background-color: var(--bg-color-main_menu-selected);
    color: var(--color-main_menu-selected);
}
.infpnl-iconvstext_text, .infpnl-onlytext_text {
    color: var(--color-main_text);
    font-size: 13px;
    margin-top: 0;
    font-weight: var(--font-bold);
    line-height: 24px;
}

.infpnl-iconvstext_text{
    margin-left: 5px;
}

div.regmenu-iconvstext_text {
    font-size: 13px;
    font-weight: var(--font-bold);
}
.clMnuInfoBox, .clMnuProcess {
    background-color: var(--bg-color-main);
    border: 1px solid var(--border-color-main_tab-default);
    border-radius: 4px;
}

/*.InfoboxMenuIcon .rmRootGroup.rmHorizontal .rmRootLink:hover img,*/
.InfoboxMenuIcon .rmRootGroup.rmHorizontal .rmSelected > .rmRootLink img {
    filter: var(--filter-unset) !important;
    -webkit-filter: var(--filter-unset) !important;
    -moz-filter: var(--filter-unset) !important;
}
.InfoboxMenuIcon .rmRootGroup.rmHorizontal .rmSelected .rmText .infpnl-iconvstext_text {
    color: var(--color-main_text) !important;
}
.cn-tabstrip-group-register-dot {
    border: 1px solid var(--border-color-main_tab-default) !important;
    background-color: var(--bg-color-main);
    border-radius: 4px;
    margin: 1px 1px 2px 0px;
    height: auto !important;
    display: flex;
    align-items: center;
}
    .clMnuInfoBox .rmRootGroup, .clMnuProcess .rmRootGroup {
        border: 0 none;
        display: flex;
        align-items:center;
    }
.clMnuInfoBox .rmItem:hover, .clMnuInfoBox .rmLink:hover,
.clMnuInfoBox .rmSelected > .rmRootLink,
.clMnuInfoBox .rmHover > .rmRootLink,
.clMnuInfoBox .RadMenu_Default .rmRootGroup .rmExpanded > .rmRootLink,
.clMnuProcess .rmSelected > .rmRootLink,
.clMnuProcess .RadMenu_Default .rmRootGroup .rmExpanded > .rmRootLink {
    background-color: transparent;
}

.clMnuInfoBox .rmRootGroup .rmRootLink,
.clMnuProcess .rmRootGroup .rmRootLink {
    display: flex;
    min-height: 100% !important;
    height: 100%;
    align-items: center;
}

.clMnuInfoBox .clInfoBox,
.clMnuProcess .clProcess {
    display: flex;
    min-height: 100%;
    height: 100%;
    align-items: center;
}

.fake-label-login {
    font-weight: var(--font-bold);
}
.main-menu-lineheight{
    line-height:24px;
}
    .main-menu-lineheight span {
        border-left: 0 none !important;
    }
    

    
    .rfdSelect, .RadEditor, .RadPicker > .RadInput input, .riTextBox, .rgFilter, .RadPanelBar, .t-button, tr.rgFilterRow td img, .RadFilter .rfTools *, .RadFilter .rfMid *, .RadToolBar {
    border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
}
.RadForm_CnMaterial .cn-quickseach {
    margin-top: 3px;
    padding-top: 0;
}

.font-bold {
    font-weight: var(--font-bold);
}
.font-normal {
    font-weight: normal !important;
}

b, .slider-item, .box-slider-content h2, .nav-label-login {
    font-weight: var(--font-bold) !important;
}

.cn-tab-content{
    padding:0;
}
/*.cn-page_editable, .cn-page_schedule, .cn-page_overview, .cn-page_docgrid {*/
    /*padding: 10px;*/
/*}*/

.cn-tab {
    box-shadow: 0 0 3px rgb(0 0 0 / 12%), 0 0 2px rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0 0 3px rgb(0 0 0 / 12%), 0 0 2px rgb(0 0 0 / 20%);
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    border: 1px solid var(--color17);
}
.cn-tab-bordertop {
    border-top: solid 1px var(--color17) !important;
    border-radius: 4px;
}
.cn-tabstrip_wrap .DivCaption .RadLabel {
    padding: 0 0 0 5px !important;
    line-height:27px;
}
.cn-tabstrip_wrap .DivCaption .RadLabel b{
    float:left;
}

/* css display flex for MainTabbar in case*/
.displayflex_metarial {
    display: flex;
}

.displayflex_metarial > .cn-tabstrip-group-register {
    flex: 0 0 auto;
}

.displayflex_metarial > .cn-tabstrip-group-register-dot {
    height: auto !important;
    display: flex;
    align-items: center;
}

.displayflex_metarial > .cn-tabstrip-horizontal, .displayflex_metarial > .cn-tabstrip-vertical {
        height: auto !important;
}

.displayflex_metarial > .clMnuInfoBox, .displayflex_metarial > .clMnuProcess {
        display: flex;
}

.displayflex_metarial > .cn-tabstrip-text {
        display: flex;
        align-items: center;
}
    .displayflex_metarial > .cn-tabstrip-text.hidden-div {
        display: none !important;
    }
    /*End display flex for MainTabbar in case*/
    .cn-tabstrip-vertical_wrap {
        padding: 5px !important;
    }
    .cn-tabstrip-vertical_wrap .cn-tabstrip {
        padding: 0 !important;
    }
.navcontainer{
    padding-top:5px;
}
    .navcontainer a, .navcontainer span{
        font-weight:var(--font-bold);
    }
    .navcontainer li a, .navcontainer li span, .cn-switchview-navbar a, .cn-switchview-navbar strong {
        color: var(--color-main_text);
    }
        .cn-switchview-navbar a:last-child{
            font-weight: var(--font-bold);
        }
        /*Rad WIndow*/
        .RadWindow .rwTitleWrapper .rwTitle {
            font-weight: var(--font-bold) !important;
        }
.cn-switchview-navbar {
    padding: unset;
    color: var(--color-main_text);
    margin-bottom: 10px;
}
.CaseConversationBarText {
    position: relative;
    right: 10px;
    top: 0;
    float: right;
    text-align: right;
    font-weight: var(--font-bold);
    color: var(--color-main_text);
}
.textareafont {
    font-family: var(--font-family);
    font-size: var(--font-size) !important;
    color: var(--color-main_text);
}

.cn-tabstrip-group-register .rmRootGroup .rmRootLink {
    padding: 0 10px !important;
    min-height:24px;
}
#navMainMenu .RadMenu_CnMaterial .rmRootGroup .rmRootLink {
    padding: 10px 14px !important;
}
#navMainMenu .RadMenu_CnMaterial .rmRootGroup.rmVertical .rmRootLink {
    padding: 5px 32px !important;
    font-size: var(--font-size);
    font-weight: var(--font-bold);
}
.info-box-extended-expandable.expanded{
        min-height:auto;
}
.NavBarHeader {
    background: var(--bg-color-pri-default);
    color: var(--color-main-default);
    border-radius: 6px 6px 0 0;
    box-sizing: border-box;
    width: 100%;
    float: left;
    min-height: auto;
}
    .NavBarHeader .floatright a img {
        -webkit-filter: var(--filter-white);
        filter: var(--filter-white);
        -moz-filter: var(--filter-white);
    }
.cn-navbar{
    border-radius:6px;
}
.NavBarContent {
    background-color: var(--bg-color-main-three);
    border-radius: 0 0 6px 6px;
    padding: 6px;
}
.NavBarContent td.gachchan > table {
    border-radius: 4px;
}
.RadGrid .controlBaseOnEFilterType{
    padding-top:0 !important;
}
.popup-background {
    background-color: var(--bg-color-main);
    padding: unset;
}
.RadGrid_CnMaterial td .a_wrap_text, .a_wrap_text {
    color: var(--color-ctrl_grid-default);
}
.rtsPrevArrow, .rtsNextArrow {
    border: 0 none;
    padding:5px !important;
}

#navMainMenu .RadMenu_CnMaterial .rmRootGroup.rmVertical {
    background-image: none;
    color: var(--color-main_text);
    background: var(--bg-color-main);
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2);
}
.RadMenu_CnMaterial .rmRootGroup .rmFocused > .rmLink {
    box-shadow: inset 0 0 5px var(--border-color-main-hover);
}

.RadMenu_CnMaterial .rmGroup .rmFocused > .rmLink, .RadMenu_Default .rmGroup .rmFocused > .rmLink .rmToggle {
    border: solid 1px var(--border-color-main_menu-default) !important;
    box-shadow: inset 0 0 8px var(--bg-color-main_menu-selected) !important;
}
.nicescroll-rails-hr{
    display:none !important;
}
.cn-tabstrip_add{
    padding:5px;
}
/*.RadMultiPage .rmpView{
    padding:10px;
    
}*/

.databasemanager-second .RadMultiPage .rmpView {
    padding: 10px 0 0 0;
}
.RadMultiPage.outerMultiPage .rmpView {
    padding: 0;
}


/* end loading icon */
.MobileSwitchMenuCaseNet .rmRootToggle {
    border-radius: 4px !important;
    background-color: var(--bg-color-main) !important;
    background-image: unset !important;
    border: 1px solid var(--border-color-main_menu-default) !important;
}
.cn-menu{
    margin-right:4px;
}
.MobileMenuCaseNet .rmRootToggle{
    padding:10px 14px;
    border-right: 0 none !important;
    width:14px !important;
    height:24px;
}
    .MobileMenuCaseNet .rmRootToggle:hover {
        background-color: var(--bg-color-pri-hover);
    }
    .MobileMenuCaseNet .rmRootToggle:before, .MobileSwitchMenuCaseNet .rmRootToggle:before {
        content: "\e5d2" !important;
        font-family: var(--font-icons) !important;
        font-size: 29px;
        font-weight: var(--font-bold);
        height: 24px !important;
        width: 24px;
        color: var(--color-main_text-light);
        position: absolute;
        left: 5px;
        top: 0;
    }
    .MobileMenuCaseNet .rmRootToggle:before {
        color: var(--color-main_text-light);
    }
    .MobileMenuCaseNet .rmRootToggle:hover:before {
        color: var(--color-main_text);
    }
        .MobileSwitchMenuCaseNet .rmRootToggle:before {
            color: var(--color-main_text);
        }
.MobileSwitchMenuCaseNet .rmRootToggle:active, .MobileSwitchMenuCaseNet .rmRootToggle.rmExpanded {
    background-image: unset !important;
    background-color: var(--bg-color-main) !important;
}
.show_more_text{
    font-weight:var(--font-bold) !important;
}

/*
    login page
*/
.OuterContainer
{
    display:flex;
    flex-direction:column;
    min-height:100vh;


}
.loginPanel {
    width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-content: center;
}

.LoginMainItem {
    display: flex;
    flex-direction: row;
}

.OuterContainer #cn_body {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    flex:1;
}


.OuterContainer #cn_body *:not(#index_Login) {
        font-size: var(--font-size) !important;
}

.OuterContainer #casenet_logo {
    margin-top: 5px !important;
    width: 100%;
    height: 70px;
}
.cn-text_forgot{
    text-align:center;
}
.RadForm_CnMaterial .cn-page_login-body a, .gachchan a[href] {
    color: var(--color-main_link-default);
}

    .RadForm_CnMaterial .cn-page_login-body a:hover, .gachchan a[href]:hover {
        color: var(--color-main_link-hover);
    }

    .RadForm_CnMaterial .cn-page_login-body a:active,
    .RadForm_CnMaterial .cn-page_login-body a:focus,
    .gachchan a[href]:active {
        color: var(--color-main_link-selected);
    }
.gachchan {
    vertical-align: top;
    /*border-bottom: 1px solid #c0c3ca;*/
    font-weight: normal;
    padding: 3px;
}

.loginPanel .RadButton_CnMaterial.rbButton {
    margin-top: 10px;
    text-transform: uppercase;
}

.RadForm_CnMaterial .loginPanel label, .RadForm_CnMaterial .cn-form-login label {
    color: var(--color-main_link-default);
}

.ErrorMessage, .ActiveFailure {
    color: var(--color-main-error) !important;
}
.SuccessMessage, .ActiveSuccess {
    color: var(--color-main-success) !important;
}

.RadButton_CnMaterial.rbButton.Secondary, .loginPanel .RadButton_CnMaterial.rbButton {
    background-image: none;
    border-color: var(--border-color-sec-default) !important;
    border-radius: 2px !important;
    color: var(--color-sec-default) !important;
    /* background-color: #F5F5F5; */
    background-color: var(--bg-color-sec-default) !important;
    font-weight: var(--font-bold);
    transition: all .2s ease-in-out;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2) !important;
    padding: 8px 13px !important;
    border-width: 0;
}
    .RadButton_CnMaterial.rbButton.Secondary:hover, .loginPanel .RadButton_CnMaterial.rbButton:hover,
    .RadButton_CnMaterial.rbButton.Secondary:focus, .loginPanel .RadButton_CnMaterial.rbButton:focus,
    .RadButton_CnMaterial.rbButton.Secondary:active, .loginPanel .RadButton_CnMaterial.rbButton:active {
        color: var(--color-sec-hover) !important;
        background-color: var(--bg-color-sec-hover) !important;
    }

.casenet_login_copyright{
    margin-top:10px;
}
.regmenu-onlytext_text{
    font-weight:var(--font-bold);
}
.OuterContainer #index_Login {
    border: 0px;
    padding: 0px;
    font-weight: var(--font-bold);
}
.cn-drop-notselectable {
    background-color: yellow !important;
}
.RadGrid td .a_wrap_text a, .a_wrap_text {
    color: var(--color-main_text);
}
.DivCaption {
    font-weight: var(--font-bold);
}

#navigate-overview-windowsplitter span.icon {
    padding: 4px 7px;
    background-position: center center !important;
    height: 19px;
    border-right: solid 1px var(--border-color-main_tab-default);
    margin-bottom: 2px;
    border: solid 1px transparent;
}

.cn-tabstrip_wrap #navigate-overview-windowsplitter span.icon:hover {
    border: solid 1px var(--border-color-main_tab-default);
    /*padding-top: 3px;
    padding-right: 7px;
    padding-bottom: 5px;
    padding-left: 6px;
    margin-bottom: 0px;*/
    border-radius: 8px 0 0 0;
    -webkit-border-radius: 8px 0 0 0;
    -moz-border-radius: 8px 0 0 0;
}

#navigate-overview-windowsplitter {
    margin: unset;
    display:flex;
    align-items: center;
}

#navigate-overview-windowsplitter span.text {
    line-height: 27px;
    height: 27px;
    color: var(--color-main_text);
    font-weight: var(--font-bold);
    margin: 0 5px;
}

    #navigate-overview-windowsplitter span.icon.collapse-expand-down:before {
        content: "\f1ce";
        font-family: var(--font-icons);
        font-size: var(--font-icon-size);
    }

    #navigate-overview-windowsplitter span.icon:before {
        content: "\f1cf";
        font-family: var(--font-icons);
        font-size: var(--font-icon-size);
    }

/*#navigate-overview-windowsplitter span.icon.collapse-expand-down {
    border-right: unset;
}*/

:placeholder-shown[readonly="readonly"] {
    background-color: var(--bg-color-ctrl-disable) !important;
    color: var(--color-ctrl-disable);
}
.div-message-mode{
    overflow:auto;
    direction:rtl;
    box-sizing:content-box;
}
.div-message-mode .div-message-text{
    padding-left:15px !important;
}
.rbIconOnlyPlusWithDrop {
    padding: 7px 12px 10px 8px !important;
    margin-left: 15px;
}
.rbIconOnlyPlusWith {
    padding: 7px 12px 10px 8px !important;
    margin-left: 8px;
}
.filterType-area, .cn-document-grid .controlBaseOnEFilterType input[type=image], .cn-document-grid .controlBaseOnEFilterType img {
    margin-top: 0 !important;
    padding: 8px;
    float:left;
    border-radius: 4px;
}

.controlBaseOnEFilterType .RadButton{
    margin-top:0 !important;
}
.btnAddChildData {
    background-color: transparent !important;
    box-shadow: unset !important;
    -webkit-box-shadow: unset !important;
    -moz-box-shadow: unset !important;
}
    .btnAddChildData.rbHovered,
    .btnAddChildData.rbSelected,
    .btnAddChildData:hover {
        box-shadow: inset 0 0 5px var(--border-color-ctrl) !important;
        background-color: var(--bg-color-ctrl-hover) !important;
        border-radius: 4px !important;
    }
    .btnAddChildData.rbDisabled.rbHovered,
    .btnAddChildData.rbDisabled.rbSelected,
    .btnAddChildData.rbDisabled:hover {
        box-shadow: unset !important;
        background-color: var(--bg-color-ctrl-disable) !important;
    }
        .btnAddChildData:hover .rbAdd:before {
            color: var(--color-main_text);
        }
.SimpleGridTransparent tr th > a, .SimpleGridTransparent tr th > span, .SimpleGridTransparent tr th.rgHeader>.WCAGLevelLabel {
    color: var(--color-main_text);
    display: inline-block;
    margin-top: var(--mt-light-height);
}
.no-shadow {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    -moz-box-shadow: unset !important;
}
.cn-nav_number {
    font-weight: var(--font-bold);
    background-color: var(--bg-color-main-four);
    border-radius: 4px;
    padding: 4px 7px;
    color: var(--color-main_text) !important;
}
    
    .cn-nav_icon {
    }
.cn-nav_text{

}
.cn-nav_wrap{ display:inline-block;}
    .cn-nav_wrap span:first-child{
        padding-left:12px;
    }
    .cn-nav_wrap span:first-child:before {
        content: "" !important;
    }
    .cn-nav_wrap span:before {
        content: "\e15b";
        font-family: var(--font-icons);
        font-size: 15px;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        display: inline-block;
        color: var(--color-main-default);
        position: relative;
        top: 3px;
    }
.title, .title:visited{
    font-weight:var(--font-bold);
}
.CanvasNotAvailableLbl{
    font-weight: var(--font-bold);
}
.cn-boder_radius4 {
    border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    -moz-border-radius: var(--border-radius) !important;
}
.cn-panel_action_file .documentgrid_labeltotalselected{
    line-height:32px;
    float:left;
}
.rgFilterRow .ClearFilter, .rgFilterRow .SynchronFilter {
    padding: 16px;
    background-position: center center;
    
}
    .rgFilterRow .ClearFilter:hover, .rgFilterRow .SynchronFilter:hover {
        box-shadow: inset 0 0 5px var(--border-color-ctrl);
        border-radius: 4px;
        cursor: pointer;
        background-color: var(--bg-color-ctrl-hover);
    }

.RadForm_CnMaterial .rfdSkinnedButton.CanvasControl {
    border-color: var(--border-color-ctrl-default);
    color: var(--color-main_text);
    background-color: var(--bg-color-ctrl-default);
    line-height: var(--line-height);
    box-shadow: 0 -1px 0 var(--border-color-ctrl) inset;
}
.RadForm_CnMaterial .captionSearchbox {
    color: var(--color-main_text);
    font-size: 15px;
    margin-top: 5px;
    display: inline-block;
    font-weight: var(--font-bold);
    margin-bottom: 2px;
}
.RadForm_CnMaterial .ddlrequired{
    vertical-align:bottom;
}
.AddButtonInNormalMode, .removebuttoninsimplegrid, .AddButtonInSortingMode {
    box-shadow: unset !important;
    -webkit-box-shadow: unset !important;
    -moz-box-shadow: unset !important;
    height: 16px;
    padding: 16px !important;
    background-position: center center !important;
    
}
    .AddButtonInNormalMode.rbHovered,
    .AddButtonInNormalMode.rbSelected,
    .AddButtonInNormalMode:hover, .removebuttoninsimplegrid:hover,
    .AddButtonInSortingMode.rbHovered, .AddButtonInSortingMode.rbSelected, .AddButtonInSortingMode:hover {
        box-shadow: inset 0 0 5px var(--border-color-ctrl) !important;
        background-color: var(--bg-color-ctrl-hover) !important;
        border-radius: 4px !important;
    }
.RadButton.rbDisabled.AddButtonInNormalMode:hover {
    box-shadow: unset !important;
    background-color: unset !important;
    border-radius: unset !important;
}
.RadButton.rbDisabled.removebuttoninsimplegrid:hover {
    box-shadow: unset !important;
    background-color: unset !important;
    border-radius: unset !important;
}
.image-delete-file, .image-delete-file24, .cn-icon_w16h16, a.floatleft[cnhlkfile], a.floatleft[dlf], .cn-document-overview, a.floatleft {
    padding: 0px 4px !important;
}
/*.image-delete-file, .image-delete-file24, .cn-icon_w16h16, a.floatleft[cnhlkfile], a.floatleft[dlf] {
    padding: 4px 4px 0px 4px !important;
}
.cn-document-overview, a.floatleft[clickable] {
    padding: 0px 4px 0px 4px !important;
}*/
.contentfiledocument {
    display: inline-flex;
    flex-wrap: wrap;
}
.contentitemfiledocument {
    display: inline-flex;
}

.cn-normalicon.cn-pd-ic, .cn-docactionicon.cn-pd-ic.cn-fromfiledoc, .cn-normalicon.cn-pd-oic, .cn-docactionicon.cn-pd-oic.cn-fromfile {
    padding: 0px 3px !important;
}
.TabletScreenSize .cn-normalicon.cn-pd-oic, .TabletScreenSize .cn-docactionicon.cn-pd-oic.cn-fromfile {
    padding: 0px 8px !important;
}
.cn-eyeicon.cn-pd-ic, .cn-docactionicon.cn-pd-ic.cn-fromfiledoc, .cn-eyeicon.cn-pd-oic, .cn-docactionicon.cn-pd-oic.cn-fromfiledoc {
    padding: 0px 3px 0px 0px !important;
}
.TabletScreenSize .cn-eyeicon.cn-pd-oic, .TabletScreenSize .cn-docactionicon.cn-pd-oic.cn-fromfiledoc {
    padding: 0px 8px 0px 0px !important;
}
a.floatleft[clickable].cnfiletypeoneicon, .cn-document-overview.cnfiletypeoneicon, a.filetype[clickable].cnfiletypeoneicon {
    padding: 0px 3px 0px 3px !important;
}
.TabletScreenSize a.floatleft.cnfiletypeoneicon, .TabletScreenSize .cn-document-overview.cnfiletypeoneicon {
    padding: 0px 8px !important;
}
.image-delete-file, .image-delete-file24 {
    padding: 0px 3px 0px 0px !important;
}
.TabletScreenSize .image-delete-file24 {
    padding: 0px 8px 0px 0px !important;
}
.cn-docactionicon {
    height: 24px;
    width: 24px;
}

input[type="image"][isview="true"],
input[type="image"][isedit="true"],
input[type="image"][isdelete="true"],
a[vieworganisation="true"],
a[editorganisation="true"],
input[type="image"][deleteorganisation="true"],
a[editperson="true"],
input[type="image"][deleteperson="true"],
input[type="image"][copyfile="true"],
input[type="image"][editfile="true"],
input[type="image"][deletefile="true"],
a[editteam="true"],
input[type="image"][deleteteam="true"],
input[type="image"][editdoc="true"],
input[type="image"][deletedoc="true"],
input[type="image"][editright="true"] {
    padding: 4px;
}
    a[vieworganisation="true"] img, a[editorganisation="true"] img, a[editteam="true"] img, a[editperson="true"] img {
        vertical-align: middle;
    }
input[type="image"][deleteorganisation="true"], input[type="image"][deleteperson="true"], input[type="image"][deleteteam="true"], input[type="image"][operationactionperson="true"], input[type="image"][operationactionorg="true"] {
    vertical-align: middle;
}
    .cn-fileupload_name, .typeFileDocument {
        line-height: unset;
    }
.cnfiletypeoneicon.cn-fileupload_name, .cnfiletypeoneicon.typeFileDocument {
    line-height: 24px;
}
.RadForm_CnMaterial .disp-table-row-space {
    height: 8px;
}
.RadForm_CnMaterial .DivField, .RadForm_CnMaterial .ButtonHideShow {
    margin-bottom: var(--pad-bot-row);
}
.RadForm_CnMaterial .divpadding .RadButton_CnMaterial {
    margin-left: 6px;
}
.cn-panel-buttons .RadButton_CnMaterial.rbButton,
.cn-panel-buttons .rfdSkinnedButton,
.cn-panel-buttons .RadComboBox,
.cn-panel-buttons .rfdSelect {
    margin-right: 7px;
}

.RadForm_CnMaterial td[pdrow="tblcontrol"] {
    padding-bottom: var(--pad-bot-row);
}
    .RadForm_CnMaterial td[pdrow="tblcontrol"].cn-Position_Relative {
        padding-bottom:0;
    }

    .cn-field-elements input[type="submit"] {
        font-weight: 500 !important;
    }
.RadPanelBar label.rfdCheckboxChecked, .RadPanelBar label.rfdCheckboxUnchecked {
    padding: 8px 8px 8px 26px !important;
    line-height:16px;
}

.popup-window .box-edit-item{
    padding:8px 35px;
}
.popup-window .rbText{
    margin-left:5px;
}
.rnTitleBarTitle{
    margin-top:-3px !important;
}
.RadNotification .rnTitleBar .rnIcon {
    -webkit-filter: var(--filter-white);
    filter: var(--filter-white);
    -moz-filter: var(--filter-white);
}



/* Style the tab */
.RadForm_CnMaterial .tab-overviews {
    overflow: hidden;
}

.RadForm_CnMaterial .overviews-box .tab-overviews-box {

    position: relative;
}
    .RadForm_CnMaterial .tab-overviews-box .pnTabOverviewBox {
        margin-bottom:10px;
    }
.tab-overviews-box .pnTabOverviewBox .cn-field .RadComboBox {
    margin-left: 7px;
}
.RadForm_CnMaterial .tab-overviews-box .RadTabStrip {
    /*box-shadow: 0px 1px 2px var(--border-color-ctrl);*/
    /*    border-bottom: 2px solid var(--border-color-ctrl);*/
    /*float: left;*/
    width: 100%;
}
    .RadForm_CnMaterial .tab-overviews-box .RadMultiPage {
        width: 100%;
    }
        .RadForm_CnMaterial .tab-overviews-box .RadMultiPage .rmpView {
            /*width: calc(100% - 2px);*/
            padding: 10px 2px 0px 0px;
            border-radius: 4px;
            margin-top: 1px;
            position: relative;
        }
            .RadForm_CnMaterial .tab-overviews-box .RadMultiPage .rmpView .controlclassEditableGrid {
                margin-bottom:8px;
            }
         .RadForm_CnMaterial .tab-overviews-box .RadMultiPage .rmpView .filter-box{
             max-height:190px;
             overflow:auto;
         }
/* Style the buttons inside the tab */
.RadForm_CnMaterial .tab-overviews-box div {
    /*float: left;*/
    /*border: none;*/
/*    cursor: pointer;*/
}
.RadForm_CnMaterial .tab-overviews-box .RadTabStrip .rtsLevel1 .rtsLink {
    background-color: var(--bg-color-ctrl_grid-head) !important;
    color: var(--color-ctrl_grid-default) !important;
    border: none;
    margin: 0 !important;
    border-right: 1px solid white !important;
    border-radius: unset;
    margin-bottom: 3px !important;
    box-shadow: 0px 2px 0px 0px var(--border-color-ctrl);
    padding: 5px 13px;
}

        .RadForm_CnMaterial .tab-overviews-box .RadTabStrip .rtsLevel1 .rtsLink .rtsTxt img{
          vertical-align:middle;
        }
.RadForm_CnMaterial .tab-overviews-box .RadTabStrip .rtsLevel1 .rtsSelected .rtsLink {
    box-shadow: 0px 2px 0px 0px var(--border-color-ctrl-focus);
}
    .RadForm_CnMaterial .tab-overviews-box .RadTabStrip .rtsLevel1 .rtsSelected .rtsTxt {
        color: var(--color-main-default);
    }
    .RadForm_CnMaterial .tab-overviews-box .RadTabStrip .rtsLI:last-child .rtsLink {
        border-right: none !important;
        border-top-right-radius: var(--border-radius);
        border-bottom-right-radius: var(--border-radius);
    }

    .RadForm_CnMaterial .tab-overviews-box .RadTabStrip .rtsLI:first-child .rtsLink {
        border-top-left-radius: var(--border-radius);
        border-bottom-left-radius: var(--border-radius);
    }
.RadForm_CnMaterial .tab-overviews-box .RadTabStrip .rtsLI.first-tab-hidden:nth-child(2) .rtsLink {
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
}
.RadForm_CnMaterial .tab-overviews-box .RadTabStrip .rtsLI.first-tab-hidden:first-child {
    display: none;
}
.RadForm_CnMaterial .tab-overviews-box .RadTabStrip_CnMaterial.rtsHorizontal .rtsSelected .rtsLink::before {
    border-bottom: none !important;
}
.OverviewControlBox{
    position:relative;
}
.RadForm_CnMaterial .tab-overviews-box .RadMultiPage .rmpView .topright {
    position: absolute;
    top: 5px;
    right: 10px;
    float: right;
    width: 16px;
    height: 16px;
}
.RadForm_CnMaterial .tab-overviews-box .RadMultiPage .rmpView .cn-row_mb5, 
.RadForm_CnMaterial .tab-overviews-box .RadMultiPage .rmpView .cn-row,
.RadForm_CnMaterial .tab-overviews-box .RadMultiPage .rmpView .cn-field {
    margin-top: 5px;
}
.RadForm_CnMaterial .tab-overviews-box .RadMultiPage .rmpView .divFiltersBlock {
    max-height: 160px;
    overflow: auto;
   white-space:normal;
}
.RadForm_CnMaterial .tab-overviews-box .RadMultiPage .rmpView .cn-layoutmode-drp, .RadForm_CnMaterial .tab-overviews-box .RadMultiPage .rmpView .containerqueries {
    padding-right: 10px;
    padding-left: 13px;
}
    .RadForm_CnMaterial .tab-overviews-box .RadMultiPage .rmpView[type="export"] {
        padding-left: 0px !important;
    }
    .RadGrid_CnMaterial .rgGroupHeader .cn-grid-group_checkall_lbl {
        font-size: 16px;
    }
.RadGrid_CnMaterial .rgGroupHeader .cn-grid-group_checkall label {
    line-height: unset;
    color: var(--color-main-text);
}
.RadForm_CnMaterial .vertical-validate {
    vertical-align: -webkit-baseline-middle;
}

.cn-container-right.caseoverview-box, .cn-container-wrapper.caseoverview-box {
    display: block;
}
.cn-navbar-header .infpnl-iconvstext_text {
    color: var(--color-main_text-light);
}

.cn-navbar-header .RadMenu_CnMaterial .rmRootLink img, .cn-navbar-header .RadMenu_CnMaterial .rmRootLink:hover img {
    -webkit-filter: var(--filter-white) !important;
    filter: var(--filter-white) !important;
    -moz-filter: var(--filter-white) !important;
}

.cn-navbar-header .RadMenu_CnMaterial .rmRootGroup .rmRootLink:hover,
.cn-navbar-header .RadMenu_CnMaterial .rmRootGroup .rmSelected > .rmRootLink, .cn-navbar-header .RadMenu_CnMaterial .rmRootGroup .rmExpanded > .rmRootLink {
    background-color: transparent;
}.btnforumpost{
    margin-top:3px !important;
}
.DivCaption {
    font-weight: var(--font-bold);
    font-size: var(--font-size);
}
.SimpleGrid .rgFilterRow a.cn-button-filter {
    color: var(--color-main_text);
}
    .SimpleGrid .rgFilterRow a span.rgFilterIcon {
        bottom: 5px;
        position: relative;
    }
.document_indent .RadPanelBar{
    width:245px !important;
}
.RadCheckBox.RadButton .rbText{
    padding-left:7px;
}

div[membermanageraddperson="membermanageraddperson"] .div-form {
    clear: unset;
}
.radMenuTemplate.RadMenu_CnMaterial .rmRootGroup {
    color: var(--color-main_text);
}
    .radMenuTemplate.RadMenu_CnMaterial .rmRootGroup .rmRootLink {
        border: 1px solid #cdcdcd;
    }
    .radMenuTemplate.RadMenu_CnMaterial .rmRootGroup span.rmRootLink::before {
        content: "\e313" !important;
        display: inline-block;
        font-family: var(--font-icons);
    }
    .radMenuTemplate.RadMenu_CnMaterial .rmRootGroup .rmSelected > span.rmRootLink::before,
    .radMenuTemplate.RadMenu_CnMaterial .rmRootGroup .rmExpanded > span.rmRootLink::before {
        color: var(--color-main_text-light);
    }
    .radMenuTemplate.RadMenu_CnMaterial .rmRootGroup span.rmRootLink:hover::before {
        color: var(--color-main_text-light);
    }
.DivNameStatic {
    width: 200px;
}
.iNameStatic{
    width:150px;
}
.cn-popup_wrap {
    display: flex;
    height: 100vh;
    width: 100vw;
    flex-direction: column;
}
.cn-popup_wrap.cn-popup_notification {
    height: calc(100% - 13px);
    width: calc(100% - 4px);
    float: left;
}
    .cn-popup_onpage{
        height:100%;
        width:100%;
    }
        .cn-popup_onpage .cn-popup_body{
            width:100%;
        }
.cn-popup_wrap .cn-panel-buttons {
    float: unset;
    width: auto;
}
    .cn-popup_header {
        padding: 6px 15px
    }
    .cn-popup_body {
        padding: 6px 15px;
        clear: both;
        box-sizing:border-box;
        width:100%;
        flex:1;
        overflow:auto;
        min-height:0;
        width:100vw;
    }
.cn-popup_footer {
    padding: 8px 15px;
    flex: 0 0 auto;
    border-top: 1px solid var(--border-color-ctrl);
    background-color: var(--bg-color-win-foot);
    text-align: right;
    box-sizing:border-box;
}

.cn-popup_note {
    padding: 8px 15px;
    flex: 0 0 auto;
    border-top: 1px solid var(--border-color-ctrl);
    background-color: var(--bg-color-win-foot);
    text-align: left !important;
    box-sizing: border-box;
}
    .cn-popup_footer button:last-child{
        margin-right:0 !important;
    }
    .cn-popup_footer.cn-buttons_right {
        text-align: right;
        justify-content: right;
    }
        .cn-popup_footer.cn-buttons_right .cn-panel-buttons {
            justify-content: flex-end !important;
        }
    .cn-popup_footer.cn-buttons_left .cn-panel-buttons {
        justify-content: flex-start !important;
    }
    .cn-popup_footer.cn-buttons_left {
        text-align: left;
        justify-content: left;
    }
    .cn-popup_footer.cn-buttons_center {
        text-align: center;
        justify-content: center;
    }
        .cn-popup_footer.cn-buttons_center .cn-panel-buttons {
            justify-content: center !important;
        }
        .cn-popup_footer.cn-buttons_right .cnPancelButtonCheckOutIn {
            margin-left: 8px;
        }
        .cn-popup_footer.cn-buttons_right .cnPancelButtonCheckOutIn:first-child {
            margin-left: 0;
        }
        .cn-popup_footer_flex {
            display: flex;
            box-sizing: border-box;
        }
#ctl00_ContentPlaceHolder1_divAddressBar input.rfdTextInput, #divAddressBar input.rfdTextInput {
    border-bottom: solid 1px var(--border-color-ctrl) !important;
    border-radius: 0 !important;
    background-color: var(--bg-color-win-address) !important;
}
.cn-popup_pad25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
}
.cn-p_device_view span label.rfdRadioUnchecked, .cn-p_device_view span label.rfdRadioChecked {
    white-space: nowrap;
} 
.div-margin-right div{
    margin-right:8px;
}
.RadForm_CnMaterial .cn-login-buttons button {
    margin-right: 8px !important;
}
    .RadForm_CnMaterial .cn-login-buttons button:last-child {
        margin-right: 0px !important;
    }
.RadForm_CnMaterial .cn-login-buttons{
    padding-top:unset;
}
.cn-panel-login-buttons, .cn-login-buttons, .cn-panel-buttons {
    display: flex;
    flex-wrap: wrap;
}
.cn-panel-dashboard{
    display:flex;
    flex-wrap:nowrap;
}

.cn-panel-login-buttons, .cn-login-buttons {
    justify-content: center;
}
.cn-panel-buttons {
    justify-content: flex-start;
}

.marginRight8{
    margin-right:8px;
}
.serverfilemanager-buttonbox input:last-child{
    margin-right:0 !important;
}
.margintop8 {
    margin-top: 8px;
}
.cn-position-absolute{
    position:absolute;
}
.cn-app_server_time{
    font-weight: var(--font-bold);
}
.ico-copykey {
    background-image: url(../../ApplicationImages/Common_Copy.png);
    background-position-x:bottom;
    background-position-y:bottom;
    background-repeat:no-repeat;
    width: 16px;
    height: 21px;
    display: inline-block;
    cursor:pointer;
    margin-right:5px;
    flex: none;
    padding-top:3px;
}
.fieldKey{
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: var(--font-bold);
}
.cn-fieldKey_wrap {
    display: flex;
}
.validation-summary-form {
    text-align: left;
}
.disp-table-row {
    display: table-row;
}
.rieRightAligned {
    padding-right: 10px;
    width: 150px;
    white-space: nowrap;
    display: table-cell;
}

.rieLeftAligned {
    display: table-cell;
}
.riePresetSizes, .rieTextbox, #TxtFilename_wrapper, #TxtDescription_wrapper {
    width: 100% !important;
}
#divRowDocument .RadInput_CnMaterial {
    width: calc(100% - 8px) !important;
}
#divRowDocument .RadPicker_CnMaterial {
    width: calc(100% - 8px) !important;
}
    #divRowDocument .RadPicker_CnMaterial .RadInput_CnMaterial {
        width: 100% !important;
    }

.has-required-intable .validate-require-control {
    padding-left: 0 !important;
}
div.tableCpWrapper{
    padding: 0 0 10px 25px;
}
.RadAsyncUpload input[type='file'] {
    height: -webkit-fill-available;
    /*max-width: 90px;*/
}
#CommunicationPanel .RadGrid_CnMaterial .rgEditForm label, #CommunicationPanel .RadGrid_CnMaterial .rgEditForm td {
    font-weight: normal !important;
}
.margin-bottom-10{
    margin-bottom:10px;
}
.casenet_login_copyright {
    font-size: var(--font-size);
}

.TblField[gr-input="1"] .TblName, .TblField[gr-input="1"] .TblValue,
.TblField[gr-drop="1"] .TblName, .TblField[gr-drop="1"] .TblValue,
.TblField[gr-check="1"] .TblName, .TblField[gr-check="1"] .TblValue,
.TblField[gr-button="1"] .TblName, .TblField[gr-button="1"] .TblValue,
.TblField[gr-link="1"] .TblName, .TblField[gr-link="1"] .TblValue,
.DivField[gr-input="1"] .DivName, .DivField[gr-input="1"] .DivValue,
.DivField[gr-drop="1"] .DivName, .DivField[gr-drop="1"] .DivValue,
.DivField[gr-check="1"] .DivName, .DivField[gr-check="1"] .DivValue,
.DivField[gr-button="1"] .DivName, .DivField[gr-button="1"] .DivValue,
.DivField[gr-link="1"] .DivName, .DivField[gr-link="1"] .DivValue {
    vertical-align: top !important;
    padding-right:2px;
    
}
.DivField .DivName.divLabel {
    margin-top: var(--mt-light-height);
}
.DivValue > .cn-table_container-lbl {
    margin-top: var(--mt-light-height);
}
.TblField .TblName > span, .DivName > Span, .TblField .TblName > b, .DivName > b, .field-caption > span, tr[container="1"] > td:first-child > span {
    margin-top: var(--mt-light-height);
    display: inline-block;
}

.cn-table_container .cn-table_container-lbl {
    margin-top: var(--mt-light-height);
}

.DivValue .cn-label, .DivValue .cn-link, .DivValue .cn-client-control, .DivValue a[reportservice='1'] {
    margin-top: var(--mt-light-height);
    display: inline-block;
}
.DivValue .HistoryLinkClass.cn-link {
    display: block;
}

.TblField .TblValue .cn-link, .TblField .TblValue .cn-label {
    margin-top: var(--mt-light-height) !important;
    display: inline-block;
}
.DivValue .cn-label:has(hr), .TblValue .cn-label:has(hr) {
    display: block;
}
.iName {
    margin-top: var(--mt-light-height);
    line-height: unset;
}

.GridMode {
    display: grid;
    grid-template-columns: var(--PreFilter-Default-Definition-Columns);
    align-items: center;
    row-gap: 10px;
}

.GridMode > * {
margin-bottom:0px !important;
}

.GridMode>.FilterButton{
grid-row:var(--PreFilter-ApplyButton-Span);
grid-column:var(--PreFilter-Default-LastColumn);
align-self:var(--PreFilter-ApplyButton-V-Align);
    }

.FlexContainer
{
    display:flex;
}

    .FlexContainer .FlexColumn01 {
        flex: 0 0 auto;
        display: unset;
    }
    .FlexContainer .FlexColumn02 {
        flex: 0 0 auto;
        display: unset;
        align-self:center;
    }
    .FlexContainer .FlexColumn03 {
        flex: 1 1 auto;
        display: unset;
    }


.RadEditor_CnMaterial.ReadOnlyEditor {
    background-color:var(--bg-color-ctrl-disable) !important;
}
.RadEditor_CnMaterial.ReadOnlyEditor .reResize{
    color: var(--color-ctrl-disable) !important;
}
.cn-border {
    border-color: var(--border-color-ctrl);
}
/* loading icon */
.RadAjax {
    margin: 0 auto;
}
.info-box-loading {
    background-color: var(--bg-color-main);
    opacity: .85;
}

.cn-loading-panel {
    opacity: .85;
    filter: alpha(opacity=85);
}
.RadAjax .raColor {
    /*write some code if want to change background*/
    background-color: var(--bg-color-main);
}

.RadAjax .raTransp {
    /*write some code if want to change opacity */
    zoom: 1;
    filter: alpha(opacity=85) !important;
    opacity: .85 !important;
    z-index: 1;
}
.cn-loading-panel_no-icon .raDiv {
    display: none !important;
}
.raDiv {
    width: 20px !important;
    height: 20px !important;
    position: absolute !important;
    left: 50%;
    top: 50%;
    margin-top: -10px !important;
    border: 3px solid var(--border-loading-1);
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation_loading 1s linear infinite;
    z-index: 2;
}

    .raDiv::after {
        content: '';
        box-sizing: border-box;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 30px;
        height: 30px;
        border-radius: 50%;
        border: 3px solid;
        border-color: var(--border-loading-2) transparent;
    }

@keyframes rotation_loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.img-fluid{
    max-width:100%;
    height:auto;
}
.cn-page_login-left {
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: var(--border-color-login_panel);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.cn-page_login-right {
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: var(--border-color-login_panel);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.text-center{
    text-align:center;
}
.text-left {
    text-align: left
        ;
}
.text-right {
    text-align: right;
}
.h-100 {
    height: 100%;
}

.w-100 {
    width: 100%;
}
.cn-page_login-body {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    flex: 1;
}
.border-panel {
    border-radius: 5px;
    border: solid 1px var(--border-color-login_panel);
}
.container-login {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.cn-page-msg-mode {
    min-height: 30px;
    max-height: 30px;
    padding:0;
}
.cn-page_login-body .loginPanel{
    width: 100%;
    justify-content:center;
    
}
.cn-page_login-body #casenet_logo{
    background: none !important;
    width:100%;
    height:70px;
    margin-bottom:20px !important;
}
.cn-page_login-body .cn-lang_bar{
    width:100%;
}
.cn-page_login-body #general_form {
 
}
.cn-page_login-body #index_Login {
    border: 0 none;
}
/* `sm` applies to x-small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
}

/* `md` applies to small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    
}

/* `lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
    
}

/* `xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
    .cn-page_login-right {
        border-radius: 5px;
    }
}

/* `xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {
    
}
.RadCaptcha_CnMaterial.rcInvalid>span{
    color: var(--color-main-error) !important;
}
.div-message-mode {
    background: none repeat scroll 0 0 #FEF6D4;
    border-bottom: 1px solid #87826C;
    color: #000;
    height: 30px;
    width: 100%;
    opacity: 0.9;
    overflow: hidden;
    position: relative;
}

.div-text-mode {
    text-align: center;
}
    .div-text-mode .cn-msg_text {
        line-height: 30px;
    }
    .icon-message-mode {
        background-color: Transparent;
        background-repeat: no-repeat;
        background-position: center;
        width: 30px;
        height: 30px;
        cursor: pointer;
    }

    .icon-message-mode img {
        margin: 0;
        padding: 0;
        border: 0 none;
    }
.slider-item-link {
    cursor: pointer;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    display: block;
    padding: 10px;
    margin: 0 auto;
    width: 84px;
    position: relative;
}
    .slider-item-link.current, .slider-item-link.current:hover {
        background-color: var(--bg-color-main_menu-selected);
    }
.linkWithIcon{
    font-weight:var(--font-bold);
}
.cn-text-required{ margin-left:7px; margin-right:7px; line-height:32px;}
.cn-panel-export{
    clear:both;
    padding-top:10px;
}

.RadDateTimePicker[errorCnMaterial="errorCnMaterial"],
.RadPicker[errorCnMaterial="errorCnMaterial"],
.RadInput_CnMaterial.RadInputError,
.RadPicker_CnMaterial:has(.RadInputError),
.RadForm_CnMaterial .rfdTextInput[errorCnMaterial="errorCnMaterial"],
.RadForm_CnMaterial .rfdSelect_CnMaterial[errorCnMaterial="errorCnMaterial"],
textarea[errorCnMaterial="errorCnMaterial"] {
    border-bottom-color: var(--color-main-error) !important;
    border-bottom-width: 2px !important;
}
.RadComboBox_CnMaterial[errorCnMaterial="errorCnMaterial"] {
    border-bottom: 2px solid !important;
    border-bottom-color: var(--color-main-error) !important;
}

    .RadComboBox_CnMaterial[errorCnMaterial="errorCnMaterial"] span.rcbInner {
        border-bottom: none !important;
    }

    .RadComboBox_CnMaterial[errorCnMaterial="errorCnMaterial"] .rcbFocused {
        border-bottom: none !important;
        box-shadow: none !important;
    }

    .RadComboBox_CnMaterial[errorCnMaterial="errorCnMaterial"] .rcbExpanded {
        background-color: var(--bg-color-ctrl-default);
        box-shadow: 0 -2px 0 var(--border-color-ctrl-focus) inset !important;
    }
.RadInput_CnMaterial input[errorCnMaterial="errorCnMaterial"],
.RadInput_CnMaterial textarea[errorCnMaterial="errorCnMaterial"] {
    border-bottom-color: var(--color-main-error) !important;
}

    .cn-panel-buttons .RadButton_CnMaterial.rbButton.flexbuttoninchild
     {
        flex-basis: content;
    }
    .cn-popup_footer .cn-panel-buttons .RadButton_CnMaterial.rbButton,
    .cn-popup_footer .cn-panel-buttons .rfdSkinnedButton,
    .cn-popup_footer .cn-panel-buttons .RadComboBox,
    .cn-popup_footer .cn-panel-buttons .rfdSelect {
        margin-right: 7px;
        margin-bottom: 4px;
    }
.cn-print .cn-link{
    line-height:34px;
    display:inline-block;

}
.cn-panel-login-border {
    border: solid 1px var(--border-color-login_panel);
    border-radius: 5px;
}
.cn-panel-login{
    padding: 10px 45px 20px 45px;
}

.cn-text-label {
    color: var(--color-main_link-default);
}
.cn-text-default{
    color: var(--color-main_text);
}
.cn-text-bold {
    font-weight: var(--font-bold);
}
.cn-text-coord{
    font-size: var( --font-icon-size);
}
.cn-panel-login-form{

}
#login_message {
    clear: both;
    display: block;
    text-align: center;
}
.w-auto{
    width:auto !important;
}
table.cn-table_upload-document td, table.cn-table_person-state td {
    padding-right: 7px;
}
table.cn-table_upload-document td {
    padding-bottom: 7px;
}
table.cn-table_upload-forum td{
    font-weight: var(--font-bold);
}
.mr-7{
    margin-right: 7px;
}
.RadScheduler.RadScheduler_CnMaterial .rsDialog .rsAdvButtonWrapper{
    margin-right: -15px;
    border-radius: 0 0 6px 6px;
}
.cn-panel_top-btn {
    padding: 0 !important;
    align-items: end;
    justify-content: end;
}
    .cn-panel_top-btn .cn-panel-buttons .RadButton_CnMaterial.rbButton, .cn-panel_top-btn .cn-panel-buttons .rfdSkinnedButton, .cn-panel_top-btn .cn-panel-buttons .cn-btn-upload-mail {
        margin-left: 7px !important;
        margin-bottom: 5px;
        padding: 10px 25px;
        white-space: nowrap;
        margin-right: 1px;
    }
.cn-panel_bottom-btn {
    padding: 0 !important;
    align-items: start;
    justify-content: start;
}
    .cn-panel_bottom-btn .cn-panel-buttons .RadButton_CnMaterial.rbButton,
    .cn-panel_bottom-btn .cn-panel-buttons .rfdSkinnedButton,
    .cn-panel_bottom-btn .cn-panel-buttons .cn-btn-upload-mail {
        margin-right: 7px !important;
        margin-bottom: 0;
        padding: 10px 25px;
        white-space: nowrap;
    }
    .cn-panel_bottom-btn .cn-panel-buttons .cn-btn-upload-mail, .cn-panel_top-btn .cn-panel-buttons .cn-btn-upload-mail {
        border-color: var(--border-color-sec-default);
        color: var(--color-sec-default);
        background-color: var(--bg-color-sec-default);
        transition: all .2s ease-in-out;
        box-shadow: var(--box-shadow-button-main);
        padding: 0;
        border-radius: 4px;
        display:flex;
        align-items:center;
    }
    .cn-panel_bottom-btn .cn-panel-buttons {
        margin-top: 7px;
        margin-bottom: 0;
    }

.RadForm .cn-panel_bottom-sum .rfdValidationSummaryControl {
    margin-top: 5px;
}
.cn-page_addperson, .cn-page-addorganisation {
    width: 100%;
}
.cn-form{
    padding:15px;
}
    
.cn-tab-border {
    border-bottom: 1px solid var(--color17);
}
.cn-error-panel {
    background-color: var(--bg-color-main-three);
    border: 1px solid var(--border-color-ctrl);
    max-height: 180px;
    overflow: auto;
}
    .cn-error-panel ul {
        color: var(--color-main-error) !important;
        min-height: unset !important;
        margin: 10px 0;
    }
table tr.old-infobox-row td:first-child {
    width: 70px;
    word-break: break-word;
}

table tr.old-infobox-row td:last-child {
    width: 165px;
    word-break: break-word;
}
.flex-auto{
    flex : auto;
}
.cn-form-document{
    box-sizing:border-box;
    width:100%;
    padding: 10px 15px;
    border-width:1px;
    border-style:solid;
}
.cn-table{
    border-collapse: collapse;
}
.cn-table tr td{
    padding: 2px;
}

.cn-panel-addperson{
    display:flex;
    align-items:center;
}
.cn-form-addteam .DivName, .cn-form-editteam .DivName {
    margin-top: var(--mt-light-height);
}
.cn-panel-captcha-wrap{
    display:block;
    width:100%;
}
    .cn-panel-captcha-wrap .cn-panel-captcha{
        margin-bottom:5px;
    }
#casenet_logo .js-login-logo{
    height:70px;
}
.cn-page_clientaddcase .RadMultiPage .rmpView {
    padding:10px;
}
    .cn-page_clientaddcase .RadMultiPage .rmpView.cn-pv_client {
        padding: 0;
    }
.RefreshCacheBoxOverview span{
    margin-left: 5px;
}
.cn-file-info {
    width: 100%;
    padding-bottom: 5px;
    clear: both;
    float:left;
}
.cn-file-info-type {
    float: left;
    text-align: center;
    vertical-align: top;
}
.cn-file-info-name {
    vertical-align: top;
    float: left;
    word-wrap: break-word;
}

.TblField .TblValue .cn-file-info-name .cn-link
{
    margin-top: 0px !important;
}

.DivValue .cn-file-info-name .cn-link {
    margin-top: 0px;
}

.cn-table-file td:not(:empty) {
    padding-top: 7px;
}
.cn-table-file td {
    padding-bottom: 5px;
    vertical-align: bottom;
}
    .cn-table-file td:empty {
        padding-bottom: 0;
    }
.cn-table-file .cn-link.cn-fileupload_name{
    margin-top: -1px !important;
}
.cn-table_container .cn-table-file a.cn-link {
    word-break: break-word;
    white-space: normal !important;
    line-height: 16px;
    display:inline;
}
.iName .iName-title {
    margin-right: 7px;
}
.cn-schedule-groups{
    margin-bottom:7px;
}
    .cn-schedule-groups .RadButton {
        margin-right:7px;
    }
.RadMenu .rmItem input[type='checkbox'] {
    margin: 3px;
}
table.rgMasterTable tr.rgNoRecords td {
    padding-left: 2px;
}
.cn-field-file-medium, .cn-field-image-medium, .cn-field-mailextractor-medium,
.UploadControl.DropZoneActivating.cn-field-file-medium {
    width: var(--dropzonesize-width170);
    height: var(--dropzonesize-height-medium);
    position: relative;
    padding: unset !important;
}
.DropzoneMultiUpload .rfdSkinnedButton.dropzone-text.cn-field-multidocumentupload-medium {
    height: calc(var(--dropzonesize-height-medium) - 16px);
    min-width: calc(var(--dropzonesize-width170) - 30px) !important;
    align-content:center;
    text-align:center;
}
.DropzoneMultiUpload span.rfdSkinnedButton.cn-field-multidocumentupload-medium {
    height: var(--dropzonesize-height-medium);
    align-content: center;
    min-width: calc(var(--dropzonesize-width170) - 18px) !important;
    padding: 0px 9px;
}
.cn-field-file-large, .cn-field-image-large, .cn-field-mailextractor-large,
.UploadControl.DropZoneActivating.cn-field-file-large {
    width: var(--dropzonesize-width170);
    height: var(--dropzonesize-height-large);
    position: relative;
    padding: unset !important;
}
.cn-field-image-large.image-uploaded-file, .cn-field-image-medium.image-uploaded-file {
    height: unset;
}
.dropzone-text{
    text-align:center;
}
.DropzoneMultiUpload .rfdSkinnedButton.dropzone-text.cn-field-multidocumentupload-large {
    height: calc(var(--dropzonesize-height-large) - 16px);
    min-width: calc(var(--dropzonesize-width170) - 30px) !important;
    align-content: center;
    text-align: center;
}
.DropzoneMultiUpload span.rfdSkinnedButton.cn-field-multidocumentupload-large {
    height: var(--dropzonesize-height-large);
    align-content: center;
    min-width: calc(var(--dropzonesize-width170) - 18px) !important;
    padding: 0px 9px;
}
.cn-fileupload-medium, .cn-fileupload-large {
    padding: unset !important;
}

.cn-fileupload-medium .ruSelectWrap {
width: var(--dropzonesize-width170);
height: var(--dropzonesize-height-medium);
}

    .cn-fileupload-large .ruSelectWrap {
        width: var(--dropzonesize-width170);
        height: var(--dropzonesize-height-large);
    }
   
    .cn-fileupload-medium .ruUploadFailure .ruFileWrap, 
    .cn-fileupload-large .ruUploadFailure .ruFileWrap {
        width: unset;
        height: unset;
    }
    .cn-fileupload-medium .ruFileWrap {
        width: var(--dropzonesize-width170);
        height: var(--dropzonesize-height-medium);
    }
    .cn-fileupload-large .ruFileWrap {
        width: var(--dropzonesize-width170);
        height: var(--dropzonesize-height-large);
    }
    .cn-fileupload-medium .ruInputs {
        width: var(--dropzonesize-width170);
        height: var(--dropzonesize-height-medium) !important;
    }
    .cn-fileupload-large .ruInputs {
        width: var(--dropzonesize-width170);
        height: var(--dropzonesize-height-large) !important;
    }
    .cn-fileupload-medium .ruInputs:has(.ruUploadProgress), .cn-fileupload-medium .ruInputs:has(.ruUploadFailure),
    .cn-fileupload-large .ruInputs:has(.ruUploadProgress), .cn-fileupload-large .ruInputs:has(.ruUploadFailure) {
        width: unset;
        height: unset !important;
    }
    .cn-fileupload-medium .ruFileLI.ruUploadSuccess,
    .cn-fileupload-large .ruFileLI.ruUploadSuccess {
        width: unset;
        height: unset;
    }
    .cn-fileupload-medium .ruUploadSuccess .ruFileWrap,
    .cn-fileupload-large .ruUploadSuccess .ruFileWrap {
        width: unset;
        height: unset;
    }
    .cn-fileupload-medium .ruSelectWrap .ruBrowse, 
    .cn-fileupload-large .ruSelectWrap .ruBrowse {
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(100% - 32px);
        height: calc(100% - 19px) !important;
    }


    .cn-fileupload-medium.DropZoneActivating,
    .cn-fileupload-large.DropZoneActivating {
        width: var(--dropzonesize-width170) !important;
    }

    .cn-fileupload-medium.MDURAsyncUplPdfSplitter,
    .cn-fileupload-large.MDURAsyncUplPdfSplitter {
        bottom: unset !important;
    }

    .cn-fileupload-medium.MDURAsyncUploads, 
    .cn-fileupload-large.MDURAsyncUploads {
        bottom: unset !important;
    }

    .cn-fileupload-medium.RadAsyncUpload input[type='file'],
    .cn-fileupload-large.RadAsyncUpload input[type='file'] {
        max-width: var(--dropzonesize-width170) !important;
    }
.cn-upload-box-multiupload, .cn-upload-box-multiupload.cn-upload-box-2-item {
    padding: 10px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    overflow-x: auto;
}
    .cn-upload-box-multiupload.cn-upload-box-4-item,
    .cn-upload-box-multiupload.cn-upload-box-3-item {
        justify-content: space-between;
        padding-right: 10px;
    }
        .cn-upload-box-multiupload.cn-upload-box-4-item .cn-upload-box-item:last-child,
        .cn-upload-box-multiupload.cn-upload-box-3-item .cn-upload-box-item:last-child {
            padding-right: 0;
        }
        .cn-upload-box-multiupload.cn-upload-box-4-item .cn-upload-box-item,
        .cn-upload-box-multiupload.cn-upload-box-3-item .cn-upload-box-item {
            margin-right: 0;
            min-width: unset;
            padding-right:10px;
        }
    .cn-upload-box-multiupload .cn-upload-box-item, .cn-upload-box-multiupload.cn-upload-box-2-item .cn-upload-box-item {
        margin-right: 30px;
        flex-grow: 0;
        flex-shrink: 0;
        min-width: 40%;
    }
.validateFail label.ErrorMessage {
    font-weight: normal;
}
.cn-view {
    font-size: 18px;
    width: 18px;
    padding: 5px 10px;
    cursor: pointer;
    align-self: center;
}

.cn-hidden-content {
    display: none !important;
}

.cn-view-maximize {
}

    .cn-view-maximize:before {
        content: "\f1ce";
        font-size: var(--font-icon-size);
        font-weight: 600;
        font-family: var(--font-icons);
    }

.cn-view-minimize:before {
    content: "\f1cf";
    font-weight: 600;
    font-size: var(--font-icon-size);
    font-family: var(--font-icons);
}
.cn-panel-title.cn-panel-title-child {
    margin-top: 0;
    width:100%;
    display:flex;
    margin-bottom:7px;
    align-items:center;
}
    .cn-panel-title.cn-panel-title-child a.arrow-info, .cn-panel-title.cn-panel-title-child a.cn-view {
        padding: 6px 10px;
        border: 1px solid var(--border-color-main_tab-default);
        margin-right: 5px;
        border-radius: 4px;
        width:24px;
        height:24px;
        display:inline-flex;
        justify-content:center;
        align-items:center;
    }
        .cn-panel-title.cn-panel-title-child a.arrow-info:hover, .cn-panel-title.cn-panel-title-child a.cn-view:hover {
            background-color: var(--bg-color-main_menu-hover);
        }
        .cn-panel-title.cn-panel-title-child a.arrow-info.arrow-expand,
        .cn-panel-title.cn-panel-title-child a.arrow-info.arrow-collapse {
            background-image: none;
        }
        .cn-panel-title.cn-panel-title-child a.arrow-info:before {
            font-weight: 600;
            font-size:  var(--font-icon-size);
            font-family: var(--font-icons);
        }
        .cn-panel-title.cn-panel-title-child a.arrow-info.arrow-expand:before {
            content: "\e5cf";
            font-size:30px;
        }
        .cn-panel-title.cn-panel-title-child a.arrow-info.arrow-collapse:before {
            content: "\e5e1";
            font-size: 20px;
        }
.cn-panel-summary .validation-summary-form {
    margin-top: 5px;
}
.cn-noti-wrap {
    float: left;
    
    
}
.cn-noti-box {
    position: relative;
    display: flex;
    height: 44px;
    width: 40px;
}
.cn-noti-item {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.cn-noti-content {
    position: absolute;
    top: 50px;
    /*right: 0;*/
    width: 420px;
    z-index: 5000;
    /*padding: 7px;*/
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 8px 21px rgba(0, 0, 0, 0.2);
    background-color: white;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    display:none;
}
.cn-noti-content.show {
    display:block;
}
.cn-noti-content-right0 {
    right: 0;
}

/*.cn-noti-content::after {
    position: absolute;
    top: -6px;
    right: 10px;
    display: inline-block !important;
    border-right: 6px solid transparent;
    border-bottom: 6px solid var(--bg-color-main_tab-selected);
    border-left: 6px solid transparent;
    content: '';
}*/

.cn-noti-entries {
    padding:7px;
    max-height:350px;
    overflow-y:auto;
}
.cn-noti-header-title{
    flex-grow:1;
    font-size:18px;
    font-weight: var(--font-bold);
}

.cn-noti-icon {
    color: white;
    font-style: normal;
}

.cn-noti-barge {
    color: white;
    font-weight: var(--font-icon-bold);
    background-color: red;
    width: 22px;
    height: 22px;
    border-radius: 11px;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 14px;
    top: 17px;
}

.cn-noti-icon::before {
    content: "\e7f4";
    font-weight: 600;
    font-size: var(--font-icon-size);
    font-family: var(--font-icons);
}

.cn-noti-entry {
    padding: 7px;
    flex-direction: row;
    border-bottom: solid 1px var(--border-color-main_menu-default);
    cursor: pointer;
}
    
    .cn-noti-entry, .cn-noti-entry-header {
        display: flex;
    }
    .cn-noti-entry:last-child{
        border-bottom: 0 none;
    }

.cn-noti-entry:hover {
    background-color: var(--bg-color-main_menu-hover);
    border-radius: 5px;
}

.cn-noti-header {
    display: flex;
    align-items: center;
    font-size: 20px;
    padding: 7px 14px;
    background-color: var(--bg-color-main_tab-selected);
    color: black;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: solid 2px var(--bg-color-pri-default);
}
.cn-noti-footer {
    display: flex;
    /*padding: 10px;*/
    border-top: solid 1px var(--border-color-main_tab-default);
    text-align: center;
    flex-direction: column;
}
.cn-noti-entry-msg {
    flex-grow: 1;
    font-size: 15px;
    margin-bottom: 7px;
    color:black;
    text-decoration:none;
}
.cn-noti-entry-msg-unread {
    font-style: italic;
    font-weight: var(--font-bold);
}
    .cn-noti-entry-header {
        background-color: var(--bg-color-main-second);
        font-weight: 600;
    }
.cn-noti-entry-info{
    display:flex;
    flex-direction:column;
    flex-grow:1;
}
.cn-noti-entry-cate {
    height: 50px;
    width: 50px;
    border-radius: 8px;
    flex: 0 0 auto;
    background-color: #EEE9E9;
    
    position: relative;
    margin-right: 7px;
}
.cn-entry-task::before, .cn-entry-mail::before {
    color: var(--bg-color-pri-default);
    background-color: #EEE9E9;
    font-size: 30px;
    position: absolute;
    width: 30px;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    
}
.cn-entry-task::before {
    content: "\e862";
}
.cn-entry-mail::before {
    content: "\e158";
}
.cn-entry-info-col {
    flex: 0 0 50%;
    box-sizing: border-box;
}
.cn-noti-entry-info-from {
    flex-grow: 1;
    color: gray;
}
.cn-noti-entry-info-date {
    color: gray;
}
.cn-noti-entry-info_detail {
    display: flex;
    flex-wrap: wrap;
}
.cn-noti-entry-act-done, .cn-noti-entry-act-not-done, .cn-noti-entry-act-del, .cn-noti-header-mask1 {
    cursor: pointer;
}
    .cn-noti-entry-act-done::before, .cn-noti-entry-act-not-done::before, .cn-noti-entry-act-del::before, .cn-noti-header-mask1::before, .cn-noti-entry-act-dismiss::before {
        font-weight: 600;
        font-size: var(--font-icon-size);
        font-family: var(--font-icons);
        cursor: pointer;
    }
.cn-noti-entry-act-done::before, .cn-noti-entry-act-not-done::before {
    content: "\e876";
}
.cn-noti-entry-act-done::before {
    
    color: gray;
}
.cn-noti-entry-act-not-done::before {
    color: var(--bg-color-pri-default);
}
.cn-noti-entry-act-del::before {
    content: "\e872";
    color: var(--color-main-error);
    
}
.cn-noti-entry-act-dismiss::before {
    content: "\e4f7";
    color: var(--bg-color-pri-default);
}
    .cn-noti-entry-act-del::before, .cn-entry-task::before, .cn-entry-mail::before {
        font-family: var(--font-icons-outlined);
    }
    .cn-noti-header-mask1::before {
        content: "\e877";
        top: 4px;
        position: relative;
        margin-right: 5px;
        color: var(--bg-color-pri-default);
        
    }
.cn-noti-header-mask1{
    font-size:15px;
}
.cn-noti-entry-act {
    display: flex;
}
.cn-task-new::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: var(--border-color-ctrl-default-value);
    position: absolute;
    left: 0;
    top: 0;
}
.cn-entry-custom-icon{
    display: flex;
    justify-content: center;
    align-items: center;
}
    .cn-entry-custom-icon img{
        width: 24px;
        height: 24px;
    }
    .cn-editablegrid-command {
        display: flex;
    }
    .cn-editablegrid-command .rgCommandCellLeft {
        flex-grow:1;
    }
    .cn-editablegrid-command .rgCommandCellRight{
        flex-grow:0;
    }
.ResetWidthGrid{
    width: 99px !important;
}
.text-area-resizing{
    position:relative;
    z-index:1000;
}
.cn-table_container .cn-document:has(p.user_checkout) {
    margin-right: 0;
}
table.TblWrapper > tbody > tr[container='1'] > td:first-child.field-caption,
.DivWrapper div.DivField[container='1'] > .DivName.field-caption {
    white-space: normal;
}
.cnApply{
    margin-top:7px !important;
    margin-left: 1px !important;
    margin-bottom: 1px !important;
}
.cn-field-historization {
}

.cn-field-historization-order-1 {
    display: flex;
    width: 100%;
    flex-basis:100%;
}
.cn-field-historization-order-2 {
    
}
.cn-field-historization-gr-order2 {
    display: flex;
    flex-wrap: nowrap !important;
    align-items: end;
}
.div-wraper-inline a.HistoryLinkClassEditor.cn-field-historization-link,
.div-wraper-inline a.HistoryLinkClass.cn-field-historization-link,
.historylink.cn-field-historization-link {
    padding-left: 5px !important;
    width: unset !important;
}
.divpopup_cn_required_control.cn-field-historization-order-2{
    display:inline-block;
}

.cn-text-speech {
    position: relative;
    display: block;
    clear: both;
    padding-top: 5px;
}
.flex-order-1{
    order: 1;
}
.flex-order-2 {
    order: 2;
}
.flex-order-3 {
    order: 3;
}
.cn-split-pane-bottom {
    border: 0 none !important;
}
.cn-split-pane-top {
    border: 0 none !important;
}
.cn-split-pane table {
    border-left: 0 none !important;
}
.cn-split-pane .rspFirstItem {
    border-right: 0 none !important;
}
.cn-split-pane .rspLastItem {
    border: 0 none !important;
}
.cn-split-panel-content{
    float:left;
    padding-left: 25px;
}
.cn-split-no-border table {
    border-top-width: 0 !important;
}
.cn-p-title {
    padding: 10px 0 10px 25px;
}
.cn-add-info {
    width: 100%;
    margin-top: 1px;
    overflow-y: auto;
    box-sizing: border-box;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
}
    .cn-add-info .RadInputMultiline textarea {
        width: 100%;
        margin-right: 0;
    }
.cn-add-info-wrap {
    display: flex;
    flex-direction: column;
    padding-left: 25px;
    padding-right: 9px;
}
.flex-order-4 {
    order: 4;
}

.childdata-multi-flex.cnSecondaryButton .RadMenu .rmRootGroup .rmRootLink img {
    -webkit-filter: var(--filter-black);
    filter: var(--filter-black);
    -moz-filter: var(--filter-black);
}
.childdata-multi-flex.cnSecondaryButton .RadMenu .rmItem {
    background-color:white;
}

.cn-panel_bottom-btn .cn-panel-buttons .cn-panel-custom-buttons .RadButton_CnMaterial.rbButton,
.cn-panel_bottom-btn .cn-panel-buttons .cn-panel-custom-buttons .rfdSkinnedButton,
.cn-panel_bottom-btn .cn-panel-buttons .cn-panel-custom-buttons .cn-btn-upload-mail {
    margin-bottom: 5px;
}

.no-overflow {
    overflow: unset !important;
}

.no-zIndex {
    z-index: unset !important;
}