/* Copyright (C) YOOtheme GmbH, h */

@import url(../warp/css/menus.css);

.menu-responsive2 {
	width: 100%;
}

/* Mega Drop-Down Menu
----------------------------------------------------------------------------------------------------*/

/* Level 1 */

.menu-dropdown li.level1 {
	margin-right: 10px;
}

.menu-dropdown a.level1,
.menu-dropdown span.level1 {
	color: #8c8c8c;
}

/* Set Active */
.menu-dropdown li.active .level1,
.menu-dropdown li.active .level1:hover { color: #444444; background: #f8f8f8; }

/* Set Hover */
.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1 { color: #444444; }

/* Drop-Down */
.menu-dropdown .dropdown {
	top: 42px;
	border-top: 1px solid #DDD;
}

.menu-dropdown .dropdown-bg > div {
	padding: 0 5px;
	border: 1px solid #ddd;
	border-top: none;
	background: #fff;
}

/* Level 2 */
.menu-dropdown li.level2 { 
	margin: 0 5px;
	border-top: 1px solid #ddd;
}
.menu-dropdown li.level2:first-child { border: none; }

.menu-dropdown a.level2,
.menu-dropdown span.level2 { color: #444; }

/* Set Hover */
.menu-dropdown a.level2:hover { }

/* Set Current */
.menu-dropdown a.current.level2 { font-weight: bold; } 

/* Set Hover */
.menu-dropdown a.level3:hover { color: #d50; }

/* Set Current */
.menu-dropdown a.current.level3 { font-weight: bold; } 


/* Sidebar/Accordion Menu
----------------------------------------------------------------------------------------------------*/

/* Link */
.menu-sidebar a,
.menu-sidebar li > span { color: #8c8c8c; }

/* Hover */
.menu-sidebar a:hover,
.menu-sidebar li > span:hover { color: #444444; }

/* Current */
.menu-sidebar a.active,
.menu-sidebar a.active:hover { background-color: #4fb1fb; color: #ffffff; }

/* Level 1 */
.menu-sidebar li.level1 { border-bottom: 1px solid #efefef; }
.menu-sidebar li.level1:first-child {}
.menu-sidebar li.level1:last-child { border: none; }

.menu-sidebar li.parent .level1 > span { background: url(../images/menu_sidebar_parent.png) 95% 10px no-repeat; }
.menu-sidebar li.parent.active .level1 > span { background-position: 95% -20px; }


/* Level 2-4 */
.menu-sidebar ul.level2 ul { padding-left: 10px; }

/* Icons */
.menu-sidebar span.custom-icon {
	display: inline-block;
	height: 16px;
	width: 16px;
	margin: -6px 10px 0 0;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 16px;
	vertical-align: middle;
}
.module.no-icon .menu-sidebar span.custom-icon {
	display: none;
}
/*
.menu-sidebar .active span.custom-icon {
	background-position: center bottom;
}*/
.menu-sidebar .account span.custom-icon { background-image: url(../images/user.svg); }
.menu-sidebar .hosting span.custom-icon { background-image: url(../images/hosting.svg); }
.menu-sidebar .software span.custom-icon { background-image: url(../images/software.svg); }
.menu-sidebar .android span.custom-icon { background-image: url(../images/android.svg); }
.menu-sidebar .ios span.custom-icon { background-image: url(../images/apple.svg); }
.menu-sidebar .windows span.custom-icon { background-image: url(../images/windows.png); }
.menu-sidebar .blackberry span.custom-icon { background-image: url(../images/blackberry.png); }
.menu-sidebar .docs span.custom-icon { background-image: url(../images/docs.svg); }
.menu-sidebar .help span.custom-icon { background-image: url(../images/faq.svg); }
.menu-sidebar .information span.custom-icon { background-image: url(../images/info.svg); }
.menu-sidebar .features span.custom-icon { background-image: url(../images/features.svg); }
.menu-sidebar .supported span.custom-icon { background-image: url(../images/supported.svg); }
.menu-sidebar .tracking-devices span.custom-icon { background-image: url(../images/tracking-devices.png); }
.menu-sidebar .agreement span.custom-icon { background-image: url(../images/agreement.svg); }
.menu-sidebar .sms span.custom-icon { background-image: url(../images/sms.svg); }
.menu-sidebar .mobile span.custom-icon { background-image: url(../images/mobile.svg); }
.menu-sidebar .tracker span.custom-icon { background-image: url(../images/satellite.svg); }
.menu-sidebar .tracker-hidden span.custom-icon { background-image: url(../images/hidden.svg); }

/* Menu badges
----------------------------------------------------------------------------------------------------*/
.badge-new {
	background-image: url(../images/badge-new.png);
	background-position: right top;
	background-repeat: no-repeat;
}
.badge-new.active {
	background-position: right bottom;
}

/* Line Menu
----------------------------------------------------------------------------------------------------*/
.menu-line li:first-child {
	margin-left: 0;
	padding-left: 0;
	background: none;
}
#toolbar .menu-line {
	font-size: 11px;
	line-height: 11px;
	margin-bottom: 10px;
	margin-right: 20px;
}
#toolbar .menu-line li a {
	padding: 5px 10px;
	color: #8c8c8c;
}
#toolbar .menu-line li a:hover {
	color: #444444;
}
#toolbar .menu-line li a.login:hover {
	color: #ffffff;
}
#toolbar .menu .login {
    background-color: #4fb1fb;
    color: #ffffff;
}
#toolbar .menu .registration {
	border-left: 1px solid #efefef;
}

/* Blank Menu
----------------------------------------------------------------------------------------------------*/

.module.mod-box.blank {
	background: none;
	padding: 0;
	margin: 0;
	border: none;
}

/* Menu footer
----------------------------------------------------------------------------------------------------*/
.menu-footer li {
	margin-bottom: 5px;
}
.menu-footer li.active a {
	color: #4fb1fb;
}
.menu-footer a {
    color: #7a7a7a;
}
.menu-footer a:hover {
    color: #b9b9b9;
}

/* Menu footer inline
----------------------------------------------------------------------------------------------------*/
#footer .menu-inline {
	text-align: center;
}
#footer .menu-inline li {
	margin-left: 15px;
	display: inline-block;
}
#footer .menu-inline li:first-child {
	margin-left: 0;
}
#footer .menu-inline li a {
	color: #7a7a7a;
}
#footer .menu-inline li.active a,
#footer .menu-inline li.active a:hover {
	color: #4fb1fb;
}
#footer .menu-inline li a:hover {
	color: #b9b9b9;
}

