body {

    background: #d6f2b7 none repeat scroll 0 0;

    font: 13px/16px "Lucida Grande",Arial,sans-serif;

    margin-bottom: 10px;

    margin-top: 10px;

    padding: 0;

}



.header-holder {

    background: #689e00 none repeat scroll 0 0;

    border-top-left-radius: 15px;

    border-top-right-radius: 15px;

    height: 120px;

    margin: 0 auto;

}



.logo {

    margin-left: 15px;

    margin-right: 15px;

    padding-top: 15px;

}



.headings > h1 {

    font-size: 27px;

    color: #fff;

}



.headings h2 {

    color: #fff;

    font-size: 22px;

    margin-top: 0;

}



.content {

    background-color: #fff;

    margin-top: -20px;

}



.footer {

    background: #689e00 none repeat scroll 0 0;

    border-bottom-left-radius: 15px;

    border-bottom-right-radius: 15px;

    color: #ffffff;

    font-family: Verdana,Arial,Helvetica,sans-serif;

    font-size: 12px;

    min-height: 40px;

    margin: 0 auto 10px;

    padding-top: 15px;

    text-align: center;

}



#Div_UPMessage {

    margin: auto;

    position: fixed;

    right: 97px;

    top: 190px;

    width: 650px;

    z-index: 10000000;

}



.alert-danger {

    background-color: #dd4b39 !important;

}



    .alert-danger p {

        color: #fff !important;

    }



.alert-success {

    background-color: #00a65a !important;

}



    .alert-success p {

        color: #fff !important;

    }



.table > tbody > tr > th {

    background-color: #689e00;

    color: #fff !important;

}



.ajax__tab_inner span {

    background-color: #e0e6eb;

    border: medium none;

    -webkit-border-top-left-radius: 10px;

    -webkit-border-top-right-radius: 10px;

    -moz-border-radius-topleft: 10px;

    -moz-border-radius-topright: 10px;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    color: #616c76;

    cursor: pointer;

    font-size: 14px;

    font-weight: 400;

    margin-bottom: 10px;

    margin-right: 4px;

    padding: 7px 24px 8px;

    transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;

    vertical-align: middle;

    border: 1px solid #689e00;

    cursor: pointer;

}



    .ajax__tab_inner span a, label {

        cursor: pointer;

    }



.tab-button {

    background-color: #18a689;

    border: medium none;

    -webkit-border-top-left-radius: 10px;

    -webkit-border-top-right-radius: 10px;

    -moz-border-radius-topleft: 10px;

    -moz-border-radius-topright: 10px;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    color: #616c76;

    cursor: pointer;

    font-size: 14px;

    font-weight: 400;

    margin-right: 4px;

    padding: 7px 24px 8px;

    transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;

    vertical-align: middle;

    border: 1px solid #689e00;

    cursor: pointer;

    margin-right: 0px !important;

    margin-left: 0px !important;

}



.ajax__tab_active .ajax__tab_inner span {

    background-color: #689e00;

    border: medium none;

    border-radius: 0;

    color: #fff;

    cursor: pointer;

    font-size: 14px;

    font-weight: 400;

    margin-bottom: 10px;

    margin-right: 4px;

    padding: 7px 24px 8px;

    transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;

    vertical-align: middle;

    -webkit-border-top-left-radius: 10px;

    -webkit-border-top-right-radius: 10px;

    -moz-border-radius-topleft: 10px;

    -moz-border-radius-topright: 10px;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    border: 1px solid #689e00;

    cursor: pointer;

}



.ajax__tab_hover .ajax__tab_inner span {

    background-color: #689e00 !important;

    border: medium none;

    border-radius: 0;

    color: #fff !important;

    cursor: pointer;

    font-size: 14px;

    font-weight: 400;

    margin-bottom: 10px;

    margin-right: 4px;

    padding: 7px 24px 8px;

    transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;

    vertical-align: middle;

    -webkit-border-top-left-radius: 10px;

    -webkit-border-top-right-radius: 10px;

    -moz-border-radius-topleft: 10px;

    -moz-border-radius-topright: 10px;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    cursor: pointer;

    border: 1px solid #689e00;

}



.btn-spance {

    margin-right: 0px !important;

    margin-left: 0px !important;

}







