/* Mobile first layout SmartMenus Core CSS sm-core-css.css (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/

.sm{box-sizing:border-box;position:relative;z-index:9999;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}

.sm > li a.active, .sm > li a:hover{ background: #FF6D45; color: #fff; }
.sm > li a.active .imgon, .sm > li a:hover .imgon{ display: inline-block;}
.sm > li a.active .imgoff, .sm > li a:hover .imgoff{ display: none;}
.sm > li a .imgon{ display: none; margin-right: 14px;}
.sm > li a .imgoff{ display: inline-block; margin-right: 14px;}
.sm a{display:block;}
.sm a.disabled{cursor:default;}
.sm::after{content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;}
.sm *,.sm *::before,.sm *::after{box-sizing:inherit;}



/*------------------------------------------
sm-blue.css 
------------------------------------------*/

.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active {
    padding: 12px 15px;
    padding-right: 35px;
    border-top: solid 1px #d0d0d0;
    background: #FF6D45;
    color: #fff;
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    text-decoration: none; /* text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);*/
}
.sm-blue a.current { background: #006892; background-image: linear-gradient(to bottom, #006188, #006f9c); color: #fff; }
.sm-blue a.disabled { color: #a1d1e8; }
.sm-blue a .sub-arrow { position: absolute; top: 50%; margin-top: -13px; left: auto; right: 9px; width: 26px; height: 26px; overflow: hidden; text-align: center; text-shadow: none;  padding-top: 1px; }
.sm-blue a i{ margin-right: 12px; font-size: 16px; }
.sm-blue a .sub-arrow::before {  content: "\f054";  font-size: 12px; font-family: 'Font Awesome 5 Free'; font-weight: 600;
  font-style: normal; }
.sm-blue a.highlighted .sub-arrow::before {  content: "\f078"; font-size: 12px; font-family: 'Font Awesome 5 Free'; font-weight: 600;
  font-style: normal; }

.sm-blue > li:last-child > a, .sm-blue > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul { border-radius: 0 0 0px 0px; }

.sm-blue > li:last-child > a.highlighted, .sm-blue > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted { border-radius: 0; }

.sm-blue ul { background: #fff; }
.sm-blue ul ul { background: #fff; }
.sm-blue ul li a{ border-top: solid 1px #d0d0d0; }
.sm-blue ul li a:hover{ background: #e2f1f6!important; }
.sm-blue ul ul li a:hover{ background: #d4e7ed!important; }
.sm-blue ul ul a{ border-top: solid 1px #d0d0d0;}
.sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active { background: transparent; color: #234049; font-size: 14px; line-height:19px; font-weight: 600; padding-top: 9px; padding-bottom: 9px; text-shadow: none; border-top: solid 1px #d0d0d0; padding-right: 29px; padding-left: 45px; }
.sm-blue ul a.current { background: #006892; background-image: linear-gradient(to bottom, #006188, #006f9c); color: #fff; }
.sm-blue ul a.disabled { color: #b3b3b3; }


.sm-blue ul li { border-top: 1px solid rgba(0, 0, 0, 0.05); }
.sm-blue ul li:first-child { border-top: 0; }

@media (min-width: 2500px) {
    .sm-blue ul { position: absolute; width: 12em; }
    .sm-blue li { float: left; }
    .sm-blue.sm-rtl li { float: right; }
    .sm-blue ul li, .sm-blue.sm-rtl ul li, .sm-blue.sm-vertical li { float: none; }
    .sm-blue a { white-space: nowrap; }
    .sm-blue ul a, .sm-blue.sm-vertical a { white-space: normal; }
    .sm-blue .sm-nowrap > li > a, .sm-blue .sm-nowrap > li > :not(ul) a { white-space: nowrap; }
    .sm-blue { background: #3092c0; background-image: linear-gradient(to bottom, #3298c8, #2e8cb8); border-radius: 8px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
    .sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted { padding: 13px 15px; color: #fff; }
    .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted { background: #2b82ac; background-image: linear-gradient(to bottom, #2d89b4, #297ca3); }
    .sm-blue a.current { background: #006892; background-image: linear-gradient(to bottom, #006188, #006f9c); color: #fff; }
    .sm-blue a.disabled { background: #3092c0; background-image: linear-gradient(to bottom, #3298c8, #2e8cb8); color: #a1d1e8; }
    .sm-blue a .sub-arrow { top: auto; margin-top: 0; bottom: 2px; left: 50%; margin-left: -5px; right: auto; width: 0; height: 0; border-width: 5px; border-style: solid dashed dashed dashed; border-color: #a1d1e8 transparent transparent transparent; background: transparent; border-radius: 0; }
    .sm-blue a .sub-arrow::before { display: none; }
    .sm-blue > li:first-child > a, .sm-blue > li:first-child > :not(ul) a { border-radius: 8px 0 0 8px; }
    .sm-blue > li:last-child > a, .sm-blue > li:last-child > :not(ul) a { border-radius: 0 8px 8px 0 !important; }
    .sm-blue > li { border-left: 1px solid #2b82ac; }
    .sm-blue > li:first-child { border-left: 0; }
    .sm-blue ul { border: 1px solid #a8a8a8; padding: 7px 0; background: #fff; border-radius: 0 0 4px 4px !important; box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2); }
    .sm-blue ul ul { border-radius: 4px !important; background: #fff; }
    .sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted { border: 0 !important; padding: 9px 23px; background: transparent; color: #2b82ac; border-radius: 0 !important; }
    .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted { background: #3092c0; background-image: linear-gradient(to bottom, #3298c8, #2e8cb8); color: #fff; }
    .sm-blue ul a.current { background: #006892; background-image: linear-gradient(to bottom, #006188, #006f9c); color: #fff; }
    .sm-blue ul a.disabled { background: #fff; color: #b3b3b3; }
    .sm-blue ul a .sub-arrow { top: 50%; margin-top: -5px; bottom: auto; left: auto; margin-left: 0; right: 10px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #a1d1e8; }
    .sm-blue ul li { border: 0; }
    .sm-blue .scroll-up, .sm-blue .scroll-down { position: absolute; display: none; visibility: hidden; overflow: hidden; background: #fff; height: 20px; }
    .sm-blue .scroll-up-arrow, .sm-blue .scroll-down-arrow { position: absolute; top: -2px; left: 50%; margin-left: -8px; width: 0; height: 0; overflow: hidden; border-width: 8px; border-style: dashed dashed solid dashed; border-color: transparent transparent #2b82ac transparent; }
    .sm-blue .scroll-down-arrow { top: 6px; border-style: solid dashed dashed dashed; border-color: #2b82ac transparent transparent transparent; }
    .sm-blue.sm-rtl.sm-vertical a .sub-arrow { right: auto; left: 10px; border-style: dashed solid dashed dashed; border-color: transparent #a1d1e8 transparent transparent; }
    .sm-blue.sm-rtl > li:first-child > a, .sm-blue.sm-rtl > li:first-child > :not(ul) a { border-radius: 0 8px 8px 0; }
    .sm-blue.sm-rtl > li:last-child > a, .sm-blue.sm-rtl > li:last-child > :not(ul) a { border-radius: 8px 0 0 8px !important; }
    .sm-blue.sm-rtl > li:first-child { border-left: 1px solid #2b82ac; }
    .sm-blue.sm-rtl > li:last-child { border-left: 0; }
    .sm-blue.sm-rtl ul a .sub-arrow { right: auto; left: 10px; border-style: dashed solid dashed dashed; border-color: transparent #a1d1e8 transparent transparent; }
    .sm-blue.sm-vertical { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
    .sm-blue.sm-vertical a { padding: 9px 23px; }
    .sm-blue.sm-vertical a .sub-arrow { top: 50%; margin-top: -5px; bottom: auto; left: auto; margin-left: 0; right: 10px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #a1d1e8; }
    .sm-blue.sm-vertical > li:last-child > a, .sm-blue.sm-vertical > li:last-child > :not(ul) a { border-radius: 0 0 0px 0px !important; }
    .sm-blue.sm-vertical > li { border-left: 0 !important; }
    .sm-blue.sm-vertical ul { border-radius: 4px !important; }
    .sm-blue.sm-vertical ul a { padding: 9px 23px; }
}

/*# sourceMappingURL=sm-blue.css.map */
