@charset "UTF-8";

/*sue tambah*/


.dm-menu li .dm-subitem_submenu-inline>ul>li>a:hover, 
.dm-menu li .dm-subitem_submenu-inline>ul>li>span:hover{
    color: #ff6600;
}
.dm-menu {
	/* --dm-bg: linear-gradient(
        45deg
        , #430b6a 8%, #9b4a97ff 20%, #430b6a); */
		--dm-bg:linear-gradient(
			326deg
			, #ff5722 0%,  #ff6600 74%);

		/*	--dm-bg: linear-gradient( 
		-90deg
		 , rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.125) 30%, rgba(0, 0, 0, 0.175) 50%);
background: #ff6600;*/

        /* linear-gradient(
        45deg
        , #430b6a 10%, #9b4a97ff 30%, #430b6a); */
	--dm-color: white;
}

.dm-menu {
	--dm-menu-height: 45px;
	--dm-item-hover-color: white;
	--dm-item-hover-bg: rgba(0, 0, 0, 0.1);
	--dm-item-current-color: white;
	/* --dm-item-current-bg: #54b4eb */
}

.dm-menu {
	--dm-submenu-bg: #fff;
	--dm-submenu-color: #333
}

.dm-menu {
	--dm-menu-border-color: #f44336;
	--dm-menu-border-width: 5px
}

.dm-menu {
	--dm-logo-width: 50px
}

.dm-menu {
	--dm-subitem-hover-bg: #f3f3f3
}

.dm-menu {
	--dm-subitem-border: rgba(0, 0, 0, 0.1)
}

.dm-menu {
	--dm-submnu-boxshadow: 0 5px 10px rgba(0, 0, 0, 0.1)
}

.dm-menu {
	--dm-submenu-tabs-bg: #f3f3f3
}

.dm-hidden {
	display: none!important
}

.dm-menu {
	color: white;
	color: var(--dm-color);
	background-image: linear-gradient( 
		-90deg
		 , rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.125) 30%, rgba(0, 0, 0, 0.175) 50%);
background-color: #ff6600;
/*	background: linear-gradient(
326deg
, #cb218e 0%,  #430b6a 74%);*/
	/* background: linear-gradient(
        45deg
        , #430b6a 20%, #e37b7c 60%, #430b6a);; */
	background: var(--dm-bg);
	padding: 0;
	position: relative;
    font-size: 14px;
    font-weight: 600;
}

.dm-menu a,
.dm-menu div,
.dm-menu li,
.dm-menu span,
.dm-menu ul {
	color: inherit;
	box-sizing: border-box;
	display: block
}

.dm-menu a,
.dm-menu li,
.dm-menu span,
.dm-menu ul {
	position: relative
}

.dm-menu a {
	text-decoration: none
}

.dm-menu li,
.dm-menu ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.dm-menu {
	line-height: 20px
}

.dm-menu>ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.dm-menu>ul:after {
	content: '';
	display: block;
	clear: both
}

