body{
    font-family: "Roboto", sans-serif !important;
}

#paper h4{
    color:#2d2d2d;
    margin:15px 0;
}
#paper p {
  color: #fff;
  font-size:14px;
  font-weight: bold;
}
#paper input{
    color:#fff;
    width:100%;
}
#input_table{
    width:100%;
}
.table-blue{
  background-color: #f78928 !important;
  width: 100%;
  border: 1px solid #e47c20 !important;
}
.table-blue td{
    border:1px solid #e47c20;
    padding:15px;
}
.table-blue th{
    border:1px solid #e47c20;
    padding:15px;
    color:#fff;
}
.table-blue tr{
    border:1px solid #e47c20;
}
.sel-cus select{
    padding:7px;
}
.table-black{
  background-color: #187e8a !important;
  width: 100%;
  border: 1px solid #219dac !important;
}
.table-black td{
    border:1px solid #219dac;
    padding:15px;
    color:#fff;
}
.table-black th{
    border:1px solid #219dac;
    padding:15px;
    color:#fff;
}
.table-black tr{
    border:1px solid #219dac;
}
.table-black button{
    padding:3px;
}
nav.sidebar-wrapper{
    background-color:#1c273c;
}
.sidebar-wrapper .sidebar-menu ul li a{
    color:#fff !important;
}
.section_part h6{
    background-color: #fdcb12;
    padding: 10px;
    color: #2d2d2d !important;
    border-radius:3px;
}
#home-camp .stats-tile{
   background-color:#cc0d15 !important;
}
.legend_tile {
  padding:5px 7px;
  border: 1px solid #d6d6d6;
  margin-bottom: 5px;
  width: auto;
  float: left;
  margin-right: 1%;
  font-size: 12px;
}
#response_agg_single ul{
    width:100%;
    float:left;
}
#response_agg_single ul li{
  width: 50%;
  float: left;
  border: 1px solid #efefef;
  padding:7px;
  text-transform: uppercase;
  background-color: #cc0f16;
  color: #fff;
  font-size: 13px;
}
.custom-graph .card-body{
   max-height: 100%;
}
.login-box {
  background-color:#fbc813;
}
.login-box .login-form .login-logo img{
    height:80px !important;
}
.login-box .form-label{
  color:#000;
}
.yellow-bg{
    background-color:#fdcc10;
}
.red-bg{
    background-color:#e60f14;
}
.red-bg h5{
    color:#fff;
}
.orange-bg h5{
    color:#fff;
}
.black-bg h5{
    color:#fff;
}
.red-bg p{
    color:#fff;
}
.orange-bg p{
    color:#fff;
}
.black-bg p{
    color:#fff;
}
.orange-bg{
    background-color:#f27825;
}
.black-bg{
    background-color:#2d2d2d;
}
.login-form input{
    box-shadow: 0 0 0px 0px rgba(0,0,0,.8) inset;
}
.login-form input:hover{
    box-shadow: 0 0 0px 0px rgba(0,0,0,.8) inset;
}
#login_btn, #otp_verify_btn,#resend_otp {
  background-color: #2d2d2d;
  padding: 15px;
  border-radius: 5px;
  border: 0;
  margin: 0;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
}
.login-box .login-form .btn{
    width:100%;
}
#show_visitus_data p{
    color:#fff;
}
#media_table p{
    color:#fff;
}
#leads_table p{
    color:#fff;
}
.filter_form{
    width:100%;
   display: flex;
  }
  .filter_form label{
   font-size:14px;
  }
  .filter_form select{
    width:100%;
    padding: 8px;
    margin-top:10px;
}
.filter_form input{
    width:100%;
    padding: 8px;
    border:1px solid #d6d6d6;
    margin-top:10px;
}
.filter_form textarea{
    width:100%;
    padding: 8px;
    border:1px solid black;
    margin-top:10px;
}
.filter_form button{
    padding: 10px;
    border:none;
    background-color: #c71316;
    color: white;
    margin-top: 22px;
    border-radius: 10px;
    margin-left: 10px;
}
.form_group{
    margin-left: 10px;
}
.arrow_box{
    padding: 10px;
}
.section_part {
  margin-top: 10px;
  padding: 15px;
  border-radius: 10px;
  color: black;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  background-color: #2d2d2d;
}
#show_wheel_data p{
    color:#fff;
}
.asl_view_report{
    background-color: black;
    border: none;
    color: white;
    border-radius: 5px;
    padding: 5px;
    font-size: 12px;
}
.password_view{
    color: #cd4242;
    cursor: pointer;
    font-size: 24px;
    position: absolute;
    top: 36px;
    right: 10px;
    transition: all ease 0.5s;
}
.wish_container{
    width:50px;
    height: 50px;
    margin-left: 10px;
}
.wish_container img{
    width: 50px;
    height: 50px;
    object-fit: cover;
}
.lead-icon{
    width:20px;
    height: 20px;
    margin-left: 10px;
}
.lead-icon img{
    width: 20px;
    height: 20px;
    object-fit: cover;
}
select:-webkit-autofill:focus{
    box-shadow:0 !important;
}
input:-webkit-autofill:focus{
    box-shadow:0 !important;
}
textarea:-webkit-autofill:focus{
    box-shadow:0 !important;
}