﻿/*APA Center Start*/
.mainBody {
    margin-top: 20px;
}

.table.table-striped.apa-center-list th {
    text-align: left;
}

.list-center {
    text-align: center !important;
}

.apa-center-search {
    margin-bottom: 0px;
}

.table.apa-center-search {
    margin-bottom: 0;
}

.apa-center-search > thead > tr > th {
    border-bottom: none;
    color: #000;
    font-weight: normal !important; /*search Fields to normal than Image*/
}

table.table.apa-center-search th {
    padding-bottom: 0;
}

.apa-center-list .table tr td {
    color: #4f4e4e;
    text-align: left;
}

.apa-center-list tbody {
    font-size: 14px;
}
/*table.table.table-striped.apa-center-list th {
    font-family: 'Roboto', sans-serif;
}*/
.apa-center-list tr td span {
    display: block;
}

.apa-center-search th {
    font-weight: normal;
    background: #fff;
    border-bottom: none;
}

.apa-center-search tr td {
    border-top: medium none !important;
    padding-top: 0 !important;
}

.apa-center-search th:nth-child(1) {
    width: 12%;
}

.apa-center-search th:nth-child(2) {
    width: 12%;
}

.apa-center-search th:nth-child(3) {
    width: 12%;
}

.apa-center-search th:nth-child(4) {
    width: 8%;
}

.apa-center-search th:nth-child(5) {
    width: 12%;
}

.apa-center-search th:nth-child(6) {
    width: 12%;
}

.apa-center-search th:nth-child(7) {
    width: 12%;
}

.apa-center-search th:nth-child(8) {
    width: 11%;
}

.apa-center-search th:nth-child(9) {
    width: 8%;
}

.apa-center-search th:nth-child(10) {
    width: 8%;
}

.apa-center-search .form-group {
    margin: 5px 0;
}

.apa-center-list th {
    background: #daf3e4;
    color: #000 !important;
    font-weight: normal;
    text-transform: uppercase;
    border-top: 1px solid #ddd !important;
}

.apa-center-list {
    margin-bottom: 0px;
}

    .apa-center-list thead, .apa-center-list thead td {
        /*font-size:13px;*/
        text-transform: uppercase;
        color: #000 !important;
    }

    .apa-center-list th {
        width: 10%;
    }

        .apa-center-list th:nth-child(1) {
            width: 10%;
        }

        .apa-center-list th:nth-child(2) {
            width: 14%;
        }

        .apa-center-list th:nth-child(3) {
            width: 15%;
        }

        .apa-center-list th:nth-child(4) {
            width: 10%;
        }

        .apa-center-list th:nth-child(5) {
            width: 10%;
        }

        .apa-center-list th:nth-child(6) {
            width: 8%;
        }

        .apa-center-list th:nth-child(7) {
            width: 10%;
        }

        .apa-center-list th:nth-child(8) {
            width: 10%;
        }

        .apa-center-list th:nth-child(9) {
            width: 8%;
        }

    .apa-center-list .form-group {
        margin: 5px 0;
    }

    .apa-center-list .radio {
        margin-top: 12px;
    }

    .apa-center-list .fa-times {
        color: #d23327;
        font-size: 20px;
    }

    .apa-center-list .fa-check {
        font-size: 20px;
        color: #000000;
    }

    .apa-center-list thead, .apa-center-list thead td {
        /*font-size: 13px;*/
        text-transform: uppercase;
        color: #000 !important;
    }

.shipped {
    display: inline-block;
    background: url(images/shipped.png) 0px 3px no-repeat;
    padding-left: 20px;
    color: #000 !important;
}

.approved {
    display: inline-block;
    background: url(images/approved.png) 0px 3px no-repeat;
    padding-left: 20px;
    color: #000 !important;
}

.submitted {
    display: inline-block;
    background: url(images/submitted.png) 0px 3px no-repeat;
    padding-left: 20px;
    color: #000 !important;
}

.nostatus {
    display: inline-block;
    /*background: url(images/submitted.png) 0px 3px no-repeat;*/
    padding-left: 20px;
    color: #000 !important;
    width: 80px;
}

