/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 7, 2017, 7:07:34 PM
    Author     : sivanesan
*/
/* E-Payment Div Style Start*/
body{
    overflow: hidden !important;
    color:#0e285f !important;
}
.buttonStyleEpaymt{
    background-color:#CADFFA;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f9), color-stop(100%,#cadffa)); 
    border:1px solid #B1BBCB;
    color:#2A2A2A;
    font-family:Segoe UI;
    font-size:9pt;
    padding-left:10px;
    padding-right:10px;
    cursor: pointer;
    border-radius:4px;
    outline: none;
    height: 24px;
    text-align: center;
    font-weight:bold;
}
.overAllEpayTableCls{
    width: 100%;height: 100%;
    /*width: 100%;height: 100%; border: 1px solid #d9d9d9;font-size: 14px;border-collapse: collapse;*/
}
.overAllContTrackTableCls{
    width: 100%;height: 99%; border: 1px solid #d9d9d9;font-size: 14px;border-collapse: collapse;
}
/*.overAllEpayTableRowCls{
    width: 100%;
}*/
.overAllEpayTableLeftColCls{
    height: 100%;width: 25%;vertical-align: top
}
.leftColProfomaDivCls{
    height: 100%;
}
.leftColTableCls{
    border-collapse: collapse;
    width: 100%;
    /*    height: 100%;white-space: nowrap;border-collapse: collapse;width: 100%;border: 1px solid #d9d9d9;  
        background-color: #f2f2f2;*/
}
.commonEpaymentRowCls{
    height: 20px;
}
.commonEpaymentLabelTdStyle{
    font-size: 12px;
    /*width: 25%;*/
    white-space: nowrap;
    border: 1px solid #d9d9d9;
}

.commonEpaymentInputStyle{
    float: right;border: none;text-indent: 5px;width: 100%;border-left: none;font-size: 12px;outline: none; 
}
.btnGetContCls{
    vertical-align: top;
    padding-top: 3px;
    text-align: right;
    height: 5%;
    padding-right: 1px;
}
.contDetailsCls{
    border-collapse: collapse;white-space: nowrap;font-size: 12px;width: 100%;
}
.allContChkBoxCls{
    text-indent: 5px;
}
/*.commonEpaymentInputStyle:focus, .allContChkBoxCls:focus, .allContDlvryType:focus, .txtItemIgmNoCls:focus{
    outline: 0.5px solid darksalmon;
}*/
.allContTblDtlCls{
    border:1px solid #d9d9d9;border-collapse: collapse;width: 100%; 
}
.btnInvGenertCls{
    text-align: right;
    /*padding: 10px 10px 10px 10px;*/
}
.overAllEpayTableCenterColCls{
    width: 80%;border: 1px solid #d9d9d9;vertical-align: top
}
.overAllEpayTblCls{
    border-bottom: 1px solid #d9d9d9;width: 100%; 
}
.invAmtTopLblCls{
    float: right;padding-top: 6px;
}
.btnProcdToPaymtCls{
    text-align: right;padding-right: 10px;width: 11%;
}
.overAllEpayTableRightColCls{
    width: 25%;border: 1px solid #d9d9d9;vertical-align: top;background-color: #f2f2f2; 
}
.txtItemIgmNoCls{
    width: 100%;text-indent: 5px;height: 25px;outline: none;
}
.tblInvNoDtCls{
    border:1px solid #d9d9d9;border-collapse: collapse;width: 100%;
}
.groundRntDatePicker{
    z-index: 99999;
}

#proformaInvoice{
    width: 100%;
    /*height: 683px;*/
    background-color: #FFFFFF;
    display: none;
}

#commonEpaymentPopup
{
    width: 100%;
    height: 683px;
    background-color: #FFFFFF;
}
#containerTrackTrace
{
    display: none;
    width: 100%;
    height: 683px;
    background-color: #FFFFFF;
}

