/* form vip styles */
.wphw-user-forms{
    max-width: 900px;
    list-style: none;
    margin-left: 0;
    margin-right: 0;
}
.wphw-user-forms ul {
    max-width: 900px;
    list-style: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}
.wphw-user-forms ul li {
    list-style: none;
    margin: 0;
    padding-bottom: 2rem;
}
.wphw-user-forms label {
    width: 30%;
    min-height: 1px;
    float: right;
}
.wphw-user-forms input[type="text"], .wphw-user-forms input[type="number"], .wphw-user-forms input[type="email"], .wphw-user-forms input[type="url"], .wphw-user-forms input[type="password"], .wphw-user-forms input[type="search"], .wphw-user-forms textarea ,
.wphw-user-forms select{
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.wphw-user-forms select{
    padding: 4px;
}
.wphw-user-forms input[type="checkbox"]{
    width: auto !important;
    margin-left: 1rem !important;
}
.wphw_price_role{
    margin-right: 1rem;
    color: #3ca73c;
}
.wphw_lable_checkbox:first-child {
   width: 0;
}
.wphw-user-forms input:not([type="button"]):not([type="reset"]):not([type="submit"]) ,  .wphw-user-forms textarea , .wphw-user-forms select{
    width: 69.9%;
}
.wphw-user-forms input:not([type="button"]):not([type="reset"]):not([type="submit"]), .wphw-user-forms select, .wphw-user-forms textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
}
.wphw-user-forms input[type="text"], .wphw-user-forms input[type="number"], .wphw-user-forms input[type="email"],
.wphw-user-forms input[type="url"], .wphw-user-forms input[type="password"], .wphw-user-forms input[type="search"] {
    padding: 3px;
}
.wphw-required{
    color:red;
}
.wphw_form_desc{
    margin-bottom: 1rem !important;
    color: #757575;
}
.wphw_form_bill{
    display: none;
}
.wphw_form_bill td , .wphw_form_bill th{
    text-align: center;
}
.wphw_gateways_div{
    justify-content: center!important;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.wphw_gateways_div img{
    width: 80px;
}
.wphw_gateways_div input{
    width: auto !important;
    text-align: center;

}
.wphw_msg_field {
    font-size: 14px;
    color: red;
}
#wphw_form_error{
    padding: 6px 9px;
    margin: 0;
    display: block;
    width: 100%;
    box-sizing: border-box;
    background: #ffebe8;
    border: 1px solid #C00;
}
#wphw_form_success{
    padding: 6px 9px;
    margin: 0;
    display: block;
    width: 100%;
    box-sizing: border-box;
    background: #e7fff3;
    border: 1px solid #11cc47;
}
.wphw_border_input{
    border: 1px solid red !important;

}
.wphw_form_submit_loader{
    background-repeat: no-repeat;
    background-image: url(../images/ajax-loader.gif);
    background-position: left;
    background-size: 20%;
    background-blend-mode: darken;

}

.form_search_job input:-ms-input-placeholder , .form_search_job select:-ms-input-placeholder{ /* Internet Explorer 10-11 */
    color: #fff !important;
}

.form-row{
    margin-bottom: 1rem;
}
.wpvip_error , .wpvip_success{
    padding-right: 0.5rem;
    border-bottom: 1px solid #d4c5c5;
    margin-bottom: 2rem;
}
.wpvip_error {
    background-color: #ab1d1d1a;
    border-right: 2px solid red;
}
.wpvip_success{
    background-color: #12e59614;
    border-right: 2px solid green;
}
.wpvip_error p , .wpvip_success p {
    margin: 0 !important;
    font-size: 14px !important;
}

/* table
Generic Styling, for Desktops/Laptops
*/
.wphw-user-forms table {
    width: 100%;
    border-collapse: collapse;
}

.wphw-user-forms th {
    font-weight: bold;
}
.wphw-user-forms td, .wphw-user-forms th {
    padding: 6px;
}

@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

    /* Force table to not be like tables anymore */
    .wphw-user-forms table, .wphw-user-forms thead, .wphw-user-forms tbody, .wphw-user-forms th, .wphw-user-forms td, .wphw-user-forms tr {
        display: block;
    }
    .wphw-user-forms tr {
        border: 1px solid #b7b7b7;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .wphw-user-forms thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }


    .wphw-user-forms td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
    }

    .wphw-user-forms td:before {
        content: attr(data-label);
        float: right;
        font-weight: bold;
        text-transform: uppercase;
        padding-left: 2rem;
    }

    /*
    Label the data
    */
    .wphw-user-forms td:nth-of-type(1):before { content: "تاریخ تکلیف"; }
    .wphw-user-forms td:nth-of-type(2):before { content: "عنوان تکلیف"; }
    .wphw-user-forms td:nth-of-type(4):before { content: "وضعیت"; }
    .wphw-user-forms td:nth-of-type(4):before { content: ""; }
    .wphw-user-forms td:nth-of-type(5):before { content: "مهلت انجام"; }

}

/* alert */
.wphw_alert {
    padding: 20px;
    background-color: #f44336;
    color: white;
    opacity: 1;
    transition: opacity 0.6s;
    margin-bottom: 15px;
}


.wphw_alert .alert.warning {
    background-color: #ff9800;
    margin-bottom: 1rem;
}

.wphw_closebtn  {
    float: left !important;
    cursor: pointer;
    padding: 0  !important;;
    margin: 0 !important;;
    color: #fff !important;;
    background-color: transparent !important;;
    opacity: 1 !important;;
    font-weight: bold;
    font-size: 22px;
    line-height: 20px;
    transition: 0.3s;
}

.wphw_closebtn:hover {
    color: black;
}
.wphw_link_edit{
    margin-right: 1rem;
    padding: 0 5px;
    background-color: #fff;
    border-radius: 5px;
}
#wphw_myDropzone{
    border: 2px dashed;
}

/* show files */
.wphw_old_image_upload{
    border-radius: 20px;
    overflow: hidden;
    width: 90%;
    height: 120px;
    position: relative;
    display: block;
    z-index: 10;
    margin-left: auto;
    margin-right: auto;
    object-fit: cover;
}
.wphw_btn_remove_uploaded{
    background-color: transparent !important;
    text-decoration: none !important;
    margin-right: 2rem !important;
    margin-top: 8px !important;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none;
}
.wphw_btn_remove_uploaded{
    padding: 0 !important;
    color: red;
    text-align: center;
    margin-left: auto;
    margin-right: auto !important;
    font-weight: 400;
}
.wphw_row_list_homeworks{
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    margin-top: 1rem;
}
.wphw_col_list_homeworks{
    flex: 0 0 20%;
    max-width: 20%;
    padding: 1rem;
}

@media (max-width: 656px) {
    .wphw_col_list_homeworks{
        flex: 0 0 33%;
        max-width: 33%;
    }

}
@media (max-width: 500px) {
    .wphw_old_image_upload{
        height: 90px;
    }
}
@media (max-width: 380px) {
    .wphw_old_image_upload{
        height: 70px;
    }
}