@charset "utf-8";

/* CSS Document */

@font-face {
    font-family: 'helvetica';
    src: url('../fonts/Helvetica.ttf');
    font-style: normal;
}

@font-face {
    font-family: 'helveticabold';
    src: url('../fonts/HelveticaBold.ttf');
    font-style: normal;
}


/*@font-face {
    font-family: 'helvetica';
    src: url('../fonts/helvetica-webfont.eot');
    src: url('../fonts/helvetica-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica-webfont.woff2') format('woff2'),
         url('../fonts/helvetica-webfont.woff') format('woff'),
         url('../fonts/helvetica-webfont.ttf') format('truetype'),
         url('../fonts/helvetica-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

    }*/


/*@font-face {
    font-family: 'helveticabold';
    src: url('../fonts/helveticabold-webfont.eot');
    src: url('../fonts/helveticabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticabold-webfont.woff2') format('woff2'),
         url('../fonts/helveticabold-webfont.woff') format('woff'),
         url('../fonts/helveticabold-webfont.ttf') format('truetype'),
         url('../fonts/helveticabold-webfont.svg#helvetica_neuebold') format('svg');
    font-weight: normal;
    font-style: normal;

    }*/

@font-face {
    font-family: 'helveticaneue';
    src: url('../fonts/helveticaneue-medium-webfont.eot');
    src: url('../fonts/helveticaneue-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/helveticaneue-medium-webfont.woff2') format('woff2'), url('../fonts/helveticaneue-medium-webfont.woff') format('woff'), url('../fonts/helveticaneue-medium-webfont.ttf') format('truetype'), url('helveticaneue-medium-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    font-family: helvetica;
}

body {
    float: left;
    width: 100%;
    font-size: 12px;
    /*changed by sanjiv frm 12 to 11px*/
    color: #231F20;
     /*added by sanjiv*/
    margin-bottom: 100px;
}

h3 {
    font-family: helveticabold;
}

table {
    border-collapse: collapse;
}

#main-wraper {
    float: left;
    width: 100%;
}

#header {
    float: left;
    width: 90%;
    position: relative;
    margin: 0 5%;
}
/*green-button and red-button added by Harsh onsite*/
.green-button{
    background: #37a930 !important;
}
.red-button{
    background: #e40f0f !important;
}
.logo-container {
    width: 50%;
    float: left;
    margin-left: 0%;
}

img.header-logo {
    width: 65%;
    margin-top: 3%;
}

.think-possibilities {
    float: right;
    width: 30%;
    margin-top: 3%;
    background: url(../images/right-think-possibilities.png) no-repeat right center;
    height: 65px;
    background-size: contain;
}

.think-possibilities p {
    text-align: right;
    color: #fff;
    line-height: 60px;
    padding-right: 15px;
    font-size: 16px;
}

.session {
    position: absolute;
    top: 10px;
    right: 0;
    width: 180px;
}

.session a {
    border-right: 1px solid #000;
    padding: 0 5px;
    display: block;
    float: right;
    text-decoration: none;
    color: #000;
    font-size: 1em;
    height: 18px;
    /*clear:both;*/
    cursor: pointer;
}

#nav {
    background: #0e5695;
    /* Old browsers */
    background: -moz-linear-gradient(top, #0e5695 0%, #001b54 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0e5695), color-stop(100%, #001b54));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0e5695 0%, #001b54 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0e5695 0%, #001b54 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0e5695 0%, #001b54 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #0e5695 0%, #001b54 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0e5695', endColorstr='#001b54', GradientType=0);
    /* IE6-9 */
    height: 40px;
    width: 100%;
    float: left;
    margin-top: 6px;
    position: relative;
}

#nav .menu {
    float: left;
    width: auto;
}

#nav .menu li {
    list-style-type: none;
    float: left;
    /*position:relative;*/
}

#nav .menu li a.home img {
    padding-top: 7px;
    width: 22px;
}

#nav .menu li ul {
    padding-left: 4%;
    width: 96%;
}

#nav .menu li ul li {
    font-family: helvetica;
    padding: 0px 20px 0 20px;
    border-right: 1px solid #fff;
    margin: 10px 0;
}

#nav .menu li ul li a {
    font-size: 1em;
    font-weight: normal;
    line-height: normal;
    padding: 0;
    font-family: helveticabold;
}

#nav .menu li ul li:last-child a {
    /*font-family: helvetica;*/
}

#nav .menu li ul li a:hover {
    border-bottom: 1px solid #fff;
}

#nav .menu li a {
    color: #fff;
    padding: 0px 20px;
    line-height: 40px;
    text-decoration: none;
    float: left;
    font-size: 1em;
    font-family: helveticabold;
}

#nav .menu li:nth-child(3) a {
    /*font-family: helveticaneue;*/
}

.select {
    height: 40px;
    background: url(../images/nav-menu-select.png) left;
}

#nav ul.right-cont {
    float: right;
    height: 40px;
}

#nav ul.right-cont li {
    list-style: none;
    float: left;
    height: 40px;
}

#nav ul.right-cont li a {
    text-decoration: none;
    color: #fff;
    line-height: 40px;
    padding: 0 10px;
    float: left;
    font-size: 1em;
}

#nav ul.right-cont li a.logout {
    background: url(../images/logout.png) no-repeat left;
    width: 71px;
    height: 40px;
}

.section {
    width: 100%;
    float: left;
    padding: 0 0 30px 0;
}

.user-info {
    margin: 0 0 0 5%;
    padding: 10px 0;
    color: #6d6e70;
    /*  border-bottom: 1px solid #bcbdc0;*/
    overflow: hidden;
    width: 90%;
}

.user-info .welcome-user {
    font-size: 1.1em;
    float: left;
    vertical-align: bottom;
    font-family: helveticabold;
}

.client-name {
    text-transform: uppercase;
    font-family: helveticabold;
}

.login-info {
    font-size: 1.1em;
    float: left;
    margin-left: 10px;
}

.login-info p {
    font-size: 1em;
    float: left;
    padding: 0 5px;
    border-left: 1px solid #6d6e70;
    vertical-align: bottom;
}

.message-count {
    background: url(../images/message.png) no-repeat left;
    background-size: contain;
    width: 18px;
    height: 20px;
    float: left;
    margin: 0 5px;
    color: #fff;
    text-align: center;
    font-size: 11px;
    line-height: 15px;
}

.font-adjest {
    float: right;
    margin-right: 5%;
}

.font-adjest p {
    float: left;
    padding: 0 5px;
    line-height: 20px;
    cursor: pointer;
    color: #231f20;
}

.adjest1 {
    font-size: 10px;
}

.adjest2 {
    font-size: 15px;
}

.adjest3 {
    font-size: 20px;
}

.accounts {
    width: 90%;
    margin: 0 5%;
    overflow: initial;
    /*done by avdhoot for quiklinks alignment*/
    position: relative;
}

.account-selection {
    width: 70%;
    float: left;
    margin: 5px 0 0 0;
}


/*bulk-selection
 {/*bulk added by sanjiv*/


/*  width: 100%;
        float: left;
        margin: 5px 0 0 0;
    }*/

.accounts h4,
.transfers h4,
.account-selection h4,
.qick-links h4,
h4.header-title,
h4.header-title {
    /*b, .bulk-selection h4{bulk added by sanjiv*/
    width: 100%;
    border-bottom: 5px solid #001b54;
    color: #001b54;
    padding: 5px 0;
    text-transform: uppercase;
    font-size: 1.4em;
    margin: 5px 0;
    font-family: helveticabold;
    float: left;
    /*added by Dolly*/
}

.confirm_title span {
    font-family: helveticabold;
}

.scheduled-content {
    font-size: 1.1em;
}

h4.header-title {
    margin: 0 0 20px 0;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    font-size: 1.0em;
    /*changed from 1.1 to 1.0 em by sanjiv*/
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    font-family: helveticabold;
}

.qick-links h4 {
    font-size: 1.2em;
    margin: 0;
}

.ac-header,
.ac-list {
    float: left;
    width: 100%;
}

.ac-header {
    border-bottom: 1px dotted #bcbdc0;
    padding-bottom: 5px;
}

.ac-list {
    padding-bottom: 20px;
    border-bottom: 1px solid #bcbdc0;
}

.ac-list:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.ac-header h2 {
    color: #231f20;
    float: left;
    font-size: 1.1em;
}

.ac-header h2.ac-name,
.ac-box1 {
    width: 40%;
    text-align: left;
}

.ac-header h2.ac-type,
.ac-box2 {
    width: 20%;
    text-align: center;
}

.ac-header h2.ac-amount,
.ac-box3 {
    width: 40%;
    text-align: right;
}

.ac-box1,
.ac-box2,
.ac-box3 {
    float: left;
    font-size: 1.1em;
}

.ac-box2,
.ac-box3 {
    color: #231f20;
}

.ac-content {
    padding: 10px 0;
}

.ac-box1 {
    color: #314173;
    font-weight: bold;
}

.ac-box3 p {
    padding: 5px 0;
}

p.available {
    font-weight: bold;
}

.ac-content-bottom {
    margin-top: 20px;
}

.ac-content-bottom p {
    float: left;
    padding-right: 20px;
    font-weight: normal;
    color: #6d6e71;
    font-size: 0.9em;
}

.mini-statement {
    background: url(images/blue-minus.png) no-repeat left;
    background-size: 15px 15px;
    padding-left: 20px;
    cursor: pointer;
}

.mini-statement:hover,
.mini-statement-expand:hover {
    text-decoration: underline;
}

.mini-statement-expand {
    background: url(images/blue-plus.png) no-repeat left;
    background-size: 15px 15px;
    padding-left: 20px;
    cursor: pointer;
}

.ac-content-bottom ul.buttons {
    float: right;
}

.ac-content-bottom ul.buttons li {
    list-style-type: none;
    margin: 0 0 0 5px;
    float: left;
}

.as-go {
    margin: 20px 0 !important;
}

.ac-content-bottom ul.buttons li a,
.loan-details,
.my-ac-buttons a,
a.btn-print {
    display: block;
    text-decoration: none;
    color: #fff !important;
    background: #46619D;
    padding: 5px 10px;
    font-size: 1em;
    font-weight: normal;
    border-radius: 4px;
    border: 0px;
    border-bottom: 2px solid #05306B;
}


/*a.btn-print {
    padding: 5px 20px;
    float: right;
    }*/

.my-ac-buttons ul li {
    list-style-type: none;
    margin: 10px 0;
}

.ac-content-bottom ul.buttons li a:hover,
a.submit:hover,
.loan-details:hover,
button:hover,
a.btn-print:hover,
.transfers_footer ul li a:hover,
.btn:hover {
    /*box-shadow: 0px 3px 10px rgba(0, 0, 0, 1);*/
    /*box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.2);*/
    /*font-weight: bold;
    font-family:helveticabold;*/
    text-decoration: underline !important;
    /*background: #05306B;*/
    background: #042E66 !important;
}

.statments {
    float: left;
}

.statments p a {
    color: #6d6e71;
    text-decoration: none;
}

.statments p a:hover {
    text-decoration: underline;
}

.qick-links {
    /*float: right; DN*/
    float: right;
    /*DN*/
    width: 25%; /* changed from 27 to 25 and below right margin from 0 to 5%*/
    margin: 30px 0 0 0;
    margin-right: 5%;
    /*35pxadded by sanjiv*/
    border-top: 7px solid #001b54;
    /*position:absolute;
    top:70px;
    right:0;*/
}

.footer {
    float: left;
    width: 90%;
    height: 40px;
    background: #001b54;
    margin: 0 5%;
}

.footer p {
    line-height: 40px;
    text-align: left;
    padding: 0 0 0 1%;
    color: #fff;
    font-size: 1em;
    font-family: helveticabold;
}

.footer p span.copy {
    font-size: 20px;
    float: left;
    padding-right: 5px;
}

.links-list {
    float: left;
    width: 96%;
    border: 7px solid #e7e7e8;
    border-top: 0;
    overflow: hidden;
}

.links-list h4 {
    background: #8890b3;
    color: #fff;
    border-bottom: 0;
    padding: 7px 0;
    padding-left: 5%;
    width: 95%;
    font-size: 1.1em;
    text-transform: capitalize;
}

.links-list ul {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    /*padding-bottom: 10px;*/
}

.links-list ul li {
    list-style-type: none;
    float: left;
    width: 90%;
    border-bottom: 1px solid #aaa;
    padding: 7px 0;
    color: #6d6e71;
    font-size: 1em;
    margin: 0 5%;
}

.links-list ul li a {
    color: #6d6e71;
    text-decoration: none;
    font-size: 1em;
}

.links-list ul li a:hover {
    text-decoration: underline;
}

