/*#region Pink Theme */

/*.pink {
  background: linear-gradient(to right, #5f1e67 5%,#c82e81 55%,#da3f7b 65%,#e0596d 75%,#e5596d 88%,#e58058 100%);
}*/

.pink {
  background-color: #501F6E !important;
}

.theme-color-tile .pink {
    background: linear-gradient(to right, #5f1e67 5%,#c82e81 55%,#da3f7b 65%,#e0596d 75%,#e5596d 88%,#e58058 100%)!important;
}

.sidebar-container.pink {
  background: linear-gradient(to bottom, #5f1e67 5%,#c82e81 55%,#da3f7b 65%,#e0596d 75%,#e5596d 88%,#e58058 100%);
}

.sidebar-container.pink .mif-arrow-right:hover {
  color: #f472d0!important;    
}

.app-bar.pink {
  background: linear-gradient(to right, #5f1e67 5%,#c82e81 55%,#da3f7b 65%,#e0596d 75%,#e5596d 88%,#e58058 100%);
}
.app-bar.pink .app-bar-element:hover,
.app-bar.pink .app-bar-menu > li:hover,
.app-bar.pink .app-bar-menu > li > a:hover,
.app-bar.pink .app-bar-element:active,
.app-bar.pink .app-bar-menu > li:active,
.app-bar.pink .app-bar-menu > li > a:active {
  background-color: #ab3e87;
}
.app-bar.pink .app-bar-divider {
  background-color: #f472d0;
}
.app-bar.pink .app-bar-element .d-menu,
.app-bar.pink .app-bar-menu > li .d-menu {
  background-color: #dc4fad;
  border-color: transparent;
}
.app-bar.pink .app-bar-element .d-menu li:not(.disabled) > a,
.app-bar.pink .app-bar-menu > li .d-menu li:not(.disabled) > a,
.app-bar.pink .app-bar-element .d-menu li > a,
.app-bar.pink .app-bar-menu > li .d-menu li > a {
  background-color: #dc4fad;
  color: #ffffff;
}
.app-bar.pink .app-bar-element .d-menu li:not(.disabled) > a:hover,
.app-bar.pink .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
.app-bar.pink .app-bar-element .d-menu li > a:hover,
.app-bar.pink .app-bar-menu > li .d-menu li > a:hover {
  background-color: #ab3e87;
  color: #ffffff;
}
.app-bar.pink .app-bar-element .d-menu li:hover > a,
.app-bar.pink .app-bar-menu > li .d-menu li:hover > a {
  background-color: #ab3e87;
}
.app-bar.pink .app-bar-element .d-menu .divider,
.app-bar.pink .app-bar-menu > li .d-menu .divider {
  background-color: #f472d0;
}
.app-bar.pink .app-bar-element .d-menu .divider:hover,
.app-bar.pink .app-bar-menu > li .d-menu .divider:hover {
  background-color: #f472d0;
}
.app-bar.pink .app-bar-element .dropdown-toggle:before,
.app-bar.pink .app-bar-menu li .dropdown-toggle:before {
  border-color: #ffffff;
}
.app-bar.pink .app-bar-element.disabled,
.app-bar.pink .app-bar-menu li.disabled,
.app-bar.pink .app-bar-element:disabled,
.app-bar.pink .app-bar-menu li:disabled {
  color: #555555;
}
.app-bar.pink .app-bar-element.disabled a,
.app-bar.pink .app-bar-menu li.disabled a,
.app-bar.pink .app-bar-element:disabled a,
.app-bar.pink .app-bar-menu li:disabled a {
  color: inherit !important;
}
.app-bar.pink .app-bar-pullbutton:hover {
  background-color: #ab3e87;
}
.app-bar.pink .app-bar-drop-container {
  border: 2px solid #dc4fad;
  background-color: #dc4fad;
  color: #ffffff;
}
.app-bar.pink .app-bar-drop-container:before {
  background-color: none;
  border-color: #dc4fad;
}
.app-bar.pink .app-bar-pullmenu .app-bar-menu {
  border-top: 1px solid #f472d0;
  background-color: #f472d0;
}
.app-bar.pink .app-bar-pullmenu .app-bar-menu li:hover {
  background-color: #dc4fad;
}
.app-bar.pink .app-bar-pullmenu .app-bar-menu li:hover a {
  background-color: #ab3e87;
  color: #ffffff;
}
.app-bar.pink #notificationContainer {
        border: 2px solid #dc4fad;
}
 #menu-left-map.pink
{
     border: 2px solid #dc4fad;
}


/*#endregion */

/*#region Dark Red Theme */

.dark-red {
  background-color: #AC193D !important;
}

.sidebar-container.dark-red {
  background: #861330;
}

.sidebar-container.dark-red .mif-arrow-right:hover {
  color: #861330;    
}

.app-bar.dark-red {
  background-color: #AC193D;
}
.app-bar.dark-red .app-bar-element:hover,
.app-bar.dark-red .app-bar-menu > li:hover,
.app-bar.dark-red .app-bar-menu > li > a:hover,
.app-bar.dark-red .app-bar-element:active,
.app-bar.dark-red .app-bar-menu > li:active,
.app-bar.dark-red .app-bar-menu > li > a:active {
  background-color: #861330;
}
.app-bar.dark-red .app-bar-divider {
  background-color: #c55e77;
}
.app-bar.dark-red .app-bar-element .d-menu,
.app-bar.dark-red .app-bar-menu > li .d-menu {
  background-color: #AC193D;
  border-color: transparent;
}
.app-bar.dark-red .app-bar-element .d-menu li:not(.disabled) > a,
.app-bar.dark-red .app-bar-menu > li .d-menu li:not(.disabled) > a,
.app-bar.dark-red .app-bar-element .d-menu li > a,
.app-bar.dark-red .app-bar-menu > li .d-menu li > a {
  background-color: #AC193D;
  color: #ffffff;
}
.app-bar.dark-red .app-bar-element .d-menu li:not(.disabled) > a:hover,
.app-bar.dark-red .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
.app-bar.dark-red .app-bar-element .d-menu li > a:hover,
.app-bar.dark-red .app-bar-menu > li .d-menu li > a:hover {
  background-color: #861330;
  color: #ffffff;
}
.app-bar.dark-red .app-bar-element .d-menu li:hover > a,
.app-bar.dark-red .app-bar-menu > li .d-menu li:hover > a {
  background-color: #861330;
}
.app-bar.dark-red .app-bar-element .d-menu .divider,
.app-bar.dark-red .app-bar-menu > li .d-menu .divider {
  background-color: #c55e77;
}
.app-bar.dark-red .app-bar-element .d-menu .divider:hover,
.app-bar.dark-red .app-bar-menu > li .d-menu .divider:hover {
  background-color: #c55e77;
}
.app-bar.dark-red .app-bar-element .dropdown-toggle:before,
.app-bar.dark-red .app-bar-menu li .dropdown-toggle:before {
  border-color: #ffffff;
}
.app-bar.dark-red .app-bar-element.disabled,
.app-bar.dark-red .app-bar-menu li.disabled,
.app-bar.dark-red .app-bar-element:disabled,
.app-bar.dark-red .app-bar-menu li:disabled {
  color: #555555;
}
.app-bar.dark-red .app-bar-element.disabled a,
.app-bar.dark-red .app-bar-menu li.disabled a,
.app-bar.dark-red .app-bar-element:disabled a,
.app-bar.dark-red .app-bar-menu li:disabled a {
  color: inherit !important;
}
.app-bar.dark-red .app-bar-pullbutton:hover {
  background-color: #861330;
}
.app-bar.dark-red .app-bar-drop-container {
  border: 2px solid #AC193D;
  background-color: #AC193D;
  color: #ffffff;
}
.app-bar.dark-red .app-bar-drop-container:before {
  background-color: none;
  border-color: #AC193D;
}
.app-bar.dark-red .app-bar-pullmenu .app-bar-menu {
  border-top: 1px solid #c55e77;
  background-color: #c55e77;
}
.app-bar.dark-red .app-bar-pullmenu .app-bar-menu li:hover {
  background-color: #AC193D;
}
.app-bar.dark-red .app-bar-pullmenu .app-bar-menu li:hover a {
  background-color: #861330;
  color: #ffffff;
}
.app-bar.dark-red #notificationContainer {
        border: 2px solid #AC193D;
}
 #menu-left-map.dark-red
{
     border: 2px solid #AC193D;
}


/*#endregion */

/*#region Dark Orange Theme */

.dark-orange {
  background-color: #D24726 !important;
}
.sidebar-container.dark-orange .mif-arrow-right:hover {
  color: #a3381e;    
}
.app-bar.dark-orange {
  background-color: #D24726;
}
.app-bar.dark-orange .app-bar-element:hover,
.app-bar.dark-orange .app-bar-menu > li:hover,
.app-bar.dark-orange .app-bar-menu > li > a:hover,
.app-bar.dark-orange .app-bar-element:active,
.app-bar.dark-orange .app-bar-menu > li:active,
.app-bar.dark-orange .app-bar-menu > li > a:active {
  background-color: #a3381e;
}
.app-bar.dark-orange .app-bar-divider {
  background-color: #df7d66;
}
.app-bar.dark-orange .app-bar-element .d-menu,
.app-bar.dark-orange .app-bar-menu > li .d-menu {
  background-color: #D24726;
  border-color: transparent;
}
.app-bar.dark-orange .app-bar-element .d-menu li:not(.disabled) > a,
.app-bar.dark-orange .app-bar-menu > li .d-menu li:not(.disabled) > a,
.app-bar.dark-orange .app-bar-element .d-menu li > a,
.app-bar.dark-orange .app-bar-menu > li .d-menu li > a {
  background-color: #D24726;
  color: #ffffff;
}
.app-bar.dark-orange .app-bar-element .d-menu li:not(.disabled) > a:hover,
.app-bar.dark-orange .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
.app-bar.dark-orange .app-bar-element .d-menu li > a:hover,
.app-bar.dark-orange .app-bar-menu > li .d-menu li > a:hover {
  background-color: #a3381e;
  color: #ffffff;
}
.app-bar.dark-orange .app-bar-element .d-menu li:hover > a,
.app-bar.dark-orange .app-bar-menu > li .d-menu li:hover > a {
  background-color: #a3381e;
}
.app-bar.dark-orange .app-bar-element .d-menu .divider,
.app-bar.dark-orange .app-bar-menu > li .d-menu .divider {
  background-color: #df7d66;
}
.app-bar.dark-orange .app-bar-element .d-menu .divider:hover,
.app-bar.dark-orange .app-bar-menu > li .d-menu .divider:hover {
  background-color: #df7d66;
}
.app-bar.dark-orange .app-bar-element .dropdown-toggle:before,
.app-bar.dark-orange .app-bar-menu li .dropdown-toggle:before {
  border-color: #ffffff;
}
.app-bar.dark-orange .app-bar-element.disabled,
.app-bar.dark-orange .app-bar-menu li.disabled,
.app-bar.dark-orange .app-bar-element:disabled,
.app-bar.dark-orange .app-bar-menu li:disabled {
  color: #555555;
}
.app-bar.dark-orange .app-bar-element.disabled a,
.app-bar.dark-orange .app-bar-menu li.disabled a,
.app-bar.dark-orange .app-bar-element:disabled a,
.app-bar.dark-orange .app-bar-menu li:disabled a {
  color: inherit !important;
}
.app-bar.dark-orange .app-bar-pullbutton:hover {
  background-color: #a3381e;
}
.app-bar.dark-orange .app-bar-drop-container {
  border: 2px solid #D24726;
  background-color: #D24726;
  color: #ffffff;
}
.app-bar.dark-orange .app-bar-drop-container:before {
  background-color: none;
  border-color: #D24726;
}
.app-bar.dark-orange .app-bar-pullmenu .app-bar-menu {
  border-top: 1px solid #df7d66;
  background-color: #df7d66;
}
.app-bar.dark-orange .app-bar-pullmenu .app-bar-menu li:hover {
  background-color: #D24726;
}
.app-bar.dark-orange .app-bar-pullmenu .app-bar-menu li:hover a {
  background-color: #a3381e;
  color: #ffffff;
}
.app-bar.dark-orange #notificationContainer {
        border: 2px solid #D24726;
}
 #menu-left-map.dark-orange
{
     border: 2px solid #D24726;
}