#commonImpContInvBillPrintDiv{
    display: none;
    width: 55.8%;
    height: 640px;
    padding-left: 7%;
    position: fixed;
    background-color: #FFFFFF;
    overflow: scroll;
}
/* E-Payment Div Style End*/

/* Proforma Invoice Div Style Start*/

.overAllEpayPITableCenterColCls{
    width: 75%;
    border: 1px solid #d9d9d9;
    vertical-align: top;
    height: 50%;
    overflow: auto;
}

#commonImpContPfInvBillPrintDiv{
    display: none;
    width: 55.8%;
    height: 640px;
    padding-left: 7%;
    position: fixed;
    background-color: #FFFFFF;
    overflow: scroll;
}

/* Proforma Invoice Div Style End*/

/* Container Track Div Style Start*/

.overAllEpayTableContHistCls{
    width: 100%;height: 707px;border: 1px solid #d9d9d9;vertical-align: top 
}
/*.overAllEpayTableCenterContHistCls{
    width: 100%;height: 677px;border: 1px solid #d9d9d9;vertical-align: top 
}*/

.homePageTdCls{
    width: 20%;
    /*height: 707px;*/
}

.sftable {
    /*display: block;
    max-height: 300px;*/
    font-size:12px !important;
    color:#333333 !important;
    width:100% !important;
    /*border-top: 1px solid #3B5A9A;
    border-left: 1px solid #3B5A9A;*/
    border-collapse: collapse !important;

}
.sftable th {
    font-size:12px !important;
    background-color:#ddddd9 !important;
    color:#3B5A9A !important;
    border-width: 1px !important;
    padding: 5px !important;
    border-style: solid !important;
    border-color: #cacaca !important;
    text-align:center !important;
}

.sftable tr {
    background-color:white !important;
}
.sftable td {
    font-size:11px !important;
    padding: 4px !important;
    border-right: 1px solid #cacaca !important;
    border-bottom:1px solid #cacaca !important;
    border-left: 1px solid #cacaca !important;
    border-top: 1px solid #cacaca !important;

}
#itemList{
    /*background-color: #f2f2f2;*/
}
.backGrdCls{
    background-color: #CADFFA;
}
#dynamicProfomaDataTable:hover{
    pointer-events: auto;
}
.printImgSrc, .pdfImgSrc{
    width: 40px;
}
.singoutImgCls{
    width: 25px;
}


.circleBase {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    text-align: center;
}

.type1 {
    width: 100px;
    height: 100px;
    background: yellow;
    border: 3px solid red;
}
.type2 {
    width: 25px;
    height: 25px;
    margin-bottom: 15px;
    padding-top: -2px;
    color: red;
    font-weight: bold;
    background: #ccc;
}
.type3 {
    width: 500px;
    height: 500px;
    background: aqua;
    border: 30px solid blue;
}


.buttonStyleDisabled
{
    background-color:#FFFFFF;
    border:1px solid #B1BBCB;
    color:#707070;
    font-family:Segoe UI;
    font-size:10pt;
    padding-left:10px;
    padding-right:10px;
    border-radius:4px;
    outline: none;
    height: 24px;
    text-align: center;
}
.homePageSecndTdCls{
    width: 90%;
    height: 707px;
    background-color: white; 
}
.homepageMenutblClass{
    height: 600px;
}
.leftContainershowCls{
    height: 462px;
    overflow: auto;
}
.upaidInvoiceDtlDivCls{
    height: 398px;
}
.paidInvoiceDtlDivCls{
    height: 602px;
}

option:hover { background-color:yellow;}

.busiPartnerTheadCls{
    text-align: center !important;
    white-space: nowrap;
}

#busParNameBusPartDtl{
    text-transform: uppercase;
}

.card {
    /* Add shadows to create the "card" effect */
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
}
textarea {
    resize: none;
}

#commonProfoInvBillPrintDiv{
    /*    position: relative !important;
        left: 9% !important;
        height: 692px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;*/
}
#commonProfoExpInvBillPrintDiv{
    position: relative !important;
    /*left: 9% !important;*/
    height: 692px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