.visit-branch {
    width: 100%;
    /*background: url(../images/visit.png) no-repeat center bottom;
    background-size: contain;
    height: 284px;*/
    position: relative;
}

.visit-branch p {
    width: 100%;
    color: #fff;
    line-height: 37px;
    text-transform: uppercase;
    font-weight: bold;
    background: rgba(0, 27, 84, 0.59);
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
}

span.actual-amount,
span.available-amount {
    padding-left: 20px;
    float: right;
}

.quick-contact,
.quick-services {
    background: url(images/blue-plus.png) no-repeat right;
    background-size: 13px;
}

.name-title {
    text-transform: capitalize;
    padding-right: 10px;
}

.header-visa,
.header-scheduled,
.header-utilisations,
.header-loans,
.header-Ulimits,
.header2-Ulimits,
.header3-Ulimits {
    background: url(images/minus.png) no-repeat 2%;
    background-size: 16px;
    float: left;
    width: 94%;
    padding: 10px 0px 10px 40px;
    padding-left: 6%;
    border-bottom: 1px solid #bcbdc0;
    cursor: pointer;
    background-color: #F1F2F2;
    font-family: helveticabold;
}

.visa-content,
.scheduled-content,
.utilisations-content,
.loans-content {
    float: left;
    width: 100%;
    padding: 20px 0;
    /*  border-bottom: 1px solid #bcbdc0;*/
}

.header-toggle {
    background: url(images/plus.png) no-repeat 2%;
    background-color: #F1F2F2;
    background-size: 16px;
    border-bottom: 1px solid #bcbdc0;
}

.messages:hover,
#nav ul.right-cont li a.change-password:hover {
    cursor: pointer;
    text-decoration: underline;
}

#tabs h3,
.cards h3,
.clearing_codes_header {
    font-size: 1.3em;
    padding: 10px 0;
    /*border-bottom: 1px dotted #bcbdc0;*/
    margin-top: 20px;
    font-family: helveticabold;
}

.cards h3 {
    margin: 0;
}

.select-account {
    padding: 15px 0;
    border-bottom: 1px dotted #bcbdc0;
    border-top: 1px dotted #bcbdc0;
    float: left;
    width: 100%;
}

.select-account label {
    width: 20%;
    padding-right: 20px;
    text-align: right;
    font-weight: normal;
    font-size: 1.1em;
    float: left;
    /*line-height: 30px;*/
}

.as-Search {
    padding: 10px 0;
    border-bottom: 1px dotted #bcbdc0;
    float: left;
    width: 100%;
}

.as-Search ul {
    float: left;
    width: 100%;
}

.as-Search ul li {
    float: left;
    width: 100%;
    list-style-type: none;
    padding: 8px 0;
}

.as-Search ul li label {
    width: 20%;
    padding-right: 20px;
    text-align: right;
    font-weight: normal;
    font-size: 1.1em;
    float: left;
}

.as-Search ul li input {
    float: left;
    width: 27%;
}

.from-date,
.to-date {
    width: 50%;
    float: left;
    /*background: url(../images/date.png) no-repeat 363px center;*/
}

.ln-select {
    width: 50%;
    float: left;
}

.ln-activity ul li .ln-select label,
.ln-activity ul li .sort-date label {
    width: 40%;
}

.trans_acct_form ul li .ln-select label {
    width: 50%;
}

.as-Search ul li .from-date label,
.as-Search ul li .to-date label,
.sort-date label {
    width: 40%;
}

.sort-date {
    width: 50%;
    float: left;
}

.conditions {
    float: left;
    padding: 10px 0;
    width: 100%;
}

.conditions p {
    font-size: 0.8em;
    padding: 1px 0;
    float: left;
    width: 100%;
}

a.submit,
#account_summary form button,
a.btn-print,
.transfers_footer ul li a {
    float: right;
    display: block;
    text-decoration: none;
    color: #fff !important;
    background: #46619D;
    padding: 7px 30px;
    font-size: 1em;
    font-weight: normal;
    border-radius: 4px;
    border: 0px;
    border-bottom: 2px solid #05306B;
}

button {
    cursor: pointer;
}

.search-data {
    margin-top: 40px;
    border-top: 1px dotted #bcbdc0;
    border-bottom: 1px dotted #bcbdc0;
    float: left;
    width: 100%;
    padding-top: 20px;
}

.tab-data {
    width: 100%;
    /*changed from 70 to 100 by sanjiv*/
    float: left;
}

.bill-tab-data {
    /*bill-tab-data added by sanjiv*/
    width: 70%;
    float: left;
}

.account-tab-data {
    width: 70%;
    /*account-tab-data added by Dolly for loan and account screens*/
    float: left;
}

#account_statement,
#account_summary,
#account_overview,
#account_details {
    width: 100%;
    padding: 0;
}

.ui-tabs .ui-tabs-nav {
    width: 70%;
    padding: 0;
}

.account-tab {
    width: 100%;
}

table.search-table {
    width: 100%;
    text-align: right;
    border-collapse: collapse;
}

.page-content tr td {
    border-bottom: 1px dotted #bcbdc0;
    border-right: 1px solid #E5E6EF;
    text-align: right;
}

table.search-table th:first-child,
table.search-table th:nth-child(2),
table.search-table td:first-child,
table.search-table td:nth-child(2) {
    text-align: left;
}

table.search-table th,
.page-content tr th {
    padding: 7px 5px;
    color: #001C54;
    background: #E5E6EF;
    font-size: 1em;
    text-align: right;
    font-family: helveticabold;
}

table.search-table td,
.page-content tr td {
    padding: 7px 5px;
    font-size: 1em;
    text-align: right;
}

table.page-content tr th:first-child,
table.page-content tr td:first-child {
    text-align: left;
    width: 12%;
}

table.page-content tr th:nth-child(2),
table.page-content tr td:nth-child(2) {
    text-align: left;
    /* changed by Harsh onsite 
    width: 8%;*/
    width: 12%;
}

table.page-content tr th:nth-child(3),
table.page-content tr td:nth-child(3) {
    text-align: left;
    width: 15%;
}

table.page-content tr th:nth-child(4),
table.page-content tr td:nth-child(4) {
    text-align: left;
    width: 35%;
}

table#page-content4 tr th:nth-child(4),
table#page-content4 tr td:nth-child(4) {
    text-align: left;
    width: 20%;
}

table#page-content4 tr th:nth-child(2),
table#page-content4 tr td:nth-child(2) {
    text-align: left;
    width: 13%;
}

ul.submenu {
    /*display: none;*/
    position: absolute;
    top: 40px;
    left: 0;
    background: #314173;
    width: 100%;
    height: 0px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    /* transform-origin : center top;
       transform-origin: 50%;
       -webkit-transform-origin: 50%;*/
    opacity: 0;
}

.menu .slideshow .carousel li:hover .submenu {
    display: block;
    height: 40px;
    opacity: 1;
    top: 40px;
}


/*.menu .slideshow .carousel li:hover .submenu:parent{
    background:red !important;
    height:90px;
    }*/

#page-content_length,
.dataTables_filter,
.dataTables_info {
    display: none;
}

#table-contnet {
    float: left;
    margin-top: 30px;
    width: 100%;
    position: relative;
}

#page-content,
#page-content4,
#page-content5 {
    margin-top: 30px;
}

#la_details #page-content {
    margin-top: 0px;
}

#table-contnet .paging_full_numbers {
    position: absolute;
    top: 0;
    left: 10px;
}

.dataTables_paginate {
    padding: 5px 0;
    float: left;
}

.dataTables_paginate a {
    padding: 1px 2px;
    font-size: 13px;
    cursor: pointer;
    margin: 0 3px;
}

.dataTables_paginate a.first,
.dataTables_paginate a.previous,
.dataTables_paginate a.next,
.dataTables_paginate a.last {
    background: #314173;
    color: #fff;
    margin-right: 2px;
    padding: 1px 5px;
}

.current {
    border-bottom: 1px solid #BCBEC0;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
select {
    font-size: 1em !important;
    width: 125px;
    padding: 3px 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3f3f4+0,f3f3f4+35,d8d9da+100 */
    background: #f3f3f4;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f3f3f4 0%, #f3f3f4 35%, #d8d9da 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f4), color-stop(35%, #f3f3f4), color-stop(100%, #d8d9da));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f3f3f4 0%, #f3f3f4 35%, #d8d9da 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f3f3f4 0%, #f3f3f4 35%, #d8d9da 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f3f3f4 0%, #f3f3f4 35%, #d8d9da 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f3f3f4 0%, #f3f3f4 35%, #d8d9da 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f4', endColorstr='#d8d9da', GradientType=0);
    /* IE6-9 */
}

select {
    border: 1px solid #939598;
}

.ui-widget input {
    background: #fff;
}

.from-date select,
.to-date select {
    width: auto;
}

.ui-accordion-content-active {
    display: block !important;
}

table.page-content tr th:last-child,
table.page-content tr td:last-child {
    border-right: 0 !important;
}

.mini-statement-content {
    width: 100%;
    float: left;
    overflow: auto;
}

.mini-statement-content table.page-content {
    float: left;
    width: 100%;
    margin-top: 10px;
    /*display:none;*/
}

.mini-statement-content table.page-content tr th,
.utilisations-content table.page-content tr th,
.utilisations-content table.page-content thead tr {
    border: 1px solid #001b54;
    background: #fff;
}

.mini-statement-content table.page-content tr td {
    border-right: 1px solid #314173;
}

.mini-statement-content table.page-content tr td:last-child {
    border-right: 0;
}

.mini-statement-content table.page-content tr th:nth-child(4),
.mini-statement-content table.page-content tr td:nth-child(4) {
    width: auto !important;
}

.mini-statement-content table.page-content tr th,
.mini-statement-content table.page-content tr td,
.utilisations-content table.page-content tr th,
.utilisations-content table.page-content tr td {
    width: auto !important;
}

.mini-statement-content table.page-content tr th,
.mini-statement-content table.page-content tr td {
    font-size: 0.9em;
}

.mini-statement-content table.page-content tr th {
    border: 0 !important;
    border-right: 0 !important;
    padding: 3px 5px;
    border-left: 0;
}

.mini-statement-content table.page-content thead tr {
    border: 1px solid #001b54;
}

.utilisations-content table.page-content tr th {
    border: 0;
}

.utilisations-content table.page-content tr th,
.utilisations-content table.page-content tr td {
    border-right: 0;
}

.loans-content ul {
    float: left;
    width: 85%;
}

.loans-content ul li {
    float: left;
    list-style-type: none;
    width: 50%;
    text-align: right;
    padding: 3px 0;
    font-size: 1.1em;
}

.loans-content ul li span {
    width: 49%;
    padding-left: 3%;
    float: right;
    text-align: left;
}

.loan-details {
    float: right;
    margin-top: 70px;
}

.my-ac-buttons {
    display: none;
}

.left-box {
    float: left;
    width: 100%;
}

.MobileNav,
.M_ChangePass,
.M_QuickLinks {
    display: none;
}

#nav h3 {
    text-align: center;
    color: #fff;
    line-height: 40px;
    font-family: arial;
    font-weight: bold;
    font-size: 15pt;
}

.login-intro {
    float: left;
    width: 100%;
    margin-top: 50px;
}

.login-intro p {
    text-align: center;
    color: #6D6E71;
    padding: 5px 0;
    font-family: arial;
}

.login-intro p a {
    color: #231F20;
    font-family: arial;
}

.container {
    float: left;
    width: 100%;
}

.container form {
    width: 300px;
    margin: 20px auto;
}

.container form label {
    font-family: Arial;
    font-size: 1.2em;
    padding: 10px 0 2px 7px;
    color: #414042;
    float: left;
}

.container form input {
    width: 100%;
    border-radius: 10px;
    background: #E6E7E8;
    height: 40px;
    border: 0;
}

.checkbox {
    float: left;
    width: 100%;
}

.container form .checkbox input {
    width: 20px;
    height: 20px;
    border-radius: 0;
    margin: 10px 0 10px 10px;
    background: #fff;
    /* -webkit-appearance:none;*/
    border: 1px solid #58595B;
}

