@import url('root.css');
@import url("non-reference-offer-root-icons.css");

@font-face {font-family:'DinWeb'; font-weight:400; src: url('/sei/static/fonts/DINWeb.eot'); src: url('/sei/static/fonts/DINWeb.eot') format('embedded-opentype'), url('/sei/static/fonts/DINWeb.woff2') format('woff2'), url('/sei/static/fonts/DINWeb.woff') format('woff'), url('/sei/static/fonts/DINWeb.ttf') format('truetype'), url('/sei/static/fonts/DINWeb.svg#DinWeb') format('svg');}
@font-face {font-family:'DinWeb'; font-weight:500; src: url('/sei/static/fonts/DINWeb-M.eot'); src: url('/sei/static/fonts/DINWeb-M.eot') format('embedded-opentype'), url('/sei/static/fonts/DINWeb-M.woff2') format('woff2'), url('/sei/static/fonts/DINWeb-M.woff') format('woff'), url('/sei/static/fonts/DINWeb-M.ttf') format('truetype'), url('/sei/static/fonts/DINWeb-M.svg#DinWeb') format('svg');}
@font-face {font-family:'DinWeb'; font-weight:700; src: url('/sei/static/fonts/DINWeb-B.eot'); src: url('/sei/static/fonts/DINWeb-B.eot') format('embedded-opentype'), url('/sei/static/fonts/DINWeb-B.woff2') format('woff2'), url('/sei/static/fonts/DINWeb-B.woff') format('woff'), url('/sei/static/fonts/DINWeb-B.ttf') format('truetype'), url('/sei/static/fonts/DINWeb-B.svg#DinWeb') format('svg');}

/*Font for Login page*/

/* lato-italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    src: url('https://sh1.enterprisemessaging-starhub.com/static/fonts/lato-v24-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lato-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: url('https://sh1.enterprisemessaging-starhub.com/static/fonts/lato-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lato-700italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lato';
    font-style: italic;
    font-weight: 700;
    src: url('https://sh1.enterprisemessaging-starhub.com/static/fonts/lato-v24-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lato-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: url('https://sh1.enterprisemessaging-starhub.com/static/fonts/lato-v24-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lato-900italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lato';
    font-style: italic;
    font-weight: 900;
    src: url('https://sh1.enterprisemessaging-starhub.com/static/fonts/lato-v24-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*Start MEMS Portal */

#banner #logo {
	padding-left: 10px;
	float: left;
	display: block;
	width: 700px;
	height: 67px;
	background: url("/sei/static/images/starhub/logo.gif") right top no-repeat;
}

#tabArea {
	background-color: #029A67;
}

#tabs span {
	/*background-color:#e0e0e0 !important;/*00309C url(/sei/static/images/roll-9-30.png) repeat scroll 0 0;*/
	background: #029A67 url("/sei/static/images/3DTableTop2t-30.png") repeat scroll 0 0;
}

#tabs span.sms,#tabs span.mms,#tabs span.email,#tabs span.home,#tabs span.reports,#tabs span.reminder,#tabs span.sei,#tabs span.staffMatch,#tabs span.mobileVouchers,#tabs span.campaignManager,#tabs span.cgp,#tabs span.staffSafe,#tabs span.inbound,#tabs span.voice,,#tabs span.authenticator
	{
	background-color: #14639D;
}

#shortcuts {
	background: #14639D url("/sei/static/images/3DTableTop2b-24.png") repeat-x scroll 0 3px;
}

.shortcutShade {
	background: #14639D repeat-x;
}

.contentHeader .sectionTitle,#rightPanel .titleBar, #pageHolder .titleBar {
	background-color: #14639D;
}

.summaryTable th,.summaryTable th a,.sortable thead td,.sortable thead td a
	{
	background-color: #029A67;
}

.footerDivider {
	background: #029A67 url("/sei/static/images/3DTableTop2b-24.png") repeat-x scroll 0 7px;
}

#rightPanel table.setupTable div.titleBar {
	background-color: #029A67;
}

/*.tableTitle {
	font-weight:600;
	background:#8c8c8c;
}

#leftPanel .tableTitle {
	background:#016799;
	font-weight:600;
}*/


/* ********** BELOW IS SPECIFICALLY FOR "RECENT ITEMS" SECTION OF THE PAGE  *********** */

.recentItem .StaffMatchOrderBean,.recentItem .StaffMatchShiftBean,.recentItem .SMSReminderOrderBean,.recentItem .SMSInformationOrderBean,.recentItem .VoiceOrderBean
{
	background-image: url(/sei/static/images/icon/green/16px/Order.png);
}