/*#endregion */

/*#region Orange Theme */

.sidebar-container.orange .mif-arrow-right:hover {
  color: #c76f27;    
}
.orange {
  background-color: #FF8F32 !important;
}

.app-bar.orange {
  background-color: #FF8F32;
}
.app-bar.orange .app-bar-element:hover,
.app-bar.orange .app-bar-menu > li:hover,
.app-bar.orange .app-bar-menu > li > a:hover,
.app-bar.orange .app-bar-element:active,
.app-bar.orange .app-bar-menu > li:active,
.app-bar.orange .app-bar-menu > li > a:active {
  background-color: #c76f27;
}
.app-bar.orange .app-bar-divider {
  background-color: #ffb06f;
}
.app-bar.orange .app-bar-element .d-menu,
.app-bar.orange .app-bar-menu > li .d-menu {
  background-color: #FF8F32;
  border-color: transparent;
}
.app-bar.orange .app-bar-element .d-menu li:not(.disabled) > a,
.app-bar.orange .app-bar-menu > li .d-menu li:not(.disabled) > a,
.app-bar.orange .app-bar-element .d-menu li > a,
.app-bar.orange .app-bar-menu > li .d-menu li > a {
  background-color: #FF8F32;
  color: #ffffff;
}
.app-bar.orange .app-bar-element .d-menu li:not(.disabled) > a:hover,
.app-bar.orange .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
.app-bar.orange .app-bar-element .d-menu li > a:hover,
.app-bar.orange .app-bar-menu > li .d-menu li > a:hover {
  background-color: #c76f27;
  color: #ffffff;
}
.app-bar.orange .app-bar-element .d-menu li:hover > a,
.app-bar.orange .app-bar-menu > li .d-menu li:hover > a {
  background-color: #c76f27;
}
.app-bar.orange .app-bar-element .d-menu .divider,
.app-bar.orange .app-bar-menu > li .d-menu .divider {
  background-color: #ffb06f;
}
.app-bar.orange .app-bar-element .d-menu .divider:hover,
.app-bar.orange .app-bar-menu > li .d-menu .divider:hover {
  background-color: #ffb06f;
}
.app-bar.orange .app-bar-element .dropdown-toggle:before,
.app-bar.orange .app-bar-menu li .dropdown-toggle:before {
  border-color: #ffffff;
}
.app-bar.orange .app-bar-element.disabled,
.app-bar.orange .app-bar-menu li.disabled,
.app-bar.orange .app-bar-element:disabled,
.app-bar.orange .app-bar-menu li:disabled {
  color: #555555;
}
.app-bar.orange .app-bar-element.disabled a,
.app-bar.orange .app-bar-menu li.disabled a,
.app-bar.orange .app-bar-element:disabled a,
.app-bar.orange .app-bar-menu li:disabled a {
  color: inherit !important;
}
.app-bar.orange .app-bar-pullbutton:hover {
  background-color: #c76f27;
}
.app-bar.orange .app-bar-drop-container {
  border: 2px solid #FF8F32;
  background-color: #FF8F32;
  color: #ffffff;
}
.app-bar.orange .app-bar-drop-container:before {
  background-color: none;
  border-color: #FF8F32;
}
.app-bar.orange .app-bar-pullmenu .app-bar-menu {
  border-top: 1px solid #ffb06f;
  background-color: #ffb06f;
}
.app-bar.orange .app-bar-pullmenu .app-bar-menu li:hover {
  background-color: #FF8F32;
}
.app-bar.orange .app-bar-pullmenu .app-bar-menu li:hover a {
  background-color: #c76f27;
  color: #ffffff;
}
.app-bar.orange #notificationContainer {
        border: 2px solid #FF8F32;
}
 #menu-left-map.orange
{
     border: 2px solid #FF8F32;
}

/*#endregion */

/*#region Light Green Theme */
.sidebar-container.light-green .mif-arrow-right:hover {
  color: #669100;    
}
.light-green {
  background-color: #82BA00 !important;
}