.container form .btn-lg {
    width: 100%;
    height: 50px;
    color: #fff;
    border-radius: 10px;
    border: 0;
    font-size: 1.3em;
    margin-top: 10px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1767b2+0,1966b1+17,155898+26,16477f+35,1d3466+47,192251+59,192251+100 */
    background: #1767b2;
    /* Old browsers */
    background: -moz-linear-gradient(top, #1767b2 0%, #1966b1 17%, #155898 26%, #16477f 35%, #1d3466 47%, #192251 59%, #192251 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1767b2), color-stop(17%, #1966b1), color-stop(26%, #155898), color-stop(35%, #16477f), color-stop(47%, #1d3466), color-stop(59%, #192251), color-stop(100%, #192251));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #1767b2 0%, #1966b1 17%, #155898 26%, #16477f 35%, #1d3466 47%, #192251 59%, #192251 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #1767b2 0%, #1966b1 17%, #155898 26%, #16477f 35%, #1d3466 47%, #192251 59%, #192251 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #1767b2 0%, #1966b1 17%, #155898 26%, #16477f 35%, #1d3466 47%, #192251 59%, #192251 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #1767b2 0%, #1966b1 17%, #155898 26%, #16477f 35%, #1d3466 47%, #192251 59%, #192251 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1767b2', endColorstr='#192251', GradientType=0);
    /* IE6-9 */
    border-bottom: 3px solid #042E66;
}

.vertual-keyboard {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
    /*padding: 0 0 200px 0;*/
    text-align: center;
    /* background commented by Harsh onsite */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+34,a0b2db+100 */
/* background: #ffffff;     */
    /* Old browsers */
/* background: -moz-linear-gradient(top, #ffffff 34%, #a0b2db 100%);        */
    /* FF3.6+ */
/*    background: -webkit-gradient(linear, left top, left bottom, color-stop(34%, #ffffff), color-stop(100%, #a0b2db)); */
    /* Chrome,Safari4+ */
/*    background: -webkit-linear-gradient(top, #ffffff 34%, #a0b2db 100%);  */
    /* Chrome10+,Safari5.1+ */
/*    background: -o-linear-gradient(top, #ffffff 34%, #a0b2db 100%);       */
    /* Opera 11.10+ */
/*    background: -ms-linear-gradient(top, #ffffff 34%, #a0b2db 100%);      */
    /* IE10+ */
/*    background: linear-gradient(to bottom, #ffffff 34%, #a0b2db 100%);    */
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a0b2db', GradientType=0);
    /* IE6-9 */
}

.vertual-keyboard img {
    width: auto;
    max-width: 100%;
    margin: 0 0 200px 0;
}

.tab-data h5 {
    padding: 7px 0 7px 2%;
    width: 98%;
    background: #001C54;
    color: #fff;
    font-family: helveticabold;
    font-size: 1.1em;
    float: left;
}

.bill-tab-data h5 {
    padding: 7px 0 7px 2%;
    width: 98%;
    background: #001C54;
    color: #fff;
    font-family: helveticabold;
    font-size: 1.1em;
    float: left;
}


/*account-tab-data added by Dolly for loan and account screens*/

.account-tab-data h5 {
    padding: 7px 0 7px 2%;
    width: 98%;
    background: #001C54;
    color: #fff;
    font-family: helveticabold;
    font-size: 1.1em;
    float: left;
}

#account_overview table.page-content {
    margin: 10px 0;
    width: 100%;
}

#account_overview table.page-content tr th,
#account_summary table.page-content tr th {
    background: #fff;
    border-bottom: 1px dotted #bcbdc0;
    font-size: 1em;
}

button.btn {
    margin-top: 10px;
    margin-left: 10px;
}

#account_overview table.page-content tr td {
    background: #fff;
    border-right: 1px solid #314173;
}

#account_overview table.page-content tfoot tr td,
#account_overview table.page-content tfoot tr td:nth-child(2),
#account_summary table.page-content tfoot tr td {
    background: #E5E6EF;
    border-right: 1px solid #314173;
    font-family: helveticabold;
    color: #001C54;
    text-align: right;
}

#account_overview table.page-content tr th:first-child,
#account_overview table.page-content tr td:first-child {
    width: 20%;
    text-align: left;
}

#account_overview table.page-content tr th:nth-child(2),
#account_overview table.page-content tr td:nth-child(2) {
    width: 40%;
    text-align: left;
}

#account_overview table.page-content tr th:nth-child(3),
#account_overview table.page-content tr td:nth-child(3),
#account_overview table.page-content tr th:nth-child(4),
#account_overview table.page-content tr td:nth-child(4) {
    width: 20%;
    text-align: right;
}

#account_summary ul.total-ugx li {
    list-style-type: none;
    float: left;
    width: 98%;
    text-align: left;
    font-size: 1em;
    border-bottom: 1px dotted #bcbdc0;
    padding: 5px 1%;
}

#account_summary ul.total-ugx li span {
    float: right;
    width: 20%;
    text-align: right;
}

#account_summary ul.total-ugx li aside {
    float: left;
    width: 80%;
}

#account_summary ul.total-ugx li.total-ugx-top {
    color: #001C54;
    background: #E5E6EF;
    font-family: helveticabold;
    font-weight: bold;
}

#account_summary form {
    float: left;
    width: 100%;
    margin: 10px 0;
    font-size: 1.1em;
}

#account_summary form .ac-choice {
    float: left;
    width: 39%;
    padding-left: 1%;
}

#account_summary form .ac-balance {
    float: left;
    width: 50%;
}


/*#account_summary form button, button {*/

button,
.btn {
    float: right;
    /*width: 10%;*/
    /*modified by Harsh from 7px 30px to 5px and 10px*/
    padding: 5px 10px;
    /*background: #46619D !important;*/
    background: #46619D;
    color: #fff;
    border-radius: 4px;
    border: 0px;
    border-bottom: 2px solid #05306B;
    font-size: 1em;
}

.btn-download {
    /*padding: 5px;*/
    width: auto;
    font-size: 0.9em !important;
    margin: 0 5px;
    padding: 7px 30px;
}

#account_summary table.page-content {
    margin: 10px 0 0 0;
}

#account_summary table.page-content tr th:first-child,
#la_details table.page-content tr th:first-child,
#la_details table.page-content tr td:first-child {
    width: 40%;
}

#account_summary table.page-content tr td:first-child {
    width: 5%;
}

#account_summary table.page-content tr td:nth-child(2) {
    width: 40%;
}

#account_summary table.page-content tr td,
#la_details table.page-content tr td {
    border-right: 1px solid #314173;
}

#account_summary table.page-content tr td:first-child span {
    width: 9%;
    border-right: 1px solid #314173;
    float: left;
    margin-right: 1%;
}

#account_summary table.page-content tr th:nth-child(3) {
    text-align: right;
}

#la_details table.page-content tr th:nth-child(3),
#la_details table.page-content tr td:nth-child(3) {
    text-align: right;
    width: 30%;
}

#account_summary table.page-content tr th:nth-child(2),
#account_summary table.page-content tr td:nth-child(3),
#la_details table.page-content tr th:nth-child(2) {
    width: 10%;
    text-align: center;
}

#account_summary table.page-content tr th:nth-child(4),
#account_summary table.page-content tr td:nth-child(4),
#account_summary table.page-content tr th:nth-child(5),
#account_summary table.page-content tr td:nth-child(5),
#la_details table.page-content tr th:nth-child(4),
#la_details table.page-content tr td:nth-child(4),
#la_details table.page-content tr th:nth-child(5),
#la_details table.page-content tr td:nth-child(5) {
    width: 25%;
    text-align: right;
}

#la_details table.page-content tfoot tr td {
    text-align: right !important;
}

.fullwidth {
    float: right;
    width: 100%;
}

.boldtext {
    font-family: helveticabold;
}

.cards-table {
    float: left;
    width: 100%;
    margin: 20px 0;
}

.cards-search {
    float: left;
    width: 100%;
    margin: 10px 0;
}

.cards-search tr td,
.cards-search tr th {
    text-align: left;
}

.cards-search tr td {
    border-right: 1px solid #314173;
    border-bottom: 1px dotted #BCBEC0;
}

.cards-search tr td:last-child {
    border-right: 0;
}

.download-format {
    float: left;
    width: 100%;
}

.download-format form {
    float: right;
    margin-top: 10px;
}

.download-format form label,
.download-format form select {
    font-size: 1em;
    width: initial;
}

.ui-tabs .ui-tabs-panel {
    padding: 0;
}

.ls-acdetails {
    padding: 0 0 20px 0;
    border-bottom: 1px dotted #bcbdc0;
    margin: 0 0 20px 0;
}

.ls-acdetails h5 {
    background: #E5E6EF;
    color: #001C54;
    margin-bottom: 10px;
}

.dataTables_length {
    display: none;
}

#page-content2_wrapper {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
    overflow: auto;
}

table.installments {
    border: 1px solid #001C54;
}
/*below added by Harsh onsite as due date in loan schedule not properly displayed*/
table.installments tr th:nth-child(2),
table.installments tr td:nth-child(2) {    
    width: 12% !important;
}
table.installments tr th,
table.installments tr td {
    width: auto !important;
    text-align: left !important;
    font-size: 1em !important;
}

table.installments tr th,
table.installments tfoot tr td {
    background: #E5E6EF !important;
    color: #001C54;
}

ul.ln-settlement {
    width: 100%;
}

ul.ln-settlement li span {
    width: 46%;
}

.ls-acdetails form {
    border: 0;
    padding: 0;
}

.ls-acdetails .fullwidth {
    padding: 6px 0;
    float: left;
}

.ls-acdetails .fullwidth label {
    float: left;
    width: 25%;
}

.ls-acdetails .fullwidth select {
    float: left;
}

.ls-acdetails .fullwidth input {
    width: 200px;
}

p.ls-modnator {
    float: left;
    font-size: 0.9em;
}

.play {
    float: left;
    padding: 0 10px;
}

form.ln-activity {
    border-top: 1px dotted #bcbdc0;
    font-size: 1em !important;
}

input.userid,
input.Password {
    padding: 2px 5px;
    font-size: 1em;
    outline: none;
}

td.text-right {
    text-align: right !important;
}

.spl-padding {
    padding-bottom: 20px;
}

.banner {
    position: relative;
    overflow: auto;
    margin: 0 auto;
    margin-top: 10px;
}

.banner ul {
    /*height:275px;*/
}

.banner li {
    list-style: none;
}

.banner ul li {
    float: left;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    /*height: 277px;*/
}

.banner ul li img {
    width: 100%;
    /*margin-top:8px*/
    float: left;
}

.banner .dots {
    position: absolute;
    /*left: 0;*/
    right: 0;
    bottom: 50px;
}

.banner .dots li {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 0 4px;
    text-indent: -999em;
    border: 2px solid #fff;
    border-radius: 5px;
    cursor: pointer;
    opacity: .4;
    -webkit-transition: background .5s, opacity .5s;
    -moz-transition: background .5s, opacity .5s;
    transition: background .5s, opacity .5s;
}

.banner .dots li.active {
    background: #314173;
    opacity: 1;
}

.banner .btn,
.banner .dot {
    -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
    -moz-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
    -ms-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
    -o-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
}

.lolz {
    /*display:block !important;
height:40px !important;*/
    /*-webkit-transition: all 0.3s ease-in;
            -moz-transition: all 0.3s ease-in;
            -o-transition: all 0.3s ease-in;
            -ms-transition: all 0.3s ease-in;
            transition: all 0.3s ease-in;*/
}

.mini-statement-content table tbody tr:nth-child(even) {
    /*background: #C6CDE4; modified by Harsh on bank's request*/
    background: #F0F2F9;

}

.ui-widget-header {
    border-bottom: 1px solid #bcbdc0;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #bcbdc0;
}

.searchBy {
    /*margin: 0 0 10px 0;*/
}

.Anim {
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}


/*****************Transfers CSS Begin 7/27/15*************/

input[type="text"] {
    border: 1px solid #a6a6a6;
}

.transfers {
    width: 90%;
    margin: 0 5%;
    overflow: initial;
    /*done by avdhoot for quiklinks alignment*/
}

.transfers-tab .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    font-size: 0.9em !important;
    padding: 0.4em 0.6em;
}

.transfers-tab p.tab-intro {
    margin: 10px 0;
    font-size: 1.2em;
}

.trans_acct_form {
    border-bottom: 1px dotted #bcbdc0;
    float: left;
    padding: 10px 0;
    width: 100%;
}

.trans_acct_form ul {
    float: left;
    width: 100%;
}

.trans_acct_form ul li {
    float: left;
    list-style-type: none;
    padding: 4px 0;
    width: 100%;
}

.trans_acct_form ul li label {
    float: left;
    font-size: 1.1em;
    font-weight: normal;
    padding-right: 20px;
    text-align: right;
    width: 25%;
}

.trans_acct_form ul li label span {
    font-size: 1.1em;
}

.trans_acct_form .play {
    padding: 2px 5px 0;
}

.trans_acct_form_block,
.trans_acct_form_block_auto {
    /*overflow:hidden;*/
    padding-bottom: 10px;
}

.trans_acct_form h5,
.ben_bank_detl h5 {
    background: #e5e6ef;
    color: #001c54;
    margin-bottom: 10px;
    font-size: 1.2em;
    padding: 7px 0 7px 2%;
    font-family: helveticabold;
}

.trans_acct_form_block ul li {
    display: inline-block;
}

