/* .section#container .container-bg {
            
    background: #fff;;
    min-height: 90vh!important;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.19);
    -ms-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.19);
    -o-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.19);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.19);
    padding: 15px
} */
.container-bg{
    background: #fff;
}
.oto-card{
    width: 100%;
    height: 130px;
    box-shadow: 0px 0px 10px #cccbcb;
    margin-top:25px;
    padding:15px;

}
.oto-card h4{
    font-weight: 300;
    color: rgb(6, 6, 6);
}
.oto-card-child1,.oto-card-child2,.oto-card-child3,.oto-card-child4{
    width: 100%;
    height: 100px;
    background:  #C06C84;
    margin-top: -30px;
    margin-left: 15px;
    text-align: center;
}

.oto-card-child1{
    background: #8d1f11;
    box-shadow: 0px 3px 5px #210602;
}
.oto-card-child2{
    background: 	#1cbbb4;
    box-shadow: 0px 3px 5px #0d5855;

}
.oto-card-child3{
    background:#C06C84	;
    box-shadow: 0px 3px 5px #582f3b;
}
.oto-card-child4{
    background: #045fa0;
    box-shadow: 0px 3px 5px #01111c;
 }

.peding-count{
    font-size: 52px;
    font-weight: 800;
    padding-top:20px;
    color:#fff;
}

.table .oto-th{
    padding: 7px 25px;
}
.oto-thead-bg{
    background: linear-gradient(90deg, #8d1f11, #0a3d5b);
    color:#fff;
}
.oto-tbody-border{
    border: 1px solid #dad4d4;
}
/* .oto-table{
    height: 100px!important;
    overflow-y: auto;
    display: block;
} */
.table td{
    font-weight: 400;
}
.pedning-count-label{
    font-size: 35px;
    color: #fff;
    font-weight: 800;
}
.pos-count{
    background: #7c211c;
    color: #fff;
    padding: 1px 29px;
    border-radius: 20px;
    font-weight: 600;
}
.oto-th-100{
    width:100px;
    padding: 7px 25px;
}
.oto-th-500{
    width:500px;
    padding: 7px 25px;
}
.oto-th-197{
    width:197px;
    padding: 7px 25px;
}

@media (min-width: 1200px){
    .oto-card h4 {
        font-weight: 300;
        color: rgb(6, 6, 6);
        font-size: 1rem;
    }
    .peding-count {
        font-size: 38px;
        padding-top: 17px;
    }
    .oto-card-child1, .oto-card-child2, .oto-card-child3, .oto-card-child4 {
        height: 75px;
     }
     .oto-card h4{
        height: 100px;
     }
     
}

@media (min-width: 1300px){
    .oto-card h4 {
        font-weight: 300;
        color: rgb(6, 6, 6);
        font-size: 1rem;
    }
    .peding-count {
        font-size: 38px;
     }
     .oto-card-child1, .oto-card-child2, .oto-card-child3, .oto-card-child4 {
        height: 84px;
     }
     .oto-card {
        height: 100px;
     }
}
@media (min-width: 1400px){
    .oto-card h4 {
        font-weight: 300;
        color: rgb(6, 6, 6);
        font-size: 1.5rem;
    }
    .peding-count {
        font-size: 52px;
    }
    .oto-card-child1, .oto-card-child2, .oto-card-child3, .oto-card-child4 {
        height: 100px;
     }
     .oto-card {
        height: 130px;
     }
}