html{filter: expression(document.execCommand("BackgroundImageCache", false, true));}
html,body{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 83%;}
html,body,#mainTbl,#content{height:100%}
html,body,#login,#headtd{margin:0;padding: 0px;}
#mainTbl{border-collapse: collapse;}
#mainTbl,.w100per{width:100% !important}
#content,#footer, #header, #modcontent{padding: 10px;}
#footer{position: relative}
#comodospan{position: absolute; right: 5px; top: 3px;}
#headText,.txtLeft{text-align: left;}
.txtRight{text-align: right;}
#headText{font-size: 20px;}
#topheaderfrstd{width: 60px}
#topheaderfrstd img{height:50px;}
.txtcenter,.tbldata th,.tbldata td{text-align: center;}
#ver, .alignRight{text-align: right ! important;}
input[type="text"],input[type="password"],select,textarea,.box,.tbldata th,.tbldata td,#pagination-flickr a, fieldset{border:1px solid #cccccc}
.tbldata th{border:1px solid #c2712b; font-weight: normal;}
input[type="submit"],input[type="reset"]{border: none; -webkit-appearance:none;-webkit-border-radius:0;}
input[type="submit"],input[type="reset"],.link,.action span:hover,#pagination-flickr li, .repcode{cursor: pointer}
input[type="submit"],input[type="reset"],#menuTbl a, #footer,.tbldata th, #pagination-flickr .active, #pagination-flickr a:hover{color:white !important;} 
input[type="submit"],input[type="reset"],input[type="text"],input[type="password"],select,textarea{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
input[type="submit"],input[type="reset"],input[type="text"],input[type="password"],select{height:25px; width: 230px; }
input[type="submit"],input[type="reset"],input[type="text"],input[type="password"],select,.box,fieldset{border-radius:3px;}
select{-webkit-appearance: menulist-button;}
#logintbl input[type="text"],#logintbl input[type="password"],#logintbl input[type="submit"]{height: 32px;}
#logo{background-image: url('../images/logo.png');background-repeat: no-repeat;background-position:center;height:180px;}
#loginTitle{text-align:center; font-size: 20px;}
#headText,#ver,.link,.action, .green{color: #cc6306}
#loginTitle .red{ padding: 10px 0px; }
#menuTbl,.tbldata{border-collapse:collapse}
#menuTbl a{text-decoration: none;margin-left:20px;}
#menuTbl td{padding-right: 25px; background-position:left center;background-repeat: no-repeat;}
.flrt,#pagination-flickr{float:right}
#bghome{background-image: url('../images/bghome.png');}
#bgprocessor{background-image: url('../images/bgprocessor.png');}
#bgmerchant{background-image: url('../images/bgmerchant.png');}
#bguser{background-image: url('../images/bguser.png');}
#bgtransaction{background-image: url('../images/bgtransaction.png');}
#bgerrorcode{background-image: url('../images/bgerrorcode.png');}
#bgsettlement{background-image: url('../images/bgsettlement.png');}
#bgmonitoring{background-image: url('../images/bgmonitoring.png');}
#bgother{background-image: url('../images/bgother.png');}
#bgcapture{background-image: url('../images/bgcapture.png');}
#bglogout{background-image: url('../images/bglogout.png');}
#bgsummary{background-image: url('../images/bgsummary.png');}
.Unknown{background-image: url('../images/unknown.png');}
.Visa{background-image: url('../images/visa.png');}
.MasterCard{background-image: url('../images/mastercard.png');}
.JCB{background-image: url('../images/jcb.png');}
.AMEX{background-image: url('../images/amex.png');}
.Diners{background-image: url('../images/diners.png');}
.Discover{background-image: url('../images/discover.png');}
.UnionPay{background-image: url('../images/unionpay.png');}
.ELO{background-image: url('../images/elo.png');}
.Rupay{background-image: url('../images/rupay.png');}
.BcGlobal{background-image: url('../images/bcglobal.png');}
.MasterCard,.Visa,.JCB,.AMEX,.Diners,.Discover,.UnionPay,.Unknown,.ELO,.Rupay,.BcGlobal{ display: block; width: 24px; height: 24px; background-size: 100%; background-repeat: no-repeat; background-position: center }
#header,#footer,.tbldata th,input[type="submit"],input[type="reset"],#pagination-flickr .active, #pagination-flickr a:hover, #modalhead{background:#FF7B00}
input[type="submit"]:hover,input[type="reset"]:hover{background:#ff920a}
input[type="submit"]:hover,input[type="reset"]:hover, #header a:hover,.link:hover,.action span:hover, .repcode:hover {text-decoration: underline;}
#loginTitle div, #chart_div{margin: 10px;}
#loginTitle div, #subtitle, .tdremarks{font-size: 11px !important}
#loginTitle div{ color: gray}
#tblfilter td, .cgray{ color: #808080}
#subtitle,#pagination-flickr a, .required, .formTitle, #settlmentdiv td{color:black !important}
.required{font-weight: normal}
#login{vertical-align:middle;}
#content,.valigntop{vertical-align:top;}
#logintbl{width: 370px;}
#logintbl td{ padding: 3px; }
#login{ 
   background: rgba(245,245,245,0.14);
    background: -moz-linear-gradient(top, rgba(245,245,245,0.14) 0%, rgba(235,217,191,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,245,245,0.14)), color-stop(100%, rgba(235,217,191,1)));
    background: -webkit-linear-gradient(top, rgba(245,245,245,0.14) 0%, rgba(235,217,191,1) 100%);
    background: -o-linear-gradient(top, rgba(245,245,245,0.14) 0%, rgba(235,217,191,1) 100%);
    background: -ms-linear-gradient(top, rgba(245,245,245,0.14) 0%, rgba(235,217,191,1) 100%);
    background: linear-gradient(to bottom, rgba(245,245,245,0.14) 0%, rgba(235,217,191,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ebd9bf', GradientType=0 );      
}
#topheader{
    width: 100%;padding:2px 10px;
    background: rgba(255,255,255,0.38);
    background: -moz-linear-gradient(top, rgba(255,255,255,0.38) 0%, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.08) 20%, rgba(4,64,94,0.18) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.38)), color-stop(0%, rgba(255,255,255,0.06)), color-stop(20%, rgba(255,255,255,0.08)), color-stop(100%, rgba(4,64,94,0.18)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.38) 0%, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.08) 20%, rgba(4,64,94,0.18) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0.38) 0%, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.08) 20%, rgba(4,64,94,0.18) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0.38) 0%, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.08) 20%, rgba(4,64,94,0.18) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.38) 0%, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.08) 20%, rgba(4,64,94,0.18) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#04405e', GradientType=0 );
}
.red{color:red !important;}
 #pgError{margin-top: 15%;}