.noShipped {
    display: inline-block;
    /*background: url(images/submitted.png) 0px 3px no-repeat;*/
    padding-left: 20px;
    color: #000 !important;
    width: 65px;
}

.apa-list-body tr td {
    text-align: left;
}

.apa-list-body a:hover, .apa-list-body a.active {
    color: #cc0a15;
    text-decoration: none;
}
/*APA Center End*/

/*Create APA Start*/

.requestform {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 20px;
}

.sales-info-box {
    display: inline-block;
    width: 100%;
}

.sales_info {
    display: inline-block;
    width: 100%;
}

    .sales_info h3 {
        font-size: 16px;
        border-bottom: solid 1px #ccc;
        color: #4f4e4e;
        text-transform: uppercase;
        padding-bottom: 5px;
        margin-bottom: 15px;
        font-family: "RobotoRegular";
        font-weight: bold;
    }

    .sales_info strong {
        color: #4f4e4e;
    }

.smalltext {
    font-size: 10px;
}

.sales-info-left {
    float: left;
    width: 50%;
    padding: 0px 15px 0 0px;
}

.sales-info-right {
    float: left;
    width: 50%;
    padding: 0px 15px;
}

.sample-fullfillment {
    float: left;
    width: 100%;
    padding: 0px 15px 0 0px;
}

.newrow {
    display: inline-block;
    width: 100%;
}

ul.reliability-list {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.reliability-list a {
        font-size: 40px;
        color: #CCCCCC;
        line-height: 20px;
    }

    ul.reliability-list li {
        width: 100%;
        margin-bottom: 5px;
    }

        ul.reliability-list li h3 {
            text-transform: uppercase;
            border-bottom: solid 1px #a4a4a4;
            padding-bottom: 5px;
            font-size: 14px;
            font-weight: bold;
            color: #4f4e4e;
        }

.viewlink {
    color: #cc0a15;
    text-decoration: underline;
    padding: 0px 2px;
    display: inline-block;
}

    .viewlink:hover {
        text-decoration: none;
        display: inline-block;
    }

.key-src-table-striped tr td span {
    display: block;
}

.completedlink {
    color: #7acb4a;
}

.shippednonelink {
    color: #959396;
}

.submit-btn {
    background: #6cac89;
    color: #FFFFFF;
    padding: 4px 20px;
}

.cancel-btn {
    background: #a8a8a8;
    color: #FFFFFF;
    padding: 4px 20px;
}

.submit-btn:hover {
    opacity: 0.8;
    color: #FFFFFF;
}

.cancel-btn:hover {
    color: #FFFFFF;
    background: #6cac89;
}

.submit-btn, .cancel-btn {
    margin-bottom: 10px;
}

.form-group {
    color: #4f4e4e;
    margin-bottom: 15px;
}

.creat-apa .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: left;
}

.address-line {
    text-align: right !important;
}

.creat-apa small, .small {
    font-size: 85%;
    font-weight: normal;
}

/*Create APA End*/

/*Confirmation div start*/
.confirmed-div {
    display: inline-block;
    padding: 50px 240px 60px;
}

    .confirmed-div p {
        font-size: 18px;
        line-height: 20px;
        color: #333333;
    }

        .confirmed-div p strong {
            color: #000000;
            font-weight: 700;
            font-size: 18px;
            line-height: 25px;
        }
/*Confirmation div  End*/

a.inactive {
    color: #4f4e4e;
}

    a.inactive:hover {
        color: #4f4e4e;
    }

/* SubMit a sample request start*/
/*.meterial-type > tbody > tr > th, .meterial-type > tbody > tr > td{ border:none;}
.sales_info.table-bordered{ border:none;}*/
.meterial-type thead:first-child > tr:first-child > th {
    border-bottom: 0;
}

.addDiv {
    display: inline-block;
    border-bottom: dotted 1px #999999;
    border-top: dotted 1px #999999;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 0px;
}

.btnDiv {
    display: block;
    text-align: center;
    margin-top: 0px;
}

.quantity-input {
    width: 80%;
    display: inline-block;
}

.pellet-input {
    width: 80%;
    display: inline-block;
}

.meterial-type span {
    padding: 0px 0px 0px 3px;
}

/* SubMit a sample request end*/