.app-bar.light-green {
  background-color: #82BA00;
}
.app-bar.light-green .app-bar-element:hover,
.app-bar.light-green .app-bar-menu > li:hover,
.app-bar.light-green .app-bar-menu > li > a:hover,
.app-bar.light-green .app-bar-element:active,
.app-bar.light-green .app-bar-menu > li:active,
.app-bar.light-green .app-bar-menu > li > a:active {
  background-color: #669100;
}
.app-bar.light-green .app-bar-divider {
  background-color: #a7ce4c;
}
.app-bar.light-green .app-bar-element .d-menu,
.app-bar.light-green .app-bar-menu > li .d-menu {
  background-color: #82BA00;
  border-color: transparent;
}
.app-bar.light-green .app-bar-element .d-menu li:not(.disabled) > a,
.app-bar.light-green .app-bar-menu > li .d-menu li:not(.disabled) > a,
.app-bar.light-green .app-bar-element .d-menu li > a,
.app-bar.light-green .app-bar-menu > li .d-menu li > a {
  background-color: #82BA00;
  color: #ffffff;
}
.app-bar.light-green .app-bar-element .d-menu li:not(.disabled) > a:hover,
.app-bar.light-green .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
.app-bar.light-green .app-bar-element .d-menu li > a:hover,
.app-bar.light-green .app-bar-menu > li .d-menu li > a:hover {
  background-color: #669100;
  color: #ffffff;
}
.app-bar.light-green .app-bar-element .d-menu li:hover > a,
.app-bar.light-green .app-bar-menu > li .d-menu li:hover > a {
  background-color: #669100;
}
.app-bar.light-green .app-bar-element .d-menu .divider,
.app-bar.light-green .app-bar-menu > li .d-menu .divider {
  background-color: #a7ce4c;
}
.app-bar.light-green .app-bar-element .d-menu .divider:hover,
.app-bar.light-green .app-bar-menu > li .d-menu .divider:hover {
  background-color: #a7ce4c;
}
.app-bar.light-green .app-bar-element .dropdown-toggle:before,
.app-bar.light-green .app-bar-menu li .dropdown-toggle:before {
  border-color: #ffffff;
}
.app-bar.light-green .app-bar-element.disabled,
.app-bar.light-green .app-bar-menu li.disabled,
.app-bar.light-green .app-bar-element:disabled,
.app-bar.light-green .app-bar-menu li:disabled {
  color: #555555;
}
.app-bar.light-green .app-bar-element.disabled a,
.app-bar.light-green .app-bar-menu li.disabled a,
.app-bar.light-green .app-bar-element:disabled a,
.app-bar.light-green .app-bar-menu li:disabled a {
  color: inherit !important;
}
.app-bar.light-green .app-bar-pullbutton:hover {
  background-color: #669100;
}
.app-bar.light-green .app-bar-drop-container {
  border: 2px solid #82BA00;
  background-color: #82BA00;
  color: #ffffff;
}
.app-bar.light-green .app-bar-drop-container:before {
  background-color: none;
  border-color: #82BA00;
}
.app-bar.light-green .app-bar-pullmenu .app-bar-menu {
  border-top: 1px solid #a7ce4c;
  background-color: #a7ce4c;
}
.app-bar.light-green .app-bar-pullmenu .app-bar-menu li:hover {
  background-color: #82BA00;
}
.app-bar.light-green .app-bar-pullmenu .app-bar-menu li:hover a {
  background-color: #669100;
  color: #ffffff;
}
.app-bar.light-green #notificationContainer {
        border: 2px solid #82BA00;
}
 #menu-left-map.light-green
{
    border: 2px solid #82BA00;
}

/*#endregion */

/*#region Green Theme */
.sidebar-container.green .mif-arrow-right:hover {
  color: #006c12;    
}
.green {
  background-color: #008A17 !important;
}

.app-bar.green {
  background-color: #008A17;
}
.app-bar.green .app-bar-element:hover,
.app-bar.green .app-bar-menu > li:hover,
.app-bar.green .app-bar-menu > li > a:hover,
.app-bar.green .app-bar-element:active,
.app-bar.green .app-bar-menu > li:active,
.app-bar.green .app-bar-menu > li > a:active {
  background-color: #006c12;
}
.app-bar.green .app-bar-divider {
  background-color: #4cad5c;
}
.app-bar.green .app-bar-element .d-menu,
.app-bar.green .app-bar-menu > li .d-menu {
  background-color: #008A17;
  border-color: transparent;
}
.app-bar.green .app-bar-element .d-menu li:not(.disabled) > a,
.app-bar.green .app-bar-menu > li .d-menu li:not(.disabled) > a,
.app-bar.green .app-bar-element .d-menu li > a,
.app-bar.green .app-bar-menu > li .d-menu li > a {
  background-color: #008A17;
  color: #ffffff;
}
.app-bar.green .app-bar-element .d-menu li:not(.disabled) > a:hover,
.app-bar.green .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
.app-bar.green .app-bar-element .d-menu li > a:hover,
.app-bar.green .app-bar-menu > li .d-menu li > a:hover {
  background-color: #006c12;
  color: #ffffff;
}
.app-bar.green .app-bar-element .d-menu li:hover > a,
.app-bar.green .app-bar-menu > li .d-menu li:hover > a {
  background-color: #006c12;
}
.app-bar.green .app-bar-element .d-menu .divider,
.app-bar.green .app-bar-menu > li .d-menu .divider {
  background-color: #4cad5c;
}
.app-bar.green .app-bar-element .d-menu .divider:hover,
.app-bar.green .app-bar-menu > li .d-menu .divider:hover {
  background-color: #4cad5c;
}
.app-bar.green .app-bar-element .dropdown-toggle:before,
.app-bar.green .app-bar-menu li .dropdown-toggle:before {
  border-color: #ffffff;
}
.app-bar.green .app-bar-element.disabled,
.app-bar.green .app-bar-menu li.disabled,
.app-bar.green .app-bar-element:disabled,
.app-bar.green .app-bar-menu li:disabled {
  color: #555555;
}
.app-bar.green .app-bar-element.disabled a,
.app-bar.green .app-bar-menu li.disabled a,
.app-bar.green .app-bar-element:disabled a,
.app-bar.green .app-bar-menu li:disabled a {
  color: inherit !important;
}
.app-bar.green .app-bar-pullbutton:hover {
  background-color: #006c12;
}
.app-bar.green .app-bar-drop-container {
  border: 2px solid #008A17;
  background-color: #008A17;
  color: #ffffff;
}
.app-bar.green .app-bar-drop-container:before {
  background-color: none;
  border-color: #008A17;
}
.app-bar.green .app-bar-pullmenu .app-bar-menu {
  border-top: 1px solid #4cad5c;
  background-color: #4cad5c;
}
.app-bar.green .app-bar-pullmenu .app-bar-menu li:hover {
  background-color: #008A17;
}
.app-bar.green .app-bar-pullmenu .app-bar-menu li:hover a {
  background-color: #006c12;
  color: #ffffff;
}
.app-bar.green #notificationContainer {
        border: 2px solid #008A17;
}
 #menu-left-map.green
{
   border: 2px solid #008A17;
}

/*#endregion */

/*#region  Light Teal Theme */

.sidebar-container.light-teal .mif-arrow-right:hover {
    color:#038b8b
}

.light-teal {
  background-color: #03B3B2 !important;
}

.app-bar.light-teal {
  background-color: #03B3B2;
}

.app-bar.light-teal .app-bar-element:hover,
.app-bar.light-teal .app-bar-menu > li:hover,
.app-bar.light-teal .app-bar-menu > li > a:hover,
.app-bar.light-teal .app-bar-element:active,
.app-bar.light-teal .app-bar-menu > li:active,
.app-bar.light-teal .app-bar-menu > li > a:active {
  background-color: #038b8b;
}
.app-bar.light-teal .app-bar-divider {
  background-color: #4ec9c9;
}
.app-bar.light-teal .app-bar-element .d-menu,
.app-bar.light-teal .app-bar-menu > li .d-menu {
  background-color: #03B3B2;
  border-color: transparent;
}
.app-bar.light-teal .app-bar-element .d-menu li:not(.disabled) > a,
.app-bar.light-teal .app-bar-menu > li .d-menu li:not(.disabled) > a,
.app-bar.light-teal .app-bar-element .d-menu li > a,
.app-bar.light-teal .app-bar-menu > li .d-menu li > a {
  background-color: #03B3B2;
  color: #ffffff;
}
.app-bar.light-teal .app-bar-element .d-menu li:not(.disabled) > a:hover,
.app-bar.light-teal .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
.app-bar.light-teal .app-bar-element .d-menu li > a:hover,
.app-bar.light-teal .app-bar-menu > li .d-menu li > a:hover {
  background-color: #038b8b;
  color: #ffffff;
}
.app-bar.light-teal .app-bar-element .d-menu li:hover > a,
.app-bar.light-teal .app-bar-menu > li .d-menu li:hover > a {
  background-color: #038b8b;
}
.app-bar.light-teal .app-bar-element .d-menu .divider,
.app-bar.light-teal .app-bar-menu > li .d-menu .divider {
  background-color: #4ec9c9;
}
.app-bar.light-teal .app-bar-element .d-menu .divider:hover,
.app-bar.light-teal .app-bar-menu > li .d-menu .divider:hover {
  background-color: #4ec9c9;
}
.app-bar.light-teal .app-bar-element .dropdown-toggle:before,
.app-bar.light-teal .app-bar-menu li .dropdown-toggle:before {
  border-color: #ffffff;
}
.app-bar.light-teal .app-bar-element.disabled,
.app-bar.light-teal .app-bar-menu li.disabled,
.app-bar.light-teal .app-bar-element:disabled,
.app-bar.light-teal .app-bar-menu li:disabled {
  color: #555555;
}
.app-bar.light-teal .app-bar-element.disabled a,
.app-bar.light-teal .app-bar-menu li.disabled a,
.app-bar.light-teal .app-bar-element:disabled a,
.app-bar.light-teal .app-bar-menu li:disabled a {
  color: inherit !important;
}
.app-bar.light-teal .app-bar-pullbutton:hover {
  background-color: #038b8b;
}
.app-bar.light-teal .app-bar-drop-container {
  border: 2px solid #03B3B2;
  background-color: #03B3B2;
  color: #ffffff;
}
.app-bar.light-teal .app-bar-drop-container:before {
  background-color: none;
  border-color: #03B3B2;
}
.app-bar.light-teal .app-bar-pullmenu .app-bar-menu {
  border-top: 1px solid #4ec9c9;
  background-color: #4ec9c9;
}
.app-bar.light-teal .app-bar-pullmenu .app-bar-menu li:hover {
  background-color: #03B3B2;
}
.app-bar.light-teal .app-bar-pullmenu .app-bar-menu li:hover a {
  background-color: #038b8b;
  color: #ffffff;
}
.app-bar.light-teal #notificationContainer {
        border: 2px solid #03B3B2;
}
 #menu-left-map.light-teal
{
     border: 2px solid #03B3B2;
}