.trans_acct_form_block ul li input[type="text"] {
    float: left;
    width: 25%;
}

.trans_acct_form_block_auto ul li input[type="text"] {
    float: left;
    /*width: 160px;*/
    width: 38%;
}

.radio-btn2 input[type="radio"] {
    vertical-align: sub !important;
}

.radio-btn2 span {
    padding-right: 7%;
}

.date_block select {
    width: auto !important;
}

.date_block input[type="radio"] {
    margin-top: -5px;
}

.date_block img {
    vertical-align: middle;
}

.trans_acct_form_block input[type="radio"],
.trans_acct_form_block_auto input[type="radio"] {
    width: auto;
    vertical-align: middle;
}

.trans_acct_form_block .date_block input[type="radio"],
.trans_acct_form_block_auto .date_block input[type="radio"] {
    float: left;
    margin: 5px 5px 0 0;
}

.transfers_footer {
    float: right;
    /*margin-bottom:5px;*/
}

.transfers_footer ul li {
    display: inline-block;
}


/*.transfers_footer ul li a {
    background: #314173 none repeat scroll 0 0;
    color: #fff !important;
    display: block;
    float: right;
    font-size: 01em;
    font-weight: normal;
    padding: 3px 10px;
    text-decoration: none;
    }*/

.search-icon {
    padding: 2px 0 0 5px;
    cursor: pointer;
}

.showBalance {
    cursor: pointer;
}

.select-play select {
    float: left;
    width: 133px;
}

.border-bottom {
    border-bottom: 1px dotted #a6a6a6;
    padding: 0 0 10px 0;
}

.trans_acct_form_block ul li .cstm-input input[type="text"] {
    width: 44%;
}

.trans_acct_form .trans_acct_form_block_auto ul {
    width: 50%;
}

.trans_acct_form .trans_acct_form_block_auto ul li label {
    width: 50%;
}

.trans_acct_form .trans_acct_form_block_auto .radio-btn2 span {
    padding: 0 2%;
}

.trans_acct_form .trans_acct_form_block_auto select,
#add_beneficiary .trans_acct_form .trans_acct_form_block select {
    width: 162px;
}

.botm-line {
    border-bottom: 1px dotted #a6a6a6;
    padding: 0 0 10px 0;
}

.benf_acct_block {
    padding-top: 10px;
}

.trans_acct_form_block .benf_acct_block li .ln-select label {
    width: 35%;
}

.trans_acct_form_block .benf_acct_block li input[type="text"] {
    width: 40%;
}

.trans_acct_form button.btn-search {
    float: right;
    /*padding:5px 20px;*/
    margin: 10px 0;
}

.trans_acct_form_block table {
    width: 100%;
}

.trans_acct_form_block table tr td {
    border-left: 1px dotted #ccc;
}

.trans_acct_form_block table tr td,
.trans_acct_form_block table tr th {
    text-align: center !important;
}

.trans_acct_form_block table tr td:first-child {
    text-align: left !important;
}

.trans_acct_form_block table.installments {
    border: 1px solid #a6a6a6;
}

.right_box {
    float: right !important;
}

.int_ben_det {
    float: left;
    font-size: 1.1em;
    padding: 6px 0;
    width: 100%;
}

.int_ben_det label {
    width: 25%;
    float: left;
    text-align: right;
}

.other {
    padding-left: 80px !important;
    font-size: 1.1em;
    font-family: helveticabold;
}

.trans_acct_form_block table.pay_instr {
    margin-top: -10px;
    float: left;
    border: 0;
}

.trans_acct_form_block table.pay_instr tr th {
    background: #fff !important;
    border-right: 1px solid #E5E6EF;
    border-bottom: 1px dotted #bcbdc0;
}

.trans_acct_form_block table.pay_instr tr td {
    background: #fff !important;
    border-right: 0px;
    border-left: 0px;
}

#beneficiary_maintanence form {
    border-bottom: 0;
}

.trans_acct_form {
    margin-bottom: 10px;
}

.trans_acct_form_block,
.trans_acct_form_block_auto {
    padding-bottom: 10px;
    float: left;
    width: 100%;
}

.search-btn span a {
    margin-left: 10px;
}

.trans_acct_form_block table.domestic_clearing_table tr td,
.trans_acct_form_block table.domestic_clearing_table tr th {
    text-align: left !important;
    /*added by Harsh onsite */
    width: auto !important;
}

.trans_acct_form_block table.domestic_clearing_table tr td:first-child {
    text-align: center !important;
}

#domestic_clearing_codes .trans_acct_form_block ul li input[type="text"],
#international_clearing_codes .trans_acct_form_block ul li input[type="text"] {
    padding: 3px 0;
    width: 44%;
}

#domestic_clearing_codes .trans_acct_form_block ul li,
#international_clearing_codes .trans_acct_form_block ul li {
    padding: 10px 0;
    border-top: 1px dotted #bcbdc0;
    /*border-bottom: 1px dotted #bcbdc0;*/
}

#add_beneficiary .trans_acct_form_block ul li input[type="text"] {
    width: 19%;
}

#add_beneficiary .trans_acct_form h3 {
    color: #000;
    margin-top: 0;
}

.transfers-tab p.left-margin20 {
    margin-left: 20%;
}

.tooltip_block {
    background: url(../images/tooltip-icon.png) 3px 3px no-repeat #dedede;
    padding: 6px 6px 6px 30px;
    border-radius: 3px;
}

#add_beneficiary .trans_acct_form .trans_acct_form_block_auto label {
    width: 44%;
}

#add_beneficiary .trans_acct_form .trans_acct_form_block label {
    width: 22%;
}

.tras_type_header p {
    font-size: 1.2em;
    padding: 10px 0 10px 10px;
    border-top: 1px dotted #bcbdc0;
    border-bottom: 1px dotted #bcbdc0;
}

.tras_type_header p span {
    font-family: helveticabold;
}

.entr_int_ben {
    padding: 10px 0px 20px 20%;
    float: left;
    width: 80%;
}

.entr_int_ben span {
    font-size: 1.1em;
}

.entr_int_ben span input[type="radio"] {
    margin-right: 5px;
}

/* media added by Harsh */
@media (min-width: 800px) {
    .trans_acct_form_block table.domestic_clearing_table {
        border: 0;
        table-layout: fixed;/*added by Harsh*/
    }
}
.trans_acct_form_block table.domestic_clearing_table {
    border: 0;
}


.trans_acct_form_block table.domestic_clearing_table th:first-child,
.trans_acct_form_block table.domestic_clearing_table td:first-child {
    border-left: 0;
}

table.international_clearing_codes tr th:first-child,
table.international_clearing_codes tr td:first-child {
    width: 5% !important;
}

table.international_clearing_codes tr th:nth-child(2),
table.international_clearing_codes tr td:nth-child(2),
table.international_clearing_codes tr th:nth-child(5),
table.international_clearing_codes tr td:nth-child(5),
table.international_clearing_codes tr th:nth-child(6),
table.international_clearing_codes tr td:nth-child(6),
table.international_clearing_codes tr th:nth-child(7),
table.international_clearing_codes tr td:nth-child(7) {
    width: 15% !important;
}

table.international_clearing_codes tr th:nth-child(3),
table.international_clearing_codes tr td:nth-child(3) {
    width: 22% !important;
}

table.international_clearing_codes tr th:nth-child(4),
table.international_clearing_codes tr td:nth-child(4) {
    width: 8% !important;
}

#dayDiv,
#monthDiv,
#yearDiv,
#TodayDiv,
#TomonthDiv,
#ToyearDiv,
#iat_yearDiv,
#oat_yearDiv,
#dt_yearDiv,
#it_yearDiv,
#mat_yearDiv,
#iafed_yearDiv,
#iaed_yearDiv,
#oafed_yearDiv,
#oaed_yearDiv,
#dtfed_yearDiv,
#dted_yearDiv,
#matfed_yearDiv,
#mated_yearDiv,
#iat_monthDiv,
#oat_monthDiv,
#dt_monthDiv,
#it_monthDiv,
#mat_monthDiv,
#iafed_monthDiv,
#iaed_monthDiv,
#oafed_monthDiv,
#oaed_monthDiv,
#dtfed_monthDiv,
#dted_monthDiv,
#matfed_monthDiv,
#mated_monthDiv,
#iat_dayDiv,
#oat_dayDiv,
#dt_dayDiv,
#it_dayDiv,
#mat_dayDiv,
#iafed_dayDiv,
#iaed_dayDiv,
#oafed_dayDiv,
#oaed_dayDiv,
#dtfed_dayDiv,
#dted_dayDiv,
#matfed_dayDiv,
#mated_dayDiv {
    float: left;
    margin-right: 5px;
}

#dayDiv select,
#monthDiv select,
#yearDiv select,
#TodayDiv select,
#TomonthDiv select,
#ToyearDiv select {
    min-width: 30px;
    text-align: center;
}

#dayDiv select option {
    text-align: center;
}

#ui-datepicker-div {
    border: 1px solid #ccc;
    z-index: 999 !important;
    width: 200px;
}

.ui-datepicker .ui-datepicker-header {
    background-color: #46619D;
    color: #fff;
}

ui-datepicker-title span {
    font-size: 1.1em;
    font-family: helveticabold;
}

.halfWidth {
    width: 50%;
    float: left;
}

img.ui-datepicker-trigger,
.cards-table img:hover {
    cursor: pointer;
}

.ui-widget,
#domestic_clearing_codes,
#international_clearing_codes {
    width: 70%;
    float: left;
}

.ui-tabs .ui-tabs-nav {
    width: 100%;
    padding: 0;
}


/*.tab-data {commented by sanjiv//not present in the css given by the bank
        width: 100%;
        float: left;
        }*/

.dotted {
    border-bottom: 1px dotted #bcbdc0;
    border-top: 1px dotted #bcbdc0;
    padding: 10px 0;
    margin-bottom: 10px;
}

.nodotted {
    border: 0;
}

.ben_bank_detl {
    float: left;
    width: 100%;
    margin-top: 30px;
    height: 250px;
    border-bottom: 1px dotted #ccc;
}

.ben_bank_detl h5 {
    /*margin-bottom:10;*/
    margin-bottom: 0px;
    width: 97.9%;
}

.ben_bank_detl table tr th,
.ben_bank_detl table tr th:first-child,
.ben_bank_detl table tr th:last-child {
    background: #fff !important;
    border: 1px solid #E5E6EF !important;
}

.full_half,
.trans_acct_form_block ul li input[type="text"].full_half {
    width: 25%;
}

.other_int {
    width: 100% !important;
}

#domestic_transfer .narrative ul {
    width: 95%;
}

.payment ul li .exist input[type="text"] {
    width: 36%;
}

.narrative ul li label {
    float: right;
    width: auto;
}

.narrative ul li select,
.narrative ul li input[type="text"] {
    float: right;
    width: 20%;
}

.forOverFlowX {
    width: 100%;
    overflow-x: auto;
}

#choose_template {
    min-width: 172px;
}

#nav .menu li ul.transfersmenu {
    padding-left: 11%;
    width: 89%;
}

#nav .menu li ul li:last-child {
    border-right: 0;
}

.select-auto select {
    min-width: 180px;
}

.m_tabtitle {
    display: none;
}

.up_arrow {
    display: none;
}


/*+++++++++Transfers Added CSS++++++++++++++*/

#trans_init_auth,
#transfer_confirm {
    overflow: hidden;
}

#trans_init_auth .trans_acct_form ul li label {
    width: 21%;
}

#trans_init_auth .trans_acct_form .authorise ul li label {
    /*width:24%;*/
    width: 203px;
}

#trans_init_auth .trans_acct_form .authorise ul li span {
    font-size: 1.1em;
}

.trans_acct_form_block .trans_pin table {
    width: 73%;
}

.trans_acct_form_block .trans_pin table td {
    border-left: 0 none;
    padding-bottom: 5px;
    text-align: left !important;
}

.trans_acct_form_block .trans_pin table td input[type="text"] {
    padding: 2px 0;
    width: 25%;
}

.trans_acct_form_block .auth-vertual-keyboard {
    margin: 1em auto;
    text-align: center;
    width: 95%;
    /*changed from  100 to 95 by sanjiv(complying to the messages.html shared by the bank)*/
}

.trans_acct_form_block .auth-vertual-keyboard img {
    max-width: 100%;
}

#trans_init_auth .trans_acct_form_block .conditions p {
    color: #001C54;
}

.transfer_error_block {
    background: #fdddcf;
    border-radius: 15px;
    margin: 0.5em 0 0;
    padding: 0.4em 0;
    overflow: hidden;
}

.transfer_errornot_block {
    background: #E5E6EF;
    border-radius: 5px;
    overflow: hidden;
}