commonProfoBondInvBillPrintDiv{
    position: relative !important;
    /*left: 9% !important;*/
    height: 692px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.profomaContainerMainDivCls{
    height: 708px !important;
    vertical-align: top !important;
}
.paymentServiceLeftPanelDivCls{
    width: 100%;
    /*height: 570px;*/
    overflow: auto;
}

.contTrackBackGrdImgCls{
    background-repeat: no-repeat !important;
    background-position: center !important;
    height: 650px !important;
}

.backgrdHomeCardCls{
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1;

    display: block;
    background-image: url(Web-Resource/image/fullsize/airfreight-shipping.png);
    width: 1200px;
    height: 800px;

    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}
.cardBodyContentCls{
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9999;
    margin-left: 20px;
    margin-right: 20px;
}

.sky-gradient{
    background: linear-gradient(to right,#0acffe 0,#0e285f 100%);
}

/*
*--------------------------------------------------------------------------------------------
*------------------------This Block Used @Media Responsive Design For All Monitors--------------------------
                         /*Added By: Dhanissh on 21/04/2018*/
/*--------------------------------------------------------------------------------------------
*/

@media only screen and (min-height: 583px) and (max-height: 600px){

    #commonProfoInvBillPrintDiv{
        /*        position: relative !important;
                left: 4% !important;
                height: 452px !important;
                overflow-y: auto !important;
                overflow-x: hidden !important;*/
    }
    #commonProfoExpInvBillPrintDiv{
        position: relative !important;
        left: 4% !important;
        height: 452px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }
    commonProfoBondInvBillPrintDiv{
        position: relative !important;
        left: 4% !important;
        height: 452px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    .overAllEpayTableCenterContHistCls{
        width: 100% !important;
        height: 425px !important;
        /*border: 1px solid #d9d9d9 !important;*/
        vertical-align: top !important;
    }

    .upaidInvoiceDtlDivCls{
        height: 405px !important;
    }
    .paidInvoiceDtlDivCls{
        height: 505px !important;
    }

    .paymentServiceLeftPanelDivCls{
        width: 100% !important;
        /*height: 690px; !important*/
        overflow: auto !important;
    }
    .contTrackBackGrdImgCls{
        background-repeat: no-repeat !important;
        background-position: center !important;
        height: 390px !important;
    }

}
@media only screen and (min-height: 657px) and (max-height: 670px) {
    #commonProfoInvBillPrintDiv{
        /*        height: 510px !important;
                position: relative !important;
                overflow-y: auto !important;
                overflow-x: hidden !important;
                left: 2% !important;*/
    }
    #commonProfoExpInvBillPrintDiv{
        height: 510px !important;
        position: relative !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        left: 2% !important;
    }
    commonProfoBondInvBillPrintDiv{
        height: 510px !important;
        position: relative !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        left: 2% !important;
    }
    .overAllEpayTableCenterContHistCls{
        width: 100% !important;
        height: 420px !important;
        /*border: 1px solid #d9d9d9 !important;*/
        vertical-align: top !important; 
    }

    .upaidInvoiceDtlDivCls{
        height: 300px !important;
    }
    .paidInvoiceDtlDivCls{
        height: 400px !important;
    }
    .paymentServiceLeftPanelDivCls{
        width: 100% !important;
        /*height: 445px !important;*/
        overflow: auto !important;
    }
    .contTrackBackGrdImgCls{
        background-repeat: no-repeat !important;
        background-position: center !important;
        height: 516px !important;
    }
}