/*#endregion */

/*#region Teal Theme */

.sidebar-container.light-teal .mif-arrow-right:hover {
    color:#006677
}

.teal {
  background-color: #008299 !important;
}

.app-bar.teal {
  background-color: #008299 !important;
}

.app-bar.teal .app-bar-element:hover,
.app-bar.teal .app-bar-menu > li:hover,
.app-bar.teal .app-bar-menu > li > a:hover,
.app-bar.teal .app-bar-element:active,
.app-bar.teal .app-bar-menu > li:active,
.app-bar.teal .app-bar-menu > li > a:active {
  background-color: #006677;
}
.app-bar.teal .app-bar-divider {
  background-color: #4ca7b7;
}
.app-bar.teal .app-bar-element .d-menu,
.app-bar.teal .app-bar-menu > li .d-menu {
  background-color: #008299;
  border-color: transparent;
}
.app-bar.teal .app-bar-element .d-menu li:not(.disabled) > a,
.app-bar.teal .app-bar-menu > li .d-menu li:not(.disabled) > a,
.app-bar.teal .app-bar-element .d-menu li > a,
.app-bar.teal .app-bar-menu > li .d-menu li > a {
  background-color: #008299;
  color: #ffffff;
}
.app-bar.teal .app-bar-element .d-menu li:not(.disabled) > a:hover,
.app-bar.teal .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
.app-bar.teal .app-bar-element .d-menu li > a:hover,
.app-bar.teal .app-bar-menu > li .d-menu li > a:hover {
  background-color: #006677;
  color: #ffffff;
}
.app-bar.teal .app-bar-element .d-menu li:hover > a,
.app-bar.teal .app-bar-menu > li .d-menu li:hover > a {
  background-color: #006677;
}
.app-bar.teal .app-bar-element .d-menu .divider,
.app-bar.teal .app-bar-menu > li .d-menu .divider {
  background-color: #4ca7b7;
}
.app-bar.teal .app-bar-element .d-menu .divider:hover,
.app-bar.teal .app-bar-menu > li .d-menu .divider:hover {
  background-color: #4ca7b7;
}
.app-bar.teal .app-bar-element .dropdown-toggle:before,
.app-bar.teal .app-bar-menu li .dropdown-toggle:before {
  border-color: #ffffff;
}
.app-bar.teal .app-bar-element.disabled,
.app-bar.teal .app-bar-menu li.disabled,
.app-bar.teal .app-bar-element:disabled,
.app-bar.teal .app-bar-menu li:disabled {
  color: #555555;
}
.app-bar.teal .app-bar-element.disabled a,
.app-bar.teal .app-bar-menu li.disabled a,
.app-bar.teal .app-bar-element:disabled a,
.app-bar.teal .app-bar-menu li:disabled a {
  color: inherit !important;
}
.app-bar.teal .app-bar-pullbutton:hover {
  background-color: #006677;
}
.app-bar.teal .app-bar-drop-container {
  border: 2px solid #008299;
  background-color: #008299;
  color: #ffffff;
}
.app-bar.teal .app-bar-drop-container:before {
  background-color: none;
  border-color: #008299;
}
.app-bar.teal .app-bar-pullmenu .app-bar-menu {
  border-top: 1px solid #4ca7b7;
  background-color: #4ca7b7;
}
.app-bar.teal .app-bar-pullmenu .app-bar-menu li:hover {
  background-color: #008299;
}
.app-bar.teal .app-bar-pullmenu .app-bar-menu li:hover a {
  background-color: #006677;
  color: #ffffff;
}
.app-bar.teal #notificationContainer {
        border: 2px solid #008299;
}
 #menu-left-map.teal
{
    border: 2px solid #008299;
}

/*#endregion */

/*#region Light Blue Theme */

.sidebar-container.light-blue .mif-arrow-right:hover {
    color:#488bc7
}

.light-blue {
  background-color: #5DB2FF !important;
}

.app-bar.light-blue {
  background-color: #5DB2FF;
}

.app-bar.light-blue .app-bar-element:hover,
.app-bar.light-blue .app-bar-menu > li:hover,
.app-bar.light-blue .app-bar-menu > li > a:hover,
.app-bar.light-blue .app-bar-element:active,
.app-bar.light-blue .app-bar-menu > li:active,
.app-bar.light-blue .app-bar-menu > li > a:active {
  background-color: #488bc7;
}
.app-bar.light-blue .app-bar-divider {
  background-color: #8dc9ff;
}
.app-bar.light-blue .app-bar-element .d-menu,
.app-bar.light-blue .app-bar-menu > li .d-menu {
  background-color: #5DB2FF;
  border-color: transparent;
}
.app-bar.light-blue .app-bar-element .d-menu li:not(.disabled) > a,
.app-bar.light-blue .app-bar-menu > li .d-menu li:not(.disabled) > a,
.app-bar.light-blue .app-bar-element .d-menu li > a,
.app-bar.light-blue .app-bar-menu > li .d-menu li > a {
  background-color: #5DB2FF;
  color: #ffffff;
}
.app-bar.light-blue .app-bar-element .d-menu li:not(.disabled) > a:hover,
.app-bar.light-blue .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
.app-bar.light-blue .app-bar-element .d-menu li > a:hover,
.app-bar.light-blue .app-bar-menu > li .d-menu li > a:hover {
  background-color: #488bc7;
  color: #ffffff;
}
.app-bar.light-blue .app-bar-element .d-menu li:hover > a,
.app-bar.light-blue .app-bar-menu > li .d-menu li:hover > a {
  background-color: #488bc7;
}
.app-bar.light-blue .app-bar-element .d-menu .divider,
.app-bar.light-blue .app-bar-menu > li .d-menu .divider {
  background-color: #8dc9ff;
}
.app-bar.light-blue .app-bar-element .d-menu .divider:hover,
.app-bar.light-blue .app-bar-menu > li .d-menu .divider:hover {
  background-color: #8dc9ff;
}
.app-bar.light-blue .app-bar-element .dropdown-toggle:before,
.app-bar.light-blue .app-bar-menu li .dropdown-toggle:before {
  border-color: #ffffff;
}
.app-bar.light-blue .app-bar-element.disabled,
.app-bar.light-blue .app-bar-menu li.disabled,
.app-bar.light-blue .app-bar-element:disabled,
.app-bar.light-blue .app-bar-menu li:disabled {
  color: #555555;
}
.app-bar.light-blue .app-bar-element.disabled a,
.app-bar.light-blue .app-bar-menu li.disabled a,
.app-bar.light-blue .app-bar-element:disabled a,
.app-bar.light-blue .app-bar-menu li:disabled a {
  color: inherit !important;
}
.app-bar.light-blue .app-bar-pullbutton:hover {
  background-color: #488bc7;
}
.app-bar.light-blue .app-bar-drop-container {
  border: 2px solid #5DB2FF;
  background-color: #5DB2FF;
  color: #ffffff;
}
.app-bar.light-blue .app-bar-drop-container:before {
  background-color: none;
  border-color: #5DB2FF;
}
.app-bar.light-blue .app-bar-pullmenu .app-bar-menu {
  border-top: 1px solid #8dc9ff;
  background-color: #8dc9ff;
}
.app-bar.light-blue .app-bar-pullmenu .app-bar-menu li:hover {
  background-color: #5DB2FF;
}
.app-bar.light-blue .app-bar-pullmenu .app-bar-menu li:hover a {
  background-color: #488bc7;
  color: #ffffff;
}
.app-bar.light-blue #notificationContainer {
        border: 2px solid #5DB2FF;
}
 #menu-left-map.light-blue
{
    border: 2px solid #5DB2FF;
}

/*#endregion */

/*#region Blue Theme */
.sidebar-container.blue .mif-arrow-right:hover {
  color: #00599a;    
}
.blue {
  background-color: #0072C6 !important;
}