.mesg_box {
    background: #fff;
    float: left;
    margin: 1%;
    width: 96%;
    padding: 1%;
}

.transfer_error_icon {
    background-image: url("../images/error_icon.png");
    background-repeat: no-repeat;
    margin-left: 1em;
    float: left;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    box-shadow: 1px 1px 1px #a6a6a6;
}

.transfer_error_txt {
    float: left;
    margin: 0.4em 0 0 1em;
}

.transfer_errornot_icon {
    /*background-image: url("../images/tick2.png");
    background-repeat: no-repeat;
    background-size:cover;*/
    margin-left: 1em;
    float: left;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    box-shadow: 1px 1px 1px #a6a6a6;
}

.transfer_Noerror_icon {
    background-image: url("../images/green-tick.png");
    background-repeat: no-repeat;
    margin-left: 1em;
    float: left;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    box-shadow: 1px 1px 1px #a6a6a6;
}

#transfer_confirm .trans_acct_form_block h3 {
    border-bottom: 1px solid #001c54;
    font-size: 1.4em;
    margin: 15px 0;
    padding-bottom: 5px;
}

#transfer_confirm .transfer_confirm_block ul,
.file_upload_block ul {
    border: 1px solid #a7a9ac;
    margin: 5px 0 10px 0;
    padding: 0.6em 0 0;
    width: 99.8%;
}

.ql-top {
    margin-top: 45px;
}

#file_upload .trans_acct_form_block.file_upload_block ul:last-child {
    border: 0;
    border-top: 1px dotted #a7a9ac;
    padding-top: 1.7em;
    margin: 2em 0 0;
}

#file_upload h3,
#bulk_file_view h3 {
    border-bottom: 1px solid #001c54;
    font-size: 1.4em;
    margin: 15px 0 10px 0;
    padding-bottom: 5px;
}

#bulk_file_view .trans_acct_form_block table.bulk_file_view_table {
    border: 0 none;
    margin: 0px 0 30px;
}

.trans_acct_form_block table.bulk_file_view_table tr th,
.trans_acct_form_block table.bulk_file_view_table tr td {
    border-right: 1px solid #cecece;
    text-align: left !important;
}

.trans_acct_form_block table.bulk_file_view_table_two {
    border: 0 none;
    margin: 30px 0 20px;
}

.trans_acct_form_block table.bulk_file_view_table_three {
    border: 0 none;
    margin: 2px 0;
}

.trans_acct_form_block table.bulk_file_view_table_two tr th,
.trans_acct_form_block table.bulk_file_view_table_two tr td {
    border: 0 none;
    text-align: left !important;
    width: 25%;
}

.trans_acct_form_block table.bulk_file_view_table_two tr td input,
.trans_acct_form_block table.bulk_file_view_table_two tr td select {
    padding: 2px 0;
    width: 100%;
}

.trans_acct_form_block table.bulk_file_view_table_three tr td input {
    padding: 2px 0;
    width: 100%;
}

.trans_acct_form_block table.bulk_file_view_table_three tr th,
.trans_acct_form_block table.bulk_file_view_table_three tr td {
    border: 0 none;
    text-align: left !important;
    width: 25%;
}

.trans_acct_form_block table.bulk_file_view_table_three tr td:nth-child(2) input,
.trans_acct_form_block table.bulk_file_view_table_three tr td:nth-child(3) input {
    padding: 2px 0;
    width: 85%;
}

.bulk_file_view_footer_desc span {
    font-size: 0.8em;
    padding-left: 2em;
    font-weight: bold;
}

.bulk_file_view_footer_desc span.first_desc {
    padding-left: 0em;
}

.trans_acct_form_block table.bulk_file_view_table_three tr td img {
    vertical-align: bottom;
}


/*-------billpayments page------*/

.bill_payments .paym-select select {
    width: 185px;
}


/*#bill_payments .trans_acct_form_block ul li button{
    margin:0;
    }*/

#tabs.bill_payments_tab > ul li {
    background-color: #f7f8f8;
}

#tabs.bill_payments_tab > ul li:first-child {
    margin-left: 5px;
}

#tabs.bill_payments_tab > ul li.ui-tabs-active a {
    background-color: #fff;
}

#tabs.bill_payments_tab > ul li a.ui-tabs-anchor {
    padding: 0 !important;
}

#tabs.bill_payments_tab > ul.ui-widget-header {
    border-bottom-color: #314173;
}

#tabs.bill_payments_tab > ul li.ui-state-active {
    border-color: #314173;
}


/*------- 8/10/15 Messages Pages---------*/

.messages-container {
    position: relative;
}

#messages ul.ui-widget-header {
    border-bottom: 1px solid #314173;
}

#messages ul li.ui-state-active {
    border: 1px solid #314173;
    border-bottom: 0 !important;
}

#messages ul.ui-tabs-nav {
    margin: 1.5em 0 1em;
}

#messages ul.ui-tabs-nav li a {
    padding: 0.5em 2em;
}

#messages ul.ui-tabs-nav li img {
    padding-right: 2em;
}

#messages ul.ui-tabs-nav li:last-child {
    /*background: none;*/
}

#messages ul.ui-tabs-nav li:last-child a {
    /*padding: 0;*/
}

#messages ul.ui-tabs-nav li:first-child {
    margin-left: 5px;
}

#messages ul.ui-tabs-nav li {
    padding-bottom: 0px;
}

#messages .msg_inbox table {
    width: 100%;
}

#messages .msg_inbox table td input[type="radio"] {
    width: auto;
    vertical-align: sub;
    margin-left: 2px;
}

#messages .msg_inbox table tr td {
    border-bottom: 1px dotted #a6a6a6;
    /*padding: 0.5em 0;*/
}

#messages .msg_inbox table tr td:nth-child(1) {
    width: 3%;
}

#messages .msg_inbox table tr td:nth-child(2) {
    width: 5%;
}

#messages .msg_inbox table tr td:nth-child(3) {
    width: 22%;
}

#messages .msg_inbox table tr td:nth-child(4) {
    width: 50%;
}

#messages .msg_inbox table tr td:nth-child(5) {
    width: 20%;
}

#messages .msg_inbox table tr td:last-child {
    text-align: center;
}

#messages .msg_inbox table tr td span img {
    padding-right: 5px;
}

#messages .msg_inbox table tr.msg_unread {
    background-color: #f3f3f3;
    /*font-weight:bold; */
}

#messages .msg_inbox p {
    padding: 1em 0;
}

#msg_compose .msg_compose_block ul li:first-child {
    border-top: 1px dotted #a6a6a6;
    border-bottom: 1px dotted #a6a6a6;
}

#msg_compose .msg_compose_block ul li {
    float: left;
    width: 100%;
    padding: 1.5em 0;
    list-style-type: none;
}

#msg_compose .msg_compose_block ul li label {
    float: left;
    font-size: 1.1em;
    font-weight: normal;
    padding-right: 20px;
}

#msg_compose .msg_compose_block ul li .ln-select label {
    width: 44%;
}

#msg_compose .msg_compose_block ul li .ln-select.cstm-input select {
    min-width: 50%;
}

#msg_compose .msg_compose_block ul li div:last-child,
#msg_compose .msg_compose_block ul li div:last-child label {
    text-align: right;
}

#msg_compose .msg_compose_block p {
    font-size: 0.8em;
    padding: 1px 0;
    width: 100%;
    float: left;
}

#msg_compose .msg_compose_block ul li textarea {
    float: left;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    min-height: 150px;
    margin-top: 5px;
}

#msg_compose .msg_compose_block ul li:last-child {
    padding: 0;
}


/*#msg_compose .msg_compose_block ul li input[type="file"]{
    width:auto;
    }*/

#msg_compose .msg_compose_block button {
    margin-top: 0;
}

#msg_compose .msg_compose_block .btn-brw {
    background: #fff;
    color: #314173;
    padding: 6px 13px !important;
    border: 1px solid #314173;
}


/*#msg_compose .msg_compose_block .btn-brw-input{
    left:0;
    cursor:pointer; 
    }*/

#messages .msg_inbox .msg_count {
    font-weight: bold;
    font-size: 0.9em;
}


/*------custom browse btn--------*/

.cstm-browse {
    position: relative;
    float: left;
    margin: 4px 0;
}

.cstm-browse .btn-brw-input {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
    width: 100px;
}

.btn-brw {
    border: 1px solid #314173;
    padding: 4px 2.5em 4px 5px;
    cursor: pointer;
    color: #000;
    background: #f3f3f4;
    /* Old browsers */
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f3f3f4 0%, #f3f3f4 35%, #d8d9da 100%) repeat scroll 0 0;
}


/*-------custom browse btn end----------*/


/*---8/11/2015----session summary pages*/

#session_summary .session_summary_block {
    margin-top: 3.3em;
}

#session_summary .session_summary_block table {
    border: 0;
    width: 100%;
    margin-bottom: 1em;
}

#session_summary .session_summary_block table thead tr {
    box-shadow: 0px 1px 0px #314173;
}

#session_summary .session_summary_block table thead th:nth-child(4) {
    text-align: right !important;
    padding-right: 1em;
}

#session_summary .session_summary_block.session_info table thead th:last-child,
#session_summary .session_summary_block.session_info table td:last-child {
    padding-right: 3em;
}

#session_summary .session_summary_block table tr td button {
    margin: 0;
    padding: 3px 18px;
    font-size: 0.9em;
}

#session_summary .session_summary_block table.page-content tr td {
    border-right: 0;
    padding: 4px 5px;
    width: 23%;
}

#session_summary .session_summary_block.session_info table tr td {
    width: 40%;
}

#session_summary .session_summary_block.session_info table.session_infoT tr td {
    width: 27%;
}

#session_summary .session_summary_block table tr:first-child td {
    padding-top: 20px;
}

#session_summary .session_summary_block.session_info table tr:first-child td {
    padding-top: 5px;
}

#session_summary .session_summary_block.session_info {
    margin-top: 1.2em;
}

#session_summary .session_summary_block.session_info table.session_infoT {
    border: 1px solid #ccc;
    margin-bottom: 2em;
}

#session_summary .session_summary_block.session_info table.session_infoT td {
    padding: 0.6em 0.5em !important;
}

#session_summary .session_summary_block.session_info table.session_infoT td:last-child {
    padding-right: 3em !important;
}


/*----------Initiated Transactions Pages-------------------*/

#init_transactions h3 {
    border-bottom: 1px solid #001c54;
    font-size: 1.4em;
    margin: 10px 0 20px;
    padding-bottom: 5px;
}

#init_transactions .init_trans_block .account-selection {
    margin-top: 10px;
}

#init_transactions .init_trans_block table {
    width: 100%;
    border: 0;
}

#init_transactions .init_trans_block table th {
    border-right: 1px solid #ccc;
}

#init_transactions .init_trans_block table td {
    width: 25% !important;
}

#init_transactions .init_links {
    margin-top: 15px;
}

#init_transactions .init_links ul li {
    display: inline-block;
    /*background: #314173;*/
    margin-right: 5px;
    padding: 3px 9px;
}

#init_transactions .init_links ul li a {
    color: #fff;
    text-decoration: none;
}

#init_transactions .init_links ul li.active a {
    font-family: helveticabold;
}

#init_transactions .qick-links {
    margin: 13px 0 0;
}


/* ------------- search initiated transactions page -----------*/

#search_init_trans .init_trans_block p {
    margin: 10px 0 4em 0;
    border-bottom: 1px dotted #cacbcd;
    padding-bottom: 2em;
}

#search_init_trans .init_trans_block table.search-table tr,
#search_init_trans .view_init_trans_block table.search-table tr {
    border-bottom: 1px dotted #cacbcd;
}

#search_init_trans .init_trans_block table.search-table th,
#search_init_trans .init_trans_block table.search-table td {
    font-size: 1em;
    font-weight: normal;
    border-right: 1px solid #314173;
    text-align: left;
}

#search_init_trans .trans_acct_form {
    border-bottom: 0;
}

#search_init_trans .init_trans_block .trans_pagination {
    float: right;
    padding-bottom: 5px;
}

#search_init_trans .view_init_trans_block {
    margin-bottom: 15px;
    width: 100%;
    float: left;
}

#search_init_trans .view_init_trans_block h3 {
    margin: 5px 0 8px;
}

#search_init_trans .view_init_trans_block table.search-table th,
#search_init_trans .view_init_trans_block table.search-table td {
    border: 0;
    font-size: 1em;
    font-weight: normal;
    text-align: left;
    padding-left: 2%;
}

#search_init_trans .view_init_trans_block:last-child table.search-table th,
#search_init_trans .view_init_trans_block:last-child table.search-table td {
    text-align: left !important;
    background: none;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

#search_init_trans .view_init_trans_block:last-child h5 {
    margin-bottom: 0;
}

