.pageContainer.margin-4 {
    padding: 4% 4%;
}

[layout-margin] > [flex-gt-sm] {
    margin:1% 2%; 
}

.client .layout-row {
    padding-left: 11px;
    padding-right: 11px;
}

[layout-padding] > .md-content-image{
    padding: 0;
}
.layout-align-center-stretch{
    text-align: center;
}

.layout-padding hr{
    width: 32%;
    padding: 0;
    height: 1px;
    border: none;
    background: #83c184;
}

.md-content h2{
    color: #009734;
    font-size: 1.9vw;
    font-weight: 100;
}

.md-content img{
    margin: 15% 0;
}

.md-content a{
    width: 100%;
    display: block;
    box-sizing: border-box;
}

.new-application .heading2 {
    text-align: center;
    font-size: 17px;
    margin-top: 0;
}

.new-application .content {
    margin-top: 39px;
}

.new-application .ingridient-box:after{
    clear: both;
    content: '';
    display: block;
}
.new-application .ingridient-box.ingredient-section-title {
    line-height: 20px;
}
.new-application .ingridient-box .left-side.ingredient-section-title, .new-application .ingridient-box .left-side.manufacturing-section-title {
    width: 80%;
}
.new-application .ingridient-box .left-side {
    width: 77%;
    float: left;
    /*max-width: 742px;*/
    box-sizing: border-box;
}