.app-bar.blue {
  background-color: #0072C6;
}
.app-bar.blue .app-bar-element:hover,
.app-bar.blue .app-bar-menu > li:hover,
.app-bar.blue .app-bar-menu > li > a:hover,
.app-bar.blue .app-bar-element:active,
.app-bar.blue .app-bar-menu > li:active,
.app-bar.blue .app-bar-menu > li > a:active {
  background-color: #00599a;
}
.app-bar.blue .app-bar-divider {
  background-color: #4c9cd7;
}
.app-bar.blue .app-bar-element .d-menu,
.app-bar.blue .app-bar-menu > li .d-menu {
  background-color: #0072C6;
  border-color: transparent;
}
.app-bar.blue .app-bar-element .d-menu li:not(.disabled) > a,
.app-bar.blue .app-bar-menu > li .d-menu li:not(.disabled) > a,
.app-bar.blue .app-bar-element .d-menu li > a,
.app-bar.blue .app-bar-menu > li .d-menu li > a {
  background-color: #0072C6;
  color: #ffffff;
}
.app-bar.blue .app-bar-element .d-menu li:not(.disabled) > a:hover,
.app-bar.blue .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
.app-bar.blue .app-bar-element .d-menu li > a:hover,
.app-bar.blue .app-bar-menu > li .d-menu li > a:hover {
  background-color: #00599a;
  color: #ffffff;
}
.app-bar.blue .app-bar-element .d-menu li:hover > a,
.app-bar.blue .app-bar-menu > li .d-menu li:hover > a {
  background-color: #00599a;
}
.app-bar.blue .app-bar-element .d-menu .divider,
.app-bar.blue .app-bar-menu > li .d-menu .divider {
  background-color: #4c9cd7;
}
.app-bar.blue .app-bar-element .d-menu .divider:hover,
.app-bar.blue .app-bar-menu > li .d-menu .divider:hover {
  background-color: #4c9cd7;
}
.app-bar.blue .app-bar-element .dropdown-toggle:before,
.app-bar.blue .app-bar-menu li .dropdown-toggle:before {
  border-color: #ffffff;
}
.app-bar.blue .app-bar-element.disabled,
.app-bar.blue .app-bar-menu li.disabled,
.app-bar.blue .app-bar-element:disabled,
.app-bar.blue .app-bar-menu li:disabled {
  color: #555555;
}
.app-bar.blue .app-bar-element.disabled a,
.app-bar.blue .app-bar-menu li.disabled a,
.app-bar.blue .app-bar-element:disabled a,
.app-bar.blue .app-bar-menu li:disabled a {
  color: inherit !important;
}
.app-bar.blue .app-bar-pullbutton:hover {
  background-color: #00599a;
}
.app-bar.blue .app-bar-drop-container {
  border: 2px solid #0072C6;
  background-color: #0072C6;
  color: #ffffff;
}
.app-bar.blue .app-bar-drop-container:before {
  background-color: none;
  border-color: #0072C6;
}
.app-bar.blue .app-bar-pullmenu .app-bar-menu {
  border-top: 1px solid #4c9cd7;
  background-color: #4c9cd7;
}
.app-bar.blue .app-bar-pullmenu .app-bar-menu li:hover {
  background-color: #0072C6;
}
.app-bar.blue .app-bar-pullmenu .app-bar-menu li:hover a {
        background-color: #00599a;
        color: #ffffff;
}
.app-bar.blue #notificationContainer {
        border: 2px solid #0072C6;
}
 #menu-left-map.blue
{
    border: 2px solid #0072C6;
}


/*#endregion */

/*#region Dark Purple Theme */

.sidebar-container.dark-purple .mif-arrow-right:hover {
    color:#37128c
}

.dark-purple {
  background-color: #4617B4 !important;
}

.app-bar.dark-purple {
  background-color: #4617B4;
}

.app-bar.dark-purple .app-bar-element:hover,
.app-bar.dark-purple .app-bar-menu > li:hover,
.app-bar.dark-purple .app-bar-menu > li > a:hover,
.app-bar.dark-purple .app-bar-element:active,
.app-bar.dark-purple .app-bar-menu > li:active,
.app-bar.dark-purple .app-bar-menu > li > a:active {
  background-color: #37128c;
}
.app-bar.dark-purple .app-bar-divider {
  background-color: #7d5cca;
}
.app-bar.dark-purple .app-bar-element .d-menu,
.app-bar.dark-purple .app-bar-menu > li .d-menu {
  background-color: #4617B4;
  border-color: transparent;
}
.app-bar.dark-purple .app-bar-element .d-menu li:not(.disabled) > a,
.app-bar.dark-purple .app-bar-menu > li .d-menu li:not(.disabled) > a,
.app-bar.dark-purple .app-bar-element .d-menu li > a,
.app-bar.dark-purple .app-bar-menu > li .d-menu li > a {
  background-color: #4617B4;
  color: #ffffff;
}
.app-bar.dark-purple .app-bar-element .d-menu li:not(.disabled) > a:hover,
.app-bar.dark-purple .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
.app-bar.dark-purple .app-bar-element .d-menu li > a:hover,
.app-bar.dark-purple .app-bar-menu > li .d-menu li > a:hover {
  background-color: #37128c;
  color: #ffffff;
}
.app-bar.dark-purple .app-bar-element .d-menu li:hover > a,
.app-bar.dark-purple .app-bar-menu > li .d-menu li:hover > a {
  background-color: #37128c;
}
.app-bar.dark-purple .app-bar-element .d-menu .divider,
.app-bar.dark-purple .app-bar-menu > li .d-menu .divider {
  background-color: #7d5cca;
}
.app-bar.dark-purple .app-bar-element .d-menu .divider:hover,
.app-bar.dark-purple .app-bar-menu > li .d-menu .divider:hover {
  background-color: #7d5cca;
}
.app-bar.dark-purple .app-bar-element .dropdown-toggle:before,
.app-bar.dark-purple .app-bar-menu li .dropdown-toggle:before {
  border-color: #ffffff;
}
.app-bar.dark-purple .app-bar-element.disabled,
.app-bar.dark-purple .app-bar-menu li.disabled,
.app-bar.dark-purple .app-bar-element:disabled,
.app-bar.dark-purple .app-bar-menu li:disabled {
  color: #555555;
}
.app-bar.dark-purple .app-bar-element.disabled a,
.app-bar.dark-purple .app-bar-menu li.disabled a,
.app-bar.dark-purple .app-bar-element:disabled a,
.app-bar.dark-purple .app-bar-menu li:disabled a {
  color: inherit !important;
}
.app-bar.dark-purple .app-bar-pullbutton:hover {
  background-color: #37128c;
}
.app-bar.dark-purple .app-bar-drop-container {
  border: 2px solid #4617B4;
  background-color: #4617B4;
  color: #ffffff;
}
.app-bar.dark-purple .app-bar-drop-container:before {
  background-color: none;
  border-color: #4617B4;
}
.app-bar.dark-purple .app-bar-pullmenu .app-bar-menu {
  border-top: 1px solid #7d5cca;
  background-color: #7d5cca;
}
.app-bar.dark-purple .app-bar-pullmenu .app-bar-menu li:hover {
  background-color: #4617B4;
}
.app-bar.dark-purple .app-bar-pullmenu .app-bar-menu li:hover a {
  background-color: #37128c;
  color: #ffffff;
}
.app-bar.dark-purple #notificationContainer {
        border: 2px solid #4617B4;
}
 #menu-left-map.dark-purple
{
     border: 2px solid #4617B4;
}


/*#endregion */

/*#region Purple Theme */
.sidebar-container.purple .mif-arrow-right:hover {
  color: #6d0075;    
}
.purple {
  background-color: #8C0095 !important;
}

