.uiPopup_submenu {
     display: none;
     position: absolute;
     z-index: 20000021;
     width: 100%;
     box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1), 0px 4px 8px 4px rgba(0, 0, 0, 0.1), 0px 10px 24px 4px rgba(0, 0, 0, 0.1);
     background-color: white;
     border-radius: 10px;
     display: flex;
     flex-direction: column;
     align-content: space-between;
     padding: 8px 4px 8px 8px;
 }

 .uiPopup_submenu_left {
     left: 0;
     transform: translate(0, -50%);
 }

 .uiPopup_submenu_right {
     left: auto;
     right: 0;
     transform: translate(0, -50%);
 }

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

 .uiPopup_submenu_header_title {
     flex: 1;
 }

 .uiPopup_submenu_header ._iClose {
     display: flex;
     align-self: flex-end;
 }

 .uiPopup_submenu_header ._iClose div {
     width: 32px;
     height: 32px;
 }

 .uiPopup_submenu_body {
     min-height: 100px;
     height: calc(100%);
 }

 .uiPopup_submenu_body .uiS>div {
     position: relative;
 }

 .uiPopup_submenu_body .uiPopup_submenu__data {
     padding: 1% 3%;
 }

 .uiPopup_submenu_body .uiPopup_submenu__data .uiPopup_submenu__nav {
     /* margin-top: 16px; */
 }

 .uiPopup_submenu_body .uiPopup_submenu__data .uiPopup_submenu__nav>div {
     margin-bottom: 8px;
 }

 .uiPopup_submenu_body ._title {
     font-weight: bold;
     font-size: 14px;
 }

 /* ==== ==== ==== Custom / Theme 1 ==== ==== ==== */
 .uiPopup_submenu.uiPopup_submenu__theme1 .uiPopup_submenu_body ._title {
     font-family: 'Roboto' !important;
     font-size: 14px;
 }

 /* ==== ==== ==== Custom / Theme 2 ==== ==== ==== */
 .uiPopup_submenu.uiPopup_submenu__theme2 {
     box-shadow: 4px 0px 32px 2px rgba(0, 0, 0, 0.2);
 }

 .uiPopup_submenu.uiPopup_submenu__theme2 .uiPopup_submenu__nav>div {
     padding: 2px 16px;
     border-bottom: none;
 }

 .uiPopup_submenu.uiPopup_submenu__theme2 .uiPopup_submenu__nav div * {
     font-size: 14px;
     font-weight: 500;
     cursor: pointer;
 }

 /* ==== ==== ==== Custom / Theme 3 ==== ==== ==== */
 .uiPopup_submenu.uiPopup_submenu__theme3 {
     box-shadow: 4px 0px 24px 2px rgba(0, 0, 0, 0.2);

 }

 .uiPopup_submenu.uiPopup_submenu__theme3 .uiPopup_submenu__nav .button {
     display: flex;
     flex-direction: row;
     padding: 2px 16px;
     border-bottom: none;

 }

 .uiPopup_submenu.uiPopup_submenu__theme3 .uiPopup_submenu__nav div * {
     font-size: 0.9rem;
     font-weight: 500;
     cursor: pointer;
 }

 .uiPopup_submenu_body .uiPopup_submenu__data .uiPopup_submenu__navMore .uv-headerNavElement {
     text-align: right;
 }

 .uiPopup_submenu_body .uiPopup_submenu__data .uiPopup_submenu__navMore .uv-headerNavElement .btn._tb4_selected>div {
     margin-bottom: 8px;
 }

 .uiPopup_submenu_body .uiPopup_submenu__data .uiPopup_submenu__navMore .uv-headerNavElement .btn div {
     font-size: 0.9rem;
 }