/* Documentation menu
----------------------------------------------------------------------------------------------------*/
.mod-box.nospace-menu {
	padding: 0;
}
.nospace-menu .menu-sidebar .nav-header {
	background: #ffffff;
}
.nospace-menu .menu-sidebar li.level1 {
	border-top: none;
}
.nospace-menu .menu-sidebar li.level1 .nav-header.level1 {
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	margin-top: -1px;
}
.nospace-menu .menu-sidebar .level2 a > span {
    font-size: 12px;
    line-height: 17px;
	padding: 5px 0;
}
.nospace-menu .menu-sidebar ul.level2 {
	padding-bottom: 0px;
}
.nospace-menu .menu-sidebar li.level1:last-child ul.level2 {
    
}
.nospace-menu .menu-sidebar li.level1:first-child .nav-header.level1 {
	border-top: none;
}
.nospace-menu .menu-sidebar a.level1 > span, .menu-sidebar span.level1 > span {
	padding: 15px;
}
.nospace-menu span.custom-icon {
	background-position: center bottom;
}
.nospace-menu .user-manual .custom-icon { background-image: url(../images/user-manual.png); }
.nospace-menu .cpanel-manual .custom-icon { background-image: url(../images/control-panel.png); }
.nospace-menu .server-software .custom-icon { background-image: url(../images/server-software.png); }
.nospace-menu .faq .custom-icon { background-image: url(../images/faq.png); }

