.divAgentContainer{
    height:auto; width:100%; margin:auto;
}
.divAgentContainer * {box-sizing:border-box;}
.divAgentContainer .spacer10{height:10px;width:100%;}
.divAgentContainer .spacer20{height:20px;width:100%;}
.divAgentContainer .spacer30{height:30px;width:100%;}
.divAgentContainer .spacer50{height:50px;width:100%;}
.divAgentContainer .splitter{border-bottom:1px dotted #434343;}
.divAgentContainer .divSubTitle{font-size:18px;color:#191919;}
.divAgentContainer .clearfix{clear:both;}
.divAgentContainer .left{float:left;}
.divAgentContainer .right{float:right;}
.divAgentContainer .hide{display:none;}

.divAgentContainer .agent-header{ width:100%; background-color:#0f387a;}
.divAgentContainer .agent-header-content{width:960px;margin:auto;}
.divAgentContainer .agent-header .bar1{
    width:100%;
    height:50px;
    padding: 0 0px;
    background-color:#0f387a;
}
.divAgentContainer .agent-header .bar1 .company-name{
    color: white;
    font-size: 20px;
    font-weight: 400;
    line-height: 50px;
}
.divAgentContainer .agent-header .title {background-color:#e2e2e2;height:50px;    border-bottom: 2px solid #cccccc;}
.divAgentContainer .agent-header .logo {background-image:url('../../img/usr/logo-cataferry-s.png'); background-position: center right;background-repeat: no-repeat;width:85px;height:36px; margin-right:20px;position: relative; z-index: 1;}
.divAgentContainer .agent-body{ width:100%;}
.divAgentContainer .agent-body-content{ width:960px;min-height:720px;margin:auto;background-color: #ffffff;}

.divAgentContainer .btn{
    min-width:170px;
    height:50px;
    line-height:50px;
    text-align:center;
    display:inline-block;
    color:#191919;
    font-weight: 700;
    font-size:18px;
    cursor:pointer;
    background-color: #FFA900;
    /*background-image: url('../../img/usr/agent/btn-step.png');*/
}
.divAgentContainer .btn:hover{
    text-decoration:none;
    opacity: 0.7;
    /*background-position: 0 49px; */
}
.divAgentContainer .btn.disabled{
    color:#c0c0c0;
    background-color:#f0f0f0;
    cursor: not-allowed;
}


.divAgentContainer .divPageHeaderTicket{
    padding:0 20px;
    padding-top: 10px;
    position:relative;
    display:flex;
}
.divAgentContainer .divPageHeaderTicket h1{
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    order:0;
}
.divAgentContainer .divPageHeaderTicket .tabs{
    order:1;
}
.divAgentContainer .divPageHeaderTicket .RightContainer{
    order:3;
    margin-left:auto;
}
.divMainMiddleContainer,
.divMainContentContainerMiddle { overflow:visible; }
/* ========== Login Form =================*/
#divLoginContainer {width:560px;height:600px;margin:auto;padding-top:100px;position:relative; } /* margin-top:-300px;margin-left:-280px;position:absolute;top:50%;left:50%; */
#divLoginContainer .company-logo{width:100%;height:120px;background-image:url('../../img/usr/logo-cataferry-l.png');background-size: 40%;  background-repeat: no-repeat;background-position: top center;}
#divLoginContainer .usertype-logo{
    position:absolute;
    right:0;
    top:100px;
    width:90px;
    height:90px;
    background-position:center center;
    background-repeat:no-repeat;
}
#divLoginContainer .usertype-logo.agent{
    background-image:url('../../img/adm/icon-ticket.gif');
}
#tblLogin,#tblFgPwd {
    width: 100%;
    border-radius: 3px;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    padding: 30px 50px 0 50px;
    background-image: url('../img/adm/bg-login.gif');
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 418px 156px;
}
#tblLogin th,
#tblFgPwd th {text-align:left; padding-bottom:20px; font-weight:bold; }
#tblLogin .btn {
    width:100%;
    box-sizing: border-box;
    text-align:center;
    background-position:96% 18px;
    display: inline-block;
    padding: 0px 55px 0px 30px;
    height: 60px;
    color: #fff;
    font-size: 170%;
    line-height: 55px;
    background-image: url("../../img/adm/btn-login.gif");
    background-color: #5b95ff;
    background-repeat: no-repeat;
}
#tblLogin .btn:hover{
    background-position:96% -52px;
    color:#fff;
    background-color:#72a4ff;
    background-position:right 20px top -52px;
    text-decoration:none;

}
#tblLogin .divAck{
    padding:10px 0px;
}
#tblLogin .divAck .errmsg{
    color:red;
    font-style:normal;
}
#tblLogin .divAck .icon-error{
    background-image: url('../../img/adm/icon-attention.gif');
    float: left;
    width: 19px;
    height: 19px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px;
}