.ajax__tab_default .ajax__tab_outer {

    height: 33px !important;

}



.content {

    padding-bottom: 15px !important;

    padding-left: 30px;

    padding-right: 30px;

    padding-top: 15px !important;

}



.panel-heading > h3 {

    font-size: 16px;

    font-weight: 600;

    margin: 4px;

    padding: 0;

}



.panel-default > .panel-heading {

    background-color: #689e00 !important;

    border-color: #689e00 !important;

    color: #fff;

    border-radius: 0px;

}



.panel {

    background-color: #fff;

    border: 1px solid;

    border-radius: 0px;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);

    margin-bottom: 20px;

    border-color: #689e00;

}



.inlin-form-btn {

    margin-top: 21px;

}



.paragraph {

    color: #689e00;

    line-height: 24px;

    font-size: 16px;

    margin-bottom: 10px;

}



.main > h3 {

    color: #689e00;

}



.ddlFilter {

    border-style: solid;

    border-width: thin;

    border-color: Blue;

    width: 200px;

    background-color: Yellow;

    height: 20px;

}



div.ajax-loading {

    position: fixed;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    z-index: 9999999;

    background-image: url('../img/loading.gif');

    opacity: 0.7;

    filter: alpha(opacity=70); /* ie */

    -moz-opacity: 0.7; /* mozilla */

    background-color: Black;

}



    div.ajax-loading * {

        height: 100%;

        width: 100%;

        background-image: url('../img/loading.gif');

        background-position: center center;

        background-repeat: no-repeat;

        opacity: 1;

        filter: alpha(opacity=100); /* ie */

        -moz-opacity: 1; /* mozilla */

        background-color: Black;

    }



/*.table tbody tr:nth-child(even) {

    background: #d6f2b7 none repeat scroll 0 0;

}



.table tbody tr:nth-child(2n+1) {

    background:#f3fbce none repeat scroll 0 0;

}*/



/* --- print --- */

.print-heading > h2 {

    font-size: 23px;

    font-weight: bold;

    margin-top: 10px;

    text-align: center;

}



.a4paper {

    margin: auto;

    max-width: 950px;

}



.tenderno {

    margin-top: 20px !important;

}



.head-phara > p {

    font-size: 14px;

    line-height: 24px;

}



.terms > h3 {

    font-size: 16px;

    font-weight: bold;

    text-decoration: underline;

}



.pencil {

    background: url(../img/edit.png);

    padding: 3px 10px 5px 18px;

    background-repeat: no-repeat;

}



.publish {

    background: url(../img/publish.png);

    padding: 3px 10px 5px 18px;

    background-repeat: no-repeat;

}



.add {

    background: url(../img/add.png);

    padding: 3px 10px 5px 18px;

    background-repeat: no-repeat;

}





.edit, .print, .post, .delete, .disable, .new, .ledger, .update, .enable, .dwonload, .attach, .plus, .etander, .detail, .approve {

    background: rgba(255, 255, 255, 0.7) url("../img/bootstrap-images.png") no-repeat scroll 0 0;

    border: 1px solid #bbb;

    border-radius: 5px;

    box-shadow: 0 0 2px #aaa inset;

    margin-right: 5px;

    padding: 6px 15px;

}



a.approve {

    background-position: -281px 6px;

}



    a.approve:hover {

        background: #eee url(../img/bootstrap-images.png) no-repeat -281px 6px;

    }



a.detail {

    background-position: -255px 6px;

}



    a.detail:hover {

        background: #eee url(../img/bootstrap-images.png) no-repeat -255px 6px;

    }



a.edit {

    background-position: -87px -66px;

}



    a.edit:hover {

        background: #eee url(../img/bootstrap-images.png) no-repeat -87px -66px;

    }



a.post {

    background-position: -135px -66px;

}



    a.post:hover {

        background: #eee url(../img/bootstrap-images.png) no-repeat -135px -66px;

    }



a.print {

    background-position: -87px -41px;

}



    a.print:hover {

        background: #eee url(../img/bootstrap-images.png) no-repeat -87px -41px;

    }



a.delete {

    background-position: -304px 7px;

}



    a.delete:hover {

        background: #eee url(../img/bootstrap-images.png) no-repeat -304px 7px;

    }