.new-application .ingridient-box .right-side {
    width: 20%;
    float: left;
    box-sizing: border-box;
    text-align: center;
}
.new-application .ingridient-box .left-side h3, .new-application .manufacturing-box .left-side h3{
    font-size: 16px;
    color: #73B573;
    margin: 0;
}
.new-application .ingridient-box .right-side span {
    color: #7F7F7F;
    font-size: 14px;
}
.new-application .ingridient-box .layout-row {
    padding: 0;
}
.new-application .ingridient-box .left-side .container-ingridient {
    float: left;
    width: 51%;
}
.new-application .ingridient-box .left-side .container-supplier {
    width: 48%;
    float: right;
}
.new-application .ingridient-box .left-side:after{
	content: '';
	clear: both;
	display: block;
}
.new-application .ingridient-box,.new-application .manufacturing-box {
    margin-top: 10px;
}
.new-application .ingridient-box .right-side a.upload {
    display: inline-block;
    text-indent: -9999px;
    width: 50px;
    height: 50px;
    background: url(/assets/images/certificate_verify.png) no-repeat;
    background-size: cover;
    margin: 0 0 0 10px;
    background-position: 0 -5px;
}
.new-application .md-autocomplete .md-input-container input.ng-valid-required {
    color: #000;
}
.new-application .ingridient-box .remove-side {
    width: 3%;
    float: left;
}
.new-application .ingridient-box .sub-side {
    float: left;
    clear: both;
    display: block;
    text-align: right;
    width: 80%;
}
.sub-ingredients{
    padding-left: 30px;
    clear: both;
}
.new-application .ingridient-box .remove-side a {
    display: block;
    text-indent: -9999px;
    width: 16px;
    height: 16px;
    background: url(/assets/images/delete.png ) no-repeat;
    background-size: 100% auto;
    margin-top: 12px;
}
.new-application .container-add-ingridient a {
    background: url(/assets/images/green_plus.png ) no-repeat;
    background-size: 24px;
    padding-left: 32px;
    color: #2C8435;
    font-size: 14px;
    width: 159px;
    display: block;
    box-sizing: border-box;

}
.new-application .container-add-ingridient a {
    width: 100%;
    margin-bottom: 15px;
}
.new-application .ingridient-box .left-side .container-ingridient .md-input-container,
.new-application .ingridient-box .left-side .container-supplier .md-input-container{
	max-height: 51px;
}
.new-application .text {
    width: 100%;
    padding: 3px 18px;
    font-size: 19px;
    color: #7F7F7F;
    border: solid 1px #bebebe;
}
.container-new-supplier {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1;
}
.container-new-supplier .relative-container {
    position: relative;
    width: 100%;
    height: 100%;
}
.container-new-supplier .box_white_topper {
    background: #FFF;
    width: 100%;
    max-width: 800px;
    margin: auto;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    bottom: 0;
    max-height: 950px;
    left: 0;
    right: 0;
    padding: 40px;
}
.container-new-supplier .box_white {
    background: #FFF;
    width: 100%;
    max-width: 900px;
    margin: auto;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    bottom: 0;
    max-height: 920px;
    left: 0;
    right: 0;
    padding: 40px;
    overflow: auto;
}
.closeUploadPopUp {
    position: absolute;
    top: -17px;
    right: -10px;
    width: 30px;
    z-index: 4;
    cursor: pointer;
}
.container-new-supplier .box_white .internal-container h3 {
    margin: 0;
    color: #2A8232;
    text-align: center;
    font-size: 27px;
    font-weight: 500;
}
.container-new-supplier .box_white .internal-container hr {
    width: 24%;
    border: 0;
    border-top: solid 1px #96C896;
    margin-top: 21px;
}
.container-new-supplier .box_white .internal-container form{
    margin-top: 45px;
    margin-bottom: 0;
}
.bulk-btns-design .container-btns,
.container-new-supplier .box_white .internal-container form .md-input-container,
.container-new-supplier .box_white .internal-container form .container-btns {
    width: 80%;
    margin: 10px auto;
    text-align: justify;
    text-justify: inter-word;
    text-align-last: justify;
    /* for IE9 */
    -ms-text-align-last: justify;
}
.bulk-btns-design .container-btns .btn,
.container-new-supplier .box_white .internal-container form .container-btns .btn {
    width: 30%;
    background: #2A8232;
    color: #FFF;
    font-weight: 600;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 3px;
    padding: 7px;
    /* float: right; */
    text-align: center;
    text-align-last: center;
    /* for IE9 */
    -ms-text-align-last: center;
}
.bulk-btns-design .container-btns .btn.cancel,
.container-new-supplier .box_white .internal-container form .container-btns .btn.cancel{
    background: #8A8A8A;
    /* float: left; */
}
.bulk-btns-design .container-btns:after,
.container-new-supplier .box_white .internal-container form .container-btns:after{
    clear: both;
    content: '';
    display: block;
}
.container-new-supplier .md-block {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 16px;
}
.manufacture-div {
    width: 100%;
    overflow: hidden;
    padding: 12px 0;
}
.manufacture-div .input-div {
    width: 85%;
    float: left;
}
.manufacture-div .btn-green {
    width: 12%;
    float: right;
    border-radius: 3px;
}
.manufacture-div .btn-green a{
    margin: 8px 0;    
    font-size: 18px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    line-height: 35px;
    padding: 6px;
}
.man-aid a.btn-close {
    display: inline-block;
    width: 12px;
    height: 12px;
    float: right;
    margin-top: 13px;
}
.man-aid {
    width: 120px;
    padding: 0px 10px;
    line-height: 34px;
    background: #565656;
    color: #fff;
    float: left;
    margin: 10px 7px 10px 0;
}
.application-review-btn {
    text-align: center;
    cursor: pointer;
}
.app-select-options a, .app-select-options a:hover, .app-select-options span, .app-select-options span:hover{
    color: #73B573;
}
.app-select-options.col-md-12 {
    clear: both;
    padding: 20px;
}
.app-select-options .col-md-4, .app-select-options .col-md-4 a{
    text-align: center;
    color: #73B573;
    font-weight: 500;
    line-height: 22px;
    cursor: pointer;
    margin: 2%;
}
.app-select-options .col-md-4 span {
    display: block;
}
.icon-action {
    max-width: 92px;
    width: 100%;
    vertical-align: text-bottom;
}
.icon-action-fix{
    max-width: 112px;
    margin-top: -12px;
}
.text-icon-fix{
    margin-top: -8px;
}
.new-application .ingridient-box .right-side a.upload.has-file {
    background-position-y: -55px;
}
.new-application .sub-ingredients .ingridient-box .right-side a.upload.has-file {
    background-position-y: -45px;
}
.new-application .ingridient-box .right-side span.more_cert_supp_info {
    float: right;
    width: 24px;
    height: 24px;
    margin: 5px 0 0 0;
}
span.more_cert_supp_info .more_cert_supp_info-detail 
{
    position: absolute;
    display: none;
    top: -80px;
    width: 360px;
    left: -370px;
    background: #EFEFEF;
    border: 1px solid #f1efef;
    text-align: left;
    padding: 4px;
}
span.more_cert_supp_info .more_cert_supp_info-detail.open
{
    display: block;
}
.app-select-options span {
    font-size: 1em;
    display: block;
    text-align: center;
}
.container-checkbox {
    font-size: 1.16em;
    margin-top: 10px;
}
.phide {
    display: none;
}
.dis_input p {
    font-size: 1.16em;
}
.dis_input .dis_text {
    padding: 3px 18px;
    font-size: 1.16em;
    color: #7F7F7F;
    border: solid 1px #bebebe
}
.dis_input input {
    width: 100%;
    margin-top: 10px;
}
.sub-side a:link {
    color: #2C8435;
    text-decoration: underline;
}

.hala-cert span {
    text-align: left;
}
.sub-ingredients .remove-side, .sub-ingredients .left-side, .sub-ingredients .right-side {
    margin-top: 10px !important;
}
.sub-ingredients input {
    background-color: #F0F0F0;
    font-size: 16px !important;
    padding: 2px 8px;
}
.sub-ingredients .ingridient-box .right-side a.upload {
    width: 41px !important;
    height: 39px !important;
    margin-top: 0 !important;
}