.remarklabel{ margin: 3px 0px;}
.title{padding-bottom: 10px}
.bold500,.setamount,.title{font-weight: 500;}
#tblfilter td, #listlink li { padding: 5px;}
.box{ background: #fcede0; padding: 12px 5px;}
.tbldata th,.tbldata td{padding:6px;word-wrap:break-word}
.tbldata tr:nth-child(odd) {background:#fcf5ef;}
.tbldata td:first-child, .tbldata th:first-child, .tdremarks{text-align: left !important;}
.actpipe{padding: 0px 10px; cursor: default !important;}
.notfoundiv{ padding-top: 15%;}
.fixed{table-layout: fixed}
#pagination-flickr li{list-style:none;display: inline;}
#pagination-flickr a{margin-right:2px;}
#pagination-flickr .active, #pagination-flickr a:link, label{display:block;}
#pagination-flickr .active, #pagination-flickr a:link,.fllt{float:left;}
#pagination-flickr .active{padding:4px 6px;cursor: default;}
#pagination-flickr a:link{padding:3px 6px;text-decoration:none;}
.pipesepa{font-size: 9px;}
.w20px{width: 20px;}
.w150px{width: 150px;}
.w460px{width: 485px;}
hr{ height: 0; border: 0; border-top: 1px solid #B0CCBD;}
.marleft15{margin-left: 15px;}
.chckboxdiv{padding: 3px 0px;}
.Active,.Suspended,.Settled, .Unsettled{ color: white;padding: 2px 10px;border-radius:3px;}
.Active, .Settled{background:#6E9C66}
.Suspended,.Unsettled{background:gray}
/*
.Pending,.ForConfiguration, .NotAchieved{background: #CF585D;}
.Incomplete{background: yellow; color:black}
.Ordered, .Processing{background: #3C4EC0;}
.ForDelivery{background: orange;}
.Submitted{background: #9B5B8D}
.SenttoTsr, .Arrived{background: violet}
.ForRevision{background:cadetblue}
.NotApproved{background:goldenrod}
*/

.blue{color:#1B6AA3}
.iprlabel{font-weight: bold}
.iprdot{padding: 0px 5px !important;}
.tblrowdata td{ border: 0px !important; padding: 1px; text-align: left}
.tblrowdata tr { background: none !important; }
#addButton td { padding-top: 20px;}
.cboxSpan{ display: inline-block; width: 40px; padding: 0px 20px 0px 5px;} 

.cgreen{color:green}
.cblue{color:blue}
.cblack{color:black !important}
.cred{color:red}
.corange{color:orange}

.mAuto{
    margin: 0 auto;
}

/*
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.8);
}
.modal-content {
    background: #fcede0;
    margin: auto;
    border: 1px solid #888;
    width: 720px;
    height: 600px;
    border-radius: 6px;
}
.modal-content, #modalhead{
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
#modalhead{
    background: #FF7B00;
    padding: 10px;
    color:white;
    border-bottom: 1px solid gray;
}
.close {
    float: right;
    font-size: 13px;
    margin-right: 5px;
}
.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
*/


.modal {
    padding-top: 100px; 
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.1); /* Black w/ opacity */
    align-items: center;
}
.modal-content {
    border: 1px solid #ccc;
    border-radius: 6px;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    background: #fcede0;
}
.modal-content, #modalhead{
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
#modalhead{
    /**background: #FF7B00;*/
    color:white;
    border-bottom: 1px solid gray;
    font-weight: bold;
}
#modalhead, #modcontent{
     padding: 11px;
}
.close {
    float: right;
    font-size: 13px;
    margin-right: 5px;
}
.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
#modcontent{
    font-size: 10px;
    
}
/*#modcontent input{
    font-size: 10px;
}*/

.modalloadingdiv{
    display:flex; 
    align-items: center; 
    width: 100%;
    height: 100%;
}

.modalloadingdiv div{
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}


fieldset legend{ 
    font-weight: 500;
    color: #cc6306;
    font-size: 11px;
}
#modcontent{
    overflow: auto;
    width: 700px;
    height: 540px;
    font-size: 10px;
}
#modcontent input{
    font-size: 10px;
}
.tblserverlog{
    width: 1330px;
}
.setamount{
    font-size: 15px;
}
#settlmentdiv table{ border: 1px solid #ccc}
#settlmentdiv td{ padding: 3px;}
.bggray{ background: #ccc;}
.pad10px{ padding: 10px; }
.cardnumber{ line-height: 23px;}
.viewlefttd{ width: 80px; }
.actionBtns input[type="submit"]{ float: left; margin: 0px 25px 15px 25px; }
#beepsound {
position: relative;
top: -50px;
left: -50px;
overflow: hidden;
width: 0px;
}

.modalloadingdiv{
    display:flex; 
    align-items: center; 
    width: 100%;
    height: 100%;
}

.modalloadingdiv div{
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

#goto{
    margin-top: 8px;
}
#goto input[type="submit"]{
    width: 50px;
    height: 24px;
}
#txtGoto{
    width: 75px;
}

.serverLog{
    /* display : none; */
}