:root {
  --padding-size: 32px;
  --padding-size-large: 30px;
  --padding-size-small: 15px;
  
}


a:active, a:focus {   outline: none;  }
html {  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; }
*, *:before, *:after {box-sizing: inherit; -moz-box-sizing: inherit; -webkit-box-sizing: inherit;}
body { font-family: 'ProximaNova';line-height: 1.5em; font-size: 1rem;}
.layout-atlas .region-topbar {border-bottom: 1px solid rgba(0,0,0,0.1);}
.tab-mobile.mx-tabcontainer > .mx-tabcontainer-tabs li {width: auto;}
input[type=radio] + label {width: auto;}
input[type=radio] {min-width: 16px;}
.table .th .column-header svg {height: 13px;}
.mx-title {margin: 0; font-weight: 500; font-size: 21px; font-family: 'Poppins', sans-serif; padding: 0; line-height: 1.2em; }
.mx-grid-content {overflow-x: auto;}
.beneficiaryTitle {font-size: 16px; font-weight: 500; font-family: 'Poppins', sans-serif; padding: 0; line-height: 24px;}
.form-control-static, .form-group div[class*='textBox']>.control-label, .form-group div[class*='textArea']>.control-label, .form-group div[class*='datePicker']>.control-label {padding-left: 0; padding-right: 0;  border-bottom: 1px solid rgba(0,0,0,0.1);}
.preview .control-label {font-size: 16px; font-weight: 400; color: #6C757D;}
.preview .form-control-static {font-weight: 700; letter-spacing: 0.01em; padding-bottom: 0.1em; padding-top: 0.2em;}
.editPage .form-control-static, .asBlockedInput  {border: 1px solid var(--gray-500); padding: 11px 16px; font-weight: 400; line-height: 1em; font-size: 1rem; background-color: var(--gray-300); color: var(--gray-600); font-weight: 400; border-radius: 4px;}
.asBlockedInput {padding: 5px 15px; white-space: nowrap;}
table.mx-table > tbody > tr > td > div > label, table.mx-table > tbody > tr > td .mx-referenceselector-input-wrapper label {padding: 0;}
.mx-calendar .mx-calendar-day-today:not(.mx-calendar-day-selected) {background-color: var(--gray-300); border-radius: 30px;}
.mx-grid {overflow: visible;}
.form-group.no-columns:not(.label-after) {max-width: unset;}
.mx-listview-empty {display: none;}
#content {display: block !important;}
.mx-imagezoom {position: fixed; top:0; left: 0; background-color: rgba(0,0,0,0.8); z-index: 110; cursor: zoom-out;}
.mx-imagezoom img {border: 1px solid rgba(255,255,255,0.1);  background-color: rgba(0,0,0,0.2);  border-radius: 30px;  padding: 20px; max-height:90vh}
.rc-slider-mark-text {font-size: 1rem !important;}
.widget-slider {margin-bottom: 0;}
.forceSaveCancel {position: absolute; padding: 0 !important; margin: 0 !important; width: 100%;  height: 100%; border-radius: 0 !important; cursor: not-allowed; z-index: 1; background: none !important;}
.forceSaveCancel::before {display: none !important;}
.saveButtons {position: relative; z-index: 2;}
.lc {position: fixed; height: 100vh;  background: rgba(0,0,0,0.9); top: 0; left: 0; z-index: 10; display: none; opacity: 0;}
.rc {position: fixed; height: calc(100vh - 88px);  background: rgba(0,0,0,0.9); top: 88px;  z-index: 10; right: 0; color:#fff; text-align: center; display: none; opacity: 0;}
.rc img {margin:-20px auto 3px auto;}
.showMessage {display: block; -webkit-animation: fadeIn 2.9s ease-out;   -moz-animation: fadeIn 3s ease-out; -o-animation: fadeIn 3s ease-out;  animation: fadeIn 3s ease-out;
}
.hideThead thead {display: none;}
.searchableReference .srs-infooption {display: none;}
.custom-calendar {position: relative; z-index: 1;}
.calendar-page * .custom-calendar .flex.justify-content-start {position: absolute; margin-left: 170px; z-index: 10; padding-top:3px;}
.lowest {width: 14px;  height: 14px;  border: 2px solid #ff9941;  border-radius: 7px;  position: absolute;  background: #fff;  top: 5px;  left: 11px;  z-index: 5;}
.Vendor_account {color: var(--danger);}

.asFlex ul {display: flex;}
.asFlex li {flex: 1;}

.toolTopWrap {max-width: 450px;}
.toolTopWrap span {white-space: unset !important;}

@-webkit-keyframes fadeIn { 
  0% { opacity: 0; }
  20% { opacity: 1; }
  80% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes fadeIn {
  0% { opacity: 0; }
  20% { opacity: 1; }
  80% { opacity: 1; }
  100% { opacity: 0; }
}  



/* Login page */
.loginPageWrapper {position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%);}
.loginPageBorder {position: relative; z-index: 1;}
.loginPageBorder::before {position: absolute; width: 100%; height: 100%; background: #FFAC65; border-radius: 30px; z-index: 1; content: ''; top:9px; left: 9px;}
.loginPage { width: 480px; padding: 50px 65px 35px 65px;  background: #FFFFFF; border: 1px solid #EAEAEA; border-radius: 30px; z-index: 2; max-width: 96vw; position: relative;   }
.loginHead { font-weight: 800;  font-size: 28px;  line-height: 40px; margin-bottom: 8px;}
.loginInfo { font-weight: 400;  font-size: 18px;  line-height: 29px; letter-spacing: 0.01em; margin-bottom: 32px;}
.loginPage .form-group {flex-wrap: wrap;}
.loginpage-form .form-group .control-label, .loginpage-form .form-group .inputwrapper {flex: auto;}
.loginpage-formwrapper {width: auto !important;}
.loginpage-form .form-group .control-label {font-weight: 700; font-size: 14px; line-height: 20px; letter-spacing: 0.01em; margin-bottom: 3px;}
.loginIcon {width: 16px; height: 16px;  display: block;  position: absolute;  top: 11px;  right: 11px;}
.login-eye-close {background:url(/images/eye_close.svg) no-repeat center;}
.login-eye-open {background:url(/images/eye_open.svg) no-repeat center;}
.loginpage-form .form-group .inputwrapper .form-control {padding: 8px;}
.forgotPassword {font-weight: 600; font-size: 14px; line-height: 25px;  display: block; text-align: center;  letter-spacing: 0.01em;  text-decoration-line: underline; color: #061122; margin-bottom: 25px;}
.logoLogin {width: 100%;  height: 70px;  background:url(/images/logo.svg) no-repeat center; margin-bottom: 52px;}
.widget-rating .rating-image {max-width: 10vw;}

/* Flex */
.flex {display: flex;}
.flex .secondLeftMenu {width: 309px; padding: var(--padding-size); float: 0 1 auto;}
.flex .mainWrapper {width: calc(100% - 309px); float: 0 1 auto;}
.flexMiddle {align-items: center;}
.flexIcon {width: 30px; padding-left: 10px;}
.flexStart {align-items: flex-start;}
.flexEnd {justify-content: end;}
.flex4 {flex:4;}
.flex3 {flex:3;}
.flex2 {flex:2;}
.flex1 {flex:1;}
.flex101 {width: 101%; margin:-0.5%;}
.flex101 > div {margin: 0.5%;}
.flex102 {width: 102%; margin:-1%;}
.flex102 > div {margin: 1%;}
.flex50 {flex: 0 1 48%;}
.flex33 {flex: 0 1 31.333%;}
.flexColumn {flex-direction: column;}
.fullHeight {height: 100%;}
.flexFull {width: 100%; flex: 0 1 auto;}
.fullW {width: 100%;}

/* Notification */
.notificationsBox {margin-top: var(-1 * var(--padding-size));}
.notificationsBox .alert {margin-bottom: 0; border-radius: 0; padding: 5px 0 5px calc(var(--padding-size) + 15px); line-height: 18px;}
.notificationsBox p {line-height: 18px; padding: 0 !important; margin: 0 !important;}
.notIcon {vertical-align: middle !important; font-size: 25px;  padding:0 !important;}
.queueStats .mx-templategrid-row > div {padding: 0 2px !important; border: 0; }
.queueStats .mx-templategrid-content-wrapper {display: flex; flex-wrap: wrap; width: 98%;}
.queueStats .mx-templategrid-row {flex: 1; min-width: 250px; text-align: center;}
.queueStats .mx-templategrid-item {display: block;}
.queueType {display: block; color: var(--gray-500);}

/* rightPop */

.rightPop {height: 100vh !important; left: auto !important; top:0 !important; bottom: 0 !important; max-width: 100vw !important; right: 0 !important; -webkit-animation:slide-left .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-left .5s cubic-bezier(.25,.46,.45,.94) both; -webkit-box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%);   -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 15%);} 
@-webkit-keyframes slide-left{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-left{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
.rightPop.autoClose { -webkit-animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) both}
@-webkit-keyframes slide-right{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slide-right{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}
.rightPop .modal-header .close, .rightPop .modal-header h4 {color: var(--grey-color) !important;}
.rightPop .modal-content .modal-header {background-color: #fff !important;}
.rightPop .modal-content {border-radius:0; border:0;}


/* bottomPop */
.bottomPop {height: auto !important; left: 0 !important; top:auto !important; bottom: 0 !important; z-index: 1000 !important; max-width: 100vw !important; right: 0 !important; -webkit-animation:slide-top .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-top .5s cubic-bezier(.25,.46,.45,.94) both; width: 100vw !important;  -webkit-box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 15%);   -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 15%);background-color: #D1E7DD; border-top:1px solid #A3CFBB;}  
.bottomPopRed { background-color: #F8D7DA; border-top:1px solid #F1AEB5;}
.bottomPop.autoClose { -webkit-animation:slide-bottom .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-bottom .5s cubic-bezier(.25,.46,.45,.94) both;}
@-webkit-keyframes slide-top{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-top{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes slide-bottom{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slide-bottom{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(100%);transform:translateY(100%)}}
.bottomPop .modal-header .close, .bottomPop .modal-header h4 {color: #0F5132 !important; text-align: center; margin:0 !important;}
.bottomPopRed .modal-header .close, .bottomPopRed .modal-header h4 {color: #842029 !important;}
.bottomPop .modal-content .modal-header {background-color: #D1E7DD !important; border:0 !important;}
.bottomPopRed .modal-content .modal-header {background-color: #F8D7DA !important;}
.bottomPop .modal-content {border-radius:0; border:0;}

/*# Regions #*/
.layout-atlas .region-sidebar{background:#E9ECEF;}
.layout-atlas .region-top{background:#FFFFFF;}
.layout-atlas .region-content{background:#FFFFFF;}

/* left menu */
.layout-atlas .region-sidebar {box-shadow: none; }
.layout-atlas .region-sidebar .mx-scrollcontainer-wrapper {padding: 0; position: relative;}
.leftSearch {padding: var(--padding-size) 0;}
.leftSearch .form-control {background:#fff; padding-left: 48px;}
.leftSearch .form-group {margin-bottom: 0;}
.layout-atlas .region-sidebar p { line-height: 1em; color: #495057; padding: 0 18px;}
.layout-atlas-responsive .region-sidebar .mx-scrollcontainer-wrapper > .mx-navigationtree .navbar-inner > ul > li > a, .layout-atlas-responsive-default .region-sidebar .mx-scrollcontainer-wrapper > .mx-navigationtree .navbar-inner > ul > li > a, .layout-atlas .region-sidebar .mx-navigationtree .navbar-inner > ul > li > a {padding: 8px 16px; border-radius: 8px; font-weight: 600; margin: 1px 0; height: 52px; font-size: 16px;}
.layout-atlas .region-sidebar .mx-navigationtree .caret {display: none;}
.layout-atlas .region-sidebar .mx-navigationtree .navbar-inner > ul > li > ul {position: fixed; height: 100vh; top: 0; left: 120px; width: 320px; z-index: 5; background: #F8F9FA; padding:114px 32px 0 32px; border-right: 1px solid #E9ECEF;}
.layout-atlas .mx-scrollcontainer-open  .region-sidebar .mx-navigationtree .navbar-inner > ul > li > ul {left: 320px;}
.region-sidebar .mx-navigationtree li.mx-navigationtree-has-items > ul li a {background-color: #F8F9FA; border-radius: 8px; color: #000; font-size: 16px; padding: 9px 16px; margin: 1px 0; font-weight: 600;}
.region-sidebar .mx-navigationtree li.mx-navigationtree-has-items > ul li a:hover, .region-sidebar .mx-navigationtree li.mx-navigationtree-has-items > ul li a:focus, .region-sidebar .mx-navigationtree li.mx-navigationtree-has-items > ul li a.active {background-color: #FFAC65; color: #000;}
.mx-navigationtree .navbar-inner > ul > li > a img {width: 24px; margin-right: 17px;}
.bottomLeftMenu {position: absolute; width: calc(100% - (2 * var(--padding-size))); bottom: var(--padding-size);}
.leftMenuIn {width: 100%; min-height: 100%; position: absolute; padding: var(--padding-size) var(--padding-size) 170px var(--padding-size); z-index: 60;}
.mx-navigationtree {font-family: 'ProximaNova', sans-serif; font-weight: 600;}
.layout-atlas .region-sidebar .mx-scrollcontainer-wrapper::-webkit-scrollbar {width: 5px;}
.layout-atlas .region-sidebar .mx-scrollcontainer-wrapper::-webkit-scrollbar-track {background: #e9ecef;}
.layout-atlas .region-sidebar .mx-scrollcontainer-wrapper::-webkit-scrollbar-thumb {background: #888;}
.layout-atlas .region-sidebar .mx-scrollcontainer-wrapper::-webkit-scrollbar-thumb:hover {background: #555;}
.logoL, .mx-scrollcontainer-open .logoS {display: none;}
.mx-scrollcontainer-open .logoL {display: block;}
.logoS {margin-left: 10px;}
.region-sidebar .mx-navigationtree .navbar-inner > ul > li a:focus {background-color:transparent;}

/* left menu */
.mx-navigationtree .navbar-inner > ul > li > a {background-color: #fff; border-radius: 8px; font-weight: 600; padding: 8px 16px; margin: 0 0 1px 0; font-size: 16px;}
.mx-navigationtree {background: none;}
.mx-navigationtree .navbar-inner > ul > li a.active, .mx-navigationtree .navbar-inner > ul > li a:hover, .mx-navigationtree .navbar-inner > ul > li a.focus {background-color: var(--primary-50);} 
.toggle-btn { top:47px; padding: 0; margin: 0; width: 24px; height: 24px; border-radius: 12px; background-color: var(--primary-50); display: block; position: fixed; z-index: 80; left: 308px; transition: left 250ms ease-in;}
.mx-scrollcontainer-open .toggle-btn{transition: left 250ms ease-out;}
.toggle-btn img {left: 50%; top:50%; margin: -5px 0 0 -4px !important; height: 11px; width: auto; position: absolute;} 
.layout-atlas-responsive .mx-scrollcontainer-shrink:not(.mx-scrollcontainer-open) > .region-sidebar, .layout-atlas-responsive .mx-scrollcontainer-push:not(.mx-scrollcontainer-open) > .region-sidebar, .layout-atlas-responsive .mx-scrollcontainer-slide:not(.mx-scrollcontainer-open) > .region-sidebar, .layout-atlas-responsive-default .mx-scrollcontainer-shrink:not(.mx-scrollcontainer-open) > .region-sidebar, .layout-atlas-responsive-default .mx-scrollcontainer-push:not(.mx-scrollcontainer-open) > .region-sidebar, .layout-atlas-responsive-default .mx-scrollcontainer-slide:not(.mx-scrollcontainer-open) > .region-sidebar {width: 120px !important;}
.layout-atlas .mx-scrollcontainer-shrink:not(.mx-scrollcontainer-open) .region-sidebar .mx-navigationtree .navbar-inner > ul > li > a, .layout-atlas .mx-scrollcontainer-shrink:not(.mx-scrollcontainer-open) .menuHead { text-indent: -10000px; width: 56px;}
.layout-atlas .mx-scrollcontainer-shrink:not(.mx-scrollcontainer-open) .leftSearch .form-control {padding-right: 0; width: 56px; padding-left: 56px;}
.layout-atlas .mx-scrollcontainer-shrink:not(.mx-scrollcontainer-open) .toggle-btn {left: 108px;}
.layout-atlas .mx-scrollcontainer-shrink:not(.mx-scrollcontainer-open) .toggle-btn img {-webkit-transform: scaleX(-1); transform: scaleX(-1);}
.hiddenSearch {position: absolute; top: 0;  height: 40px;  width: 40px;  padding: 0;     background: url(/images/search.svg) no-repeat center right !important;}
.btn.hiddenSearch:hover {background: url(/images/search_o.svg) no-repeat center right !important;}
.hiddenSearch:before {display: none !important;}

/* second left menu */
.secondMenu .mx-navigationtree .navbar-inner > ul > li > a {padding: 0 12px; margin: 0 0 18px 0; border-radius: 0; border-left: 3px solid #fff;}
.secondMenu .mx-navigationtree .navbar-inner > ul > li a.active, .secondMenu .mx-navigationtree .navbar-inner > ul > li a:hover, .secondMenu .mx-navigationtree .navbar-inner > ul > li a:focus {border-color: var(--primary-50); background-color: #fff;}

/*# Second left menu with button links as menu options #*/
.navbarInner{font-family:'ProximaNova',sans-serif;font-weight: 600;}
.navbarInner > div{margin:0;padding:0;border-style:none;}
.navbarInner > div.navbarSeparator{margin:0px 12px 35px 15px;padding-top:12px;border-bottom:1px solid rgb(0,0,0,0.2);} /*# Ewentualnie użyc var grey-500 jako border-color #*/
.navbarInner > div > a {font-weight:600;font-size:16px;color:#000;text-shadow:none;text-decoration:none;padding:0 12px;margin:0 0 18px 0;border-radius:0;border-left:3px solid #fff;display:flex;align-items:center;height:unset;}
.navbarInner > div > a > img{order:1;margin-left:7px !important;}
.navbarInner > div > a.active, 
.navbarInner > div > a:hover, 
.navbarInner > div > a:focus{border-color: var(--primary-50);background-color: #fff; color: var(--primary-50);}
.navbarInner > div > a::before {display: none;}

/* top */
.mx-scrollcontainer-top  {position: relative; border-bottom: 1px solid #E9ECEF;}
.topContainer {position: absolute; top:50%; width: 100%; padding: 0 var(--padding-size); transform: translate(0, -50%); overflow: hidden;}
.topContainer .flex {align-items: center;}
.flexRight {margin-left: auto;}
.layout-atlas .mx-scrollcontainer-wrapper::-webkit-scrollbar {width: 10px;}
.layout-atlas .mx-scrollcontainer-wrapper::-webkit-scrollbar-track {background: #e9ecef;}
.layout-atlas .mx-scrollcontainer-wrapper::-webkit-scrollbar-thumb {background: #888;}
.layout-atlas  .mx-scrollcontainer-wrapper::-webkit-scrollbar-thumb:hover {background: #555;}

/* breadcrumbs */
.breadcrumbs {float: left; line-height: 20px; margin: 11px 0;}
.breadcrumbs a {color: var(--text-base-color); display: inline-block; text-decoration: underline;}
.breadcrumbs a:hover {color: var(--primary-50);}
.backB img {margin-right: 8px; background-color: var(--gray-200);  padding: 7px 10px; width: 20px; max-height: 27px !important; border-radius: 5px; margin-right: 10px !important;}
.backB:hover img {background-color: var(--gray-300);} 
.breadcrumbs .mx-title {font-size: 1rem; line-height: 20px; font-family: 'ProximaNova'; font-weight: 700;}
.refresh {position: absolute;  right: 15px;  top: 13px; z-index: 2;}

/* use in modeler*/
.mx-grid-search-input {width:190px;}
.mx-datagrid table tbody tr td {padding:8px 14px;}
.mx-grid-search-label {width: 150px;}
.autoWidth table {width: auto !important; min-width: 100%;}
.autoWidth .mx-datagrid-column-resizer {display: none;}
.autoWidth .max50 .mx-datagrid-data-wrapper {max-width: 50px !important;}
.autoWidth .max100 .mx-datagrid-data-wrapper {max-width: 100px !important;}
.autoWidth .max150 .mx-datagrid-data-wrapper {max-width: 150px !important;}
.autoWidth .max200 .mx-datagrid-data-wrapper {max-width: 200px !important;}
.autoWidth .max250 .mx-datagrid-data-wrapper {max-width: 250px !important;}
.autoWidth .max300 .mx-datagrid-data-wrapper {max-width: 300px !important;}
.autoWidth .max350 .mx-datagrid-data-wrapper {max-width: 350px !important;}
.autoWidth .max400 .mx-datagrid-data-wrapper {max-width: 400px !important;}
.autoWidth .max450 .mx-datagrid-data-wrapper {max-width: 550px !important;}
.autoWidth .max500 .mx-datagrid-data-wrapper {max-width: 500px !important;}

.autoWidth.max50 .mx-datagrid-data-wrapper {max-width: 50px;}
.autoWidth.max100 .mx-datagrid-data-wrapper {max-width: 100px;}
.autoWidth.max150 .mx-datagrid-data-wrapper {max-width: 150px;}
.autoWidth.max200 .mx-datagrid-data-wrapper {max-width: 200px;}
.autoWidth.max250 .mx-datagrid-data-wrapper {max-width: 250px;}
.autoWidth.max300 .mx-datagrid-data-wrapper {max-width: 300px;}
.autoWidth.max350 .mx-datagrid-data-wrapper {max-width: 350px;}
.autoWidth.max400 .mx-datagrid-data-wrapper {max-width: 400px;}
.autoWidth.max450 .mx-datagrid-data-wrapper {max-width: 550px;}
.autoWidth.max500 .mx-datagrid-data-wrapper {max-width: 500px;}

.autoWidth .min50 .mx-datagrid-data-wrapper {min-width: 50px !important;}
.autoWidth .min100 .mx-datagrid-data-wrapper {min-width: 100px !important;}
.autoWidth .min150 .mx-datagrid-data-wrapper {min-width: 150px !important;}
.autoWidth .min200 .mx-datagrid-data-wrapper {min-width: 200px !important;}
.autoWidth .min250 .mx-datagrid-data-wrapper {min-width: 250px !important;}
.autoWidth .min300 .mx-datagrid-data-wrapper {min-width: 300px !important;}
.autoWidth .min350 .mx-datagrid-data-wrapper {min-width: 350px !important;}
.autoWidth .min400 .mx-datagrid-data-wrapper {min-width: 400px !important;}
.autoWidth .min450 .mx-datagrid-data-wrapper {min-width: 550px !important;}
.autoWidth .min500 .mx-datagrid-data-wrapper {min-width: 500px !important;}

.autoWidth.min50 .mx-datagrid-data-wrapper {min-width: 50px;}
.autoWidth.min100 .mx-datagrid-data-wrapper {min-width: 100px;}
.autoWidth.min150 .mx-datagrid-data-wrapper {min-width: 150px;}
.autoWidth.min200 .mx-datagrid-data-wrapper {min-width: 200px;}
.autoWidth.min250 .mx-datagrid-data-wrapper {min-width: 250px;}
.autoWidth.min300 .mx-datagrid-data-wrapper {min-width: 300px;}
.autoWidth.min350 .mx-datagrid-data-wrapper {min-width: 350px;}
.autoWidth.min400 .mx-datagrid-data-wrapper {min-width: 400px;}
.autoWidth.min450 .mx-datagrid-data-wrapper {min-width: 550px;}
.autoWidth.min500 .mx-datagrid-data-wrapper {min-width: 500px;}

.autoWidth.gridCustomLayout .mx-grid-toolbar {margin-top: 10px; display: flex; flex-wrap: wrap; gap: 10px; order: 2;}
.autoWidth.gridCustomLayout .mx-grid-search-controls {display: flex; flex-wrap: wrap; gap: 10px; order: 1;}
.autoWidth.gridCustomLayout .mx-grid-controlbar {display: flex; flex-direction: column;}
.autoWidth.gridCustomLayout .mx-grid-toolbar {padding-left: 0px !important;}

.noMargin, .mx-listview.noMargin>ul {margin: 0 !important;}
.noMarginLeft {margin-left: 0 !important;}
.noMarginRight {margin-right: 0 !important;}
.noMarginBottom {margin-bottom: 0 !important;}
.noMarginTop {margin-top: 0 !important;}

.noPadding, .mx-listview.noPadding>ul>li {padding: 0 !important;}
.noPaddingLeft {padding-left: 0 !important;}
.noPaddingRight {padding-right: 0 !important;}
.noPaddingTop {padding-top: 0 !important;}
.noPaddingBottom {padding-bottom: 0 !important;}

.padding, .box, .templateBox {padding:var(--padding-size) !important;}
.paddingVertical {padding-bottom:var(--padding-size) !important; padding-top:var(--padding-size) !important;}
.paddingHorizontal {padding-left:var(--padding-size) !important; padding-right:var(--padding-size) !important;}
.paddingTop {padding-top:var(--padding-size) !important;}
.paddingBottom {padding-bottom:var(--padding-size) !important;}
.paddingLeft {padding-left:var(--padding-size) !important;}
.paddingRight {padding-right:var(--padding-size) !important;}

.paddingLarge {padding: var(--padding-size-large);}
.paddingVerticalLarge {padding-bottom:var(--padding-size-large) !important; padding-top:var(--padding-size-large) !important;}
.paddingHorizontalLarge {padding-left:var(--padding-size-large) !important; padding-right:var(--padding-size-large) !important;}
.paddingTopLarge {padding-top:var(--padding-size-large) !important;}
.paddingBottomLarge {padding-bottom:var(--padding-size-large) !important;}
.paddingLeftLarge {padding-left:var(--padding-size-large) !important;}
.paddingRightLarge {padding-right:var(--padding-size-large) !important;}

.margin {margin:var(--padding-size) !important;}
.marginVertical {margin-bottom:var(--padding-size) !important; margin-top:var(--padding-size) !important;}
.marginHorizontal, .box {margin-right:var(--padding-size) !important; margin-left:var(--padding-size) !important;}
.marginTop {margin-top:var(--padding-size) !important;}
.marginBottom {margin-bottom:var(--padding-size) !important;}
.marginLeft {margin-left:var(--padding-size) !important;}
.marginRight {margin-right:var(--padding-size) !important;}

.noPaddingLeft {padding-left: 0 !important;}
.noPaddingRight {padding-right: 0 !important;}
.noPaddingTop {padding-top: 0 !important;}
.noPaddingBottom {padding-bottom: 0 !important;}
.noPaddingVertical {padding-bottom: 0 !important; padding-top: 0 !important;}
.noPaddingHorizontal {padding-right: 0 !important; padding-left: 0 !important;}

.paddingSmall {padding:var(--padding-size-small) !important;}
.paddingVerticalSmall {padding-bottom:var(--padding-size-small) !important; padding-top:var(--padding-size-small) !important;}
.paddingHorizontalSmall {padding-left:var(--padding-size-small) !important; padding-right:var(--padding-size-small) !important;}
.paddingTopSmall {padding-top:var(--padding-size-small) !important;}
.paddingBottomSmall {padding-bottom:var(--padding-size-small) !important;}
.paddingLeftSmall {padding-left:var(--padding-size-small) !important;}
.paddingRightSmall {padding-right:var(--padding-size-small) !important;}

.marginSmall {margin:var(--padding-size-small) !important;}
.marginVerticalSmall {margin-bottom:var(--padding-size-small) !important; margin-top:var(--padding-size-small) !important;}
.marginHorizontalSmall {margin-right:var(--padding-size-small) !important; margin-left:var(--padding-size-small) !important;}
.marginTopSmall {margin-top:var(--padding-size-small) !important;}
.marginBottomSmall {margin-bottom:var(--padding-size-small) !important;}
.marginLeftSmall {margin-left:var(--padding-size-small) !important;}
.marginRightSmall {margin-right:var(--padding-size-small) !important;}

.marginLarge {margin:var(--padding-size-large) !important;}
.marginVerticalLarge {margin-bottom:var(--padding-size-large) !important; margin-top:var(--padding-size-large) !important;}
.marginHorizontalLarge {margin-right:var(--padding-size-large) !important; margin-left:var(--padding-size-large) !important;}
.marginTopLarge {margin-top:var(--padding-size-large) !important;}
.marginBottomLarge {margin-bottom:var(--padding-size-large) !important;}
.marginLeftLarge {margin-left:var(--padding-size-large) !important;}
.marginRightLarge {margin-right:var(--padding-size-large) !important;}

.noWrap .control-label {white-space: nowrap;}
.inLine {display: inline-block !important; margin: 0 10px 0 0; vertical-align: middle;}
.noLink {pointer-events: none;}
.round, .round button, .round .form-control, .round.mx-listview>ul>li {border-radius: 8px !important;}
.asText, .asText .form-control-static {border: 0 !important; padding: 0 !important; margin: 0 0 2px 0 !important;}
.asText.inLine {margin-right: 10px !important;}
.asInput{ border-bottom: 1px solid #9A9B9C; padding-bottom: 5px !important; display: block; margin-bottom: 0px; font-weight: 600;}
.lightGray {background: #f7f7f7;}
.font400, .font400 label, .font400 .form-control-static {font-weight: 400 !important;}
.font500, .font500 label, .font500 .form-control-static {font-weight: 500 !important;}
.font600, .font600 label, .font600 .form-control-static {font-weight: 600 !important;}
.font700, .font700 label, .font700 .form-control-static {font-weight: 700 !important;}
.lightFont {color: #777;}
.max100 {max-width: 100% !important;}
.relative {position: relative !important; }
.static {position: static !important;}

.textCenter, .textCenter td, .textCenter th {text-align: center !important;}
.textLeft, .textLeft td, .textLeft th {text-align: left !important;}
.textRight, .textRight td, .textRight th {text-align: right !important;}

.full-wh {width: 100% !important;	height: 100% !important;	top: 0 !important;	left: 0 !important;}
.no-header .modal-header {display:none;}
.margin-auto {margin: auto;}
.block {display: block;}
.fullWidth {width: 100vw; margin-left: 50%; transform: translate(-50%, 0);}
.maxw img {width: 100% !important; height: auto !important;}
.fullBellow > .mx-dataview-content {width: 100% !important; height: 100% !important;}
.fullSize {width: 100%; height: 100%;}
.fullW {width: 100%;}

.white, .box, .templateBox {background-color: #fff;}
.selected .white, .selected .box, .white .templateBox, .customList li.selected {background-color: var(--grey-color) !important; color:#fff !important }
.selected .white .form-control-static {border-color: #616161 !important;}
.red {background: var(--theme-color); color:#fff;}
.first {margin-top:calc(-1 * var(--padding-size))}
.border, .templateBox {border: 1px solid #9A9B9C !important; }
.borderBottom {border-bottom: 1px solid #9A9B9C !important;}
.borderLeft {border-left: 1px solid #9A9B9C !important;}
.borderTop {border-top: 1px solid #9A9B9C !important;}
.borderRight {border-right: 1px solid #9A9B9C !important;}
.borderVertical {border-top: 1px solid #9A9B9C !important; border-bottom: 1px solid #9A9B9C !important;}
.borderHorizontal {border-left: 1px solid #9A9B9C !important; border-right: 1px solid #9A9B9C !important;}
.bottomPop .modal-body {max-height: 60vh; height: auto !important;}
.largePopUp {width: 90vw !important; left: 5vw !important;}
.mediumPopUp {width: 1200px !important; max-width: 90vw;}
.medium2PopUp {width: 1460px !important; max-width: 90vw;}
.smallPopUp {width: 800px !important; max-width: 90vw;}

.zIndex {z-index: 2; position: relative;}
.center {position: fixed; width: auto; left: 50%; top:50%; transform: translate(-50%, -50%); z-index: 2; max-width: 90vw; }
.capital {text-transform: uppercase;}
.middle {margin: 0 auto;}

.animation, .mx-navigationtree-has-items ul {-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}

/*##### FIX for error icon on combox #####*/
.has-error .widget-combobox .form-control  {background-color: var(--active-10); border-color: #DC3545 !important; color: #DC3545; background-image: url(/images/error.svg); background-repeat: no-repeat; background-position: calc(100% - 35px) 9px; padding-right: 35px;}

/*##### historyTable #####*/
.history .beforeCh, 
.history .afterCh {display: inline-block; max-width: 100%;}
.history .beforeCh .td-text, 
.history .afterCh .td-text,
.history .beforeCh .td-custom-content, 
.history .afterCh .td-custom-content{border-radius:4px;padding:2px 10px;}
.history .beforeCh .td-text, .history .beforeCh .td-custom-content {background:#f2dfdf;color:#b02a37;text-decoration:line-through; display: inline-block; max-width: 96%;}
.history .afterCh .td-text, .history .afterCh .td-custom-content {background:#d1e7dd;color:#146c43; display: inline-block; max-width: 96%;}
.history .td-custom-content p {margin:0; padding:0;}

/*##### timeLine - small changes for widget #####*/
.timeline .widget-timeline-events-wrapper{border-width:1px;border-color:var(--gray-500);}
.timeline.firstActive .widget-timeline-events-wrapper{border-color:var(--gray-200);}
.timeline .widget-timeline-event:not(:last-of-type){border:none;}
.timeline .widget-timeline-event .timelineIcon{width:9px;height:9px;background:var(--gray-500);border-radius:50%;margin-top:5px;margin-left:1px;}
.timeline.firstActive .widget-timeline-event .timelineIcon{background:var(--gray-200);}
.timeline.firstActive .widget-timeline-event:first-child .timelineIcon{background:var(--primary-50);}

/*##### customTimeLine - use it when widget is too restricting #####*/
.timeline {margin:35px 5px;}
.timeline .timelineEvent{position: relative;padding: 0;display: flex;margin-top:-10px;}

.timeline .timelineEvent .timelinePath{width: 1px;margin-right: 24px;background:var(--gray-500);margin-top: 10px;display: flex;}
.timeline > .mx-listview > ul > li:last-child .timelinePath{width:0px;margin-right:25px;} 
.timeline .timelineEvent .timelineIcon{position:absolute;top: 7px;left: -4px;width: 9px;height: 9px;background: var(--gray-500);border-radius: 50%;margin: 0;}

.timeline .timelineEvent .timelineContent{display: flex;flex-direction:column;flex:1;order:1;margin-bottom:35px;}
.timeline .timelineEvent .timelineContent p{margin:0;}
.timeline .timelineEvent .timelineContent .dateAndCreator{display:flex;align-items:center;}
.timeline .timelineEvent .timelineContent .dateAndCreator .bullet{content: "•";width:4px;display:inline-block;background:var(--text-base-color);border-radius:100%;height:4px;margin:auto 5px;}

.timeline .timelineEvent .timelineContent .title p{font-size:16px;}

.timeline .timelineEvent .timelineContent .descriptionBox {background:var(--gray-100);padding:13px 17px 15px;margin-top:10px;border-radius:4px; position: relative;}
.timeline .timelineEvent .timelineContent .descriptionBox p{color:var(--gray-600);line-height:24px;margin-bottom:10px;}
.timeline .timelineEvent .timelineContent .descriptionBox .imgActionButtons{top:-27px;}

.timeline .mx-listview-empty{display:none;}

.timeline.firstActive .timelinePath{background-color:var(--gray-200);}
.timeline.firstActive .timelineEvent .timelineIcon{background:var(--gray-200);}
.timeline.firstActive > .mx-listview > ul > li:first-child .timelineIcon{background-color:var(--primary-50);}

.timeline.onlyDescription {margin:50px 5px;}
.timeline.onlyDescription .timelineEvent{margin-top:-22px;}
.timeline.onlyDescription .timelineEvent .timelineContent{margin-bottom: 60px;}
.timeline.onlyDescription .timelineEvent .timelinePath{margin-top: 27px;}
.timeline.onlyDescription .timelineEvent .timelineIcon{top: 22px;}
.timeline.onlyDescription .timelineEvent .descriptionBox{margin:0}
.timeline.onlyDescription .timelineEvent .descriptionBox p{margin:0;}

/*##### actionButtons - dataGrid2, timeline #####*/
.imgActionButtons{display:flex;align-items:center; position: absolute;  right: 10px;  margin: 4px 0 0 0;} 
.imgActionButtons .imgLink{margin-right:5px;display:flex;}
.imgActionButtons .imgLink:last-child{margin-right:0px;}
.imgActionButtons .imgLink img{margin:0px;}
.imgActionButtons .imgLink:hover,
.imgActionButtons .imgLink:active,
.imgActionButtons .imgLink:focus{background:none;}

/* choose number */
.ChooseNumber.mx-listview > ul > li {display: inline-block; border: 0; margin: 5px; padding: 0;}
.ChooseNumber.mx-listview > ul {width: calc(100% + 10px); margin: 0 -5px;}

.NoPackages.mx-listview > ul > li {display: block; border: 0; margin: 0.5%; padding: 0; text-align: center; width: 15.66%; flex:0 1 auto;}
.NoPackages.noPsmall.mx-listview > ul > li {display: block; border: 0; margin: 0.5%; padding: 0; text-align: center; width: 32.33%; flex:0 1 auto;}
.NoPackages.mx-listview > ul {width: 102%; margin: 0 -1%; display: flex; flex-wrap: wrap;}
.NoPackages.mx-listview > ul > li .btn {width: 100%;}
.NoPackages.mx-listview .mx-listview-loadMore {width: 200px; margin: 1rem auto; display: block;}
.NoPackages .mx-listview-empty {width: 99% !important;}

.NoPackages.Realocate.mx-listview > ul{width:unset;margin:0;gap:10px;}
.NoPackages.Realocate.mx-listview > ul > li{margin:0;width:unset;flex:0 1 calc(20% - 8px);}
.NoPackages.Realocate .blocked,
.NoPackages.Realocate .noSelected{padding:12px 16px !important;}

/*##### FileDropper #####*/
.fileDropper .filedropper__dropzone {
display:inline-block;
width:initial;
min-height:70px;
cursor:pointer;
text-align:left;
color:var(--text-base-color);
line-height:24px;
font-size:16px; 
border:1px dashed var(--gray-500);
border-radius:4px;
background:url(/images/FilePreview2.svg) no-repeat 15px center;
background-color:var(--gray-100);
padding:23px 15px 21px 70px;
margin:10px 0 10px;
}
.smallDrop .filedropper__dropzone {padding: 10px 10px 10px 50px; background:url(/images/FilePreview2.svg) no-repeat 10px center; background-size: 30px auto; background-color:var(--gray-100); min-height: 45px; margin: 0;}
.dropFull .filedropper__list {display: none;}
.fileDropperFinancial .filedropper__list {display: block;}
.fileDropperFinancial .filedropper__dropzone--disabled {display: none; }
.fileDropperFinancial .filedropper__item-progress {display: none;}
.fileDropper.fullW .filedropper__dropzone{width:100%;}
.fileDropper .filedropper__alerts{margin:0;}
.fileDropper .filedropper__list{margin:0 0 15px;}
.fileDropper .filedropper__item {
background:url(/images/FilePreview.svg) no-repeat 15px 15px;
background-color:unset;
font-size:14px;
line-height:22px;
display:inline-block;
height:unset;
padding:16px 15px 15px 50px;
margin-bottom: 10px;
position: relative;
border-radius:4px;
border:1px solid var(--gray-200);
max-width: 100%;
transition:all 500ms linear 500ms;
}
.fileDropper.fullW .filedropper__item{width:100%;}
.fileDropper .filedropper__item-info{display: block;float: none;width: unset;height: unset;}
.fileDropper .filedropper__item-name {
display: block;
font-weight: bold;
max-width: unset;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 25px;
white-space: nowrap;
text-decoration: underline;
color:var(--text-base-color);
}
.fileDropper .filedropper__item-filesize{padding:4px 0px 3px;}
.fileDropper .filedropper__item-filesize .filedropper__item-filesize__label{display:none;}
.fileDropper .filedropper__item-filesize__value{color:var(--gray-600);}
.fileDropper .filedropper__item-progress{width:100%;height:unset;display:flex;align-items:center;}
.fileDropper .filedropper__item-progress__bar{padding:0;height:7px;margin:0;width:unset;}
.fileDropper .filedropper__item-progress__bar{width:100%;}
.fileDropper .filedropper__item-progress__text{padding-left:15px;font-size:12px;line-height:18px;color: #6c757d;}
.fileDropper.hideClutter .filedropper__button-zone{display:none;}
.fileDropper .filedropper__button-zone .glyphicon-customDelete{
background:url(/images/CancelUpload.svg) no-repeat center center;
text-indent:-9999px;
font-family:unset;
width:16px;
height:16px;
margin:0;
padding:0;
float:none;
opacity: 1;
}
.fileDropper .filedropper__button-zone .glyphicon-customDelete{opacity:0.75;}
.fileDropper .filedropper__button-zone :not(.glyphicon-customDelete){display:none;}
.attachmentsList .mx-listview-empty {display:none;}
.fileDropper.hideClutter .filedropper__item--state_saved.saved{display:none;} 

.financialDocPreview {font-size: 1em; display: block; padding: 1em; background: #ececec; margin-bottom: 0.5em; position: relative;}

/*#####  Uploaded file list - mostly used below note info #####*/
.uploadedFileList{margin:0;}
.uploadedFileList .mx-listview > ul{margin:0;}
.uploadedFileList li,
.uploadedFileList > .mx-listview > ul > li{border:none;background:none;padding:10px 0 0px;}
.uploadedFileList li:first-child, 
.uploadedFileList > .mx-listview > ul > li:first-child{padding-top:20px;}
.uploadedFileList.noDesc li:first-child, 
.uploadedFileList.noDesc > .mx-listview > ul > li:first-child{padding-top:10px;}
.uploadedFileList .uploadedFile,
.uploadedFileList .uploadedFile > div {display:flex;align-content:center;align-items:center;width:auto;position:relative;}
.uploadedFileList .uploadedFile p{color:var(--text-base-color);text-decoration:underline;font-size:14px;font-weight:600;line-height:24px;padding-left:15px;}
.hiddenBtn{text-indent:-9999px;width:100%;height:100%;position:absolute;opacity:0;padding:0; top:0; left: 0;}
.uploadedFileList .uploadedFile .imgActionButtons{border-left:1px solid var(--gray-300);margin-left:15px;padding:2px 15px;}

/*##### Text with widgetInfo right beside it - like beneficiary on dropdown list with "Death" info #####*/
.textWithWidget {display:flex;align-items:center;color:var(--text-base-color);font-size:16px;line-height:22px;min-height:28px;margin: -6px 0;}
.srs-text > .textWithWidget {overflow: hidden;}
.textWithWidget > span, .asBlockedInput > span {padding:3px 10px;border-radius:16px;background:var(--gray-200);color:var(--gray-700);line-height: 20px;margin-left:8px;font-size:14px;}

/* richtext */
.preview .ql-editor {white-space: inherit;}

/* list */
.true, .green, .Paid {background-color: #D1E7DD; color:#0F5132; padding: 4px 10px; border-radius: 16px;}
.false, .red, .Created {background-color:#FBF4F4; color:#B02A37; padding: 4px 10px; border-radius: 16px;}
.blue {background-color: #CFE2FF; color:#084298; padding: 4px 10px; border-radius: 16px;}
.yellow, .Generated {background-color: #FFF3CD; color:#997404; padding: 4px 10px; border-radius: 16px;}
.red{background-color: #FBF4F4; color:#B02A37; padding: 4px 10px; border-radius: 16px;}
.gray{background-color: #EBEBEB; color:#393939; padding: 4px 10px; border-radius: 16px;} 

/* leaflets */

.leafletList li:first-child .up, .leafletList li:last-child .down  {pointer-events: none; opacity: 0.2;}
.elementList.mx-listview > ul > li {border: 0; padding: 10px 0 10px 74px; border-top: 1px solid var(--gray-200);}
.elementList.mx-listview > ul > li:last-child {border-bottom: 1px solid var(--gray-200);}
.listNoBorder.mx-listview > ul > li {border: 0; padding: 0;}
#leaflet p, #leafletEn p {line-height: inherit !important; width: 100%;}
.leafletColumn {background: var(--gray-100); width: 100%; min-height: calc(100vh - 89px); margin:-24px 0; padding:24px; position: relative; height: calc(100% + 48px);}
.leafletColumn::after {position: absolute; content: ''; width: 100vw; left: 100%; top:0; height: 100%; background: var(--gray-100);}
.leafletImg {border: 1px solid #EAEAEA; background: #fff; border-radius: 30px; padding: 20px; cursor: zoom-in !important; margin: 0 auto;}
.imgPopUp .leafletImg {cursor: zoom-out !important;}
.lfbor {border: 1px solid #EAEAEA; background: #fff; border-radius: 30px; padding: 20px; pointer-events: none;  user-select: none;}
.previewDesc {position: absolute;  left: 50%;  top: 50%;  z-index: 2;  background-color: rgba(224, 100, 56, 0.9);  font-weight: 700;  font-size: 16px;  padding: 10px 15px;  border-radius: 20px; transform: translate(-50%, -50%); white-space: nowrap; color: #fff;}
.leafletTemplate {border: 1px solid #EAEAEA; background: #fff; border-radius: 30px; padding: 20px; }
.hiddenCanvas {position:fixed;left:0px;top:0px;z-index:-9999;}
.ql-align-center {text-align: center;}
.ql-align-right {text-align: right;}
.ql-align-left {text-align: left;}
.ql-align-justify {text-align: justify;} 
.leafletPreviewIn {opacity: 0;}
.leafletPreviewIn.visible {opacity: 1;  transition: opacity 0.3s ease-in-out;}
.newLeaflet {filter: grayscale(100%);}
.leafletOrder {max-width: 500px;}



/* select list / grid */
.selectList .lineBox, .boxHeaderm, .mx-datagrid.selectGrid table td   {background:var(--gray-100);padding: 1rem;  border-radius:4px; }
.selectList .lineBox:hover {background:var(--gray-200);}
.selectList .lineBoxS {background-color: unset !important; border-bottom: 1px solid var(--gray-300); padding:0.5rem 1rem;}
.selectList .lineBox .textWithWidget, .selectList .lineBox .textWithWidget p{margin:0;}
.selectList .lineSelected, .mx-datagrid table tbody tr.selected td, .mx-datagrid table tbody tr.selected:hover td {background-color: #D1E7DD !important; color: #0F5132}
.mx-datagrid.selectGrid table td,.mx-datagrid.selectGrid table th {border:0;} 
.mx-datagrid.selectGrid table tr {border-bottom: 5px solid #fff;}
.greenHover.selectList .lineBox:hover {background-color: #D1E7DD !important; color: #0F5132}
.selectList li {padding-bottom: 0 !important;}

/*# Select list - companyData #*/
.companySelectList > ul > li{padding:0;border:none !important;background:none;margin-bottom:15px;}
.companySelectList .lineBox{background:var(--gray-100);padding:1rem 1rem 0.75rem;border-radius:4px;transition:all 100ms linear 0ms;}
.companySelectList .lineBox:hover{background-color: #D1E7DD !important; color: #0F5132;}
.companySelectList .lineBox p{padding:0 0 5px;margin:0;line-height:22px;}

/*# Select list - Folder #*/
.FolderSelectList > ul > li{padding:0;border:none !important;background:none;margin-bottom:15px;}
.FolderSelectList .lineBox{background:var(--gray-100);padding:1rem 1rem 0.75rem;border-radius:4px;transition:all 100ms linear 0ms;}
.FolderSelectList .lineBox:hover{background-color: #D1E7DD !important; color: #0F5132;}
.FolderSelectList .lineBox p{padding:0 0 5px;margin:0;line-height:22px;}
.FolderSelectList .selected .lineBox {background-color: #D1E7DD !important; color: #0F5132;}

/* evaluation grid */
.evGrid, .intGrid ul {display: flex;  align-items: center;}
.evGrid .form-group, .evGrid .form-control {margin-bottom: 0; }
.evGrid p {margin: 0; padding: 0 10px 0 0;}

/* combobox */

.widget-combobox-input-container-active {background-color: #fff;}
.widget-combobox-menu {padding: 0;}
.widget-combobox-input {background-color: unset; line-height: 17px;}
.widget-combobox-menu-list:last-child {margin-bottom: 0;}

/* hover list */
.hoverList li:hover {background-color: #FFF5EC;}
.gridUnpaid > div {background-color: #ffb4b4; border-color: #ffffff !important;}
.gridUnpaid:hover > div {background-color: #ef9c9c !important;}


/*#####  Hide specific select options 
.hideEnumVal option[value="Employee"],
.hideEnumVal option[value="Note"]{display:none;}
.hideEnumVal option[value="single"],
.hideEnumVal option[value="repeated"],
.hideEnumVal option[value="came"],
.hideEnumVal option[value="Reserved"],
.hideEnumVal .dropdown-content li[title="Oczekujący na zapłatę"]{display:none;}#####*/





/*##### Mark field as  #####*/
.markAsError .form-control,
.editPage .markAsError .form-control-static {border-color: #DC3545 !important; color: #DC3545;}
.markAsError .form-control-static{color: #DC3545;}
.ss4Application .markAsError .form-control { border-color: #DC3545 !important; color: #DC3545;}
.editPage .markAsSuccess .form-control, .ss4Application .markAsSuccess .form-control {border-color: var(--success) !important; color: var(--success)}
.markAsSuccess .form-control-static{color: var(--success);}
.editPage .markAsWarning .form-control, .ss4Application .markAsWarning .form-control {border-color: var(--warning) !important; color: var(--warning);}
.markAsWarning .form-control-static{color: var(--warning)}

/* IPD */
.mx-groupbox.ipd-true  > .mx-groupbox-header {background-color: #D1E7DD; color:#0F5132; border-color: #D1E7DD;}
.mx-groupbox.ipd-false > .mx-groupbox-header {background-color:#fbeeee; color:#B02A37; border-color: #fbeeee;}
.mx-groupbox.ipd-warning > .mx-groupbox-header {background-color:#FEDDC1; color:#F1760D; border-color: #FEDDC1;}
.mx-groupbox.ipd-some > .mx-groupbox-header {background-color:#FFF3CD; color:#ad5001; border-color: #FFF3CD;}
.mx-groupbox.ipd-true > .mx-groupbox-body {border-color: #D1E7DD;}
.mx-groupbox.ipd-false > .mx-groupbox-body {border-color: #fbeeee}
.mx-groupbox.ipd-warning > .mx-groupbox-body {border-color: #FEDDC1}
.mx-groupbox.ipd-some > .mx-groupbox-body {border-color: #FFF3CD}
.ipdSummary {background: var(--gray-100); font-weight: 600; padding: 1rem;}
.ipdSummary.ipd-true {background-color: #D1E7DD; color:#0F5132; margin-top: -1px; border-top: 1px solid #afc7bc;}
.ipdSummary.ipd-false {background-color:#fbeeee; color:#B02A37; margin-top: -1px; border-top: 1px solid #e1bfbf;}
.mx-groupbox .mx-listview ul {margin-bottom: 0 !important;}

 /* noBg list */
 .noBg.mx-listview > ul > li {padding: 0 0 10px 0; margin: 0; background: none; border:0}
 .testList.mx-listview > ul, .flexLabel {display: flex;}
 .testList.mx-listview > ul > li, .flexLabel label {flex: 2; padding: 0 10px; background: none; border:0; text-align: center; font-size: var(--small-font); line-height: 1.1em;}
 .testList.mx-listview > ul > li:first-child, .flexLabel label:first-child  {text-align: left; flex: 1; padding-left: 5px;}
 .testList.mx-listview > ul > li:last-child, .flexLabel label:last-child {text-align: right; flex: 1; padding-right: 5px;}
 .rc-slider-disabled .rc-slider-track {background-color: #ff9941;}

 /* list inLine */
 .listInLine.mx-listview > ul,  .listInLine.mx-listview > ul > li,  .listInLine, .listInLine div {margin: 0 !important; padding: 0 !important; display: inline; border: 0; background: none; }
 .listInLine.mx-listview > ul > li {color: var(--gray-600);}
 .listInLine.mx-listview > ul > li:first-child::before {content: '(';}
 .listInLine.mx-listview > ul > li::after {content: ', ';}
 .listInLine.mx-listview > ul > li:last-child::after {content: ')';}
 
 .listInLine.mx-listview.hideEmpty > ul > li.mx-listview-empty{display:none;}
 .listInLine.mx-listview.specialization > ul > li{color:unset;}
 .listInLine.mx-listview.specialization > ul > li:first-child::before,
 .listInLine.mx-listview.specialization > ul > li:last-child::after {content:none;}

 .np.mx-listview > ul,  .np.mx-listview > ul > li {margin: 0 !important; padding: 0 !important; border: 0; background: none; }

 /* video popUp */
 .videoPopUp .pg-viewer-wrapper {overflow:visible;}
 .videoPopUp .mx-scrollcontainer {width: auto !important; height: auto !important; }
 .videoPopUp video {max-width: 90vw; max-height: 80vh; width: auto; height: auto;}
 .modal-dialog.videoPopUp {width: auto !important; height: auto !important; left: 50% !important; top:50% !important; transform: translate(-50%, -50%);}
 .modal-dialog.videoPopUp .modal-content .modal-header {padding: 0; border: 0; background: none; height: 30px;}
 .modal-dialog.videoPopUp .modal-content .modal-header h4 {display: none;}
 .modal-dialog.videoPopUp .modal-content {padding: 0; background: none; border: 0;}
 .modal-dialog.videoPopUp .modal-content .modal-header .close {color: #fff; font-size: 50px; position: absolute; right: 0; top:-15px;}

 /* image popUp */
 .imgPopUp .pg-viewer-wrapper {overflow:visible;}
 .imgPopUp .mx-scrollcontainer {width: auto !important;}
 .modal-dialog.imgPopUp {width: auto !important; left: 50% !important; top:50% !important; transform: translate(-50%, -50%);}
 .modal-dialog.imgPopUp .modal-content .modal-header {padding: 0; border: 0; background: none; height: 50px;}
 .modal-dialog.imgPopUp .modal-content .modal-header h4 {display: none;}
 .modal-dialog.imgPopUp .modal-content {padding: 0; background: none; border: 0;}
 .modal-dialog.imgPopUp .modal-content .modal-header .close {color: #fff; font-size: 50px; position: absolute; right: 0; top:-15px;}

 /* menu highlight */
.hItem1 .item1, .hItem2 .item2, .hItem3 .item3, .hItem4 .item4, .hItem5 .item5, .hItem6 .item6, .hItem7 .item7, .hItem8 .item8, .hItem9 .item9
, .hItem10 .item10, .hItem11 .item11, .Item12h .item12, .hItem13 .item13, .hItem14 .item14, .hItem15 .item15, .hItem16 .item16, .hItem17 .item17
, .hItem18 .item18, .hItem19 .item19, .hItem20 .item20, .hItem21 .item21, .hItem22 .item22, .hItem23 .item23, .hItem24 .item24, .hItem25 .item25, .hItem26 .item26, .hItem27 .item27, .hItem28 .item28, .hItem29 .item29          
 {border-color: var(--primary-50);background-color: #fff; color: var(--primary-50);}

 /* Scheduler */
 .mbsc-schedule-all-day-cont {display: none;}
 .role-rehabilitacja .mbsc-schedule-item, .role-psycholog .mbsc-schedule-item,  .role-rehabilitacja .mbsc-timeline-column, .role-psycholog .mbsc-timeline-column {pointer-events: none;}
 .reportInvoice .mx-grid-search-input {width:190px !important}
 .mbsc-timeline-grid-scroll {max-height: calc(100vh - 242px);}
 .mbsc-calendar {max-height: calc(100vh - 270px);}
 .mbsc-calendar.mbsc-eventcalendar-timeline {max-height: calc(100vh - 190px);}
 .physioSlot {min-height: 32px; pointer-events: none; }
 .physioSlot .mbsc-schedule-event-background {background: rgba(0, 0, 0, 0.25) !important; border-radius: 0 !important;}
 .custom-datepicker{width: 160px;}
 .custom-calendar .event-alert {border: 0 !important; }
 .custom-calendar .event-alert .mbsc-timeline-event-background  {border: 2px solid rgba(255, 0, 0, 1) !important; opacity: 0.6;}
 .sche .mbsc-schedule-event.event-alert   {border: 2px solid #f00 !important;}
 .mbsc-timeline-resource-header, .mbsc-timeline-resource-title {padding: 0.5em 0 0 0;  line-height: 1.2em;}
 .spSlot::before {display: block; position: absolute;     top: 16px;  left: 8px;  font-size: 0.9em;}
 .sOnline::before {content: 'Online';}
 .sActive::before {content: 'Active';}
 .sKids::before {content: 'Kids';}
 .sCPUzN::before {content: 'CPUzN';}
 .sKariera::before {content: 'Kariera';}
 .mbsc-timeline-event.spSlot::before {top:6px;}

/* Scheduler - full screen */
.avalonSchedule .mbsc-calendar{max-height:100vh;}
.avalonSchedule .mbsc-timeline-grid-scroll{max-height:100vh;}
.avalonSchedule .programSel{position:absolute;right:0;z-index:5;margin-right:155px;margin-top:25px;display:flex;gap:15px;align-items:center;}
.avalonSchedule .programSel .form-group{margin:0;padding:0;}
.avalonSchedule .programSel .form-group select{padding:10px 15px;}
.avalonSchedule .programSel .btnBox{display:inherit;gap:2px;}
.avalonSchedule .calendar-page * .custom-calendar .flex.justify-content-start{margin-left:230px;padding-top:26px;}
.avalonSchedule .mbsc-calendar .mbsc-timeline-resource{padding-left:10px;}
.avalonSchedule .mbsc-calendar .mbsc-calendar-header{padding:0 var(--padding-size-small) 0 var(--padding-size);background:#fff;} 
.avalonSchedule .mbsc-calendar-header .mbsc-calendar-controls{padding:0;}
.avalonSchedule .mbsc-calendar-header .mbsc-calendar-title-wrapper{height:88px;background:none;}
.avalonSchedule .mbsc-calendar-header .mbsc-calendar-button{padding:0;}
.avalonSchedule .mbsc-calendar-header .mbsc-calendar-title.mbsc-calendar-year{padding-left:0;}

 /* test */
 .spineTable .form-group {margin: 0 !important;}
.spineTable div {margin: 0 !important; padding:  0 !important; line-height: 32px !important;}
.spineTable input[type=checkbox] {margin: 0 !important;}
.spineTable input[type=checkbox]:before {height: 36px !important; width: 52px !important; border-radius: 0 !important; border: 1px solid var(--gray-300) !important; margin:-1px 0 0 0}
.spineTable .mx-checkbox.label-after .control-label {    color: var(--gray-600);  font-weight: 400;  margin: -1px 0 0 -17px;  width: 52px;  height: 36px;  text-align: center;  line-height: 41px;
  display: block;  padding-top: 9px;  z-index: 5;  font-size: 16px;}

.spineTable input[type=checkbox]:checked:before {border-color: var(--primary-60) !important; background-color: var(--primary-60) !important;}
.spineTable input[type=checkbox]:checked ~ .control-label {color: #fff !important;}
.spineTable input[type=checkbox]:hover:before {background-color: var(--gray-700) !important; border-color: var(--gray-700) !important;}
.spineTable input[type=checkbox]:hover ~ .control-label {color:#fff}
.spine {height: 1000px; width: auto; max-width: unset; margin-top:34px}
.spineTable .mx-text {white-space: nowrap;}
.spineTable input[type=checkbox]:after {display: none !important;}
.spineTable .row:nth-child(-n+8) .mx-checkbox.label-after .control-label, .spineTable .row:nth-child(-n+8) .spineTable input[type=checkbox]:before  {height: 31px !important; line-height: 31px;}
.spineTable .col-lg {flex: 0 0 180px !important;}
.spineTable .row {flex-wrap: nowrap !important;}
.spineTable input[type=text] {width: 400px; padding: 7px 10px; background-color: var(--gray-100); border: 0; border-bottom: 1px solid var(--gray-400); margin:4px 0 -4px 0;  border-radius: 0 !important;}
.spineTable .row:nth-child(-n+8) input[type=text] {padding: 5px 10px;}

.bedsore {display: block; text-indent: -6000px; width: 12px; height: 12px; border-radius: 20px; background-color: var(--gray-600) !important; padding: 0 !important; position: absolute;}
.bMedium {height: 16px; width: 16px;}
.bLarge {height: 22px; width: 22px;}
.bedsore::before {display: none !important;}
.bCont {position: relative; width: 650px;}
.Aktywne {background-color: var(--danger) !important;}
.Zaleczone {background-color: var(--success) !important;}

.hideBadge .srs-badge-row {display: none !important;}

/*# ::::: Mark field as error ::::: #*/
.bundleTable td{vertical-align:middle;}
.bundleTable .searchableReference{margin:0 25px 0 0;position:relative;}

/* mobile */
.mobileCalendar .btn-group {display: none;}
.mobileCalendar  {font-size: 13px;}

.mobileCalendar .mbsc-schedule-event-inner {font-size: 12px; line-height: 1.2em;}
.profile-phone .mbsc-popup-content {font-size: 13px;}
.profile-phone .mbsc-popup-content h4 {font-size: 16px;}
.profile-phone .mx-menubar {background-color: #e9ecef;}
.profile-phone .mx-menubar li:hover a, .profile-phone .mx-menubar li.active a, .profile-phone .mx-menubar ul.mx-menubar-list li.mx-menubar-item a:focus {background-color:#FF9941 !important; color: #000 !important;}
.profile-phone .custom-datepicker {width: 100%; padding-bottom: 10px;     margin-top: 10px;}
.profile-phone .mbsc-textfield {text-align: center; font-size: 13px !important; padding: 6px !important; }
.bottom-nav-text-icons.mx-menubar ul.mx-menubar-list li.mx-menubar-item {border-right: 1px ;}
.profile-phone .mbsc-calendar { max-height: unset}
.mx-header div.mx-header-center .mx-title {color: var(--gray-700);}
.profile-phone {font-size: 0.9rem;}
.profile-phone .btn, .profile-phone .btn .mx-button {padding: 7px 10px 7px 10px;}
.profile-phone .mx-listview > ul > li {padding: 9px;}
.profile-phone p {line-height: 1.3em;}
.profile-phone .preview .control-label {font-size: 13px;}
.orangeB, .grayB {width: 100% !important; border-radius: 0 !important; color: #000 !important; background-color: #FF9941 !important; border: 0 !important; line-height: 40px !important;}
.grayB {background-color: #e9ecef !important;}
.orangeB::before, .grayB::before {display: none;}
.fullHe .ql-editor {height:50vh}
.profile-phone .form-control, .profile-phone .srs .form-control {font-size: 0.9rem;}
.profile-phone .beneficiaryTitle {font-size: 14px; line-height: 18px; font-weight: 400;}
.hPhone {background-color: var(--gray-100); padding: 10px 16px; width: calc(100% + 32px); margin-left:-16px; margin-right: -16px;}
.hideHead .th {display: none;}
.table .table-content.infinite-loading {overflow-y: auto;}
.profile-phone .widget-datagrid .table .td:first-child {padding-left: 0;}
.profile-phone .horizontalScroll .widget-datagrid .table .td:last-child {padding-right: 60px;}
.profile-phone .imgActionButtons {margin-top: 0;}
.profile-phone .fileDropper .filedropper__dropzone {
  min-height:40px;
  line-height:16px;
  font-size:13px; 
  padding:12px 6px 14px 70px;
  margin:5px 0 5px;
  }
.profile-phone .srs .form-control {padding-right: 16px;}

  @media only screen and (max-width: 479px) { 
    html {font-size: 14px;} 

 }
 
.p1_red div {background-color: #f3baba}
.p1_orange div {background-color: #ffefbc}
.p1_green div {background-color: #beffe3}


/*# ::::: Custom Group email popup - for a couple of Beneficiaries ::::: #*/
.groupEmailList{padding:0px;margin:0;width:100%;}
.groupEmailList > ul{
  -moz-column-count:2;-moz-column-gap:24px;-moz-column-width:40%;-moz-column-fill:balance;
  -webkit-column-count:2;-webkit-column-gap:24px;-webkit-column-width:40%;-webkit-column-fill:balance;
  column-count:2;
  column-gap:24px;
  column-width:40%;
  column-fill:balance;
  display: block;
  margin:0;
}
.groupEmailList > ul > li {background:none;border:none;padding:0 0px 24px;margin:0;transition:none;transform:none;display:inline-block;width:100%;}
.groupEmailList > ul > li:last-child{border-bottom:none;}
.issueBox,
.onlyHeaderBox,
.allDataBox{padding:12px 16px;border-radius:4px;}
.issueBox{background-color: #F8D7DA;color: #842029;border: 1px solid #F1AEB5;}
.onlyHeaderBox{background-color: #FFF3CD;color: #664D03;border: 1px solid #FFE69C;padding-right: 50px;}
.allDataBox{background-color: #D1E7DD;color: #0F5132;border: 1px solid #75B798;position:relative;padding:0;}

.issueBox > div,
.onlyHeaderBox > div,
.allDataBox > div{display: flex;align-items: center;width:100%;}
.allDataBox > div{position:absolute;padding:12px 50px 12px 16px;}

.issueBox p,
.issueBox span,
.onlyHeaderBox p,
.allDataBox p{margin:0;color:inherit;line-height:1.4em;display:block;font-size:15px;}

.issueBox span{font-weight:600;margin:1px 0 0 auto;font-size:14px;}
.onlyHeaderBox .mx-checkbox,
.allDataBox .mx-checkbox{margin:0 0 0 auto;z-index:2000;}
.allDataBox .mx-checkbox input[type="checkbox"]:checked::before{background-color:#75B798;border-color:#75B798;}
.onlyHeaderBox .mx-checkbox label.control-label{color:#664D03;cursor:pointer;width:unset;padding:0;line-height:1.5rem;}
.allDataBox .mx-checkbox label.control-label{color:#0F5132;cursor:pointer;width:unset;padding:0;line-height:1.5rem;}

.allDataBox .mx-groupbox{display:block;padding:0;position:relative;color:#0a1325;}
.allDataBox .mx-groupbox > .mx-groupbox-header{text-indent:-9999px;padding:12px 0px 12px 0;border:none;background:none;font-size:17px;}
.allDataBox .mx-groupbox > .mx-groupbox-header .glyphicon{margin:3px 15px 0 0;text-indent:0;color:#499873;}
.allDataBox .mx-groupbox > .mx-groupbox-header .glyphicon.glyphicon-plus::before{content:"\e114";}
.allDataBox .mx-groupbox > .mx-groupbox-header .glyphicon.glyphicon-minus::before{content:"\e113";}
.allDataBox .mx-groupbox > .mx-groupbox-body{padding:20px 25px 0;background:#fff;border-radius:0px 0px 4px 4px;margin-top:1px; }

/*# ::::: Table with row counter - Lp ::::: #*/
.tableWithRowCounter{counter-reset:rowNr 0;}
.tableWithRowCounter .tr .lpCounter{counter-increment:rowNr 1;}
.tableWithRowCounter .tr .lpCounter span::before{content:counter(rowNr) ".";margin-right:25px;}

.ss4more.alert {padding: 0 !important;}
.ss4more .widget-accordion .widget-accordion-group, .ss4more .widget-accordion-group-header-button {background: none !important;}
.ss4more .widget-accordion-group-content {background-color: #fff;}


.ss4more .widget-accordion .widget-accordion-group > .widget-accordion-group-header > .widget-accordion-group-header-button.widget-accordion-group-header-button-clickable:hover .widget-accordion-group-header-button-icon, .widget-accordion .widget-accordion-group > .widget-accordion-group-header > .widget-accordion-group-header-button.widget-accordion-group-header-button-clickable:focus .widget-accordion-group-header-button-icon, .ss4more .widget-accordion .widget-accordion-group > .widget-accordion-group-header > .widget-accordion-group-header-button.widget-accordion-group-header-button-clickable:active .widget-accordion-group-header-button-icon {fill: rgba(0,0,0,0.6) !important;}
.ss4more .widget-accordion .widget-accordion-group {border: 0 !important;}
.listLink .mx-text {text-decoration: underline; }
.tr-selected .td {background-color: none;}
.rightPop .modal-header .close {font-size: 40px; margin-top: -5px !important;}

/*# ::::: News list for Beneficiary ::::: #*/
.news-single-list {padding-top: 10px; padding-bottom: 60px;}
.news-single {border-radius: 5px; overflow: hidden;  display: block; width: 100%;}
.news-single-image {position: relative;}
.news-single-image:after {content: ""; display: block; padding-bottom: 66.433%;}
.news-single-date {position: absolute; top: 0; left: 0; border-radius: 2px 0; background: #102c4e; font-size: 14px; color: #fff; z-index: 4; display: inline; padding: 0 6px;}
.news-single-thumbnail {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.news-single-title {font-weight: 600; font-size: 20px; line-height: 1.2; margin-top: 14px; margin-bottom: 12px; height: 48px; overflow: hidden;}
.news-single-title-text {font-weight: 600; font-size: 20px; line-height: 1.2; margin-top: 14px; margin-bottom: 12px; height: 48px;}
.news-single-title-text a {transition: .2s cubic-bezier(.96,.01,.58,1); text-decoration: none; color: #353e49;}
.news-single-image-img img {padding: 0px;}

.news-details {margin-top: 60px;}
.news-details-close {padding: 20px 0px 20px 6px; color: #fe8623; margin-right: 20px;}
.news-details-date {color: #fff; font-size: 14px; background: #102c4e; border-radius: 2px; padding: 0 6px; display: inline-block;}
.news-details-title {margin-top: 25px; margin-bottom: 25px;}
.news-details-files { font-size: 14px; color: #fe943c; font-weight: 600;}
.news-details-files > ul > li {border: 0px; padding: 0px 3px;}
.news-details-files > ul > li:last-child  {border: 0px;}

.news-popup-no-header .modal-header {display:none;}
.news-popup-jumbo {max-height: 400px; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.news-popup-no-header .mx-layoutgrid {padding: 0px !important;}
.news-popup-close {position: absolute; top: 10px; right: 10px; background-color: rgba(51, 51, 51, 0.5); width: 30px; padding: 0px 0px 0px 6px; margin: 0px; height: 30px; display: flex; align-content: center; align-items: center; justify-content: center; border-radius: 16px;}
.news-popup-close:hover {background-color: var(--primary-40);}

/*# ::::: Educational categories for Beneficiary ::::: #*/
.education-category-list {margin-top: 24px; display: flex;}
.education-list-container {min-height: 176px; border-radius: 8px; padding: 4px; width: 100%; flex:1; box-sizing: border-box;}
.education-list-item {height: 100%; flex:1; box-sizing: border-box; align-items: center; justify-content: center; border-radius: 8px;}
.education-single-image {margin-bottom: 6px; margin-top: 1.5rem;}
.education-list-item:hover {background-color: rgb(254, 223, 209);}
.education-single-image-img {}
.education-single-thumbnail {text-align: center;}
.education-category-title {color: #102c4e; font-weight: 700; line-height: 22px; font-size: 1rem; padding: 2rem; text-align: center;}
.education-single-title-text {}
.education-details-category { padding: 4px 8px; border-radius: 4px; font-size: 14px; font-weight: 600; color: #000; margin-right: 26px; background-color: rgb(253, 148, 102);}

.category_orange_list {border: 1px solid rgb(253, 148, 102); background-color: white;}
.category_orange_top {border-top: 10px solid rgb(253, 148, 102);}
.category_orange_border {background-color: rgb(254, 223, 209);}

/*# ::::: Rating of Education ::::: #*/
.rating-div {border-radius: 8px; background-color: #fff; border: 2px solid #fe943c; padding: 2rem 0;}

/*# ::::: Audit table from D365 ::::: #*/
.AuditParent > ul > li {padding: 0px; border: 0px;}
.AuditChild > ul > li {padding: 0px; border: 0px;}
.AuditChild > ul > li:last-child {border: 0px;}
.AuditChild  {padding: 0px;}

/*# ::::: Transfer Logs ::::: #*/
.extendedTextArea textarea{min-height:500px;}
.statsBox > div{  
  display:flex;
  width:100%;
  justify-content:space-around;
  text-align:center;
  padding:20px;
  margin:0px 0 30px;
  background-color:#FFF3CD; 
  border:1px solid #FFE69C;
  border-radius:4px;
}
.statsBox > div h4,
.statsBox > div p {color:#BA8C05;margin:0;padding:0;}




/*# ::::: Stats Section ::::: #*/
.statsSectionBox .alert{margin-bottom:16px;}
.statsSectionBox .alert .marked{color:#e40f23;}
.statsSectionBox .fullH{height:100%;display:flex;}
.statsSectionBox .fullH .alert{display:flex;flex:1;flex-direction:column;}
.statsSectionBox .fullH .alert.centerIt{align-items:center;justify-content:center;text-align:center;}
.statsSectionBox .fullH .alert.centerIt p{font-size:22px;margin-top:5px;}
.statsSectionBox .flexButtons{display:flex;gap:16px;align-items:flex-end;margin-bottom:16px;flex-wrap:wrap;}
.statsSectionBox .flexButtons > *{margin:0;}
.statsSectionBox .flexButtons .form-control,
.statsSectionBox .flexButtons button{display:flex;align-items:center;gap:5px;}
.statsSectionBox .flexButtons button .glyphicon{top:0;}
.statsSectionBox .alert {display:block;padding:16px 20px 17px !important;border:1px solid;white-space:normal;color:#004085;background-color:#cce5ff;border-color:#b8daff;}
.statsSectionBox .alert p{line-height:22px;margin:0;}
.statsSectionBox .alert a{font-weight:700;color:inherit;}
.statsSectionBox .alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff;}
.statsSectionBox .alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db;}
.statsSectionBox .alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb;}
.statsSectionBox .alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb;}
.statsSectionBox .alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba;}
.statsSectionBox .alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb;}
.statsSectionBox .alert-light{color:#818182;background-color:#fafafa;border-color:#f3f3f3;}
.statsSectionBox .alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca;}

.widget-tooltip-content {width: 400px;}
.profile-phone .widget-tooltip-content {width: 320px;}
.widget-tooltip .widget-tooltip-content {color:#1d211d; text-align: left;}

.custom-border {border: 2px solid #000000; opacity: 0.6 !important;}

/*# ::::: Highlight appointments outside working hours ::::: #*/
.tr.outside-hours .td {background-color: #F8D7DA; color: #842029;}
.tr.outside-hours:hover .td {background-color: #F5C2C7 !important;}

.sticky-sentinel.container-stuck, .widget-datagrid-grid .th, .table .th {position: relative !important; z-index: auto !important;}
.role-beneficiary .widget-datagrid-grid .th, .table .th {position: static !important;}

.s2 .steps.BPFApp::after {width:calc((100% - 60px)*0.5); }
.s2 .steps.BPFApp .step4::before {background-color: #326db6;}
.role-beneficiary .widget-datagrid-grid .th, .table .th {position: static !important;}

.taxReport a {display: inline-block; background-color: #fff;  box-shadow: 0 2px 4px rgba(92, 99, 107, .1);   border-radius: 10px;  padding: 0.5rem 1rem;  font-weight: 600;    margin: 0 10px 1rem 0; color:#353e49; text-decoration: unset !important;}
.taxReport a.sameYear {pointer-events: none; background-color: #353e49; color: #fff;}
.taxReport a:hover {background-color: #353e49; color: #fff;}