.app-bar.purple {
  background-color: #8C0095;
}
.app-bar.purple .app-bar-element:hover,
.app-bar.purple .app-bar-menu > li:hover,
.app-bar.purple .app-bar-menu > li > a:hover,
.app-bar.purple .app-bar-element:active,
.app-bar.purple .app-bar-menu > li:active,
.app-bar.purple .app-bar-menu > li > a:active {
  background-color: #6d0075;
}
.app-bar.purple .app-bar-divider {
  background-color: #ae4cb4;
}
.app-bar.purple .app-bar-element .d-menu,
.app-bar.purple .app-bar-menu > li .d-menu {
  background-color: #8C0095;
  border-color: transparent;
}
.app-bar.purple .app-bar-element .d-menu li:not(.disabled) > a,
.app-bar.purple .app-bar-menu > li .d-menu li:not(.disabled) > a,
.app-bar.purple .app-bar-element .d-menu li > a,
.app-bar.purple .app-bar-menu > li .d-menu li > a {
  background-color: #8C0095;
  color: #ffffff;
}
.app-bar.purple .app-bar-element .d-menu li:not(.disabled) > a:hover,
.app-bar.purple .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
.app-bar.purple .app-bar-element .d-menu li > a:hover,
.app-bar.purple .app-bar-menu > li .d-menu li > a:hover {
  background-color: #6d0075;
  color: #ffffff;
}
.app-bar.purple .app-bar-element .d-menu li:hover > a,
.app-bar.purple .app-bar-menu > li .d-menu li:hover > a {
  background-color: #6d0075;
}
.app-bar.purple .app-bar-element .d-menu .divider,
.app-bar.purple .app-bar-menu > li .d-menu .divider {
  background-color: #ae4cb4;
}
.app-bar.purple .app-bar-element .d-menu .divider:hover,
.app-bar.purple .app-bar-menu > li .d-menu .divider:hover {
  background-color: #ae4cb4;
}
.app-bar.purple .app-bar-element .dropdown-toggle:before,
.app-bar.purple .app-bar-menu li .dropdown-toggle:before {
  border-color: #ffffff;
}
.app-bar.purple .app-bar-element.disabled,
.app-bar.purple .app-bar-menu li.disabled,
.app-bar.purple .app-bar-element:disabled,
.app-bar.purple .app-bar-menu li:disabled {
  color: #555555;
}
.app-bar.purple .app-bar-element.disabled a,
.app-bar.purple .app-bar-menu li.disabled a,
.app-bar.purple .app-bar-element:disabled a,
.app-bar.purple .app-bar-menu li:disabled a {
  color: inherit !important;
}
.app-bar.purple .app-bar-pullbutton:hover {
  background-color: #6d0075;
}
.app-bar.purple .app-bar-drop-container {
  border: 2px solid #8C0095;
  background-color: #8C0095;
  color: #ffffff;
}
.app-bar.purple .app-bar-drop-container:before {
  background-color: none;
  border-color: #8C0095;
}
.app-bar.purple .app-bar-pullmenu .app-bar-menu {
  border-top: 1px solid #ae4cb4;
  background-color: #ae4cb4;
}
.app-bar.purple .app-bar-pullmenu .app-bar-menu li:hover {
  background-color: #8C0095;
}
.app-bar.purple .app-bar-pullmenu .app-bar-menu li:hover a {
  background-color: #6d0075;
  color: #ffffff;
}
.app-bar.purple #notificationContainer {
        border: 2px solid #8C0095;
}
 #menu-left-map.purple
{
    border: 2px solid #8C0095;
}

/*#endregion */

/*#region Medium Dark Theme */
.sidebar-container.medium-dark-blue .mif-arrow-right:hover {
  color: #003a6d;    
}
.medium-dark-blue {
  background-color: #004B8B !important;
}

.app-bar.medium-dark-blue {
  background-color: #004B8B;
}
.app-bar.medium-dark-blue .app-bar-element:hover,
.app-bar.medium-dark-blue .app-bar-menu > li:hover,
.app-bar.medium-dark-blue .app-bar-menu > li > a:hover,
.app-bar.medium-dark-blue .app-bar-element:active,
.app-bar.medium-dark-blue .app-bar-menu > li:active,
.app-bar.medium-dark-blue .app-bar-menu > li > a:active {
  background-color: #003a6d;
}
.app-bar.medium-dark-blue .app-bar-divider {
  background-color: #4c80ad;
}
.app-bar.medium-dark-blue .app-bar-element .d-menu,
.app-bar.medium-dark-blue .app-bar-menu > li .d-menu {
  background-color: #004B8B;
  border-color: transparent;
}
.app-bar.medium-dark-blue .app-bar-element .d-menu li:not(.disabled) > a,
.app-bar.medium-dark-blue .app-bar-menu > li .d-menu li:not(.disabled) > a,
.app-bar.medium-dark-blue .app-bar-element .d-menu li > a,
.app-bar.medium-dark-blue .app-bar-menu > li .d-menu li > a {
  background-color: #004B8B;
  color: #ffffff;
}
.app-bar.medium-dark-blue .app-bar-element .d-menu li:not(.disabled) > a:hover,
.app-bar.medium-dark-blue .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
.app-bar.medium-dark-blue .app-bar-element .d-menu li > a:hover,
.app-bar.medium-dark-blue .app-bar-menu > li .d-menu li > a:hover {
  background-color: #003a6d;
  color: #ffffff;
}
.app-bar.medium-dark-blue .app-bar-element .d-menu li:hover > a,
.app-bar.medium-dark-blue .app-bar-menu > li .d-menu li:hover > a {
  background-color: #003a6d;
}
.app-bar.medium-dark-blue .app-bar-element .d-menu .divider,
.app-bar.medium-dark-blue .app-bar-menu > li .d-menu .divider {
  background-color: #4c80ad;
}
.app-bar.medium-dark-blue .app-bar-element .d-menu .divider:hover,
.app-bar.medium-dark-blue .app-bar-menu > li .d-menu .divider:hover {
  background-color: #4c80ad;
}
.app-bar.medium-dark-blue .app-bar-element .dropdown-toggle:before,
.app-bar.medium-dark-blue .app-bar-menu li .dropdown-toggle:before {
  border-color: #ffffff;
}
.app-bar.medium-dark-blue .app-bar-element.disabled,
.app-bar.medium-dark-blue .app-bar-menu li.disabled,
.app-bar.medium-dark-blue .app-bar-element:disabled,
.app-bar.medium-dark-blue .app-bar-menu li:disabled {
  color: #555555;
}
.app-bar.medium-dark-blue .app-bar-element.disabled a,
.app-bar.medium-dark-blue .app-bar-menu li.disabled a,
.app-bar.medium-dark-blue .app-bar-element:disabled a,
.app-bar.medium-dark-blue .app-bar-menu li:disabled a {
  color: inherit !important;
}
.app-bar.medium-dark-blue .app-bar-pullbutton:hover {
  background-color: #003a6d;
}
.app-bar.medium-dark-blue .app-bar-drop-container {
  border: 2px solid #004B8B;
  background-color: #004B8B;
  color: #ffffff;
}
.app-bar.medium-dark-blue .app-bar-drop-container:before {
  background-color: none;
  border-color: #004B8B;
}
.app-bar.medium-dark-blue .app-bar-pullmenu .app-bar-menu {
  border-top: 1px solid #4c80ad;
  background-color: #4c80ad;
}
.app-bar.medium-dark-blue .app-bar-pullmenu .app-bar-menu li:hover {
  background-color: #004B8B;
}
.app-bar.medium-dark-blue .app-bar-pullmenu .app-bar-menu li:hover a {
  background-color: #003a6d;
  color: #ffffff;
}
.app-bar.medium-dark-blue #notificationContainer {
        border: 2px solid #004B8B;
}
 #menu-left-map.medium-dark-blue
{
     border: 2px solid #004B8B;
}

/*#endregion */

/*#region Dark Blue Theme */
.sidebar-container.dark-blue .mif-arrow-right:hover {
  color: #384c6b;    
}
.dark-blue {
  background-color: #001940 !important;
}

