@charset "utf-8";
/* CSS Document */

.margin-vertical-10{height:10px; width:100%}
.margin-vertical-20{height:20px; width:100%}
.margin-vertical-30{height:30px; width:100%}
.margin-vertical-40{height:40px; width:100%}
.margin-vertical-50{height:50px; width:100%}
.margin-vertical-60{height:60px; width:100%}
.margin-vertical-70{height:70px; width:100%}
.margin-vertical-80{height:80px; width:100%}
.margin-vertical-90{height:90px; width:100%}
.margin-vertical-100{height:100px; width:100%}

.top{background:#0c439d; padding:15px 0px;color:#fff}
.top a{color:#fff}

.nav-side-menu {
  overflow: auto;
  font-family: verdana;
  font-size: 12px;
  font-weight: 200;
  background-image: linear-gradient(90deg, #f6cd03,#e8a401);
  width:100%;
  color: #0c439d;
  min-height:50px;
}
.nav-side-menu .toggle-btn {
  display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  line-height: 45px;
  cursor: pointer;  
    .collapsed{
       .arrow:before{
                 font-family: FontAwesome;
                 content: "\f053";
                 display: inline-block;
                 padding-left:10px;
                 padding-right: 10px;
                 vertical-align: middle;
                 float:right;
            }
     }
}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
  font-family: FontAwesome;
  content: "\f078";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
  border-left: 3px solid #0c439d;
  background-color: rgba(0,0,0,0.2);
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
  color: #fff;
  background-color: rgba(0,0,0,0.2);
  font-weight:bold;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
  color: #fff;
  background-color: rgba(0,0,0,0.2);
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
  background-color: #00bbd7;
  border: none;
  line-height: 35px;
  border-bottom: 1px solid #00bbd7;
  margin-left: 0px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
  background-color: rgba(0,0,0,0.2);
}
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
  font-family: FontAwesome;
  content: "\f105";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.nav-side-menu li {
  padding-left: 0px;
  border-left: 3px solid #ffcc00;
}
.nav-side-menu li a {
  text-decoration: none;
  color: #0c439d;
  display:block;
  width:100%;
}
.nav-side-menu li a i {
  padding-left: 10px;
  width: 20px;
  padding-right: 20px;
}
.nav-side-menu li:hover {
  border-left: 3px solid #0c439d;
  background-color: rgba(0,0,0,0.2);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
@media (max-width: 767px) {
  .nav-side-menu {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
  }
  .nav-side-menu .toggle-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10 !important;
    padding: 3px;
    background-color: #ffffff;
    color: #000;
    width: 40px;
    text-align: center;
  }
  .brand {
    text-align: left !important;
    font-size: 22px;
    padding-left: 20px;
    line-height: 50px !important;
  }
}
@media (min-width: 767px) {
  .nav-side-menu .menu-list .menu-content {
    display: block;
  }
  .nav-side-menu {
	  height:100vh;
  }
}
.opened{display:block}
.page-heading{
	padding-top:25px;
	border-bottom:1pt solid #cacaca;
	margin-bottom:20px;
}
.page-heading span{
	font-size:30px;
	margin-left:15px;
	color:#666;
}
.pageSubHeading{
	color:#ffb901;
	font-size:18px;
}
.pageSubHeading:after{
	font-family:"FontAwesome";
	content:"\f013";
	color:#cacaca;
	margin-left:10px;
	font-size:16px;
}
.dashboard-box{border-bottom:1pt solid #cacaca;padding:20px 0;color:#666;display:inline-block;text-align:center;font-size:12px;width:96%;margin:0 auto 10px auto;}
.dashboard-box:hover{
	text-decoration:none;
}
.dashboard-box i{position:absolute;left:5px; top:5px; font-size:26px;color:rgba(255,255,255,.21);}
.dashboard-box .number{font-size:20px;font-weight:bold;color:#23b7e5;margin-top:10px}
.dashboard-box span{font-size:14px;font-weight:normal}
.black-bg{
	background:#0c439d;
}
.orange-bg{
	background-image: linear-gradient(90deg, #f6cd03,#e8a401);
}
.black-bg .dashboard-box, .orange-bg .dashboard-box{
	border:none;
	color:#fff;
}
.black-bg .number, .orange-bg .number{
	color:#fff;
}
.instructions li{
	margin-bottom:10px;
}
.instructions li:before{
	content:"Click on ";
}
hr.row{
	border-color:#cacaca;
}
aside{
	border-left:1pt solid #cacaca;
	height:100vh;
}
aside .Text-ads{
	background:#ffb901;
	color:#333;
	font-size:20px;
	text-align:center;
	padding:5px;
}
aside ul.aside{
	list-style:none;
	padding:0;
}
aside ul.aside li{
	padding:10px 15px;
	border-bottom:1pt solid #cacaca;
}

aside ul.aside li .text, aside ul.aside li .data{
	display:block;
	margin-bottom:5px;
	font-size:13px;
}
aside ul.aside li .text{
	color:#666;
}
aside ul.aside li .data{	
	font-weight:bold;
	color:#ffb901;
}
aside ul.aside li .data:hover{	
	color:#333;
	text-decoration:none;
}
.footer{
	border-top:1pt solid #cacaca;
	padding:25px 0 10px 0;
}
.footer .time{
	color:#666;
}
.downline-member-box{
	border:1pt solid #1199c4;
}
.downline-member-box .inner{
	width:20%;
	padding:3% 0;
	float:left;
	text-align:center;
}

.panel-main {
  border-color: #fe4e00;
}
.panel-main > .panel-heading {
  color: #fff;
  background-color: #ffb901;
  border-color: #fe4e00;
}
.panel-main > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #fe4e00;
}
.panel-main > .panel-heading .badge {
  color: #fe4e00;
  background-color: #fff;
}
.panel-main > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #fe4e00;
}

.btn-main {
  color: #fff;
  background-color: #ffb901;
  border-color: #fe4e00;
}
.btn-main:focus,
.btn-main.focus {
  color: #fff;
  background-color: #e65700;
  border-color: #fe4e00;
}
.btn-main:hover {
  color: #fff;
  background-color: #e65700;
  border-color: #e65700;
}
.btn-main:active,
.btn-main.active,
.open > .dropdown-toggle.btn-main {
  color: #fff;
  background-color: #e65700;
  border-color: #e65700;
}
.btn-main:active:hover,
.btn-main.active:hover,
.open > .dropdown-toggle.btn-main:hover,
.btn-main:active:focus,
.btn-main.active:focus,
.open > .dropdown-toggle.btn-main:focus,
.btn-main:active.focus,
.btn-main.active.focus,
.open > .dropdown-toggle.btn-main.focus {
  color: #fff;
  background-color: #e65700;
  border-color: #fe4e00;
}
.btn-main:active,
.btn-main.active,
.open > .dropdown-toggle.btn-main {
  background-image: none;
}
.btn-main.disabled:hover,
.btn-main[disabled]:hover,
fieldset[disabled] .btn-main:hover,
.btn-main.disabled:focus,
.btn-main[disabled]:focus,
fieldset[disabled] .btn-main:focus,
.btn-main.disabled.focus,
.btn-main[disabled].focus,
fieldset[disabled] .btn-main.focus {
  background-color: #ffb901;
  border-color: #fe4e00;
}
.btn-main .badge {
  color: #ffb901;
  background-color: #fff;
}