@media (min-width:320px) {
    #h-line {
        top: 18px;
    }
    #img-otp{
        display:none!important;
    }
    #text-after {
        text-align: left;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    #btn-delete {
        margin-top: 5px;
        text-align: left;
    }
    #user{
        display:block;
    }
    #user-lg{
        display:none;
    }

    .ui-datatable-thead {
        display: none !important;
    }
}

@media (min-width:576px){
    #h-line {
        top: 20px;
    }
    #img-otp {
        display: none !important;
    }
    #text-after {
        text-align: left;
        margin-top:5px;
        margin-bottom:5px;
    }
    #btn-delete {
        margin-top: 5px;
        text-align: left;
    }
    #user {
        display: block;
    }

    #user-lg {
        display: none;
    }

    .ui-datatable-thead {
        display: none !important;
    }
}

@media (min-width:768px) {
    #h-line {
        top: 22px;
    }
    #img-otp {
        display: inline !important;
    }
    #text-after {
        text-align: right;
    }
    #btn-delete {
        margin-top: 5px;
        text-align: center;
    }
    #user {
        display: none;
    }

    #user-lg {
        display: block;
    }

    .ui-datatable-thead {
        display: table-header-group !important;
    }
}

@media (min-width:1200px) {
    #h-line {
        top: 22px;
    }
    #img-otp {
        display: inline !important;
        text-align: right;
    }
    #btn-delete {
        margin-top: 40px;
        text-align:right;
    }
    #user {
        display: none;
    }

    #user-lg {
        display: block;
    }

    .ui-datatable-thead {
        display: table-header-group !important;
    }
}

.btn-col12 {
    max-width :170px !important;
    margin-top:5px; 
    width:100% !important;
}

.color-shipper {
    background-color: #D5DF31;
    border-color:#D5DF31
}
.table th, .table td {
    border-top: none;
}

.ui-selectbutton .ui-button {
    margin: 5px 5px 5px 5px;
}

.steps-vertical .step-item + .step-item::before {
    left: 15px !important;
}

.ci-360 {
    color: #00ACC8 !important;
}

.w-80p {
    width: 80%;
}

.top-17 {
    top: 17px;
}

.p-relative {
    position: relative;
}

.t-align-web-center {
    text-align: -webkit-center;
}

.ver-line {
    z-index: 1;
    width: 1px;
    border-left: 1px solid #799851;
    border-right: 1px solid #799851;
}

.hor-line {
    height: 1px;
    border-top: 1px solid #799851;
    border-bottom: 1px solid #799851;
}