.dm-menu_align-right>ul {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.dm-menu_align-center>ul {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.dm-menu_align-justify>ul {
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly
}

.dm-menu_align-justify>ul>li {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.dm-menu_border>ul {
	border-bottom: 5px solid #430b6a;
	border-bottom-width: var(--dm-menu-border-width);
	border-bottom-color: var(--dm-menu-border-color)
}

.dm-menu_logo>ul {
	padding-left: var(--dm-logo-width)
}

.dm-menu_logo>a,
.dm-menu_logo>span {
	background: none left center/contain no-repeat transparent;
	background-origin: content-box;
	display: block;
	width: var(--dm-logo-width);
	padding: 5px 10px 5px 10px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 1
}

.dm-menu:not(.dm-menu_logo)>a,
.dm-menu:not(.dm-menu_logo)>span {
	display: none
}

.dm-menu>ul>li>a,
.dm-menu>ul>li>span {
	height: var(--dm-menu-height);
	padding-top: calc((var(--dm-menu-height) - 20px)/ 2);
	padding-bottom: calc((var(--dm-menu-height) - 20px)/ 2);
	padding-right: 20px;
	padding-left: 20px;
	position: relative;
	z-index: 0
}

.dm-menu>ul>li:hover>a,
.dm-menu>ul>li:hover>span {
	z-index: 2
}

.dm-item_align-right {
	float: right;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1
}

.dm-menu_item-bg>ul>li.dm-selected>a,
.dm-menu_item-bg>ul>li.dm-selected>span {
	background: #54b4eb;
	background: var(--dm-item-current-bg);
	color: #eee;
	color: var(--dm-item-current-color)
}

.dm-menu_item-bg>ul>li:hover>a,
.dm-menu_item-bg>ul>li:hover>span {
	background: dm_item_hover_bg;
	background: var(--dm-item-hover-bg);
	color: #333;
	color: var(--dm-item-hover-color)
}

.dm-menu_item-border>ul>li>a:after,
.dm-menu_item-border>ul>li>span:after {
	content: '';
	display: block;
	height: var(--dm-menu-border-width);
	position: absolute;
	bottom: 0;
	left: 20px;
	right: 20px
}

.dm-menu_item-border>ul>li.dm-selected>a:after,
.dm-menu_item-border>ul>li.dm-selected>span:after {
	background: var(--dm-item-current-bg)
}

.dm-menu_item-border>ul>li:hover>a:after,
.dm-menu_item-border>ul>li:hover>span:after {
	background: var(--dm-item-hover-bg)
}

.dm-menu_item-border>ul>li:not(.dm-item_submenu-fullwidth)>ul {
	margin-left: 20px;
	margin-right: 20px
}

.dm-menu_item-border.dm-menu_border>ul>li>a:after,
.dm-menu_item-border.dm-menu_border>ul>li>span:after {
	bottom: calc(0px - var(--dm-menu-border-width))
}

.dm-menu_item-border.dm-menu_border>ul>li>ul {
	top: calc(100% + var(--dm-menu-border-width))
}

.dm-item_icon-only>a>[class*=fa-],
.dm-item_icon-only>span>[class*=fa-],
.dm-item_icon-text>a>[class*=fa-],
.dm-item_icon-text>span>[class*=fa-] {
	font-size: 120%
}

.dm-item_icon-text>a>[class*=fa-],
.dm-item_icon-text>span>[class*=fa-] {
	margin-right: 4px;
	vertical-align: text-top
}

.dm-menu>ul>.dm-item_icon-only>a,
.dm-menu>ul>.dm-item_icon-only>span {
	padding-left: 10px;
	padding-right: 10px
}

.dm-menu>ul>.dm-item_icon-only>a:before,
.dm-menu>ul>.dm-item_icon-only>span:before {
	content: none;
	display: none
}

.dm-menu_item-border>ul>.dm-item_icon-only:hover>a:after,
.dm-menu_item-border>ul>.dm-item_icon-only:hover>span:after {
	left: 5px;
	right: 5px
}

.dm-menu_item-border>ul>.dm-item_icon-only:hover>ul {
	margin-left: 5px;
	margin-right: 5px
}

.dm-menu_item-subindicator>ul>.dm-item_parent>a:before,
.dm-menu_item-subindicator>ul>.dm-item_parent>span:before {
	content: '';
	border: 3px solid transparent;
	border-top: 4px solid #333;
	border-top-color: var(--dm-color);
	opacity: .3;
	display: block;
	width: 0;
	height: 0;
	margin-top: -1px;
	position: absolute;
	top: 50%;
	right: 10px
}

.dm-menu li ul {
	display: none
}

.dm-menu:not(.dm-menu_submenu) li ul {
	display: none!important
}

.dm-menu_submenu li ul {
	background: var(--dm-submenu-bg);
	color: var(--dm-submenu-color);
	white-space: nowrap;
	padding: 10px 10px 10px 10px;
	position: absolute;
	top: 0;
	left: 25%;
	z-index: 1
}

.dm-menu_submenu li:hover>ul {
	display: block
}

.dm-menu_submenu>ul>li>ul {
	min-width: 100%;
	top: 100%;
	left: 0
}

.dm-item_submenu-align-right>ul {
	left: auto!important;
	right: 0
}

.dm-subitem_submenu-align-right>ul {
	left: 50%;
	right: 100%
}

.dm-menu_submenu-arrow>ul>.dm-item_parent:hover>a:after,
.dm-menu_submenu-arrow>ul>.dm-item_parent:hover>span:after {
	content: '';
	background: 0 0;
	border: 8px solid transparent;
	border-bottom-color: var(--dm-submenu-bg);
	display: block;
	width: 0;
	height: 0;
	margin-left: -8px;
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: 2
}

.dm-menu_submenu-arrow>ul>.dm-item_submenu-tabs:hover>a:after,
.dm-menu_submenu-arrow>ul>.dm-item_submenu-tabs:hover>span:after {
	border-bottom-color: var(--dm-submenu-tabs-bg)
}

.dm-menu_submenu-arrow.dm-menu_submenu-border>ul>.dm-item_parent:hover>a:after,
.dm-menu_submenu-arrow.dm-menu_submenu-border>ul>.dm-item_parent:hover>span:after {
	bottom: calc(0px - var(--dm-menu-border-width))
}

.dm-menu_submenu-border>ul>li>ul {
	border-top: 5px solid #ccc;
	border-top-color: var(--dm-item-hover-bg);
	border-top-width: var(--dm-menu-border-width);
	z-index: 99999;
}

.dm-item_submenu-fullwidth {
	position: static!important
}

.dm-item_submenu-fullwidth>ul {
	margin-left: 0;
	margin-right: 0;
	right: 0;
	top: calc(100% - $dm_menu_padding_bottom)
}

.dm-subitem_submenu-inline>div[style*=background-image] {
	background-size: cover;
	background-position: center center;
	display: block;
	height: 150px;
	margin-bottom: 10px
}

.dm-menu li .dm-subitem_submenu-inline>a,
.dm-menu li .dm-subitem_submenu-inline>span {
	font-weight: 700
}

.dm-menu li .dm-subitem_submenu-inline>ul {
	background: 0 0!important;
	box-shadow: none!important;
	display: block!important;
	padding-top: 0!important;
	padding-right: 0!important;
	padding-left: 0!important;
	position: static!important
}

.dm-menu li .dm-subitem_submenu-inline>ul>li {
	border-top: none!important
}

.dm-menu li .dm-subitem_submenu-inline>ul>li>a,
.dm-menu li .dm-subitem_submenu-inline>ul>li>span {
	padding: 5px 10px 5px 10px;
	white-space: normal;
	width: 300px;
}

.dm-menu li .dm-subitem_submenu-inline>ul>li>a:before,
.dm-menu li .dm-subitem_submenu-inline>ul>li>span:before {
	content: '›';
	display: inline-block;
	margin-right: 5px
}

.dm-item_submenu-mega>ul>li {
	border-top: none!important
}

.dm-item_submenu-mega>ul>li+li {
	padding-left: 10px
}

.dm-item_submenu-mega:hover>ul {
	display: -webkit-box!important;
	display: -ms-flexbox!important;
	display: flex!important;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.dm-item_submenu-mega:hover>ul>li {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.dm-menu_submenu-shadow li ul {
	box-shadow: var(--dm-submnu-boxshadow)
}

.dm-item_submenu-tabs>ul:after {
	content: '';
	background: var(--dm-submenu-tabs-bg);
	display: block;
	width: calc(25% + 5px);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: -1
}

.dm-item_submenu-tabs>ul>li {
	width: 25%;
	box-shadow: border-box;
	position: static
}

.dm-item_submenu-tabs>ul>li>ul {
	box-shadow: none;
	top: 0;
	left: calc(25% + 5px);
	right: 0
}

.dm-item_submenu-tabs>ul>li.dm-selected>a,
.dm-item_submenu-tabs>ul>li.dm-selected>span,
.dm-item_submenu-tabs>ul>li:hover>a,
.dm-item_submenu-tabs>ul>li:hover>span {
	background: var(--dm-submenu-bg)!important
}

.dm-item_submenu-tabs>ul>li.dm-selected>ul,
.dm-item_submenu-tabs>ul>li:hover>ul {
	display: block
}

.dm-item_submenu-tabs>ul>li.dm-selected.dm-item_submenu-mega>ul,
.dm-item_submenu-tabs>ul>li:hover.dm-item_submenu-mega>ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.dm-item_submenu-tabs>ul>li.dm-selected.dm-item_submenu-mega>ul>li,
.dm-item_submenu-tabs>ul>li:hover.dm-item_submenu-mega>ul>li {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.dm-menu li li a,
.dm-menu li li span {
	padding: 10px 10px 10px 10px
}

.dm-menu_subitem-bg li li.dm-selected>a,
.dm-menu_subitem-bg li li.dm-selected>span,
.dm-menu_subitem-bg li li:hover>a,
.dm-menu_subitem-bg li li:hover>span {
	background-color: var(--dm-subitem-hover-bg)
}

.dm-menu_subitem-bg .dm-item_submenu-mega>ul>li:hover>a,
.dm-menu_subitem-bg .dm-item_submenu-mega>ul>li:hover>span,
.dm-menu_subitem-bg .dm-subitem_submenu-inline:hover>a,
.dm-menu_subitem-bg .dm-subitem_submenu-inline:hover>span {
	background: 0 0
}

.dm-menu_subitem-bg .dm-item_submenu-mega>ul>li>a[href]:hover,
.dm-menu_subitem-bg .dm-subitem_submenu-inline>a[href]:hover {
	background-color: var(--dm-subitem-hover-bg)
}

.dm-menu_subitem-border li li {
	border-top: 1px solid var(--dm-subitem-border)
}

.dm-menu_subitem-border li li:first-child {
	border-top: none
}