#accordionSidebar,
        .topbar {
            z-index: 1;
        }
        .dataTables_wrapper .dataTables_paginate .paginate_button {
    cursor:pointer;
    padding-left:10px;
}
        
.chart-area{
    height:500px;
}
#chart-wrapper {
    display: inline-block;
    position: relative;
    width: 100%;
  }
 #progress-bar .bg-info {
     width: 50%;
     aria-valuenow:"50";
     aria-valuemin:"0"; 
     aria-valuemax:100;
 }
 .sel_country{
     display:inline-block;
 }
  .chartjs-render-monitor{
       display: block; 
       width: 669px; 
       height: 320px;
       
  }
.form-control .input-sm{
     display:inline-block;
}
.dt-search {
    width: 300px;
  }
  .modal .fade{
    margin-top: -20px; 
  }
  .alert .alert-success{
      display: none;
  }
  .importcolor{
   color:red;
  }
#body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background: linear-gradient(45deg, greenyellow, dodgerblue);
  font-family: "Sansita Swashed", cursive;
}
.center {
  position: relative;
  padding: 30px 30px;
  background: #fff;
  border-radius: 10px;
}
.center h3 {
  border-left: 5px solid dodgerblue;
  padding: 10px;
  color: #000;
  letter-spacing: 5px;
  margin-bottom: 60px;
  font-weight: bold;
  padding-left: 10px;
}
.center .inputbox {
  position: relative;
  width: 350px;
  height: 40px;
  margin-bottom: 30px;
}
.center .inputbox input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border: 2px solid #000;
  outline: none;
  background: none;
  padding: 10px;
  border-radius: 10px;
  font-size: 1.2em;
}
.center .inputbox:last-child {
  margin-bottom: 0;
}
.center .inputbox span {
  position: absolute;
  top: 14px;
  left: 20px;
  font-size: 1em;
  transition: 0.6s;
  font-family: sans-serif;
}
.center .inputbox input:focus ~ span,
.center .inputbox input:valid ~ span {
  transform: translateX(-13px) translateY(-35px);
  font-size: 1em;
}
.center .inputbox [type="submit"] {
  width: 100%;
  background: dodgerblue;
  color: #fff;
  border: #fff;
}
.center .inputbox:hover [type="submit"] {
  background: linear-gradient(45deg, greenyellow, dodgerblue);
}

.bg-login-image{background:url(".././img/avatar/dci.jpeg");background-position:center;background-size:cover}