.ddl-dropdown-submenu { position: relative; }
.ddl-dropdown-submenu > .ddl-dropdown-menu { top: 0px; left: 100%; margin-top: -6px; margin-left: -1px; }
.ddl-dropdown-submenu:hover > .ddl-dropdown-menu { display: block; }
.ddl-dropdown-submenu.pull-left { float: none; }
.ddl-dropdown-submenu.pull-left > .ddl-dropdown-menu { left: -100%; margin-left: 10px; }
.ddl-dropdown-submenu-layouts { position: relative; }
.ddl-dropdown-submenu-layouts > a::after { display: block; content: " "; float: right; width: 0px; height: 0px; border-color: transparent transparent transparent rgb(204, 204, 204); border-style: solid; border-width: 5px 0px 5px 5px; margin-top: 5px; margin-right: -10px; }
.ddl-nav-wrap { float: right; margin-top: 40px; margin-left: -1px; }
.ddl-nav-wrap .ddl-nav, .ddl-nav-extra .ddl-nav-wrap { margin: 0px; }
.ddl-nav-extra .ddl-nav-wrap { float: left; padding: 0px 20px; }
@media (max-width: 768px) {
  .ddl-dropdown-menu { margin-left: 20px ! important; }
}
.caret { display: inline-block; width: 0px; height: 0px; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.ddl-dropdown { position: relative; }
.ddl-dropdown-toggle:focus { outline: 0px none; }
.ddl-dropdown-menu { position: absolute; top: 100%; left: 0px; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0px; margin: 2px 0px 0px; list-style: outside none none; font-size: 14px; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176); background-clip: padding-box; }
.ddl-dropdown-menu.pull-right { right: 0px; left: auto; }
.ddl-dropdown-menu .divider { height: 1px; margin: 9px 0px; overflow: hidden; background-color: rgb(229, 229, 229); }
.ddl-dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857; color: rgb(51, 51, 51); white-space: nowrap; }
.ddl-dropdown-menu > li > a:hover, .ddl-dropdown-menu > li > a:focus { text-decoration: none; color: rgb(38, 38, 38); background-color: rgb(245, 245, 245); }
.ddl-dropdown-menu > .active > a, .ddl-dropdown-menu > .active > a:hover, .ddl-dropdown-menu > .active > a:focus { color: rgb(255, 255, 255); text-decoration: none; outline: 0px none; background-color: rgb(66, 139, 202); }
.ddl-dropdown-menu > .disabled > a, .ddl-dropdown-menu > .disabled > a:hover, .ddl-dropdown-menu > .disabled > a:focus { color: rgb(153, 153, 153); }
.ddl-dropdown-menu > .disabled > a:hover, .ddl-dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; }
.open > .ddl-dropdown-menu { display: block; }
.open > a { outline: 0px none; }
.ddl-dropdown-menu-right { left: auto; right: 0px; }
.ddl-dropdown-menu-left { left: 0px; right: auto; }
.ddl-dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857; color: rgb(153, 153, 153); }
.ddl-dropdown-backdrop { position: fixed; left: 0px; right: 0px; bottom: 0px; top: 0px; z-index: 990; }
.pull-right > .ddl-dropdown-menu { right: 0px; left: auto; }
.dropup .caret, .ddl-navbar-fixed-bottom .ddl-dropdown .caret { border-top: 0px none; border-bottom: 4px solid; content: ""; }
.dropup .ddl-dropdown-menu, .ddl-navbar-fixed-bottom .ddl-dropdown .ddl-dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; }
@media (min-width: 768px) {
  .ddl-navbar-right .ddl-dropdown-menu { left: auto; right: 0px; }
  .ddl-navbar-right .ddl-dropdown-menu-left { left: 0px; right: auto; }
}
.ddl-nav { margin-bottom: 0px; padding-left: 0px; list-style: outside none none; }
.ddl-nav > li { position: relative; display: block; }
.ddl-nav > li > a { position: relative; display: block; padding: 10px 15px; }
.ddl-nav > li > a:hover, .ddl-nav > li > a:focus { text-decoration: none; background-color: rgb(238, 238, 238); }
.ddl-nav > li.disabled > a { color: rgb(153, 153, 153); }
.ddl-nav > li.disabled > a:hover, .ddl-nav > li.disabled > a:focus { color: rgb(153, 153, 153); text-decoration: none; background-color: transparent; cursor: not-allowed; }
.ddl-nav .open > a, .ddl-nav .open > a:hover, .ddl-nav .open > a:focus { background-color: rgb(238, 238, 238); border-color: rgb(66, 139, 202); }
.ddl-nav .ddl-nav-divider { height: 1px; margin: 9px 0px; overflow: hidden; background-color: rgb(229, 229, 229); }
.ddl-nav > li > a > img { max-width: none; }
.ddl-nav-tabs { border-bottom: 1px solid rgb(221, 221, 221); }
.ddl-nav-tabs > li { float: left; margin-bottom: -1px; }
.ddl-nav-tabs > li > a { margin-right: 2px; line-height: 1.42857; border: 1px solid transparent; border-radius: 4px 4px 0px 0px; }
.ddl-nav-tabs > li > a:hover { border-color: rgb(238, 238, 238) rgb(238, 238, 238) rgb(221, 221, 221); }
.ddl-nav-tabs > li.active > a, .ddl-nav-tabs > li.active > a:hover, .ddl-nav-tabs > li.active > a:focus { color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(221, 221, 221) rgb(221, 221, 221) transparent; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; cursor: default; }
.ddl-nav-tabs.ddl-nav-justified { width: 100%; border-bottom: 0px none; }
.ddl-nav-tabs.ddl-nav-justified > li { float: none; }
.ddl-nav-tabs.ddl-nav-justified > li > a { text-align: center; margin-bottom: 5px; }
.ddl-nav-tabs.ddl-nav-justified > .ddl-dropdown .ddl-dropdown-menu { top: auto; left: auto; }
@media (min-width: 768px) {
  .ddl-nav-tabs.ddl-nav-justified > li { display: table-cell; width: 1%; }
  .ddl-nav-tabs.ddl-nav-justified > li > a { margin-bottom: 0px; }
}
.ddl-nav-tabs.ddl-nav-justified > li > a { margin-right: 0px; border-radius: 4px; }
.ddl-nav-tabs.ddl-nav-justified > .active > a, .ddl-nav-tabs.ddl-nav-justified > .active > a:hover, .ddl-nav-tabs.ddl-nav-justified > .active > a:focus { border: 1px solid rgb(221, 221, 221); }
@media (min-width: 768px) {
  .ddl-nav-tabs.ddl-nav-justified > li > a { border-bottom: 1px solid rgb(221, 221, 221); border-radius: 4px 4px 0px 0px; }
  .ddl-nav-tabs.ddl-nav-justified > .active > a, .ddl-nav-tabs.ddl-nav-justified > .active > a:hover, .ddl-nav-tabs.ddl-nav-justified > .active > a:focus { border-bottom-color: rgb(255, 255, 255); }
}
.ddl-nav-pills > li { float: left; }
.ddl-nav-pills > li > a { border-radius: 4px; }
.ddl-nav-pills > li + li { margin-left: 2px; }
.ddl-nav-pills > li.active > a, .ddl-nav-pills > li.active > a:hover, .ddl-nav-pills > li.active > a:focus { color: rgb(255, 255, 255); background-color: rgb(66, 139, 202); }
nav.ddl-nav-stacked { margin: 0px ! important; padding: 0px ! important; width: 100%; border: 0px none; }
.ddl-nav-stacked > li { float: none ! important; }
.ddl-nav-stacked > li + li { margin-top: 2px; margin-left: 0px; }
.ddl-nav-justified { width: 100%; }
.ddl-nav-justified > li { float: none; }
.ddl-nav-justified > li > a { text-align: center; margin-bottom: 5px; }
.ddl-nav-justified > .ddl-dropdown .ddl-dropdown-menu { top: auto; left: auto; }
@media (min-width: 768px) {
  .ddl-nav-justified > li { display: table-cell; width: 1%; }
  .ddl-nav-justified > li > a { margin-bottom: 0px; }
}
.ddl-nav-tabs-justified { border-bottom: 0px none; }
.ddl-nav-tabs-justified > li > a { margin-right: 0px; border-radius: 4px; }
.ddl-nav-tabs-justified > .active > a, .ddl-nav-tabs-justified > .active > a:hover, .ddl-nav-tabs-justified > .active > a:focus { border: 1px solid rgb(221, 221, 221); }
@media (min-width: 768px) {
  .ddl-nav-tabs-justified > li > a { border-bottom: 1px solid rgb(221, 221, 221); border-radius: 4px 4px 0px 0px; }
  .ddl-nav-tabs-justified > .active > a, .ddl-nav-tabs-justified > .active > a:hover, .ddl-nav-tabs-justified > .active > a:focus { border-bottom-color: rgb(255, 255, 255); }
}
.ddl-nav-tabs .ddl-dropdown-menu { margin-top: -1px; border-top-right-radius: 0px; border-top-left-radius: 0px; }
.ddl-navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; }
@media (min-width: 768px) {
  .ddl-navbar { border-radius: 4px; }
}
@media (min-width: 768px) {
  .ddl-navbar-header { float: left; }
}
.ddl-navbar-collapse { max-height: 100% ! important; padding-right: 15px; padding-left: 15px; border-top: 0px solid transparent; margin-left: 40px ! important; }
.ddl-navbar-collapse.in { overflow: auto; }
@media (min-width: 768px) {
  .ddl-navbar-collapse { width: auto; border-top: 0px none; box-shadow: none; }
  .ddl-navbar-collapse.collapse { display: block ! important; visibility: visible ! important; height: auto ! important; padding-bottom: 0px; overflow: visible ! important; }
  .ddl-navbar-collapse.in { overflow: visible; }
  .ddl-navbar-fixed-top .ddl-navbar-collapse, .ddl-navbar-static-top .ddl-navbar-collapse, .ddl-navbar-fixed-bottom .ddl-navbar-collapse { padding-left: 0px; padding-right: 0px; }
}
.container > .ddl-navbar-header, .container-fluid > .ddl-navbar-header, .container > .ddl-navbar-collapse, .container-fluid > .ddl-navbar-collapse { margin-right: -15px; margin-left: -15px; }
@media (min-width: 768px) {
  .container > .ddl-navbar-header, .container-fluid > .ddl-navbar-header, .container > .ddl-navbar-collapse, .container-fluid > .ddl-navbar-collapse { margin-right: 0px; margin-left: 0px; }
}
.ddl-navbar-static-top { z-index: 1000; border-width: 0px 0px 1px; }
@media (min-width: 768px) {
  .ddl-navbar-static-top { border-radius: 0px; }
}
.ddl-navbar-toggle { position: relative; float: right; margin: 8px 5px 8px 6px; padding: 9px 10px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; }
.ddl-navbar-toggle:focus { outline: 0px none; }
.ddl-navbar-toggle .ddl-icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; }
.ddl-navbar-toggle .ddl-icon-bar + .ddl-icon-bar { margin-top: 4px; }
@media (min-width: 768px) {
  .ddl-navbar-toggle { display: none; }
}
.ddl-navbar-nav { margin: 7.5px -15px; }
.ddl-navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; }
@media (max-width: 767px) {
  .ddl-navbar-nav .open .ddl-dropdown-menu { position: static; float: none; width: auto; margin-top: 0px; background-color: transparent; border: 0px none; box-shadow: none; }
  .ddl-navbar-nav .open .ddl-dropdown-menu > li > a, .ddl-navbar-nav .open .ddl-dropdown-menu .ddl-dropdown-header { padding: 5px 15px 5px 25px; }
  .ddl-navbar-nav .open .ddl-dropdown-menu > li > a { line-height: 20px; }
  .ddl-navbar-nav .open .ddl-dropdown-menu > li > a:hover, .ddl-navbar-nav .open .ddl-dropdown-menu > li > a:focus { background-image: none; }
}
@media (min-width: 768px) {
  .ddl-navbar-nav { float: left; margin: 0px; }
  .ddl-navbar-nav > li { float: left; }
  .ddl-navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; }
  .ddl-navbar-nav.ddl-navbar-right:last-child { margin-right: -15px; }
}
@media (min-width: 768px) {
  .ddl-navbar-left { float: left ! important; }
  .ddl-navbar-right { float: right ! important; }
}
.ddl-navbar-nav > li > .ddl-dropdown-menu { margin-top: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px; }
.ddl-navbar-default .ddl-navbar-toggle { border-color: rgb(221, 221, 221); }
.ddl-navbar-default .ddl-navbar-toggle:hover, .ddl-navbar-default .ddl-navbar-toggle:focus { background-color: rgb(221, 221, 221); }
.ddl-navbar-default .ddl-navbar-toggle .ddl-icon-bar { background-color: rgb(136, 136, 136); }
.ddl-navbar-default .ddl-navbar-nav > .open > a, .ddl-navbar-default .ddl-navbar-nav > .open > a:hover, .ddl-navbar-default .ddl-navbar-nav > .open > a:focus { background-color: rgb(231, 231, 231); color: rgb(85, 85, 85); }
@media (max-width: 768px) {
  .ddl-nav-wrap { float: none ! important; width: 100%; margin-top: 20px; }
  .ddl-navbar-collapse { width: 100%; margin: 0px ! important; padding: 0px; }
}