/** Ranier **/
#addManufacture {
    width: 100%;
}
.percentfix {
    margin-top: 20px;
}
.percentfix .left-side h3 {
    font-size: 16px;
    color: #73B573;
    margin-bottom: 15px;
}
.percent input {
    font-size: .86em;
}
.percent {
    width: 97%;
    /* padding: 3px 18px; */
    font-size: 19px;
    color: #7F7F7F;
    border: solid 1px #bebebe;
}
div div input.percent {
    padding: 0;
}
.sub-ingredients input.input-number {
    padding: 0;
}
.modal-backdrop {
    z-index: -1;
}
#deleteproduct .modal-content, #feedback .modal-content {
    border-radius: 0;
    border-width: 0;
}
#deleteproduct .modal-header, #feedback .modal-header {
    border: 0;
    padding-top: 50px;
}
#deleteproduct .modal-header h3, #feedback .modal-header h3 {
    margin: 0;
    color: #d40e22;
    text-align: center;
    font-size: 27px;
    font-weight: 500;
}
#deleteproduct .modal-header hr, #feedback .modal-header hr {
    width: 24%;
    border: 0;
    border-top: solid 1px #96C896;
    margin-top: 23px;
}
#deleteproduct .modal-body, #feedback .modal-body {
    text-align: center;
    margin-bottom: 30px;
}
#deleteproduct .modal-body h1, #feedback .modal-body h1 {
    font-size: 40px;
    color: #9a9a9a;
}
#deleteproduct .modal-body p, #feedback .modal-body p {
    font-size: 20px;
}
#deleteproduct .modal-footer, #feedback .modal-footer {
    border: 0;
    text-align: center;
}
#deleteproduct .modal-footer button, #feedback .modal-footer button {
    margin: 0 auto;
    display: block;
}
#deleteproduct .modal-footer .btn+.btn, #feedback .modal-footer .btn+.btn {
    margin: 0 auto;
    margin-bottom: 50px;
    margin-top: 35px;
}
#deleteproduct .modal-footer .btn-danger a, #feedback .modal-footer .btn-danger a{
    color: white;
}

.app-select-options.col-md-12 .addprod {
    margin-left: 150px;
}

.application-feedback {
    margin-top: 10px;
    width: 15%;
    border-radius: 0;
}
#feedback .modal-body div {
    width: 70%;
    margin: 0 auto;
    background-color: whitesmoke;
}
#feedback .modal-body div p {
    font-size: 14px;
    word-wrap: break-word;
    padding: 0 15px;


}
#feedback .modal-body .date {
    font-size: 15px;
    text-align: left;
    width: 70%;
    margin: 0 auto;
}
.left-side.rejected input {
    border: solid 1px red;
}
.left-side.more_info_needed input {
    border: solid 1px #f38415;
}
.left-side.approved input {
    border: solid 1px green;
}
div .tooltip-inner {
    background-color: white;
    color: #333;
    max-width: 300px;
    border: 1px solid #AAA;
    padding: 5px 12px;
}
div .tooltip.top .tooltip-arrow {
    border-top-color: #AAA;
}
.selectupload {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    background: url(/assets/images/arrow_down.svg) no-repeat;
    background-position: 100% 50%;
}
/******Paolo's Css*****/
.Edate{
    font-size: 17px;
    font-weight: 500;
}
.container1 {
    text-align:center;
    height: 1px;
    margin-bottom: 25px;
    overflow: hidden;
}
.inlineblock { 
    display: inline-block;
    zoom: 1;
    display: inline; /* ie hack */
    background-color: #d3d3d3;
    width: 100%;
    height: 1px;
}


/********************** Media Query only after this line ***************************/
/**
Min at top and increasing order
Max at bottom and decreasing order

**/


@media (min-width: 320px){

    .new-application .text {
        padding: 3px 6px;
        font-size: 14px;
    }
    .percentfix .percent {
        width: 92% !important;
    }
    .app-select-options .col-md-4 {
        margin: 0%;
    }
    
}
@media (min-width: 375px) {

    .new-application .text {
        padding: 3px 8px;
        font-size: 17px;
    }
    .percentfix .percent {
        width: 93% !important;
    }
    
}
@media (min-width: 425px) {

    .new-application .text {
        padding: 3px 8px;
        font-size: 17px;
    }
    .percentfix .percent {
        width: 95%;
    }
    
}
@media (min-width: 768px) {

    .percentfix .percent {
        width: 95%;
    }
    
}
@media (min-width: 1024px) {

    .percentfix .percent {
        width: 95%;
    }
    
}

/* @media (min-width: 1025px){
    .app-select-options .col-md-4 img {
        /*width: 30%;
    }
} */
@media (min-width: 1600px)
{
    .container-new-supplier.new-certificate .box_white,
    .container-new-supplier .box_white_topper {
        max-height: 880px;
    }
}

@media (max-width: 960px){
    .new-application .ingridient-box .right-side {
        text-align: center;
    }
    .new-application .ingridient-box.ingredient-section-title .right-side .right-side-upload,
    .new-application .ingridient-box.ingredient-section-title .right-side .halal-cert  {
        display: inline-block;
    }
    .container-new-supplier .box_white,
    .container-new-supplier .box_white_topper {
        max-width: 600px;
    }
}
@media only screen and (max-width: 599px){
    .md-content h2{
        font-size: 5px;
    }
    body {
        font-size: 12px;
    }
    .app-select-options.col-md-12 {
        padding: 1px;
        margin-top: 20px;
    }
}