.app-bar.dark-blue {
  background-color: #001940;
}
.app-bar.dark-blue .app-bar-element:hover,
.app-bar.dark-blue .app-bar-menu > li:hover,
.app-bar.dark-blue .app-bar-menu > li > a:hover,
.app-bar.dark-blue .app-bar-element:active,
.app-bar.dark-blue .app-bar-menu > li:active,
.app-bar.dark-blue .app-bar-menu > li > a:active {
  background-color: #384c6b;
}
.app-bar.dark-blue .app-bar-divider {
  background-color: #4c5d79;
}
.app-bar.dark-blue .app-bar-element .d-menu,
.app-bar.dark-blue .app-bar-menu > li .d-menu {
  background-color: #001940;
  border-color: transparent;
}
.app-bar.dark-blue .app-bar-element .d-menu li:not(.disabled) > a,
.app-bar.dark-blue .app-bar-menu > li .d-menu li:not(.disabled) > a,
.app-bar.dark-blue .app-bar-element .d-menu li > a,
.app-bar.dark-blue .app-bar-menu > li .d-menu li > a {
  background-color: #001940;
  color: #ffffff;
}
.app-bar.dark-blue .app-bar-element .d-menu li:not(.disabled) > a:hover,
.app-bar.dark-blue .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
.app-bar.dark-blue .app-bar-element .d-menu li > a:hover,
.app-bar.dark-blue .app-bar-menu > li .d-menu li > a:hover {
  background-color: #384c6b;
  color: #ffffff;
}
.app-bar.dark-blue .app-bar-element .d-menu li:hover > a,
.app-bar.dark-blue .app-bar-menu > li .d-menu li:hover > a {
  background-color: #384c6b;
}
.app-bar.dark-blue .app-bar-element .d-menu .divider,
.app-bar.dark-blue .app-bar-menu > li .d-menu .divider {
  background-color: #4c5d79;
}
.app-bar.dark-blue .app-bar-element .d-menu .divider:hover,
.app-bar.dark-blue .app-bar-menu > li .d-menu .divider:hover {
  background-color: #4c5d79;
}
.app-bar.dark-blue .app-bar-element .dropdown-toggle:before,
.app-bar.dark-blue .app-bar-menu li .dropdown-toggle:before {
  border-color: #ffffff;
}
.app-bar.dark-blue .app-bar-element.disabled,
.app-bar.dark-blue .app-bar-menu li.disabled,
.app-bar.dark-blue .app-bar-element:disabled,
.app-bar.dark-blue .app-bar-menu li:disabled {
  color: #555555;
}
.app-bar.dark-blue .app-bar-element.disabled a,
.app-bar.dark-blue .app-bar-menu li.disabled a,
.app-bar.dark-blue .app-bar-element:disabled a,
.app-bar.dark-blue .app-bar-menu li:disabled a {
  color: inherit !important;
}
.app-bar.dark-blue .app-bar-pullbutton:hover {
  background-color: #384c6b;
}
.app-bar.dark-blue .app-bar-drop-container {
  border: 2px solid #001940;
  background-color: #001940;
  color: #ffffff;
}
.app-bar.dark-blue .app-bar-drop-container:before {
  background-color: none;
  border-color: #001940;
}
.app-bar.dark-blue .app-bar-pullmenu .app-bar-menu {
  border-top: 1px solid #4c5d79;
  background-color: #4c5d79;
}
.app-bar.dark-blue .app-bar-pullmenu .app-bar-menu li:hover {
  background-color: #001940;
}
.app-bar.dark-blue .app-bar-pullmenu .app-bar-menu li:hover a {
  background-color: #384c6b;
  color: #ffffff;
}
.app-bar.dark-blue #notificationContainer {
        border: 2px solid #001940;
}
 #menu-left-map.dark-blue
{
      border: 2px solid #001940;
}


/*#endregion */

/*#region Cordovan Theme */

.sidebar-container.cordovan .mif-arrow-right:hover {
    color:#440000;
}

.cordovan {
  background-color: #570000 !important;
}

.app-bar.cordovan {
  background-color: #570000;
}

.app-bar.cordovan .app-bar-element:hover,
.app-bar.cordovan .app-bar-menu > li:hover,
.app-bar.cordovan .app-bar-menu > li > a:hover,
.app-bar.cordovan .app-bar-element:active,
.app-bar.cordovan .app-bar-menu > li:active,
.app-bar.cordovan .app-bar-menu > li > a:active {
  background-color: #440000;
}
.app-bar.cordovan .app-bar-divider {
  background-color: #894c4c;
}
.app-bar.cordovan .app-bar-element .d-menu,
.app-bar.cordovan .app-bar-menu > li .d-menu {
  background-color: #570000;
  border-color: transparent;
}
.app-bar.cordovan .app-bar-element .d-menu li:not(.disabled) > a,
.app-bar.cordovan .app-bar-menu > li .d-menu li:not(.disabled) > a,
.app-bar.cordovan .app-bar-element .d-menu li > a,
.app-bar.cordovan .app-bar-menu > li .d-menu li > a {
  background-color: #570000;
  color: #ffffff;
}
.app-bar.cordovan .app-bar-element .d-menu li:not(.disabled) > a:hover,
.app-bar.cordovan .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
.app-bar.cordovan .app-bar-element .d-menu li > a:hover,
.app-bar.cordovan .app-bar-menu > li .d-menu li > a:hover {
  background-color: #440000;
  color: #ffffff;
}
.app-bar.cordovan .app-bar-element .d-menu li:hover > a,
.app-bar.cordovan .app-bar-menu > li .d-menu li:hover > a {
  background-color: #440000;
}
.app-bar.cordovan .app-bar-element .d-menu .divider,
.app-bar.cordovan .app-bar-menu > li .d-menu .divider {
  background-color: #894c4c;
}
.app-bar.cordovan .app-bar-element .d-menu .divider:hover,
.app-bar.cordovan .app-bar-menu > li .d-menu .divider:hover {
  background-color: #894c4c;
}
.app-bar.cordovan .app-bar-element .dropdown-toggle:before,
.app-bar.cordovan .app-bar-menu li .dropdown-toggle:before {
  border-color: #ffffff;
}
.app-bar.cordovan .app-bar-element.disabled,
.app-bar.cordovan .app-bar-menu li.disabled,
.app-bar.cordovan .app-bar-element:disabled,
.app-bar.cordovan .app-bar-menu li:disabled {
  color: #555555;
}
.app-bar.cordovan .app-bar-element.disabled a,
.app-bar.cordovan .app-bar-menu li.disabled a,
.app-bar.cordovan .app-bar-element:disabled a,
.app-bar.cordovan .app-bar-menu li:disabled a {
  color: inherit !important;
}
.app-bar.cordovan .app-bar-pullbutton:hover {
  background-color: #440000;
}
.app-bar.cordovan .app-bar-drop-container {
  border: 2px solid #570000;
  background-color: #570000;
  color: #ffffff;
}
.app-bar.cordovan .app-bar-drop-container:before {
  background-color: none;
  border-color: #570000;
}
.app-bar.cordovan .app-bar-pullmenu .app-bar-menu {
  border-top: 1px solid #894c4c;
  background-color: #894c4c;
}
.app-bar.cordovan .app-bar-pullmenu .app-bar-menu li:hover {
  background-color: #570000;
}
.app-bar.cordovan .app-bar-pullmenu .app-bar-menu li:hover a {
  background-color: #440000;
  color: #ffffff;
}
.app-bar.cordovan #notificationContainer {
        border: 2px solid #570000;
}
 #menu-left-map.cordovan
{
    border: 2px solid #dc4fad;
}
/*#endregion */

/*#region Dark Cordovan Theme */
.sidebar-container.dark-cordovan .mif-arrow-right:hover {
  color: #643838;    
}
.dark-cordovan {
  background-color: #380000 !important;
}

.app-bar.dark-cordovan {
  background-color: #380000;
}
.app-bar.dark-cordovan .app-bar-element:hover,
.app-bar.dark-cordovan .app-bar-menu > li:hover,
.app-bar.dark-cordovan .app-bar-menu > li > a:hover,
.app-bar.dark-cordovan .app-bar-element:active,
.app-bar.dark-cordovan .app-bar-menu > li:active,
.app-bar.dark-cordovan .app-bar-menu > li > a:active {
  background-color: #643838;
}
.app-bar.dark-cordovan .app-bar-divider {
  background-color: #734c4c;
}
.app-bar.dark-cordovan .app-bar-element .d-menu,
.app-bar.dark-cordovan .app-bar-menu > li .d-menu {
  background-color: #380000;
  border-color: transparent;
}
.app-bar.dark-cordovan .app-bar-element .d-menu li:not(.disabled) > a,
.app-bar.dark-cordovan .app-bar-menu > li .d-menu li:not(.disabled) > a,
.app-bar.dark-cordovan .app-bar-element .d-menu li > a,
.app-bar.dark-cordovan .app-bar-menu > li .d-menu li > a {
  background-color: #380000;
  color: #ffffff;
}
.app-bar.dark-cordovan .app-bar-element .d-menu li:not(.disabled) > a:hover,
.app-bar.dark-cordovan .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
.app-bar.dark-cordovan .app-bar-element .d-menu li > a:hover,
.app-bar.dark-cordovan .app-bar-menu > li .d-menu li > a:hover {
  background-color: #643838;
  color: #ffffff;
}
.app-bar.dark-cordovan .app-bar-element .d-menu li:hover > a,
.app-bar.dark-cordovan .app-bar-menu > li .d-menu li:hover > a {
  background-color: #643838;
}
.app-bar.dark-cordovan .app-bar-element .d-menu .divider,
.app-bar.dark-cordovan .app-bar-menu > li .d-menu .divider {
  background-color: #734c4c;
}
.app-bar.dark-cordovan .app-bar-element .d-menu .divider:hover,
.app-bar.dark-cordovan .app-bar-menu > li .d-menu .divider:hover {
  background-color: #734c4c;
}
.app-bar.dark-cordovan .app-bar-element .dropdown-toggle:before,
.app-bar.dark-cordovan .app-bar-menu li .dropdown-toggle:before {
  border-color: #ffffff;
}
.app-bar.dark-cordovan .app-bar-element.disabled,
.app-bar.dark-cordovan .app-bar-menu li.disabled,
.app-bar.dark-cordovan .app-bar-element:disabled,
.app-bar.dark-cordovan .app-bar-menu li:disabled {
  color: #555555;
}
.app-bar.dark-cordovan .app-bar-element.disabled a,
.app-bar.dark-cordovan .app-bar-menu li.disabled a,
.app-bar.dark-cordovan .app-bar-element:disabled a,
.app-bar.dark-cordovan .app-bar-menu li:disabled a {
  color: inherit !important;
}
.app-bar.dark-cordovan .app-bar-pullbutton:hover {
  background-color: #643838;
}
.app-bar.dark-cordovan .app-bar-drop-container {
  border: 2px solid #380000;
  background-color: #380000;
  color: #ffffff;
}
.app-bar.dark-cordovan .app-bar-drop-container:before {
  background-color: none;
  border-color: #380000;
}
.app-bar.dark-cordovan .app-bar-pullmenu .app-bar-menu {
  border-top: 1px solid #734c4c;
  background-color: #734c4c;
}
.app-bar.dark-cordovan .app-bar-pullmenu .app-bar-menu li:hover {
  background-color: #380000;
}
.app-bar.dark-cordovan .app-bar-pullmenu .app-bar-menu li:hover a {
  background-color: #643838;
  color: #ffffff;
}
.app-bar.dark-cordovan #notificationContainer {
        border: 2px solid #380000;
}
 #menu-left-map.dark-cordovan
{
     border: 2px solid #380000;
}