#search_init_trans .view_init_trans_block:last-child table.search-table tr td {
    border-bottom: 1px dotted #ccc;
}

#search_init_trans .view_init_trans_block:last-child table.search-table th:last-child,
#search_init_trans .view_init_trans_block:last-child table.search-table td:last-child {
    border-right: 0;
}

#search_init_trans .view_init_trans_block.note-label {
    border: 1px dotted #ccc;
    min-height: 60px;
}

#search_init_trans .view_init_trans_block.note-label h3 {
    color: #001c54;
    padding: 3px 15px;
}

input[type=file]::-webkit-file-upload-button {
    cursor: pointer;
}

#search_init2_trans h5.header-Ulimits {
    background-color: #E5E6EF;
    color: #001c54;
    font-size: 1.2em;
    padding-left: 5%;
    width: 95%;
}

#search_init2_trans .trans_acct_form {
    border: 1px solid #ccc;
    width: 98%;
    padding: 1%;
}

#search_init2_trans .Ulimits-content {
    border: 1px solid #042E66;
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
}

#search_init2_trans .trans_acct_form select {
    width: 200px;
}

#search_init2_trans .trans_acct_form select:focus,
select {
    outline: 0;
}

#search_init2_trans .trans_acct_form.otherSearch {
    border: none;
    padding: 0 0 5px 0;
    margin: 0 1%;
}

#search_init2_trans .trans_acct_form.otherSearch label {
    color: #001c54;
    font-family: helveticabold;
}

#search_init2_trans .init_trans_block table thead th,
#search_init2_trans .init_trans_block table tbody td:nth-child(2) {
    text-decoration: underline;
}

#search_init2_trans .init_trans_block table thead th:first-child,
#search_init2_trans .init_trans_block table thead th:nth-child(4) {
    text-decoration: none;
}

#search_init2_trans .conditions img {
    vertical-align: middle;
}

#search_init2_trans table.search-table {
    margin-bottom: 15px;
}


/*---------------log out-------------------*/

.logout_block {
    text-align: center;
}

.logout_block img {
    /*margin: 12% auto commented by sanjiv*/
}

#orb_locator .orb_locator_block .trans_acct_form ul {
    margin: 2.3em 0 0;
}

#orb_locator .orb_locator_block .trans_acct_form ul li {
    margin-bottom: 1em;
}

#orb_locator .orb_locator_block .trans_acct_form ul li label {
    text-align: left;
}

#orb_locator .orb_locator_block .trans_acct_form ul li p {
    font-size: 1.1em;
    margin: 0.5em 0;
}

#orb_locator .orb_locator_block .trans_acct_form ul li p input[type="radio"] {
    margin: 2px 1em 0 0;
}

#orb_locator .orb_locator_block .trans_acct_form input[type="text"] {
    padding: 0.1em 0 0.2em;
    width: 30%;
    text-indent: 5px;
}

#orb_locator .orb_locator_block .map_locator {
    float: left;
    width: 100%;
}

#orb_contacts .contacts_block {}

#orb_contacts .contacts_block h5,
.branches {
    background: #e5e6ef none repeat scroll 0 0;
    color: #001c54;
    font-size: 1.2em;
    margin: 1.8em 0 1em 0;
    padding: 7px 0 7px 2%;
    border-bottom: 1px solid #001c54;
    font-family: helveticabold;
}

#orb_contacts .contacts_block ul {
    display: inline-table;
}

#orb_contacts .contacts_block ul li {
    font-size: 1.1em;
    list-style-type: none;
    padding: 1em 2em 0 0;
    color: #636363;
}

#dayDiv select,
#monthDiv select,
#yearDiv select,
#TodayDiv select,
#TomonthDiv select,
#ToyearDiv select,
.date_block select {
    padding-right: 0.4em;
}

#nav .menu li ul.servicesmenu {
    /*padding-left:5em;*/
    width: 100%;
}

#change_pwd .trans_acct_form_block_auto ul:last-child,
#change_pwd .trans_acct_form_block_auto ul li:last-child {
    margin-top: 0.4em;
    width: 96%;
}

#change_pwd .trans_acct_form_block_auto ul li label {
    width: 32%;
}

#change_pwd .trans_acct_form_block_auto ul li input {
    padding: 2px 0;
}

#change_pwd #pwd_policy {
    margin-top: 1.5em;
}

#change_pwd #pwd_policy ul li,
#change_pwd #pwd_policy ul li ul li,
#change_pwd #pwd_policy ul ul {
    margin: 0;
    padding: 0;
}

#change_pwd #pwd_policy.trans_acct_form > ul:first-child {
    margin-bottom: 2em;
}

.tabClass ul.ui-tabs-nav {
    border-bottom: 1px solid #bcbdc0;
    float: left;
}

.tabClass ul.ui-tabs-nav li {
    float: left;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
    /*border: 1px solid #bcbdc0;*/
    list-style-type: none;
    background: #E6E7E8;
    font-weight: normal;
}

.tabClass ul.ui-tabs-nav li a {
    font-size: 1.1em;
    float: left;
    padding: .4em 1em;
    text-decoration: none;
    outline: none;
    color: #000;
}

.tabClass ul.ui-tabs-nav li.active {
    margin-bottom: -1px;
    /*padding-bottom: 1px;commented by sanjiv */
    border: 1px solid #bcbdc0;
    border-bottom-width: 0;
    background: #fff;
}

.tabClass ul.ui-tabs-nav li.active a {
    font-family: helveticabold;
    color: #001C54;
}

.popup_dialog {
    position: relative;
}

.popup_dialog ul {
    position: absolute;
    width: 130px;
    background-color: #f1f2f2;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #001C54;
}

.popup_dialog ul li {
    padding: 5px;
    list-style-type: none;
}

.popup_dialog ul li a {
    color: #000;
    text-decoration: none;
}

.popup_dialog ul li:hover {
    background: #001C54;
}

.popup_dialog ul li:hover a {
    color: #fff;
}

#nav .menu {
    width: 70%;
    position: relative;
}

.slideshow {
    position: relative;
    margin: 0 0 1em;
    direction: ltr;
    z-index: 9;
    left: 44px;
}

.slide {
    /*padding:0 20px;
    background:red;
    margin:0 4px;*/
    font-size: 1em;
}

.slide a {
    color: #fff;
}

.carousel {
    margin: 0;
    padding: 0;
    list-style: none;
}

.slideshow .disabled {
    display: none;
}

#nav .slideshow a {
    font-size: 12px;
}

.home_menu {
    float: left;
    padding: 0px 10px;
    height: 40px;
    position: absolute;
}

.home_menu a img {
    margin: 7px 0 0 0;
}

.slides-next,
.slides-prev {
    position: absolute;
    top: 50%;
    padding: 0 .5em;
    z-index: 120;
    color: #fff;
    background: #8890B3;
    border-radius: 1px;
    line-height: 19px;
    text-decoration: none;
    right: -30px;
    /* display:none;*/
}

.slides-next {
    top: 0;
}

.slides-prev {
    top: 20px;
}

.home_mobile {
    display: none;
}

.extra_bar {
    width: 100%;
    position: absolute;
    height: 40px;
    top: 40px;
    background-color: #314173;
    display: none;
}

.logout_block,
.error_block {
    width: 250px;
    height: 120px;
    margin: 10% auto;
    background: url(../images/msg_bg.png) no-repeat left;
    background-size: contain;
    text-align: center;
    position: relative;
}

.error_block img {
    padding-top: 10px;
}

.error_block img.close {
    position: absolute;
    top: -3px;
    right: 10px;
    cursor: pointer;
}

.logout_block p,
.error_block p {
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding: 25px 10px 10px 10px;
}

.error_block p {
    padding: 7px 10px 10px 10px;
}

#change_password {
    width: 90%;
    float: left;
    margin: 0 5%;
}

#steps {
    float: left;
    width: 100%;
}

#tc_data,
#force_change,
#nickname,
#complete_step {
    width: 100%;
    float: left;
    margin: 20px 0;
}

.tc1 {
    border: 1px solid #001b54;
    padding: 10px 20px;
    /*margin:10px 0;*/
    border-top-width: 5px;
    display: inline-block;
    height: 400px;
    overflow-y: auto;
}

#steps ul {
    float: left;
    margin: 20px 0 0 0;
}

#steps ul li {
    list-style-type: none;
    background: url(../images/off.png) no-repeat left center;
    background-size: contain;
    width: 200px;
    height: 88px;
    float: left;
}

#steps ul li:last-child {
    background: url(../images/offs.png) no-repeat left center;
    background-size: contain;
}

#steps ul li p.title {
    padding: 25px 20px 0 20px;
    color: #001b54;
    font-size: 1.4em;
    font-family: helveticabold;
}

#steps ul li p.title_type {
    padding: 5px 20px;
    color: #001b54;
    font-size: 1em;
    font-family: helveticabold;
}

.tc1 p {
    font-size: 1.1em;
    line-height: 18px;
}

.tc1 ul {}

.tc1 ul li {
    list-style-type: decimal;
    margin: 0 20px;
    line-height: 18px;
}

.tc2 {
    border: 1px solid #001b54;
    padding: 10px 20px;
    margin: 10px 0;
    overflow-y: auto;
    display: inline-block;
}

.tc1 p.pbold {
    font-family: helveticabold;
}

.boldtxt {
    padding: 10px 0;
}

.accept_buttons {
    float: right;
    padding: 20px 0;
}

#steps ul li:first-child {
    background: url(../images/on.png) no-repeat left center;
    background-size: contain;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}

#steps ul li:first-child p {
    color: #fff;
}


/*added by sanjiv starts
*#steps ul li.current-step{
    background:url(../images/on.png) no-repeat left center;
    background-size:contain;
    border-top-left-radius:25px;
    border-bottom-left-radius:25px;
}
#steps ul li.current-step p{
    color:#fff;
}
/*added by sanjiv ends*/

#steps ul li.select_step {
    background: url(../images/over2.png) no-repeat -1px center;
    background-size: contain;
}

#steps ul li.select_step p,
#steps ul li.over_step p {
    color: #fff;
}

#steps ul li.over_step {
    background: url(../images/over.png) no-repeat 0px center;
    background-size: contain;
}

#steps ul li.over_step_start {
    background: url(../images/over_start.png) no-repeat right center;
    background-size: contain;
}

#steps ul li.over_step_skip {
    background: url(../images/over_skip.png) no-repeat left center;
    background-size: contain;
    color: #fff;
}

#steps ul li.over_step_skip p {
    color: #fff;
}

#steps ul li.over_step_last {
    background: url(../images/over3.png) no-repeat left center;
    background-size: contain;
    color: #fff;
}

#steps ul li.over_step_last p {
    color: #fff;
}

.condition_box {
    border: 1px solid #001b54;
    padding: 10px;
}

.condition_box p {
    font-family: helveticabold;
}

.confirm_thank,
.thank_all {
    padding: 10px 60px;
    margin: 10px 0;
    border-radius: 5px;
    background: #e7e7e8 url(../images/tick.png) no-repeat 10px center;
    background-size: contain;
    height: 20px;
    font-size: 1.1em;
    font-family: helveticabold;
}

.thank_all {
    background: #e7e7e8;
    height: auto;
    padding: 10px;
}

.thank_all p {
    font-family: helveticabold;
}

.change_pass {
    padding: 10px 0;
    border-top: 1px dotted #bcbdc0;
    float: left;
    width: 100%;
}

.change_pass_header input,
.change_keyboard input {
    float: left;
    width: 15px;
    height: 15px;
}

.change_pass_header h3 {
    float: left;
    font-family: helveticabold;
    padding-left: 30px;
    color: #001b54;
}

.change_pass_header {
    width: 350px;
    float: left;
    padding: 7px 10px;
    border-radius: 5px;
    border: 1px solid #6d6e71;
}

.change_pass_pass {
    float: left;
    width: 500px;
}

.change_pass_pass ul {
    margin: 10px 0;
    float: left;
}

.change_pass_pass ul li {
    list-style-type: none;
    margin: 5px 0;
    float: left;
    width: 100%;
}

.change_pass_pass ul li label {
    width: 170px;
    float: left;
    text-align: right;
    padding-right: 10px;
    font-size: 1.1em;
}

.change_pass_pass ul li input {
    padding: 2px 0;
}

.virtual_keyboard {
    float: left;
    width: 500px;
}

.change_keyboard {
    float: left;
    width: 100%;
    padding: 10px 0 20px 0;
}

.change_keyboard p {
    padding-left: 20px;
    font-size: 1em;
}

.change_pass_pass ul li.UserID {
    margin-bottom: 10px;
}

.change_pass_pass ul li.UserID span {
    font-size: 1.1em;
}

.change_pass_pass ul li.cnf_pass {
    margin-top: 30px;
}

