.Title{
    font-size: 28px;
    border-bottom: 1px solid #d6e9fd;
    padding-bottom: 30px;
}

.add{
    background: #bfbfbf;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    right: 0;
    width: 39px;
    height: 38px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    top: 31px;
    transition: 0.3s;
    padding-top: 2px;
    float: right;
}

.add:hover{
    background: #007bff;
    color:#fff;
}


.delete{
    background: #bfbfbf;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    right: 0;
    width: 39px;
    height: 38px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    top: 31px;
    transition: 0.3s;
    padding-top: 2px;
    float: right;
}

.delete:hover{
    background: #007bff;
    color:#fff;
}

.header{
    background: #007bff;
    padding: 10px;
    font-weight: bold;
    border-radius: 5px;
    color: #fff;
}

.bb{
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

.bbSmall{
    border-bottom: 1px solid #eee;
    padding-bottom: 16px;
}

.customPosition1{
    position: relative;
    top: 45px;
    z-index: 999;
}

.customPosition2{
    position: relative;
    top: 93px;
    z-index: 999;
}

.customPosition3{
    position: relative;
    top: 40px;
    z-index: 999;
}

.pb{
    padding-bottom: 31px;
}


.btn-primary{
    width:200px;
    text-align: center;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;

}

.tableInfo{
    font-size: 16px;
    font-weight: bold;
}


body{
    background-image: linear-gradient(#eee, #d0d0d0);
}


.container{
    background:#fff;
    padding:27px;
    margin-top:50px;
    margin-bottom:50px;
    border-radius: 10px;
}

.form-check-input{
    position: relative;
    top: 1px;
    margin-left: 2px;
}

.grey{
    background: #eee;
    margin-top:-1px;
}

select{
    padding:2px!important;
}


@media screen and (max-width: 1024px) {
    .container{
        padding:20px;
        margin:0;
        max-width: 100%;
    }

}


@media screen and (max-width: 767px) {
    .add{
        width:100%;
        float: left;
        position: relative;
        top: -7px;
    }

    .tableRow{
        width: 883px;
        overflow: scroll;
    }

    body{
        background: #fff;
    }

}