a.disable {

    background-position: -112px -113px;

}



    a.disable:hover {

        background: #eee url(../img/bootstrap-images.png) no-repeat -112px -113px;

    }



a.enable {

    background-position: -87px -113px;

}



    a.enable:hover {

        background: #eee url(../img/bootstrap-images.png) no-repeat -87px -113px;

    }



a.new {

    background-position: -400px -90px;

}



    a.new:hover {

        background: #eee url(../img/bootstrap-images.png) no-repeat -400px -90px;

    }



a.ledger {

    background-position: -256px -17px;

}



    a.ledger:hover {

        background: #eee url(../img/bootstrap-images.png) no-repeat -256px -17px;

    }



a.update {

    background-position: -63px -89px;

}



    a.update:hover {

        background: #eee url(../img/bootstrap-images.png) no-repeat -63px -89px;

    }



a.dwonload {

    background-position: -87px -18px;

}



    a.dwonload:hover {

        background: #eee url(../img/bootstrap-images.png) no-repeat -87px -18px;

    }



a.attach {

    background-position: -135px -18px;

}



    a.attach:hover {

        background: #eee url(../img/bootstrap-images.png) no-repeat -135px -18px;

    }



a.plus {

    background-position: -399px -89px;

}



    a.plus:hover {

        background: #eee url(../img/bootstrap-images.png) no-repeat -399px -89px;

    }



a.etander {

    background-position: -232px -41px;

}



    a.etander:hover {

        background: #eee url(../img/bootstrap-images.png) no-repeat -232px -41px;

    }



.instraction {

    color: red;

    font-size: 16px;

    line-height: 20px;

    margin-bottom: 32px;

    margin-top: 10px;

    text-align: center;

}



.instraction-urdu > h2 {

    color: red;

    font-weight: 600;

    text-align: center;

}



.instraction-urdu {

    color: red;

    font-size: 18px;

    line-height: 25px;

    text-align: center;

}



.print-body > h2 {

    font-size: 22px;

    font-weight: bold;

    text-decoration: underline;

    text-align: center;

}



.reference > span {

    font-size: 14px;

}



.print-body > h3 {

    font-size: 25px;

    text-align: center;

}



.tender-points > p {

    font-size: 14px;

}



.department {

    font-size: 16px;

    line-height: 18px;

    text-align: right;

}



.main-body > p {

    font-size: 14px;

    line-height: 18px;

}



.latter {

    border: 1px solid #000;

    padding: 10px;

}



.subjtect {

    font-size: 18px;

    font-weight: 600;

    line-height: 21px;

}



.latter > strong {

    font-size: 20px;

}



.from {

    margin-top: 25px;

}



.office-use {

    font-size: 18px;

    font-weight: 600;

    line-height: 22px;

    min-height: 187px;

    position: relative;

    text-align: center;

}



.address > p {

    font-size: 18px;

    font-weight: 600;

    text-align: center;

}



.address > span {

    font-size: 18px;

    font-weight: 600;

}



.details {

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 10px;

    margin-top: 24px;

}



.officeseal {

    bottom: 0;

    position: absolute;

}



.worker {

    margin-top: 15px;

}



    .worker > p > strong {

        font-size: 18px;

    }



.address1 {

    background-color: #e0e6eb;

}



    .address1 > h3 {

        text-align: center;

        margin: 0 !important;

        padding: 0px !important;

    }



.bg-success {

    background-color: #689e00;

    color: #fff;

}



.userlogin {

    background-color: #689e00 !important;

    margin-left: -10px;

    margin-right: -10px;

    padding: 1px 1px 1px 15px;

}



    .userlogin > h3 {

        color: #fff;

    }



@media print {

    .page-break {

        display: block;

        page-break-before: always;

    }



    .cert-subject {

        background-color: #000;

        color: #fff;

        margin: auto;

        white-space: nowrap;

        width: 350px;

    }

}

/*--- certificate css style --- */

.cert-heading > h1 {

    font-size: 21px;

    font-weight: 600;

    text-align: center;

}



.kpk-logo {

    margin: auto;

    width: 140px;

}



    .kpk-logo > img {

        width: 140px;

    }



.kpk-logo {

    margin: 10px auto auto;

    width: 140px;

}



.cert-date > span {

    font-size: 16px;

    font-weight: 600;

}