#nickname .condition_box p:first-child {
    padding-bottom: 10px;
}

.display_nickname {
    width: 98%;
    float: left;
    padding: 10px 1%;
    border: 1px solid #bcbdc0;
}

.display_nickname input {
    float: left;
    width: 15px;
    height: 15px;
}

.display_nickname p {
    padding-left: 20px;
    float: left;
    font-size: 1.1em;
}

#nickname_table {
    padding: 20px 0;
    float: left;
    width: 100%;
}

#nickname_table #loans_tab,
#nickname_table #savings_tab {
    width: 100%;
    float: left;
    padding: 10px 0;
}

#nickname_table table {
    width: 100%;
}

#nickname_table table th,
#nickname_table table td {
    padding: 7px 10px;
    border-right: 1px solid #383f59;
    font-family: helveticabold;
}

#nickname_table table th:last-child,
#nickname_table table td:last-child,
#complete_table table th:last-child,
#complete_table table td:last-child {
    border-right: 0px;
}

#nickname_table table th {
    background: #eaeaf2;
    color: #0b193c;
}

#nickname_table table td {
    border-bottom: 1px solid #383f59;
}

#nickname_table table tr th {
    text-align: left;
}

#complete_table {
    float: left;
    width: 100%;
    border-top: 1px dotted #bcbdc0;
    margin: 15px 0;
    padding: 20px 0;
}

#complete_table table {
    width: 100%;
}

#complete_table table th {
    padding: 7px 10px;
    border-right: 1px solid #383f59;
    font-family: helveticabold;
    background: #eaeaf2;
    color: #0b193c;
    text-align: left;
}

#complete_table table td {
    padding: 7px 10px;
    border-right: 1px solid #383f59;
    border-bottom: 1px solid #383f59;
}

#complete_table table th,
#complete_table table td {
    width: 30%;
}

#complete_table table th:first-child,
#complete_table table td:first-child {
    width: 10%;
}

#success_msg {
    margin: 20% auto;
    width: 300px;
    height: 30px;
    text-align: center;
}

#success_msg a {
    color: #000;
    text-decoration: underline;
    padding: 10px 0;
    text-align: center;
    display: inline-block;
}

.msg_show {
    background: #001b54 url(../images/tick2.png) no-repeat 20px center;
    background-size: 35px;
    padding: 10px 10px 10px 70px;
    border-radius: 10px;
}

.msg_show p {
    color: #fff;
    line-height: 30px;
    font-size: 1.1em;
}

p.alpha_numaric {
    float: left;
}

h3.m_title {
    display: none;
}

.vertual_small_keyboard {
    width: 100%;
}

.error_msg {
    background: #fff;
    !/*important*/
    margin: 10px 0;
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    min-height: inherit !important;
}

.error_msg p {
    color: #000;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}

.ui-draggable {
    border-radius: 10px;
    border: 1px solid #231f20;
    overflow: hidden;
    background: #fff;
    /*#E5E6EF*/
    outline: none;
    padding: 0;
    width: 300px;/*changed from inherit !important to 300*/
    max-width: 500px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
}

.ui-dialog .ui-dialog-titlebar-close {
    background: transparent;
    border: 0;
    outline: none;
}

.ui-dialog .ui-dialog-titlebar-close .ui-button-text {
    display: none;
}

.ui-icon-closethick {
    background: url(../images/error_close.png) no-repeat !important;
    background-size: contain !important;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 2px;
    left: 0;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 8px 10px;
    position: relative;
    background: #001b54 url(../images/error.png) no-repeat 10px;
    background-size: 25px;
    border: 1px solid #001b54;
    color: #FFFFFF;
    font-weight: bold;
    cursor: move;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    padding-left: 40px;
    font-family: helveticabold;
}

.error_msg ul {
    margin: 0 0 0 25px;
    padding: 5px 0;
}

.error_msg ul li {
    list-style-type: inherit;
    text-align: left;
    padding: 5px 0;
}

.tc1 ul li .sub_term li {
    list-style-type: disc;
}

#file_upload .trans_acct_form ul li label {
    width: 30%;
}

.trans_acct_form_block table.bulk_file_view_table tr th:first-child,
.trans_acct_form_block table.bulk_file_view_table tr td:first-child {
    border-left: 0px;
}

.messages a {
    color: #6d6e70;
}

.item {
    width: 150px;
    margin: 3px 0;
    float: left;
    font-size: 1.1em;
    color: #5e5e5f;
}

.item strong {
    font-family: helveticabold;
    color: #5e5e5f;
}

#branches {
    width: 140px;
}

.map_locator iframe {
    width: 100%;
    height: 600px;
}

.editimg img {
    cursor: pointer;
}

.delete_icon {
    cursor: pointer;
}

.iafsi,
.oafsi,
.dtfsi,
.matfsi {
    display: none;
}

.benBankDtlsTable,
.ben_bank_detl .benBankDtlsTable tr th {
    border: 1px solid #a7a9ac;
}

.ben_bank_detl table tr th:first-child {
    border-left: 1px solid #a7a9ac !important;
}

.ben_bank_detl table tr th:last-child {
    border-right: 1px solid #a7a9ac !important;
}

.ben_bank_detl table tr td:first-child {
    text-align: center !important;
}

.ben_bank_detl table tr th,
.ben_bank_detl table tr td {
    text-align: left !important;
}

.saveSub ul {
    margin: 0;
    padding: 10px;
}

.saveSub ul li {
    list-style-type: none;
    display: inline-block;
    width: 100%;
}

.saveSub p {
    float: left;
}

.saveSub input {
    float: left;
    width: auto !important;
    margin: 0 25px 0 10px;
    outline: none;
}

.dialog_newTemp {
    padding: 7px 2%;
    background: #F1F2F2;
    display: inline-block;
    width: 96%;
}

.dialog_newTemp p {
    line-height: 23px;
}


/* template lookup css on 10/27/2015 */

.template_lookup h3 {
    padding: 10px 0;
    border-bottom: 1px solid #001c54;
    font-size: 1.4em;
    margin-bottom: 15px;
}

.template_lookup .trans_acct_form_block .trans_pagination {
    float: right;
    padding: 5px 0;
}

.template_lookup .trans_acct_form_block table.page-content tr td:nth-child(n+4) {
    white-space: nowrap;
}

.template_bordered {
    border: 1px solid #ccc;
    padding: 3px 0;
}

#view_Ulimits h3 {
    padding: 10px 0;
    border-bottom: 1px solid #001c54;
    font-size: 1.4em;
    margin-bottom: 15px;
}

#view_Ulimits .template_bordered {
    border: 1px solid #ccc;
    padding: 3px 0;
}

#view_Ulimits .view_Ulimits h5 {
    color: #001C54;
    font-size: 13px;
    background-color: #E5E6EF;
    margin-top: 5px;
}

.Ulimits-content,
.Ulimits-content2,
.Ulimits-content3 {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 30px;
    overflow: auto;
}

.Ulimits-content table,
.Ulimits-content2 table,
.Ulimits-content3 table {
    border-top: 0 !important;
}

#view_Ulimits .page-content tr th,
#view_Ulimits .page-content tr td {
    background: #fff !important;
    border: 1px solid #ccc;
    color: #000;
    padding-left: 15px;
}

#view_Ulimits .Ulimits-content2 .page-content tr th,
#view_Ulimits .Ulimits-content2 .page-content tr td,
.Ulimits-content3 .page-content tr th {
    text-align: left !important;
}

#view_Ulimits .Ulimits-content table tr:nth-child(2) th,
#view_Ulimits .Ulimits-content table tbody > tr td:first-child {
    background: #f1f2f2 !important;
}

.look_up_div table {
    margin-bottom: 20px;
}

.ln_activity_select_trType select {
    /*width:initial !important;*/
}

#page-content5 tr th:nth-child(odd),
#page-content5 tr td:nth-child(odd) {
    width: inherit !important;
    text-align: left;
}

#page-content5 tr th:nth-child(even),
#page-content5 tr td:nth-child(even) {
    width: inherit !important;
    text-align: left;
}

#page-content5 tr td input[type='radio'] {
    margin-right: 5px;
}

#table-contnet #page-content5_paginate {
    left: inherit;
    right: 0;
}

.ben_search_rel {
    position: relative;
}

.ben_search_abs {
    position: absolute;
    top: 35px;
    margin: 0;
    z-index: 99;
    width: auto;
}

.view_ben {
    border-bottom: 0px;
}

.view_ben ul {
    padding: 0.6em 0 !important;
}

#page-content5 {
    border: 1px solid #CCC;
}


/***********************CSS as on 12/7/2015**********/

.collectionRemittances h3 {
    border-bottom: 1px solid #001c54;
    font-size: 1.4em;
    margin: 10px 0 20px;
    padding-bottom: 5px;
    width: 70%;
}


/*.collectionRemittances .trans_acct_form_block li select, .collectionRemittances .trans_acct_form_block li input.from-amount{
    width:132px;
    }*/

.collectionRemittances .trans_acct_form_block li div.from-date select,
.collectionRemittances .trans_acct_form_block li div.to-date select {
    width: auto;
}

.collectionRemittances form.trans_acct_form {
    border: 1px solid #ccc;
}

.collectionRemittances .trans_acct_form {
    width: 99.7%;
}

.collectionRemittances .ui-widget {
    width: 100%;
    float: left;
}

.collectionRemittances .ui-tabs .ui-tabs-nav {
    width: 70%;
}

.collectionRemittances.transfers {
    margin: 0 5%;
    overflow: hidden;
    position: relative;
    width: 90%;
}

.collectionRemittances .tab-data {
    padding-bottom: 15px;
    width: 70%;
    float: left;
    min-height: 455px;
}

.collectionRemittances .init_trans_block {
    margin: 2% 0;
    float: left;
    width: 100%;
}

.collectionRemittances .qick-links {
    margin: 0;
}

.collectionRemittances .qick-links {
    position: absolute;
    right: 0;
    top: 68px;
    z-index: 99;
}

#Outward_Rem_Search .view_Ulimits h5 {
    background-color: #e5e6ef;
    color: #001c54;
    font-size: 13px;
    margin-top: 5px;
}

#Outward_Rem_Search .view_Ulimits h5.header2-Ulimits {
    border-bottom: 0;
}

#Outward_Rem_Search .trans_acct_form_block table tr td,
#Inward_Rem_Search .trans_acct_form_block table tr td {
    text-align: left !important;
}

#Outward_Rem_Search .trans_acct_form_block table tr th {
    background: #f3f4fd !important;
}

#Outward_Rem_Search .trans_acct_form_block .Ulimits-content table tr td {
    padding-left: 2%;
}

#Outward_Rem_Search .header-Ulimits,
#Outward_Rem_Search .header2-Ulimits,
#Outward_Rem_Search .header3-Ulimits {
    background: url(images/minus.png) no-repeat 1%;
    background-size: 13px;
    background-color: #F1F2F2;
    cursor: pointer;
    padding: 10px 0 10px 4%;
    width: 96%;
}

#Outward_Rem_Search .header-toggle {
    background: url(images/plus.png) no-repeat 1%;
    background-size: 13px;
    background-color: #F1F2F2;
}

#Outward_Rem_Search > form.trans_acct_form {
    padding: 0;
}

.fcy_heading,
.irs_heading {
    width: 100% !important;
}

#Inward_Rem_Search h5,
.view_Ulimits h5 {
    background: #e5e6ef;
    color: #001c54;
}

.message-links {
    float: left;
    /*width:200px;*/
    background: #e9e9e8;
    border-right: 1px solid #4b5374;
    border-radius: 2px;
    padding: 10px 1%;
    /*width: 16%;*/
    width: 100%;
    /*min-height:650px;*/
}

.message-links ul {
    list-style: none;
    width: 100%;
}

.message-links ul li a {
    text-decoration: none;
    color: #212121;
    font-size: 1.2em;
    padding: 10px 30px;
    display: block;
}

ul.sublinks li a {
    padding-left: 50px;
    border-bottom: 1px solid #ddd;
}

ul.sublinks li:first-child a {
    border-top: 1px solid #ddd;
}

.message-links ul ul.sublinks li a.active,
.message-links ul ul.sublinks li a:hover {
    background: #f7f7f7;
}

.composemsg {
    background: url(../images/compose.png) 10px center no-repeat;
}

.inboxmsg {
    background: url(../images/inbox.png) 8px center no-repeat;
}

.sentmsg {
    background: url(../images/sentmsg.png) 8px center no-repeat;
}

.message-links ul li a.active {
    background-color: #fff;
    color: #233054 !important;
    font-family: helveticabold;
}

.message-links ul li a:hover {
    background-color: #fff;
    color: #233054 !important;
}

.messages-body {
    float: left;
    width: 99%;
}

