.module-layer{
    position : relative;
    margin-top: 1%;
    background: rgba(255, 255, 255, 0.8);
    margin-bottom: 3%;
}

.suppliers-info{
    display: inline-block;
    width:10%;
}

#suppliers-layer{
    .module-layer;

    .edit-tr{
        display: block;
        width:100%;
    }

    .suppliers-add-edit{
        width: 100%;
        display: block;
    }

    .supplier-input{
        display: block;
        width: 100%;
    }

    .supplier-group{
        display: block;
        width:100%;
        margin-bottom: 1%;
    }
}

#suppliers-products-layer{
    .module-layer;

    .edit-tr{
        display: block;
        width:100%;
    }

    .product-input{
        display: block;
        width: 100%;
    }

    .product-group{
        display: inline-block;
        width:48%;
        margin-bottom: 1%;
    }

    .drop-box {
        cursor: pointer;
        color: #337ab7;
        border: 5px dashed #337ab7;
        border-radius: 10px;
        text-align: center;
        vertical-align: middle;
        font-size: 150%;
        padding: 10% 0;
        margin-top: 2%;
    }

    .dragover {
        border: 5px dashed #4CC417;
    }

    .show-documents-icon{
        cursor: pointer;
    }

    .remove-document-icon{
        cursor: pointer;
        color: red;
        margin-left: 5px;
    }
}

#suppliers-products-add-layer{
    .module-layer;
    padding-bottom: 2%;

    .form-notice{
        display: inline-block;
    }

    .notice-icon{
        color: #337ab7;
    }

    .product-radio-layer{
        display: inline-block;
        margin-left: 1%;
    }
}

#suppliers-add-layer{
    .module-layer;
    padding-bottom: 2%;

    #suppliers-add-steps-layer{
        display: inline-block;
        width:100%;
        text-align: center;
    }

    .suppliers-add-step{
        display: inline-block;
        padding: 1%;
        border-radius: 5px;
    }
    .step-ongoing{
        background: #2184be;
        color: #FFF;
    }

    .step-done{
        background: #9dc8e2;
        color: #FFF;
    }

    .step-inactive{
        background: #eee;
        color: #aaa;
    }

    .step-link{
        display: inline-block;
        height: 2px;
        width: 5%;
        background: #2184be;
        vertical-align: middle;
    }
}