#divLoginContainer input {
    height: 60px;
    font-size: 150%;
    font-style:normal;
    padding: 10px 10px 10px 60px;
    width: 100%;
    color: #bababa;
    border: 1px solid #cccccc;
    background-position: 20px 12px;
    background-repeat: no-repeat;
    border-radius: 5px;
    margin-top: 3px;
}
#divLoginContainer input:focus {
    background-position: 20px -73px;
    color:#434343;
}

#divLoginContainer .txtEmail{background-image:url("../../img/adm/icon-userid.gif");}
#divLoginContainer .txtPassword{background-image:url("../../img/adm/icon-password.gif")}
.hypForgot {cursor:pointer; color:#5b95ff; font-weight:bold;}
a.hypForgot:link {color:#5b95ff; text-decoration:none;}
a.hypForgot:visited {color:#5b95ff; text-decoration:none;}
a.hypForgot:hover {color:#5b95ff; text-decoration:underline;}
a.hypForgot:active {color:#5b95ff; text-decoration:underline;}

#divLoginContainer input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-style:normal;
  color: #C3C3C3;
}
#divLoginContainer input::-moz-placeholder { /* Firefox 19+ */
  font-style:normal;
  color: #C3C3C3;
}
#divLoginContainer input:-ms-input-placeholder { /* IE 10+ */
  font-style:normal;
  color: #C3C3C3;
}
#divLoginContainer input:-moz-placeholder { /* Firefox 18- */
  font-style:normal;
  color: #C3C3C3;
}
/* ========== Login Form =================*/
/* ========== Update Profile Form =============*/
.divUpdateProfileForm{
    padding:20px 20px;
}
.divUpdateProfileForm .tblForm{
    width:100%;
}
.divUpdateProfileForm .tblForm tbody td{
    padding: 10px 20px;
}
.divUpdateProfileForm .tblForm tbody td input[type=text],
.divUpdateProfileForm .tblForm tbody td input[type=password],
.divUpdateProfileForm .tblForm tbody td select{
    width:100%;
    height:50px;
    border-radius:0;
    padding: 0 10px;
}

.divUpdateProfileForm .tblForm tbody td select,
.divUpdateProfileForm .tblForm tbody td select option{
    text-transform:capitalize;
}
.divUpdateProfileForm .tblForm tfoot td{
padding: 0 20px;
}
/* ========== Update Profile Form =============*/

/* ============= Member Profile =================*/
.divMemberDetails .table-form.border {padding:0px 0px;}
.divMemberDetails .table-form > .row {margin-bottom:0;border-bottom:1px solid #a9a9a9;}
.divMemberDetails .table-form > .row:last-child {border-bottom:0;}
.divMemberDetails .table-form > .row .col-sm-3 {font-weight:700;background-color: #0f387a;color: white;}
.divMemberDetails .table-form > .row .col-sm-3,
.divMemberDetails .table-form > .row .col-sm-9 {padding:10px 15px;}


/* =========== Table Form ===================*/
.table-form{
    margin: 0 -15px;
}
.table-form input[type=text],
.table-form input[type=email],
.table-form input[type=password],
.table-form select{
    width:100%;
    height:50px;
    border-radius:0;
    padding: 0 10px;
}
.table-form > .row{
    margin-bottom:10px;
    display: flex;
    align-items: center;
}
.table-form.border{
    border: 1px solid #a9a9a9;
    padding: 20px 0px 10px 0px;
    margin: 0;
    margin-bottom: 15px;
}

/* ========== Order Ticket Sales =============*/
.order-list-container{
    position:relative;
}
.order-list-container .mark{
    background-color:yellow;
}

.order-info-box{
    margin-bottom: 10px;
    transition: opacity .3s ease-in-out;
    border: 1px solid #CCC;
    box-sizing:border-box;
}

.order-info-box * {
    box-sizing:border-box;
}
.order-info-box-header{
    background-color: #F2F2F2;
    height:60px;
    padding:10px 5px;
}
.order-info-box-body{
    overflow:hidden;
    background-color: #f2f2f2;
    padding: 0 20px 5px 20px;
}
.order-info-box-body .passenger-list {
    border: 1px dashed black;
}
.order-info-box-body .passenger-list .row {
    padding: 3px 6px;
}
.order-info-box-body .passenger-list .row.header{
    font-weight:700;
    padding: 5px 6px;
    border-bottom: 1px dashed black;
}
.order-info-box-body .passenger-list .row [class^="col-sm-"]{
    padding-left:0;
    padding-right:0;
}
.order-info-box.order-message .order-info-box-header{
    padding: 8px 20px;
    font-size: 16px;
    font-weight: 700;
    height: 40px;
}
.order-way{
    width:40px;
    height:40px;
    background-repeat:no-repeat;
    background-position:center center;
}
/*.order-way.oneway{ background-image:url('../../img/usr/icon-return.gif'); }
.order-way.returnway{ background-image:url('../../img/usr/icon-oneway.gif'); }*/
.order-way.oneway .icon,
.order-way.returnway .icon{    
    background-color: #f1592a;
    color: white;
    width: 35px;
    height: 35px;
    margin:3px;
    display: block;
    padding: 0;
    border-radius: 4px;
    line-height: 35px;
    text-align: center;
    font-size: 30px;cursor:pointer;}
.order-cancel .order-way.oneway .icon,
.order-cancel .order-way.returnway .icon{
    background-color:#ccc;
}
.order-date{
    padding-right:8px;
}
.order-code {
    cursor:pointer;
    color: #0F387A;
    font-weight: bold;
}
.order-seat{
    height: 100%;
}
.order-seat .icon{
    width:30px;
    height:30px;
    background-repeat:no-repeat;
    background-size: cover;
    float:left;
    padding:0;
}

.order-seat .qty{
    float:left;
    margin-left: 4px;
    margin-top: 6px;
}
.order-seat-adult,
.order-seat-child,
.order-seat-infant {
    float:left;    
    height: 100%;
    width: 60px;
    overflow: hidden;
    display:none;

}
.order-seat-adult.active,
.order-seat-child.active,
.order-seat-infant.active {
    display:block;

}
.order-seat .order-seat-adult,
.order-seat .order-seat-child,
.order-seat .order-seat-infant {
    padding:5px 0px;
}

.order-seat .order-seat-stand,
.order-seat .order-seat-prem{
    display:none;
}
.order-seat .order-seat-stand.active,
.order-seat .order-seat-prem.active{
    display:block;
}
.order-seat-adult .order-seat-stand .icon{
    background-image:url('../../img/usr/icon-ticket-seat.png');
    background-position:left 40%;
}
.order-seat-adult .order-seat-prem .icon{
    background-image:url('../../img/usr/icon-premium-seat.png');
    background-position:left 50%;
}
.order-seat-child .order-seat-stand .icon{
    background-image:url('../../img/usr/icon-ticket-seat.png');
    background-position:left 20%;
}
.order-seat-child .order-seat-prem .icon{
    background-image:url('../../img/usr/icon-premium-seat.png');
    background-position:left 25%;
}
.order-seat .order-seat-infant{
    font-size:14px;
}
.order-seat .order-seat-infant .icon{
    width:30px;
    height:28px;
    background-image:url('../../img/usr/icon-infant.gif');
}
.order-seat-buyed{
    float:left;
    height: 100%;
    overflow:hidden;
}
.order-seat-buyed.half .icon{
    width:18px;
    height:18px;
}
.order-seat-buyed.half .order-seat-adult,
.order-seat-buyed.half .order-seat-child,
.order-seat-buyed.half .order-seat-infant {
    padding:0px;
}

.order-seat-buyed.half .order-seat-stand,
.order-seat-buyed.half .order-seat-prem{
    height:50%;
}

.order-seat-buyed.half .qty{
    margin-top: 1px;
    font-size: 12px;
}

.order-info-box-tools{
    float:right;
    margin: 2.5px 10px;
}

.order-code,
.order-price{
    height: 100%;
    line-height: 40px;
}
.order-seat,
.order-code,
.order-buyerinfo,
.order-way{
    float:left;
    margin:0 10px;
}
.order-buyerinfo{
    height:100%;
}

.order-datetime{
    display:table;
    height: 100%;
}
.order-buyerinfo.half .order-datetime{
    display:table;
    height: 50%;
}
.order-date,.order-time{
    display:table-cell;
    vertical-align:middle;
}
.order-price{
    float:right;
    margin:0 10px;
}

.filter-container{
    padding-bottom:0px;
}
.filter-container input[type='text'],
.filter-container select{
    width:100%;
    height:40px;
    padding: 0 10px;
    border: 1px solid #CCC;
}
.filter-container input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #C3C3C3;
}
.filter-container input::-moz-placeholder { /* Firefox 19+ */
  color: #C3C3C3;
}
.filter-container input:-ms-input-placeholder { /* IE 10+ */
  color: #C3C3C3;
}
.filter-container input:-moz-placeholder { /* Firefox 18- */
  color: #C3C3C3;
}
.filter-container .row {
    margin: 0 -10px;
    margin-bottom:10px;
}
.filter-container [class^="col-sm-"] {
    padding-right:10px;
    padding-left:10px;
}
.filter-advance{
    height: 0;
    overflow: hidden;
    transition:all .8s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.filter-advance .filter-label{
    padding-bottom:5px;
}
.filter-common{
    margin-bottom: 20px;
}
.filter-common .filter-keyword{
    display:flex;
    width:100%;
}
.filter-common .price-total {
    height: 40px;
    background-color: #ff825b;
    color: #fff;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}
.filter-common .price-total > i {padding:0;}
.filter-common input.txtKeyword{
    width:100%;
    border-right:0px;
    -webkit-appearance: none;
    border-radius:0;
}
.filter-submit{
    height:40px;
    width:40px;
    min-width:40px;
    background-image:url('../../img/usr/icon-search.gif');
    background-repeat:no-repeat;
    background-position:center 10px;    
    border: 1px solid #CCC;
    border-left:0px;
}
.filter-submit:hover{
    background-position:center -57px;  
}
.filter-expand{
    height:40px;
    width:40px;
    min-width:40px;
    background-color:#012765;
    
}
.filter-expand:before{
    content:" ";
    display:inline-block;
    width:100%;
    height:100%;
    background-image:url('../../img/usr/icon-filter.gif');
    background-repeat:no-repeat;
    background-position:center 10px;
    transition:all .5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.filter-checkbox-container{
        padding-top: 5px;
}
.filter-checkbox-container input[type="checkbox"]{
    margin-top:3px;
}
.filter-checkbox-container label{
    margin-right:10px;
}
.filter-container.open .filter-advance{
    height:190px;
}

.filter-container.open .filter-expand:before{
    transform:rotate(135deg);
}
.filter-tags {
    padding-bottom: 5px;
}
.filter-tag,
.filter-tag-splitter {
    float: left;
}

.filter-tag {
    background-color: #fff;
    border-radius: 3px;
    color: #0F387A;
    font-size: 12px;
    padding: 2px 5px;
    cursor:pointer;
}
.filter-tag:after{
    content:attr(data-label);
}
.filter-tag.selected{
    background-color: #0F387A;
    color: #fff;
}
.filter-clear{
    float:right;
    color: #0F387A;
    font-size: 12px;
    padding: 2px 5px;
    cursor:pointer;
}
.filter-clear .material-icons{    
    padding: 0;
    padding-right: 2px;
    font-size: 14px;
    float: left;}
.filter-tag-splitter {
    padding: 0 5px;
}
/* =========== Input Group ================*/

.input-group {display:table;width:100%;}
.input-group .input-btn{display:table-cell;margin: 0;vertical-align:top;}
.input-group .input-btn{width: 1%;}
.input-group .input-btn a,
.input-group .input-btn a:hover{background-color:#5b95ff;white-space:nowrap;color:#fff;height: 100%;padding:6px 15px;height: 35px; box-sizing: border-box;display: block;cursor:pointer;text-decoration:none;}
.input-group.right .input-control {border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.input-group.left .input-control{border-top-left-radius: 0px;border-bottom-left-radius: 0px;}



/* =========== jsGrid ========================*/
.jsgrid-filter-row td{
    vertical-align:top;
}
/* =========== Loading ==========================*/
.divLoading {color:#fff; width:100%; height:100%; overflow:hidden; background:#4a88bf; position:absolute; top:0; left:0; filter:alpha(opacity=35); -moz-opacity: 0.35; opacity:0.35; text-align:center;}
.divLoading img {position: absolute;top: 50%;left: 50%;margin-top: -18px;margin-left: -18px;    background-color: white;padding: 10px;border-radius: 5px;}
.divLoading .lblLoading {position: absolute;top: 50%;left: 50%;margin-top: 30px;margin-left: -25px;}

/* ========== Custom Selectbox =================*/
.s-hidden {
    visibility:hidden;
}
.selectbox-custom {
    width: 100%;
    height:40px;
    cursor:pointer;
    display:inline-block;
    position:relative;
    color:black;
    font-family: lato;
}
.selectbox {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: white;
    padding: 0 20px;
    line-height: 40px;
    border:1px solid #ccc;
}
.selectbox:after {
    content:"";
    width:0;
    height:0;
    border:5px solid transparent;
    border-color:black transparent transparent transparent;
    position:absolute;
    top: 16px;
    right: 20px;
}
.selectbox:active, .styledSelect.active {
    background-color:#eee;
}
.options {
    display:none;
    position:absolute;
    top:100%;
    right:0;
    left:0;
    z-index:999;
    margin:0 0;
    padding:0 0;
    list-style:none;
    background-color:white;
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
}
.options li {
    height: 40px;
    margin: 0 0;
    padding: 0 20px;
    line-height: 40px;
    border: 1px solid #cccccc;
    border-top:0;
    background-color: #ededed;
}

.options li:hover,
.options li.selected {
    background-color:#ff9c00;
}
.options li.disabled{
    cursor:not-allowed;
    opacity: 0.3;
}
.selectbox-custom.grey {
    height:50px;    
    font-size: 18px;
    border-radius:3px;
}
.selectbox-custom.grey .selectbox{
    background-color:#f7f7f7;
    line-height: 50px;
}
.selectbox-custom.grey .selectbox:after{
    top:25px;
}
.selectbox-custom.grey .options li{
    background-color:#f7f7f7;
    height:50px;
    line-height:50px;
}
.selectbox-custom.grey .options li:hover,
.selectbox-custom.grey .options li.selected{
    background-color:#ff9c00;
}
/* ========== End of Custom Selectbox =================*/

/* ================ Responsive Layout =========================*/
@media only screen and (max-width: 768px)  {
    .divAgentContainer .agent-header-content{width:100%;}
    .divAgentContainer .agent-body-content{width:100%;}
    
    .divAgentContainer .agent-header .bar1{
        height:80px;
        padding: 0 10px;
    }
    .divAgentContainer .agent-header .agent-header-inner.buyticket .title{
        height:100px;
    }
    .divAgentContainer .agent-header .bar1 .left,
    .divAgentContainer .agent-header .bar1 .right{
        width:100%;
        margin-left: 0px;
    }
    .divAgentContainer .agent-header .bar1 .right{
        display:flex;
    }
    .divAgentContainer .agent-header .bar1 .company-name{
        line-height:40px;
    }
    .member-menu{
        order:99;
    }
    .divAgentContainer .credit-container{
        order:1;
        margin-left:auto;
        padding: 0 10px;
    }
    .divAgentContainer .agent-header-inner.buyticket .divPageHeaderTicket{
        height:100%;
        flex-direction:column;
    }

    .divAgentContainer .divPageHeaderTicket h1{
        order:1;
    }
    .divAgentContainer .divPageHeaderTicket .tabs{
        order:1;
        width:100%;
    }
    .divAgentContainer .divPageHeaderTicket .tabs .ui-tabs-nav{
        width:100%;
    }
    .divAgentContainer .divPageHeaderTicket .tabs .ui-tabs-nav > li{
        width:50%;
    }
    .divAgentContainer .divPageHeaderTicket .tabs .ui-tabs-nav > li > a{
        width:100%;
        height:100%;
    }
    .divAgentContainer .divPageHeaderTicket .logoContainer{
         display:none;
    }
    .divAgentContainer .agent-header-inner.buyticket .divPageHeaderTicket .RightContainer{
        order:0;
        margin: auto;
        width: 100%;
    }

    .divAgentContainer .btn{
        width:49%;
        min-width:unset;
    }
    .divUpdateProfileForm .btn{
        min-width:170px;
        width:auto;
    }
    .divAgentContainer .session-timer {
        font-size: 12px;
        line-height: 30px;
    }
    .credit-container .amount,
    .member-menu .member-name,
    .member-menu .arrow-down{
         display:none;
    }
    .divAgentContainer .member-icon{
        width:30px;
        height:30px;
        padding: 0 10px;
    }
    .divAgentContainer .member-icon .material-icons{
        margin: 0px;
    }
    /* =====  Price Summary ========*/
    .divAgentContainer .agent-header.hasPriceSummary{
        margin-top: 50px;
    }

    /* ========= User Mange ===========*/
    .filter-common .filter-keyword{
        width:100%;
    }
    .filter-advance .col-sm-6{
        width:100%;
     }
    .filter-advance .col-sm-3{
        width:50%;
        margin-bottom:20px;
    }
    .filter-advance .filter-orderdate-input .col-sm-6,
    .filter-advance .filter-ticketdate-input .col-sm-6{
        width:50%;
    }
    .filter-container.open .filter-advance {
        height: 370px;
    }
    .filter-tag {
        font-size:11px;
    }
    .filter-tag-splitter {
        padding: 0 3px;
    }
    .filter-tag:after{
        content:attr(data-mobile-label);
    }
    .filter-clear-label{
        display:none;
    }
    .order-list-container .divOrderTopOuter{
        width:100%;
    }
    .order-buyerinfo{
        display:none;
    }
    .order-seat{
        display:none;
    }
    .order-view .order-view-label{
        display:none;
    }
    
    .order-code{
        margin:0;
    }
    .order-seat, 
    .order-datetime, 
    .order-way{
        margin:0 10px 0 0;
    }
    .order-price{
        display:none;
    }

    /* ========= Login Page ============*/
    #divLoginContainer{
        width:100%;
    }

    /* ========= Login Links ============*/
    .MobileView .member-menu-list li{
        min-width: 155px;
    }
    .MobileView .member-menu-list .nav-one{
        width:155px;
    }
    .MobileView .member-menu-list .nav-two{
        width: 155px;
        margin-left :152px;
    }
    .MobileView .member-menu-list{
        top:40px;
    }

    /* =========== Table Form ===================*/
    .table-form > .row{
        flex-direction: column;
        margin-bottom:20px;
    }
    .table-form > .row > [class^="col-"]{
        width:100%;
    }
    .table-form  > .row >.col-sm-3{
        padding-bottom:5px;
    }

    /* =========== jQuery-UI Tabs ==============*/
    .tabs .ui-state-default{
        border-bottom: 2px solid transparent;
    }

    /* =========== Pnotify ===================*/
    .ui-pnotify.custom-template-order{    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin-left: 0;}
}

.divDateRange{margin-left:20px;display:block;box-sizing:unset;}
.divBalance{float:right;padding:10px 20px;text-align:right;width:70%;}
.divAgentBalance{width:26%;padding:0px 20px;display:inline-block;font-weight:700;text-align:left;}

.errorMsg{color:red;}