.faTimes i {
    color: #d23327;
    font-size: 25px;
    cursor: pointer;
    padding: 0px 5px;
}

.faedit i {
    font-size: 20px;
    padding: 0px 5px;
    cursor: pointer;
    color: rgba(40,96,144,1);
}

.meterial-type {
    margin-bottom: 0px;
}

.material-list {
    border-bottom: 1px dotted #999999;
}

.validateInput {
    border: 1px solid #cc0a15;
    display: inline-block;
}

/*07 Sample Request Fullfillment start*/
.sample-to {
    float: left;
    width: 41%;
    padding: 0px 0px;
}

.vspc-row {
    float: left;
    width: 100%;
    padding: 0px 0px;
}

.vspc {
    float: left;
    width: 28%;
    padding: 0px 15px 0px 0;
}

.document-language {
    float: left;
    width: 60%;
    padding: 0px 15px;
}

.srf .form-horizontal .control-label {
    text-align: left;
}

.control-right {
    text-align: right !important;
}
/*07 Sample Request Fullfillment end*/

.paddingLeft16 {
    padding-left: 16px;
}

/*Sample Request Center*/

.key-src-hed {
    margin-bottom: 0px;
}

    .key-src-hed > thead > tr > th {
        border-bottom: none;
        color: #000;
        text-transform: uppercase;
        font-weight: normal !important;
    }

table.table.key-src-hed th {
    padding-bottom: 0;
}

.key-src-hed th {
    font-weight: normal;
    background: #fff;
    border-bottom: none;
}

.key-src-hed tr td {
    border-top: medium none !important;
    padding-top: 0 !important;
}

.key-src-hed th:nth-child(1) {
    width: 12%;
}

.key-src-hed th:nth-child(2) {
    width: 12%;
}

.key-src-hed th:nth-child(3) {
    width: 11%;
}

.key-src-hed th:nth-child(4) {
    width: 12%;
}

.key-src-hed th:nth-child(5) {
    width: 10%;
}

.key-src-hed th:nth-child(6) {
    width: 10%;
}

.key-src-hed th:nth-child(7) {
    width: 12%;
}

.key-src-hed th:nth-child(8) {
    width: 12%;
}

.key-src-hed th:nth-child(9) {
    width: 8%;
}

.key-src-hed th:nth-child(10) {
    width: 8%;
}

.key-src-hed .form-group {
    margin: 5px 0;
}

.key-src-table .caret {
    margin-right: 4px;
    float: right;
    margin-top: 8px;
}

.key-src-table th {
    background: #daf3e4;
    color: #000 !important;
    font-weight: normal;
    text-transform: uppercase;
    border-top: 1px solid #ddd !important;
}

    .key-src-table th a {
        color: #000;
        text-decoration: none;
    }

.key-src-table {
    margin-bottom: 0px;
}

    .key-src-table thead, .key-src-table thead td {
        font-size: 13px;
        text-transform: uppercase;
        color: #000 !important;
    }

.odd:nth-child(even) {
    background: #CCC;
}

/*.key-src-table > thead > tr > th, .key-src-table > tbody > tr > th, .key-src-table > tfoot > tr > th, .key-src-table > thead > tr > td, .key-src-table > tbody > tr > td, .key-src-table > tfoot > tr > td {
    border-top: none;
}*/

.key-src-table th {
    border-right: dashed 1px #FFFFFF;
}

.width6 {
    width: 6%;
    text-align: left !important;
}

.width7 {
    width: 7%;
    text-align: left !important;
}

.width10 {
    width: 10%;
    text-align: left !important;
}

.width13 {
    width: 13%;
    text-align: left !important;
}

.width12 {
    width: 12%;
    text-align: left !important;
}

.width8 {
    width: 8%;
    text-align: left !important;
}

.internal-width1 {
    width: 12%;
    text-align: left !important;
    padding: 0px !important;
}

.internal-width2 {
    width: 11%;
    text-align: left !important;
    padding: 0px !important;
}

.internal-width3 {
    width: 8%;
    text-align: left !important;
    padding: 0px !important;
}

.internal-width4 {
    width: 8%;
    text-align: left !important;
    padding: 0px !important;
}