.recentItem .ConnectionPointBean,.recentItem .ClientConnectionBean,.recentItem .UserClientConnectionBean,.recentItem .NetworkConnectionBean,.recentItem .SMPPNetworkConnectionBean
	{
	background-image: url(/sei/static/images/icon/green/16px/Connection.png);
}

.recentItem .CIQBean,.recentItem .COQBean,.recentItem .NIQBean,.recentItem .NOQBean
	{
	background-image: url(/sei/static/images/icon/green/16px/Queue.png);
}

.recentItem .CustomerBean {
	background-image: url(/sei/static/images/icon/green/16px/Customer.png);
}

.recentItem .GroupBean,.recentItem .SubscriberOrderBean {
	background-image: url(/sei/static/images/icon/green/16px/Group.png);
}

.recentItem .ContactBean {
	background-image: url(/sei/static/images/icon/green/16px/Contact.png);
}

.recentItem .SMSBean,.recentItem .SMSStandardOrderBean,.recentItem .SMSBroadcastOrderBean,.recentItem .SMSMailMergeOrderBean,.recentItem .SMSInboundOrderBean
	{
	background-image: url(/sei/static/images/icon/green/16px/SMSMessage.png);
}

.recentItem .MMSBean,.recentItem .MMSStandardOrderBean,.recentItem .MMSBroadcastOrderBean,.recentItem .MMSMailMergeOrderBean,.recentItem .MMSInboundOrderBean
	{
	background-image: url(/sei/static/images/icon/green/16px/MMSMessage.png);
}

.recentItem .EmailBean,.recentItem .EMAILStandardOrderBean,.recentItem .EMAILBroadcastOrderBean,.recentItem .EMAILMailMergeOrderBean
	{
	background-image: url(/sei/static/images/icon/green/16px/EmailMessage.png);
}

.recentItem .RoleBean {
	background-image: url(/sei/static/images/icon/green/16px/Role.png);
}

.recentItem .LicenseBean {
	background-image: url(/sei/static/images/icon/green/16px/License.png);
}

.recentItem .ListBean {
	background-image: url(/sei/static/images/icon/green/16px/File.png);
}

.recentItem .UserBean {
	background-image: url(/sei/static/images/icon/green/16px/User.png);
}

.recentItem .EmployeeBean,.recentItem .StaffMatchEmployeeBean {
	background-image: url(/sei/static/images/icon/green/16px/Employee.png);
}

.recentItem .Address,.recentItem .RoutedAddressBean {
	background-image: url(/sei/static/images/icon/green/16px/Address.png);
}

#menuBtmBorder {
    background-color: #FFFFFF;
}
 