/* Sticky menu
----------------------------------------------------------------------------------------------------*/
.mod-sticky.mod-box {
	padding-top: 0;
}
.mod-sticky h3 {
	background: #4fb1fb none repeat scroll 0 0;
    color: #ffffff;
    font-size: 18px;
    margin: 0 -15px;
    padding: 15px;
}
.mod-sticky,
.mod-sticky a {
	color: #8c8c8c;
	font-size: 12px;
}
.mod-sticky ol ul li a {
    background: url("../images/menu-arrow.png") left center no-repeat;
    padding-left: 15px;
}
.mod-sticky ol ul {
	list-style: none;
	padding: 0;
}
.mod-sticky li.level1 a.expanded {
	font-weight: bold;
}
.mod-sticky li.level1 label.active a,
.mod-sticky li.level1.active a,
.mod-sticky li.level2.active a {
	color: #4fb1fb;
    font-weight: bold;
}
.mod-sticky li.level1.active .level2 a {
	color: #8c8c8c;
	font-weight: normal;
}

.mobile-apps-block {
  padding: 50px 0;
  font-family: "geometriaregular";
  background: rgba(255,255,255,0.7);
  border-top: 1px solid #efefef;
}
.mobile-apps-block .buttons-block .line1 {
  font-size: 11px;
  line-height: 11px;
  font-family: "geometriaregular";
}
.mobile-apps-block .buttons-block .line2 {
  line-height: 17px;
  font-size: 17px;
}
.mobile-apps-block ul li {
  list-style: none;
  display: inline-block;
  box-sizing: border-box;
  margin-left: 20px;
  padding: 0;
  font-family: "geometriamedium";
  text-align: left;
}
.mobile-apps-block ul li:first-child {
    margin-left: 0;
}
.mobile-apps-block ul {
  text-align: center;
  margin: 0 auto;
  padding: 0;
  display: table;
}
.mobile-apps-block .inactive {
  color: #dddddd;
  padding: 12px 15px;
  background-color: #ffffff;
  border: 1px solid #efefef;
  cursor: not-allowed;
}
.mobile-apps-block .inactive i {
  opacity: 0.5;
}
.mobile-apps-block a {
  color: #696969;
  display: table;
  box-sizing: border-box;
  padding: 12px 15px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #efefef;
  background-position: 10px center;
  background-repeat: no-repeat;
  -webkit-transition: all 200ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.mobile-apps-block a:hover {
    background-color: #444444;
    color: #ffffff;
}
.mobile-apps-block .tab-content {
    float: left;
}
.mobile-apps-block .inactive i,
.mobile-apps-block a i {
    width: 30px;
    height: 30px;
    float: left;
    display: table;
    margin-right: 10px;
    background-size: 30px;
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.mobile-apps-block a:hover i {
    background-position: center bottom;
}
.mobile-apps-block .android.inactive i,
.mobile-apps-block .android a i {
  background-image: url(../images/android.svg);
}
.mobile-apps-block .apple.inactive i,
.mobile-apps-block .apple a i {
  background-image: url(../images/apple.svg);
}
.mobile-apps-block .windows.inactive i,
.mobile-apps-block .windows a i {
  background-image: url(../images/windows.png);
}
.mobile-apps-block .blackberry.inactive i,
.mobile-apps-block .blackberry a i {
  background-image: url(../images/blackberry.png);
}
.mobile-apps-block .block-title .line1 {
    font-size: 30px;
    line-height: 30px;
    font-family: 'geometriaregular';
}
.mobile-apps-block .block-title .line2 {
    font-size: 18px;
    line-height: 18px;
}
.parent.active .parent.active {
	background-color: #4fb1fb;
    color: #ffffff;
}