/*#endregion */

/*#region Neutral Gray Theme */
.sidebar-container.neutral-gray .mif-arrow-right:hover {
  color: #454545;    
}
.neutral-gray {
  background-color: #585858 !important;
}

.app-bar.neutral-gray {
  background-color: #585858;
}
.app-bar.neutral-gray .app-bar-element:hover,
.app-bar.neutral-gray .app-bar-menu > li:hover,
.app-bar.neutral-gray .app-bar-menu > li > a:hover,
.app-bar.neutral-gray .app-bar-element:active,
.app-bar.neutral-gray .app-bar-menu > li:active,
.app-bar.neutral-gray .app-bar-menu > li > a:active {
  background-color: #454545;
}
.app-bar.neutral-gray .app-bar-divider {
  background-color: #898989;
}
.app-bar.neutral-gray .app-bar-element .d-menu,
.app-bar.neutral-gray .app-bar-menu > li .d-menu {
  background-color: #585858;
  border-color: transparent;
}
.app-bar.neutral-gray .app-bar-element .d-menu li:not(.disabled) > a,
.app-bar.neutral-gray .app-bar-menu > li .d-menu li:not(.disabled) > a,
.app-bar.neutral-gray .app-bar-element .d-menu li > a,
.app-bar.neutral-gray .app-bar-menu > li .d-menu li > a {
  background-color: #585858;
  color: #ffffff;
}
.app-bar.neutral-gray .app-bar-element .d-menu li:not(.disabled) > a:hover,
.app-bar.neutral-gray .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
.app-bar.neutral-gray .app-bar-element .d-menu li > a:hover,
.app-bar.neutral-gray .app-bar-menu > li .d-menu li > a:hover {
  background-color: #454545;
  color: #ffffff;
}
.app-bar.neutral-gray .app-bar-element .d-menu li:hover > a,
.app-bar.neutral-gray .app-bar-menu > li .d-menu li:hover > a {
  background-color: #454545;
}
.app-bar.neutral-gray .app-bar-element .d-menu .divider,
.app-bar.neutral-gray .app-bar-menu > li .d-menu .divider {
  background-color: #898989;
}
.app-bar.neutral-gray .app-bar-element .d-menu .divider:hover,
.app-bar.neutral-gray .app-bar-menu > li .d-menu .divider:hover {
  background-color: #898989;
}
.app-bar.neutral-gray .app-bar-element .dropdown-toggle:before,
.app-bar.neutral-gray .app-bar-menu li .dropdown-toggle:before {
  border-color: #ffffff;
}
.app-bar.neutral-gray .app-bar-element.disabled,
.app-bar.neutral-gray .app-bar-menu li.disabled,
.app-bar.neutral-gray .app-bar-element:disabled,
.app-bar.neutral-gray .app-bar-menu li:disabled {
  color: #555555;
}
.app-bar.neutral-gray .app-bar-element.disabled a,
.app-bar.neutral-gray .app-bar-menu li.disabled a,
.app-bar.neutral-gray .app-bar-element:disabled a,
.app-bar.neutral-gray .app-bar-menu li:disabled a {
  color: inherit !important;
}
.app-bar.neutral-gray .app-bar-pullbutton:hover {
  background-color: #454545;
}
.app-bar.neutral-gray .app-bar-drop-container {
  border: 2px solid #585858;
  background-color: #585858;
  color: #ffffff;
}
.app-bar.neutral-gray .app-bar-drop-container:before {
  background-color: none;
  border-color: #585858;
}
.app-bar.neutral-gray .app-bar-pullmenu .app-bar-menu {
  border-top: 1px solid #898989;
  background-color: #898989;
}
.app-bar.neutral-gray .app-bar-pullmenu .app-bar-menu li:hover {
  background-color: #585858;
}
.app-bar.neutral-gray .app-bar-pullmenu .app-bar-menu li:hover a {
  background-color: #454545;
  color: #ffffff;
}
.app-bar.neutral-gray #notificationContainer {
        border: 2px solid #585858;
}
 #menu-left-map.neutral-gray
{
     border: 2px solid #585858;
}


/*#endregion */

/*#region Black Theme */
.sidebar-container.black .mif-arrow-right:hover {
  color: #383838;    
}
.black {
  background-color: #000000 !important;
}

.app-bar.black {
  background-color: #000000;
}
.app-bar.black .app-bar-element:hover,
.app-bar.black .app-bar-menu > li:hover,
.app-bar.black .app-bar-menu > li > a:hover,
.app-bar.black .app-bar-element:active,
.app-bar.black .app-bar-menu > li:active,
.app-bar.black .app-bar-menu > li > a:active {
  background-color: transparent;
}
.app-bar.black .app-bar-divider {
  background-color: #4c4c4c;
}
.app-bar.black .app-bar-element .d-menu,
.app-bar.black .app-bar-menu > li .d-menu {
  background-color: #000000;
  border-color: transparent;
}
.app-bar.black .app-bar-element .d-menu li:not(.disabled) > a,
.app-bar.black .app-bar-menu > li .d-menu li:not(.disabled) > a,
.app-bar.black .app-bar-element .d-menu li > a,
.app-bar.black .app-bar-menu > li .d-menu li > a {
  background-color: #000000;
  color: #ffffff;
}
.app-bar.black .app-bar-element .d-menu li:not(.disabled) > a:hover,
.app-bar.black .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
.app-bar.black .app-bar-element .d-menu li > a:hover,
.app-bar.black .app-bar-menu > li .d-menu li > a:hover {
  background-color: #383838;
  color: #ffffff;
}
.app-bar.black .app-bar-element .d-menu li:hover > a,
.app-bar.black .app-bar-menu > li .d-menu li:hover > a {
  background-color: #383838;
}
.app-bar.black .app-bar-element .d-menu .divider,
.app-bar.black .app-bar-menu > li .d-menu .divider {
  background-color: #4c4c4c;
}
.app-bar.black .app-bar-element .d-menu .divider:hover,
.app-bar.black .app-bar-menu > li .d-menu .divider:hover {
  background-color: #4c4c4c;
}
.app-bar.black .app-bar-element .dropdown-toggle:before,
.app-bar.black .app-bar-menu li .dropdown-toggle:before {
  border-color: #ffffff;
}
.app-bar.black .app-bar-element.disabled,
.app-bar.black .app-bar-menu li.disabled,
.app-bar.black .app-bar-element:disabled,
.app-bar.black .app-bar-menu li:disabled {
  color: #555555;
}
.app-bar.black .app-bar-element.disabled a,
.app-bar.black .app-bar-menu li.disabled a,
.app-bar.black .app-bar-element:disabled a,
.app-bar.black .app-bar-menu li:disabled a {
  color: inherit !important;
}
.app-bar.black .app-bar-pullbutton:hover {
  background-color: #383838;
}
.app-bar.black .app-bar-drop-container {
  border: 2px solid #000000;
  background-color: #000000;
  color: #ffffff;
}
.app-bar.black .app-bar-drop-container:before {
  background-color: none;
  border-color: #000000;
}
.app-bar.black .app-bar-pullmenu .app-bar-menu {
  border-top: 1px solid #4c4c4c;
  background-color: #4c4c4c;
}
.app-bar.black .app-bar-pullmenu .app-bar-menu li:hover {
  background-color: #000000;
}
.app-bar.black .app-bar-pullmenu .app-bar-menu li:hover a {
  background-color: #383838;
  color: #ffffff;
}
.app-bar.black #notificationContainer {
        border: 2px solid #000000;
}
 #menu-left-map.black
{
    border: 2px solid #dc4fad;
}

/*#endregion */