.currentTab {
    background-color: #049a7c;
    background: -webkit-linear-gradient(#049a7c, #05cca4);
    background: -moz-linear-gradient(top, #049a7c, #05cca4);
    background: -ms-linear-gradient(#049a7c, #05cca4);
    background: -o-linear-gradient(#049a7c, #05cca4);
    background: linear-gradient(#049a7c, #05cca4);
    position: relative;
    bottom: 1px;
    z-index: 1;
    color: white;
    font-weight: bold;
    border-radius: 3px;
    -moz-border-radius: 3px;
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#049a7c', endColorstr='#05cca4'); /* IE6 & IE7 */
                -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#049a7c', endColorstr='#05cca4')"; /* IE8 */
}
 
.contentHeader .sectionTitle {
    background: -webkit-linear-gradient(#047cc4, #035c92);
    background: -moz-linear-gradient(top, #047cc4,  #035c92);
    background: -ms-linear-gradient(#047cc4,  #035c92);
    background: -o-linear-gradient(#047cc4,  #035c92);
    background: linear-gradient(#047cc4,  #035c92);
 
 
filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#047cc4', endColorstr='#035c92'); /* IE6 & IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#047cc4', endColorstr='#035c92')"; /* IE8 */
}
 
 
#rightPanel .tableTitle {
 
    padding-bottom: 0px;
    background: -webkit-linear-gradient(#047cc4, #035c92);
    background: -moz-linear-gradient(top, #047cc4, #035c92);
    background: -ms-linear-gradient(#047cc4, #035c92);
    background: -o-linear-gradient(#047cc4, #035c92);
    background: linear-gradient(#047cc4, #035c92);
 
 
filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#047cc4', endColorstr='#035c92'); /* IE6 & IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#047cc4', endColorstr='#035c92')"; /* IE8 */
}
 
.summaryTable th, .summaryTable th a, .sortable thead td, .sortable thead td a {
    background-color: #6C6E74;
    background: -webkit-gradient(linear, left top, left bottom, from(#049a7c), to(#036854));
    background: -webkit-linear-gradient(#049a7c, #036854);
    background: -moz-linear-gradient(top, #049a7c, #036854);
    background: -ms-linear-gradient(#049a7c, #036854);
    background: -o-linear-gradient(#049a7c, #036854);
    background: linear-gradient(#049a7c, #036854);
    filter:     progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#049a7c', endColorstr='#036854'); /* IE6 & IE7 */
                    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#049a7c', endColorstr='#036854')"; /* IE8 */
}

/* overwrite color in jqx.base.css */
.jqx-widget-header-starhub {    
    background-color: #6C6E74;
    background: -webkit-gradient(linear, left top, left bottom, from(#049a7c), to(#036854));
    background: -webkit-linear-gradient(#049a7c, #036854);
    background: -moz-linear-gradient(top, #049a7c, #036854);
    background: -ms-linear-gradient(#049a7c, #036854);
    background: -o-linear-gradient(#049a7c, #036854);
    background: linear-gradient(#049a7c, #036854);
    filter:     progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#049a7c', endColorstr='#036854'); /* IE6 & IE7 */
                    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#049a7c', endColorstr='#036854')"; /* IE8 */
}


/* StarHub for Style @09092016 @iO */
/* Body content Style */
.contentx {background:#fff; height:566px; width:686px; padding-top:0; padding-left:0; margin-top:-14px; margin-right:0;}
.contentx h2, .contentx h3 {font-size:41px; font-weight:400; line-height:1.3; color:#0ea1d8; margin-bottom: 20px;font-family: "DinWeb";}

.contentx a.btn-req { background:#0ea1d8; color:#fff; border:2px solid #0ea1d8; font-size:15px; line-height:24px; font-weight:500; padding:7px 20px 8px; display:inline-block; margin-top:10px; border-radius:4px; text-decoration:none; transition:all 300ms; font-family: "DinWeb"; margin-left:3px;}
.contentx a.btn-req:hover {color:#fff; background:#0986b4; border-color:#0986b4;}

.contentx ul {margin:55px 0 0; padding:0; list-style-type:none; }
.contentx ul li {background: url(/static/images/starhub/arrow.png) no-repeat 0 4px; font-size:18px; line-height:22px; padding-left:16px; padding-bottom:8px; font-weight:400; font-family: "DinWeb"; color:#0ea1d8;}

/* Services */
.servicex {margin:10px 0;overflow: hidden;} .servicex .box {width: 16%; padding:0 2%; float: left; text-align: center;}
.servicex .box h3, .servicex .box h4 {font-size:15px; font-weight:400; line-height:20px; color:#404040; font-family: "DinWeb";}
.servicex .box h3 img, .servicex .box h4 img {display:block; margin:0 auto 4px;} .servicex .box img {max-width:58px;}
.servicex img::selection { background:none; } .servicex img::-moz-selection { background:none;}

/* Deatures */
.featurex {margin:25px 0 35px; padding:0 20px; overflow: hidden; font-family: 'DinWeb'; font-weight:400; color:#222222; text-align:center;}
.featurex .cols {width:46%; float: left; padding: 0 1% 25px 3%;} .featurex .cols.first {clear:left;}
.featurex h3, .featurex h4 {font-size:18px; line-height:22px; margin-top:11px; margin-bottom:3px; color:#333; display:block; font-family: 'DinWeb';font-weight:500;} 
.featurex p {font-size:14px; line-height:18px; color:#333; margin:0; font-family: 'DinWeb'; font-weight:400;}
.featurex img::selection { background:none; } .featurex img::-moz-selection { background:none;}

/* Sidebar */
.sidebarx {width:285px; padding:0; margin:25px 15px 0 16px;}
.sidebarx h3, .sidebarx h4 { font-size:17px; line-height:22px; color:#404040; font-weight:700; font-family: "DinWeb"; padding:0 0 20px; display:block;}
.sidebarx p {font-size:13px; line-height:18px; margin-top:10px;} .sidebarx img {max-width:100%; height:auto;}
.sidebarx a {color:#0ea1d8; text-decoration:none;} .sidebarx a:hover {color:#0079ad; text-decoration:none;}

.sidebarx ul {list-style:none; margin:0 0 20px; padding:0;} .sidebarx ul:last-child {margin-bottom:0;}
.sidebarx ul li {font-size:16px; line-height:1; font-weight:500; font-family: "DinWeb"; margin-bottom:15px;} 
.sidebarx ul li a {color:#0ea1d8; text-decoration:none; display:block;} .sidebarx ul li:hover a {color:#0079ad;}
.sidebarx ul li em {font-style:normal; font-weight:500; font-size:24px; line-height:.9;}
.sidebarx-soprano {position:absolute; bottom:35px; right:105px;} .sidebarx-soprano img {max-width:113px; height:auto;}
/* SSS */
.sss {height: 0; margin: 0;  padding: 0; position: relative; display: block; overflow: hidden;}
.ssslide {width: 100%; margin: 0; padding: 0; position: absolute; top: 0; left: 0; display: none; overflow: hidden;}
.ssslide img {max-width: 100%; height: auto; margin: 0; padding: 0; position: relative; display: block;}
.sssnext, .sssprev {width:40px; height:40px; margin: 0; position: absolute; top:265px; background-position:0 0; background-repeat:no-repeat; transition:opacity 350ms;} .sssprev:hover, .sssnext:hover {cursor: pointer; opacity:0.7;} .sssprev:active, .sssnext:active {opacity:1;}
.sssprev {left:0;} .sssnext {right:0;}
.contentx .items {margin-bottom:10px; background-color:#fff; background-repeat:no-repeat; background-position:0 0; background-size:686px auto;} 
.contentx .items .indent {padding:35px 25px 25px; min-height:495px; box-sizing:content-box;} 
.contentx .items.slide1 {background-image:url(/sei/static/images/starhub/slide-1.jpg);}
.contentx .items.slide2 {background-image:url(/sei/static/images/starhub/slide-2.jpg);}
.contentx .items.slide3 {background-image:url(/sei/static/images/starhub/slide-3.jpg);}
.contentx .items.slide4 {background-image:url(/sei/static/images/starhub/slide-4.jpg);}
.contentx .items .listed ul {margin-top:70px;} .contentx .items .listed h4 {padding-left:16px;}
.contentx .items h2, .contentx .items h3 {display:block; font-size:41px; line-height:50px; color:#0ea1d8; font-weight:400;}
.contentx .items h3 {font-size:24px; line-height:30px;} .contentx .items h2 {letter-spacing:normal;}
.contentx .items a.btn-req {margin-top:-5px;}

/* Override Original style  */
body#loginBody, #loginTopBar, body#loginBody #bodywrap {background-color: #f6f4f0;}
body#loginBody #bodycontent {padding-bottom:0 !important; background:none !important;}
body#loginBody #bodycontent table, body#loginBody #bodywrap > div > table {background:#fff; border-collapse:collapse;}
body#loginBody #bodycontent table td, body#loginBody #bodywrap > div table td {vertical-align:top; padding: 0;}
body#loginBody #bodywrap > div table td  {padding:0 !important;} body#loginBody #bodywrap table {border-collapse:collapse;}

body#loginBody #banner { height:65px; background:#03F182; box-shadow:none; padding-bottom:0;}
body#loginBody #loginBanner {height:65px; background:#999; padding-top:30px;} body#loginBody #bodywrap > div > table #loginBanner {padding-top:35px;}
body#loginBody #banner #logo {padding-top:0; height:50px; width:550px; margin-left:22px; margin-top:5px; background-image:url(https://sh1.enterprisemessaging-starhub.com/static/images/starhub/logo-230721.png);background-position:0 0; }

body#loginBody #login {background:#fff; box-sizing:border-box; margin:0; border-radius:0; padding:10px 15px 20px !important; top:0 !important; border:1px solid #d7d7d7 !important;}

body#loginBody #login #loginTitle { color:#333; font-weight:400;  font-family: "Lato"; font-size:26px; line-height:30px;}
body#loginBody #bodywrap > div > table #login #loginTitle {text-indent:0; text-align:left; font-size:15px; line-height:24px; margin:0 !important; padding:0;}
body#loginBody #forgotPass, body#loginBody #actions img.forgot, body#loginBody #login:before {display:none;}
body#loginBody #login fieldset#inputs, body#loginBody #login fieldset#actions, body#loginBody #login fieldset {border:0 none; padding:0;}
body#loginBody #login #inputs input, #ResetPassInputs #resetPassEmail, #ResetPassInputs #captchaText {box-sizing:border-box; color:#333; margin: 0 0 12px; width:288px !important; padding:9px 8px 9px 28px; border:1px solid #d7d7d7; border-radius:0; box-shadow:none; font-family: "Lato"; font-size:14px; line-height:20px;} body#loginBody #login #forgotRing {display:none !important;}
body#loginBody #login #inputs input:hover, body#loginBody #login #inputs input:focus {border-color:#ababab; color:#000;}
body#loginBody #loginSubmit { background:#03F182; color:#000; text-shadow:none; padding:4px 20px 6px; float:left; margin-left:4px; font-size:17px; font-weight:400; margin:0 0 12px 0 !important; border:0 none; cursor:pointer; height:32px; width:auto; box-shadow:none; border-radius:4px;transition:all 300ms;} body#loginBody #loginSubmit:hover { background:#479348; color:#fff;}
body#loginBody #loginSubmit[readonly], body#loginBody #loginSubmit[readonly]:hover, body#loginBody #loginSubmit[readonly]:active {background:#c7c7c7; color:#30791c;}

/* #ResetPassInputs #resetPassEmail {width:100% !important;}
 #ResetPassInputs #captchaText {width:150px !important; clear:left; float:left; margin-top:15px;}  */
#loginTile>span {position: relative;float:right;margin-top:15px;}
body#loginBody #captcha {position:static !important;} body#loginBody #loginTile {position:static !important; margin-bottom:10px; float:left;}

#ResetPassInputs input {width:150px !important; border-radius:0px !important;}
#ResetPassInputs+#loginTile {width:200px; left:74px !important; top:-52px !important;} #loginTile #captcha {left:10px !important; top:0 !important;}
body#loginBody .has-next+#login {position:absolute !important; z-index:99 !important; right:-330px !important; left:auto !important; width:320px !important; margin-top:1px !important; top:0 !important; }
body#loginBody .has-next+#login #loginTitle {text-align:left; text-indent:0; margin-left:-32px !important;} body#loginBody .has-next+#login #loginSubmit {margin:0 !important;}

body#loginBody #actions { margin:0;}
body#loginBody #actions #forgotTxt { color:#03F182 !important; margin:0 !important; font-family: "Lato"; font-size:12px; padding-top:0; float:right;}
body#loginBody #actions #forgotTxt:hover {text-decoration:underline !important;}

body#loginBody #footer {background:#666; border:0; height:auto; padding: 0; text-shadow: none; width:1095px; margin-left: auto; margin-right: auto;}
body#loginBody #footer #legal {background:#3D3D3B; color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:45px 10px;}
body#loginBody #footer #legal a { font-size:12px; color:#fff;} body#loginBody #footer #legal a:hover {text-decoration:underline;}
#bodycontent>table>tbody>tr:first-child>td, #bodywrap>div>table>tbody>tr:first-child>td {padding:0 !important; }
#bodycontent>table>tbody>tr:nth-child(2)>td>div:first-child, #bodywrap>div>table>tbody>tr:nth-child(2)>td>div:first-child {margin-left:0 !important; position:relative;} #bodywrap>div>table>tbody>tr:nth-child(2)>td:first-child {width:674px !important;}
body#loginBody #bodywrap > div> table .sidebarx {margin-top:100px;}

#dialog-form2FA #logo2FA {
    background: url(https://sh1.enterprisemessaging-starhub.com/static/images/starhub/logo-230721.png) no-repeat;
    background-color: #03F182;
    background-size: auto 35px;
    height: 35px;
    width: 300px !important;
}


/*Search bar, online help and user info*/
#banner #header_top_right {
    height: 44px;
    text-align: right;
    z-index: 11;
    width: 22%;
    top: 8%;
    transform: translateY(-50%);
    max-width: 250px;
}

#banner #header_top_right #online_help {
    width: 20px;
    height: 100%;
    display: inline-block;
    position: absolute;
    right: 65px;
}

a {
    cursor: pointer;
    text-shadow: none;
}

#banner #header_top_right #online_help #online_help_img {
    width: 24px;
    height: 24px;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -2px;
    background: url(/sei/static/images/starhub/help.png) no-repeat;
    background-size: 24px auto;
}

#banner #header_top_right #userDivTrigger {
    width: 32px;
    height: 32px;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

#banner #header_top_right #userDivTrigger #defaultAvatar {
    background: url(/sei/static/images/starhub/contact.png) no-repeat;
    background-size: 32px 32px;
}

#banner #header_top_right #userDivTrigger .avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

#banner #header_top_right #userDivContent {
    position: absolute;
    right: 0;
    list-style: none;
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
    background-color: #ffffff;
    padding: 12px 24px;
    margin: 0 12px 0 0;
    text-align: left;
    display: none;
    width: max-content;
}

input#searchMenu {
    border-radius: 8px;
    border: solid 1px #dddddd;
    padding: 6px 12px;
    font-family: "ATTAleckSans-Regular", sans-serif;
    font-size: 16px !important;
    color: #1d2329;
    left: 0;
    position: relative;
}