@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Cairo&display=swap');
body{
    font-family: 'Cairo', sans-serif !important;
    padding-bottom: 20px
  }
  .main-header h6{
    text-align: center;
    width: 100%;
    background:#42399d;
    background: #3e41ab;
    color: #fff;
    padding: 17px;
    font-size: 25px;
	font-weight:bold;
      letter-spacing: 1px;
  }

  .card-status h1{
    color: #fff
  }
  .card-status .media-body{
    margin-left: 0;
	font-weight: bold;
  }
  .custom-card .col-lg-2 {
    flex: 0 0 20%;
    max-width: 23.66667%;
  }
  .dashboard-chart-one{
    margin-bottom: 10px
  }
  .dashboard-chart-one .card-total p{
    letter-spacing: 0
  }
  .section-title{
    letter-spacing: 0
  }
  .section-wrapper{
    padding: 20px
  }
  .custom-border .col-lg-2{
    /*border-left: 1px solid #ddd*/
  }
  .custom-border .col-lg-2:last-of-type{
    border-left: 0
  }
  .lang-flag img{
    width:30px
  }
  .dashboard-chart-one .lang-flag h6{
    font-size: 10px;
    font-weight: bold;
    margin-top: 10px
  }
  .lang-flag .number{
    color: #42399d;
    font-weight: bold;
  }
  .lang-flag .number h5{
    margin: 0;
    font-size: 16px;
    font-weight: bold;
  }
  .lang-flag .number span{
    font-size: 9px;
  }
  .lang-flag2{
    height: auto;
  }
  .lang-flag2 img{
    width:30px
  }
  .lang-flag2 .flex-lang-flag2{
    display: flex;
    justify-content: space-around;
  }
  .lang-flag2 .flex-lang-flag2 .flex-lang-flag2-icon{
    color: #0008ff;
    font-weight:bold;
    border-left: 1px solid #ddd;
  padding-left: 45px;
  font-size: 1.5em;
  }
  .lang-flag2 .flex-lang-flag2 .flex-lang-flag2-number{
    color:#e83e8c;
    font-weight:bold;
font-size: 1.5em;
  }
  .lang-flag2 h6{
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
      color: #000;
      text-align: center;
  }
  .lang-flag2 img{
      margin-left: 60px
  }
.custom-pd-b-28{
    padding-bottom: 28px
}
.Continents .card{
  text-align: center;
  background-size: contain;
  padding: 0

}
.Continents .card .overlay{
  padding: 25px;
  background: rgba(255, 255, 255, 0.8)
}
.Continents .card p{
    font-size: 17px;
    font-weight: 700;
    color: #343a40;
}
.Continents .card h3{
  font-size: 12px;
  color: #3e41ab;
  font-weight: bold;
}
.Continents .card h3 span{
  font-size: 50px;
  margin-left: 4px;
  font-weight: bold;
  font-family: 'Oswald', sans-serif;
}
.dashboard-chart-one .card-total h1,.card-status h1{
  font-family: 'Oswald', sans-serif;
}
.Continents .card h4{
  font-size: 14px;
  color: #f93d66;
  font-weight: bold;
}

.card h4{
	    color: #000;
    font-weight: bold;
}
.Africa{
  background: url('../img/continents/Africa.png')
}
.Asia{
  background: url('../img/continents/Asia.png')
}
.Europe{
  background: url('../img/continents/Europe.png')
}
.NAmericas{
  background: url('../img/continents/Americas.png')
}

.SAmericas{
  background: url('../img/continents/SAmericas.png')
}


.Australia{
  background: url('../img/continents/Australia.png')
}
.main-nav {
  border: 0;
  padding: 10px
}
.main-nav  .logo{
  float: right;
  max-height: 110px;
  width: auto
}
.main-nav  .back{
  font-size: 30px;
  font-weight: bold;
  color: #1b84e7;
  cursor: pointer
}
  @media (max-width: 767px) {
    .custom-card .col-lg-2{
        flex: 0 0 50%;
        max-width: 50.66667%;
    }
    .col-sm-4 {
        width: 25%;
        max-width: 25%;
    }
    .flotcircle{
        min-height: 252px;
    }
    .col-sm-3{
        width: 33%;
        max-width: 33%
    }
    .lang-flag2 img,
    .lang-flag2 h6{
        margin-left: 20px
    }
    .lang-flag2 h6{
        margin-bottom: 10px
    }
    .lang-flag2{
        height: auto;
        margin-bottom: 45px;
      }

  }

  .bg-primary {
    background-color:#1154b0 !important;
}
  .bg-secondary {
    background-color: #fba51e !important;
}

.bg-purple {
    background-color: #3e41ab;
}
.bg-danger {
    background-color:#f93d66 !important;
}
.bg-success {
    background-color: #4caf50 !important;
}
.bn-label{
	background-color: #f93d66;
}
.bn-breaking-news{
	color:#fff;
	background: rgb(62, 66, 171);
	border:0;
	margin-top:20px;
	font-size:16px !important;
	    height: 45px !important;
}
.bn-breaking-news a{
	color:#fff !important;
	font-size:16px !important;

}
#flotPie1 .pieLabel .labelName{
  opacity: 0
}
#flotPie1 .pieLabel .labelName{
  /*background: rgba(62, 66, 171,.8);*/
  background: #000;
  padding: 1px 6px;
  z-index: 100;
}
#flotPie1 .pieLabel:hover .labelName{
  opacity: 1;

}
.dashboard-chart-one .card-total h1,.section-wrapper .section-title,
.card h4{
  color: #3e41ab;
}


.lang-flag2 img {
    margin-left: 33px;
    width: 85px;
    height: 85px;
}


/*start PercentageType page*/
  .PercentageType .card-total{
    margin: 0px 20px !important;
    text-align: center
  }
  .PercentageType .card-total h2,
  .PercentageType .card-total span{
    color: #3e41ab;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 30px;
  }
  .PercentageType .card-total h4{
    font-size: 25px;
    margin-bottom: 25px;
  }
  .PercentageType .section-title{
    font-size: 20px;
    margin-bottom: 20px;
    color: #868ba1;
  }
  
  .typePercentageGender h2{
    margin-bottom: 35px
  }
  .typeGender{
    text-align: center
  }
  .typePercentageGender .typeGender span{
    display: block;
    font-size: 20px;
    font-weight: bold
  }
  .typePercentagCircle{
    margin-top: 10px
  }
  .typeGender img{
    margin-bottom: 20px;
  }
  .typeGender  .present {
    color: #3e41ab;
    font-size: 18px;
  }
  
  .iconPresent img{
    width: 40px;
    display: block;
    margin: auto;
    margin-bottom: 20px;
  }
  .PercentageType .iconPresent{
    margin-top: 55px !important;
  }
  
   @media (max-width: 767px) {
    .typePercentagCircle,.PercentageType .iconPresent{
      display: none
    }
    .typeGender{
      margin-top: 20px
    }
  }
  
  
  
  #typePercentag{
      right: 10px;
  }
  
  
/*.lang-flag2 h6{*/
    /*margin-left: 60px;*/
  /*}*/