.cert-subject > h2 {

    font-size: 23px;

    font-weight: 600;

    padding: 3px;

    text-align: center;

}



.cert-subject {

    background-color: #000;

    color: #fff;

    margin: auto auto 25px;

    white-space: nowrap;

    width: 350px;

}



.cert-bio {

    font-size: 16px;

    line-height: 26px;

}



    .cert-bio > span {

        text-decoration: underline;

    }



.cert-address {

    font-size: 15px;

    margin-top: 10px;

}



.cert-address {

    font-size: 15px;

    margin-top: 6px;

}



.cert-body {

    font-size: 16px;

    margin-top: 44px;

    text-indent: 50px;

    line-height: 25px;

}



    .cert-body > span {

        font-size: 18px;

        font-weight: 600;

    }



    .cert-body > ol {

        margin-bottom: 15px;

        margin-top: 15px;

    }



        .cert-body > ol > li {

            font-size: 16px;

            line-height: 26px;

        }



.cert-body1 {

    font-size: 16px;

    line-height: 26px;

    text-indent: 50px;

}



    .cert-body1 > span {

        font-size: 15px;

        font-weight: 600;

    }



.cert-amount {

    font-size: 15px;

    font-weight: 600;

    margin-bottom: 15px;

    margin-top: 20px;

}



.cert-autority {

    font-size: 16px;

    font-weight: 600;

    line-height: 22px;

    margin-bottom: 10px;

    margin-top: 35px;

    text-align: right;

}



.cert-bg > img {

    margin: auto;

    max-width: 950px;

}



.cert-bg {

    margin: auto;

    max-width: 950px;

    position: relative;

}



.cert-heading {

    margin-bottom: 20px;

}



.cert-bio > span {

    text-decoration: underline;

}



.cert-address > span {

    text-decoration: underline;

}



.ddlWidth {

    width: 600px !important;

}



.modalBackground {

    background-color: Black;

    filter: alpha(opacity=40);

    opacity: 0.4;

}



.modalPopup {

    background-color: #FFFFFF;

    width: 300px;

    border: 3px solid #689e00;

}



    .modalPopup .header {

        background-color: #689e00;

        height: 30px;

        color: White;

        line-height: 30px;

        text-align: center;

        font-weight: bold;

    }



    .modalPopup .body {

        text-align: center;

        font-weight: bold;

    }



    .modalPopup .Popupfooter {

        padding: 3px;

        text-align: center;

    }



    .modalPopup .yes, .modalPopup .no {

        height: 23px;

        color: White;

        line-height: 23px;

        font-weight: bold;

        cursor: pointer;

    }



    .modalPopup .yes {

        background-color: #2FBDF1;

        border: 1px solid #0DA9D0;

    }



    .modalPopup .no {

        background-color: #9F9F9F;

        border: 1px solid #5C5C5C;

    }





.modalPopupCont {

    background-color: #FFFFFF;

    width: 300px;

    border: 3px solid #689e00;

    width: 90% !important;

    height: 550px !important;

}



.modalPopupCont1 {

    background-color: #FFFFFF;

    width: 300px;

    border: 3px solid #689e00;

    width: 30% !important;

    height: 20% !important;

}



    .modalPopupCont1 .header {

        background-color: #689e00;

        height: 30px;

        color: White;

        line-height: 30px;

        text-align: center;

        font-weight: bold;

    }



.modalPopupCont .header {

    background-color: #689e00;

    height: 30px;

    color: White;

    line-height: 30px;

    text-align: center;

    font-weight: bold;

}



.modalPopupCont .body {

    line-height: 30px;

    font-weight: bold;

    padding-left: 4px !important;

    text-align: left !important;

    padding-right: 4px !important;

    overflow-y: scroll !important;

    height: 478px !important;

}



.modalPopupCont .Popupfooter {

    padding: 10px !important;

    background-color: #cbd0d4;

    border-top: green;

}



.modalPopupCont .yes, .modalPopupCont .no {

    height: 23px;

    color: White;

    line-height: 23px;

    text-align: center;

    font-weight: bold;

    cursor: pointer;

}



.Heading {

    background-color: #689e00;

    color: #fff;

    font-size: 1em;

    height: 30px;

    line-height: 30px;

    margin-bottom: 10px;

    padding-left: 8px;

    padding-right: 8px;

}