.messagelist {
    float: left;
    width: 99%;
    padding: 0 0 30px 0%;
    border-bottom: 1px solid #ccc;
}

.messagelist table {
    width: 100%;
}

.messagelist table thead tr {
    border: 1px solid #ccc;
}

.messagelist table th {
    font-family: helveticabold;
    padding: 5px;
    text-align: left;
    background: #e1ecf9;
    /*width: initial !important;*/
}

.messagelist table td {
    border: 1px solid #ccc;
    padding: 5px;
    text-align: left;
    cursor: pointer;
}

.messagelist .editimg {
    padding: 5px 0;
}

.selectrow {
    background: #eee;
}

.message-view {
    float: left;
    width: 99%;
    padding: 10px 0;
    /*padding: 20px 0 30px 2%;
    border: 1px solid #ccc;*/
}

.messagebox {
    width: 100%;
    border: 1px solid #ccc;
    float: left;
    margin-bottom: 20px;
}

.messagebox .message_enter {
    padding: 10px;
}

.messagebox .message_enter .ln-select {
    width: 60%;
}

.messagebox .message_enter .ln-select select.msg_select {
    width: 300px;
    z-index: 0;
}

.messagebox .message_enter .ln-select.msg_right {
    text-align: right;
    padding-right: 15px;
}

.messagebox textarea {
    width: 65%;
    margin-top: 15px;
    background: #fff;
}

.message-header {
    width: 100%;
    float: left;
    background: #f5f4f5;
    border-bottom: 1px solid #e9e9e8;
}

.message-header ul {
    width: 94%;
    list-style: none;
    float: left;
    padding: 3px 3%;
}

.message-header ul li {
    float: left;
    width: 50%;
    padding: 3px 0;
}

.message-header ul li span {
    padding-right: 10px;
    float: left;
}

.message-header ul li span:first-child {
    width: 150px;
    text-align: right;
}

.message-header p {
    padding: 10px;
}

.message-header p:first-child {
    padding-bottom: 0px;
}

.message-content {
    float: left;
    padding: 1.5%;
    width: 96%;
}

.replied {
    background: #e1ecf9;
}

.reply-btn {
    margin: 0 0px 10px 0;
}

.attaches {
    border: 1px solid #ccc;
    float: left;
    padding: 7px;
    width: 96%;
    margin: 0 0 10px 10px;
}

.attaches button {
    float: left;
}

.sendmsg {
    margin: 0 7px 7px 0;
}

#attachwindow {
    float: left;
    width: 500px;
    padding: 10px;
}

#userref {
    float: left;
    width: 390px;
    padding: 10px;
}

.attachbrn {
    float: left;
    padding: 5px;
    width: 100%;
}

.attachbrn input {
    margin: 5px 0;
}


/*--------1/11/2016----------*/

.viewattached {
    margin: 15px 5px;
    width: 98%;
    float: left;
    border: 1px solid #ccc;
    padding: 2px;
}

.viewattached ul li {
    padding: 5px 10px;
    list-style-type: none;
    display: block;
    overflow: hidden;
}

.viewattached h4 {
    background: #F5F4F5;
    border-bottom: 1px solid #ccc;
    margin: 0;
    text-transform: capitalize;
}

.viewattached .ln-select {
    width: 30%;
    line-height: 30px;
    padding-right: 5px;
}

.viewattached .ln-select input[type="checkbox"] {
    vertical-align: middle;
    width: initial;
}

.sent_success {
    border: 1px solid #ccc;
    height: 50px;
    margin: 15px 0;
    width: 100%;
    float: left;
}

.sent_success p {
    background: #f5f4f5;
    padding: 10px;
}

.User-ref-window {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 15px;
}

.User-ref-window table td {
    line-height: 20px;
    padding: 0 20px 0 0px;
}

.notfound {
    border: 1px solid #ccc;
    padding: 10px;
}

b {
    font-family: helveticabold;
}

.col-lg-7,
#uba-keyboard {
    width: 100%;
    float: left;
    padding: 10px;
}

.message-links ul li {
    width: 200px;
    float: left;
}


/*#msg_compose, #msg_sent{
    display:none;
}commented by sanjiv*/

#allmessages_paginate,
#allsentmessages_paginate {
    float: right;
}

.messages_data {
    float: left;
    width: 100%;
}

#loginForm input {
    font-family: arial;
}

#initiated_transactions table.installments tr td:nth-child(2),
#mySaved_templates table.installments tr td:nth-child(2),
#mySaved_templates table.installments tr td:nth-child(2) {
    text-decoration: underline;
}

.viewtype {
    float: right;
    /*margin: 15px 0 0px 0;modified by sanjiv*/
    margin: 0px 0 0px 0;
}

.viewtype p {
    float: left;
    line-height: 25px;
    padding: 0 10px 0px 0 !important;
    margin: 0 !important;
    border: 0px !important;
}

.viewtype select {
    width: inherit !important;
}

.trans_block table {
    width: 100%;
    border: 0;
}

.trans_block table td,
.trans_block table th {
    border-right: 1px solid #ccc;
}

.trans_block table td {
    border-bottom: 1px dotted #ccc;
}

.trans_block table td:last-child,
.trans_block table th:last-child {
    border-right: 0px;
}

.trans_block ul {
    border: 1px solid #a7a9ac;
}

.trans_block .trans_acct_form {
    border-bottom: 0px;
}

.trans_block .trans_acct_form h5 {
    margin-bottom: 5px;
}

.trans_block .account-selection {
    margin-bottom: 20px;
}

.savedtemplate {
    display: none;
}

.auditDetails {
    border: 1px solid #ccc !important;
}

#search_init_trans .transactions_activity .view_init_trans_block ul {
    border: 1px solid #ccc;
    padding: 10px;
    box-sizing: border-box;
}

#search_init_trans .transactions_activity .view_init_trans_block h3 {
    border-bottom: 1px solid #D6D7D9;
    font-size: 1.4em;
    margin: 10px 0 20px;
    padding-bottom: 5px;
}

#search_init_trans .transactions_activity .view_init_trans_block table.search-table th,
#search_init_trans .transactions_activity .view_init_trans_block table.search-table td {
    border-right: 1px solid #ccc;
}

#search_init_trans .transactions_activity .view_init_trans_block table.search-table th:last-child,
#search_init_trans .transactions_activity .view_init_trans_block table.search-table td:last-child {
    border-right: 0;
}

#search_init_trans .transactions_activity .view_init_trans_block.note-label {
    border: 0px solid #f3f3f4;
    margin-bottom: 50px;
    background: #f3f3f4;
    padding: 5px 0;
}

#search_init_trans .transactions_activity .view_init_trans_block.note-label label {
    background: #f3f3f4;
    line-height: 30px;
    display: inline-block;
    font-family: helveticabold;
    font-size: 20px;
    float: left;
    padding: 0 3%;
    width: 6%;
}

#search_init_trans .transactions_activity .view_init_trans_block.note-label span {
    float: left;
    line-height: 30px;
    padding: 0 0 0 10px;
}

.coloured {
    color: #001C54;
}

.auditTable {
    border: 1px solid #ccc !important;
    margin-top: 3px;
}

#search_init_trans .transactions_activity .view_init_trans_block table.search-table.auditTable thead th {
    background: #e9eaeb;
}

#search_init_trans .transactions_activity .view_init_trans_block table.search-table.auditTable thead th:nth-child(5),
#search_init_trans .transactions_activity .view_init_trans_block table.search-table.auditTable td:nth-child(5) {
    text-align: right !important;
}

#search_init_trans .transactions_activity .trans_acct_form {
    border-bottom: 1px dotted #bcbdc0;
}

#search_init_trans .transactions_activity .trans_acct_form {
    border-bottom: 1px dotted #bcbdc0;
}

#search_init_trans .transactions_activity .view_init_trans_block.marginZero {
    margin: 0;
}

.thkborder {
    border: 10px solid #eaebf3;
}

#search_init_trans .transactions_activity .view_init_trans_block.thkborder ul {
    border: 0;
}

#search_init_trans .transactions_activity .view_init_trans_block.thkborder ul {
    border-top: 0;
}

#search_init_trans .transactions_activity .transfer_errornot_block .mesg_box .transfer_error_txt {
    color: #001C54;
    font-family: helveticabold;
}

#search_init2_trans .Ulimits-content {
    display: none;
}

.cstm-border {
    border: 1px solid #e2e4ee;
}

.grey-text {
    color: #ababab;
}

#initiated_transactions .page-content td:nth-child(2),
#mySaved_templates .page-content td:nth-child(2),
#transactions_authorise .page-content td:nth-child(2),
#view_transactions .page-content td:nth-child(2) {
    text-decoration: underline;
}

.int_status {
    cursor: pointer;
}

#search_init2_trans .header-Ulimits {
    background: url(images/plus.png) no-repeat 2%;
    background-size: 16px;
}

#search_init2_trans .header-toggle {
    background: url(images/minus.png) no-repeat 2%;
    background-size: 16px;
}

#transactions_authorise h3,
#view_transactions h3 {
    float: none;
    border-bottom: 1px solid #D6D7D9;
    font-size: 1.4em;
    margin: 10px 0 20px;
    padding-bottom: 5px
}

#search_init_trans .transactions_activity .init_trans_block table.page-content {
    width: 100%;
}

#search_init_trans .transactions_activity .init_trans_block table.page-content td {
    width: 25% !important;
}

.ref_no {
    cursor: pointer;
}

.note-label input[type="text"] {
    border: 0px solid #f3f3f4;
    margin: 0px;
    padding: 7px 0;
    outline: none;
    width: 87%;
}

.Reject {
    background: #E40F0F;
    border-bottom: 2px solid #B50000;
}

.Reject:hover {
    background: #B50000 !important;
}

.Authorise {
    background: #37A930;
    border-bottom: 2px solid #0D8A06;
}

.Authorise:hover {
    background: #119C09 !important;
}

.statement,
.trnsdetails {
    display: none;
}

#view_transactions .ref_no {
    cursor: pointer;
    text-decoration: underline;
}


/*added by sanjiv starts*/

.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/Preloader1.gif) center no-repeat #fff;
}

.non-login-loading {
    position: absolute;
    /*background: url(../images/loading.gif) center no-repeat #fff;*/
    left: 5%;
    margin: 250px auto;
}


/*.non-login-loading {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/Preloader1.gif) center no-repeat #fff;
    }*/

.login_unsucess {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/user_locked.jpg) center no-repeat #fff;
}

.eos {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    /*background: url(../images/user_locked.jpg) center no-repeat #fff;*/
}

button.closebutton {
    align-self: center;
    margin-right: 430px;
    margin-top: 450px;
}

h1.expirytext {
    align-self: center;
    margin-right: 430px;
    margin-top: 450px;
}

.se-pre-loading {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/loading.gif) center no-repeat #fff;
}

.errorPopup {
    position: absolute;
    /*background: transparent;*/
    z-index: 1;
}

.dialog {
    border-style: solid;
    border-color: ##001b54;
}

.loading_component {
    position: absolute;
    top: 50%;
    left: 10%;
    margin: 250px auto;
}


/*moved from locator.html*/

.map_locator {
    border: 1px solid rgba(0, 27, 84, 0.28);
    display: none;
    min-height: 300px;
}

#Map {
    display: block;
}


/*moved from locator.html*/

#message-list li a {
    padding: 0.5em 2em;
}


/*for virtual keyboard starts*/


/*.col-lg-7{
        max-width: 1220px;
        min-height:100px;
    float: none;
    margin: 5px auto;
    padding: 0px;
    overflow: hidden;
}*/

#uba-keyboard {
    padding: 0px;
}

@media (max-width: 768px) {
    .col-lg-7 {
        overflow: auto;
    }
}


/*for virtual keyboard ends*/


/*for force change pwd --html not given by the bank*/

#force_change {
    margin-left: 55px;
    width: 90%;
}


/*new class added for force change pwd*/

.mobile-qick-links {
    width: 90%;
    border-top: 7px solid #001b54;
    float: none;
    margin: 30px auto;
    display: block;
}

a:visited {
    color: #231F20;
}


/*changes for google loader*/

.showbox {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5%;
}

.loader {
    position: relative;
    margin: 0px auto;
    width: 100px;
}

.loader:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.circular {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    height: 100%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round;
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

@-webkit-keyframes color {
    100%,
    0% {
        stroke: #d62d20;
    }
    40% {
        stroke: #0057e7;
    }
    66% {
        stroke: #008744;
    }
    80%,
    90% {
        stroke: #ffa700;
    }
}

@keyframes color {
    100%,
    0% {
        stroke: #d62d20;
    }
    40% {
        stroke: #0057e7;
    }
    66% {
        stroke: #008744;
    }
    80%,
    90% {
        stroke: #ffa700;
    }
}


/*added by sanjiv ends*/