/* Styles for validation helpers
-----------------------------------------------------------*/
.centered {
    top: 50%;
    left: 50%;
    width: 40em;
    height: 12em;
    margin-top: -10em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
    border: 0px;
    position: fixed;
    background: transparent;
    padding: 10px;
}

.invisibleSubmitButton {
    /*just setting visibility:collapsed works on chrome, but not IE*/
    background: transparent;
    border-width: 0px;
    height: 1px;
    width: 1px;
}

.field-validation-error {
    color: #f00;
    display: block;
    margin-top: 8px;
    text-align: center;
}

.field-validation-valid {
    display: none;
}

html {
    margin: 0;
    padding: 0;
    height: 100%;
}

@media screen {
    body {
        background: #ffffff;
        margin: 0;
        padding: 0;
        border: 0;
        width: 100%;
        height: 100%;
        min-height: 100%;
        overflow: hidden;
    }
}

@media print {
    body {
        margin: 0;
        padding: 0;
        border: 0;
        width: 100%;
        height: 100%;
    }
}

@media screen {
    .HideWhenPrinted {
        display: inherit;
    }
}

@media print {
    .HideWhenPrinted {
        display: none;
    }
}

div#JHAProductContainer {
    width: inherit;
    height: inherit;
}

div#JHAFunctionPanel {
    width: inherit;
    height: inherit;
}



.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}


/* jQuery mobile styles
-----------------------------------------------------------*/

/* Make listview buttons fill the whole horizontal width of the screen */
.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
    padding-right: 15px;
}

.ui-bar-a, .ui-body-a, .ui-btn-up-a, .ui-btn-hover-a, .ui-btn-down-a,
.ui-bar-b, .ui-body-b, .ui-btn-up-b, .ui-btn-hover-b, .ui-btn-down-b,
.ui-bar-c, .ui-body-c, .ui-btn-up-c, .ui-btn-hover-c, .ui-btn-down-c,
.ui-bar-d, .ui-body-d, .ui-btn-up-d, .ui-btn-hover-d, .ui-btn-down-d,
.ui-bar-e, .ui-body-e, .ui-btn-up-e, .ui-btn-hover-e, .ui-btn-down-e,
.ui-btn-active {
    text-shadow: none;
}


.k-grid .k-grid-header .k-header .k-link {
    height: auto;
    overflow: visible;
    text-decoration: none !important;
}

.k-grid .k-grid-header .k-header {
    white-space: normal;
}

.k-detail-cell .k-tabstrip .k-content {
    padding: 0.2em;
}

.k-resetPassword {
    background-position: 0 0;
    background-image: url('../../Images/Key_ResetPassword.png') !important;
}

.cover {
    opacity: 0.05;
    filter: alpha(opacity=5);
    background-color: gray;
}

/* Addnewatm page*/
.test {
    height: 100%;
    width: 100%;
}

/*Profitability Snapshot page*/
.k-treeview .k-in,
.k-treeview .k-in.k-state-hover,
.k-treeview .k-in.k-state-focused,
.k-treeview .k-in.k-state-selected {
    border-color: transparent;
    background-color: transparent;
    border-width: 0;
    border-style: none;
    border: none;
}

.demo-section {
    height: 200px;
}

/* ATMWizard.GeneralDetails Page*/
.rightSpace {
    padding-right: 20px;
}

.leftSpace {
    padding-left: 15px;
}

.headerSpacer {
    margin-left: 5px;
}

.errorMessage {
    width: 190px;
    margin-top: 0px;
}

.errorMessageFloat {
    float: right;
}

/*Profile Preferences Page and Preference page*/
.underline {
    text-decoration: underline;
}


/*  ATMWizard.Cassette Detail and Advance Setting Page */
.inputWidth {
    width: 190px;
}

.leftSpacreHeader {
    margin-bottom: 10px;
}

.ShowElement {
    display: block;
}

.HideElement {
    display: none;
}

#spnViewRolePermission table td {
    border: none;
    width: 10px;
    padding-left: 0px;
    padding-right: 0px;
}

#EventNoteList {
    display: none;
}

/*FTPWebAdmin - Product Administration page css*/
#spnViewRolePermission table td {
    border: none;
    width: 10px;
    padding-left: 0px;
    padding-right: 0px;
}


/*Card System - Card Control Administration Page*/
#CardControlGridContainer .innertable {
    margin-right: auto;
    width: 100%;
    margin: 0px 0px;
}

#CardControlGridContainer .Cell1 {
    width: 25%;
    padding-left: 20px;
}

#CardControlGridContainer .Cell2 {
    width: 25%;
    padding-right: 50px;
    text-align: right;
    border: solid 0px red;
}

#CardControlGridContainer .Cell3 {
    width: 25%;
    padding-left: 30px;
    line-height: 30px;
}

#CardControlGridContainer .Cell4 {
    width: 25%;
    padding-right: 30px;
    text-align: right;
}

#CardControlGridContainer .Cell5 {
    width: 50%;
}

#CardControlGridContainer .Errormessage {
    text-align: left;
    width: 190px;
    margin-top: 2px;
}

#CardControlGridContainer .ErrorSpan {
    float: right;
}

#CardControlGridContainer .inputMax {
    width: 190px;
}

#CardControlGridContainer .inputMin {
    width: 80px;
}

#CardControlGridContainer .btn_right {
    float: right;
    padding: 5px;
}

#CardControlGridContainer .anchorHeight {
    line-height: 25px;
}
/*ATM Level detail css */
#divATMLevelDetail .k-grid td {
     border-width: 0;
}

#divATMLevelDetail .k-grid-header th.k-header {
     border-width: 0;
}
/* MFA Phone registration */
#divPhoneRegistration divTable {
    display: table;
}

#divPhoneRegistration .col1 {
    width: 100px;
}

#divPhoneRegistration .Row {
    display: table-row;
    margin-top: 10px;
}

#divPhoneRegistration .Cell1 {
    display: table-cell;
    width: 90px;
    margin-top: 3px;
    height: 35px;
}

#divPhoneRegistration .Cell2 {
    display: table-cell;
    width: 180px;
}

#divPhoneRegistration .Cell3 {
    display: table-cell;
    width: 40px;
}

#divPhoneRegistration .Cell4 {
    display: table-cell;
}

#divPhoneRegistration .phoneErrormessage {
    margin-top: 3px;
    float: left;
}

div .k-widget.k-tooltip {
    background-color: lightyellow;
    color: black;
    font-family: Tahoma,Arial;
    font-size: 8.25pt;
}

/* class to show the images on the export to excel and export to csv*/
  .xlsiconified {
        background: transparent url("/Images/exportxls.png") scroll no-repeat left center;
        padding: 2px 0px 2px 20px;
    }

    .csviconified {
        background: transparent url("/Images/export16.gif") scroll no-repeat left center;
        padding: 2px 0px 2px 20px;
    }

/*Global FI User search css*/
.lablePadding {
        padding-right: 20px; 
    }

.inputPadding {
        padding-right: 40px; 
    }
/*Security Question */
.divTable { display: table; width: auto; border-spacing: 5px; }
.divRow { display: table-row; width: auto; }
.divCell1 { float: left; display: table-column; width: 130px; }
.divCell { float: left; display: table-column;  }