.internal-width5 {
    width: 8%;
    text-align: left !important;
    padding: 0px !important;
}

.internal-width6 {
    width: 1%;
    text-align: left !important;
    padding: 0px !important;
}

.key-src-table tbody a {
    color: #cc0a15;
    text-decoration: none;
}

.key-src-table .form-group {
    margin: 5px 0;
}

.key-src-table .radio {
    margin-top: 12px;
}

.key-src-table .fa-times {
    color: #d23327;
    font-size: 20px;
}

.key-src-table .fa-check {
    font-size: 20px;
    color: #000000;
}

.key-src-table thead, .key-src-table thead td {
    font-size: 13px;
    text-transform: uppercase;
    color: #000 !important;
}

.table .table {
    background-color: transparent;
}

.tbl-sample-center-internal tr td {
    border: none !important;
}

    .tbl-sample-center-internal tr td span {
        display: block;
    }

.tbl-material-types tr td {
    padding-bottom: 10px !important;
    border-top: none;
    padding-top: 0px !important;
}

.tbl-material-types tbody tr td {
    border-top: none;
}

.pt-0 {
    padding-top: 0;
}

.check-list-items li, .check-list-items {
    padding-left: 0px;
    list-style: none;
}

.GenerateQuoteProceed .sales_info h3 {
    text-transform: none;
}

/*Quote Center Search*/
.qt-center-search {
    margin-bottom: 0px;
}

.table.qt-center-search {
    margin-bottom: 0;
}

.qt-center-search > thead > tr > th {
    border-bottom: none;
    color: #000;
    font-weight: normal !important; /*search Fields to normal than Image*/
}

table.table.qt-center-search th {
    padding-bottom: 0;
}

.qt-center-list .table tr td {
    color: #4f4e4e;
    text-align: left;
}

.qt-center-list tbody {
    font-size: 14px;
}
/*table.table.table-striped.apa-center-list th {
    font-family: 'Roboto', sans-serif;
}*/
.qt-center-list tr td span {
    display: block;
}

.qt-center-search th {
    font-weight: normal;
    background: #fff;
    border-bottom: none;
}

.qt-center-search tr td {
    border-top: medium none !important;
    padding-top: 0 !important;
}

.qt-center-search th:nth-child(1) {
    width: 14%;
}

.qt-center-search th:nth-child(2) {
    width: 14%;
}

.qt-center-search th:nth-child(3) {
    width: 14%;
}

.qt-center-search th:nth-child(4) {
    width: 14%;
}

.qt-center-search th:nth-child(5) {
    width: 14%;
}

.qt-center-search .form-group {
    margin: 5px 0;
    width: 130px;
}

.Approved-Quote {
    display: inline-block;
    padding-top: 20px;
}

    .Approved-Quote p {
        font-size: 18px;
        line-height: 20px;
        color: #333333;
    }

.pendingColor {
    color: #489667;
}

    .pendingColor:hover {
        color: #489667 !important;
    }

/*recipe details/*/
#editrecipe-table {
    margin-top: 10px;
}

    #editrecipe-table table {
        table-layout: fixed;
    }

        #editrecipe-table table td {
            height: 43px;
            vertical-align: middle;
            text-align: center;
        }

            #editrecipe-table table td i.fa {
                font-size: 20px;
                margin-right: 3px;
                cursor: pointer;
                color: ##888;
            }

            #editrecipe-table table td input[type="text"] {
                text-align: center;
            }

            #editrecipe-table table td .fa.fa-save {
                margin-left: 18px;
            }
/*#editrecipe-table table td .fa.fa-edit
    {
        color:#0330ad;
    }
    #editrecipe-table table td .fa.fa-save{
        color:#489667;
        margin-left:18px;
    }
    #editrecipe-table table td .fa.fa-remove
    {
        color:#cc0a15;
    }
    #editrecipe-table table td .fa.fa-trash{
        color:#cc0a15;
    }*/

#editIPCEDetails .col-md-12 {
    padding: 10px;
}

.btncolor {
    color: #fff;
}

.new-trash {
    margin-right: -18px !important;
}

.btn-add-recipe {
    margin-top: 9px;
}

.btndiv-add-save {
    text-align: right;
}