@media only screen and (min-height: 723px) and (max-height: 735px) {
    #commonProfoInvBillPrintDiv{
        /*        position: relative !important;
                left: 2% !important;
                height: 400px !important;
                overflow-y: auto !important;
                overflow-x: hidden !important;*/
    }
    #commonProfoExpInvBillPrintDiv{
        position: relative !important;
        left: 2% !important;
        height: 400px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }
    commonProfoBondInvBillPrintDiv{
        position: relative !important;
        left: 2% !important;
        height: 400px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    .overAllEpayTableCenterContHistCls{
        width: 100% !important;
        height: 400px !important;
        /*border: 1px solid #d9d9d9 !important;*/
        vertical-align: top !important; 
    }

    .upaidInvoiceDtlDivCls{
        height: 380px !important;
    }
    .paidInvoiceDtlDivCls{
        height: 480px !important;
    }
    .paymentServiceLeftPanelDivCls{
        width: 100% !important;
        /*height: 690px !important;*/
        overflow: auto !important;
    }    

    .contTrackBackGrdImgCls{
        background-repeat: no-repeat !important;
        background-position: center !important;
        height: 390px !important;
    }


}
@media only screen and (min-height: 789px) and (max-height: 795px) {
    #commonProfoInvBillPrintDiv{
        /*        position: relative !important;
                left: 9% !important;
                height: 692px !important;
                overflow-y: auto !important;
                overflow-x: hidden !important;*/
    }
    #commonProfoExpInvBillPrintDiv{
        position: relative !important;
        /*left: 9% !important;*/
        height: 692px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }
    commonProfoBondInvBillPrintDiv{
        position: relative !important;
        /*left: 9% !important;*/
        height: 692px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }
    .overAllEpayTableContHistCls{
        width: 100%;height: 707px;border: 1px solid #d9d9d9;vertical-align: top 
    }
    .upaidInvoiceDtlDivCls{
        height: 398px !important;
    }
    .paidInvoiceDtlDivCls{
        height: 602px !important;
    }
    .paymentServiceLeftPanelDivCls{
        width: 100% !important;
        /*height: 570px !important;*/
        overflow: auto !important;
    }

    .contTrackBackGrdImgCls{
        background-repeat: no-repeat !important;
        background-position: center !important;
        height: 650px !important;
    }

}

@media only screen and (min-height: 938px) and (max-height: 955px) {
    #commonProfoInvBillPrintDiv{
        /*        position: relative !important;
                left: 17% !important;
                height: 800px !important;
                overflow-y: auto !important;
                overflow-x: hidden !important;*/
    }
    #commonProfoExpInvBillPrintDiv{
        position: relative !important;
        /*left: 17% !important;*/
        height: 800px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }
    commonProfoBondInvBillPrintDiv{
        position: relative !important;
        /*left: 17% !important;*/
        height: 800px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }
    .overAllEpayTableContHistCls{
        width: 100% !important;
        height: 800px !important;
        border: 1px solid #d9d9d9 !important;
        vertical-align: top !important;
    }

    .upaidInvoiceDtlDivCls{
        height: 582px !important;
    }
    .paidInvoiceDtlDivCls{
        height: 682px !important;
    }
    .paymentServiceLeftPanelDivCls{
        width: 100% !important;
        /*height: 690px !important;*/
        overflow: auto !important;
    }
    .contTrackBackGrdImgCls{
        background-repeat: no-repeat !important;
        background-position: center !important;
        height: 772px !important;
    }
}

/*
*--------------------------------------------------------------------------------------------
*------------------------Responsive Design Ends Here--------------------------
*--------------------------------------------------------------------------------------------
*/

/*@media only screen and (min-width: 320px) and (max-width: 411px) {

    h5 { 
        font-size: 1em !important; 
    }
    h4 { 
        font-size: 1.5em !important; 
    }
    h3 { 
        font-size: 1em !important; 
    }
    h2 { 
        font-size: 1em !important; 
    }
    h1 { 
        font-size: 1em !important; 
    }
    span { 
        font-size: 10px !important; 
    }
    td { 
        font-size: 10px !important; 
    }
    button{
        font-size: 8px !important;
    }
    input{
        font-size: 10px !important;
    }
    select{
        font-size: 10px !important;
    }
}*/